/*____________________________

# TCA MUSIC tokushu css
# update 2016.03.24
____________________________*/

/*__________________________________________________

PC用
__________________________________________________*/
.main {
	background: url(../img/180515/bg.jpg) no-repeat;
	height: 654px;
	}

a img,img {
	border: none;
}

h2.title {
	margin: 10px 0;
}

h3,h4,p {
	margin: 0;
	padding: 0;
}
/* .float-l .banner {
	margin-top: 10px;	
}*/

h3.tokusyu_ttl img{
	margin: 40px auto 0 40px;
}

.float-l .main-l .bg-jkarea {
	width: 305px;
	height: 286px;
}

.float-l .main-l .bg-jkarea {
	width: 305px;
	height: 286px;
}

.float-l .main-l p.main_text {
	margin: 22px 0 38px 40px;
	}

.float-l .main-l .bg-jkarea p.image-jk {
	padding: 0 70px 0px 20px; 
}

.float-l .main-l .bg-jkarea p.image-jk {
	padding: 0 70px 16px 40px; 
}

.float-l .main-l .btn-area ul {
	padding: 0 40px;
}

.float-l .main-l .btn-area li {
    margin-right: 0px;
}

div#musicBody div.float-l .btn-area li {
    float: left;
    width: 100px;
}

div#musicBody div.float-l .btn-area li.details {
    padding-right: 16px;
}

.float-l .main-r {
	float: right;
	width: 310px;
}

.bnr-area {
	clear: both;
	padding: 30px 0;
}

h3.sp-ptb {
	margin-bottom: 5px;
	text-align: left;
}

/*マック閲覧時のリンク線を消す */
.noborder { border:none; outline:none; } 

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/*.clearfix {display: block;} */
/* End hide from IE-mac */


/*__________________________________________________

スマホ用
__________________________________________________*/

@media screen and (max-width: 640px){

/*__________________________________________________

body
__________________________________________________*/
    .main {display: none;}

	div#musicBody{width: 100%;}
	
	div#musicBody div.float-l{float: none; width: 100%; margin-top: 0 !important;}
	
	.no{display: block; background: #252525; color: #fff; padding: 15px 10px;margin: 0;}
/*__________________________________________________

header2

__________________________________________________*/

	#header2{
		background: none;
		width: 100%;
		height: auto;
	}

#header2 h1{
 position: static;
 display: block;
 width: 100%;
 background: #000 url(/music/img/tca_misic_h1.jpg) no-repeat;
}


.allRack{
text-align: center;
	position: relative;
	top: 0;
	left: 0;
}

.allRack img{
width: 30px;
margin: 10px 5px;
}
	
/*__________________________________________________

gnav

__________________________________________________*/

	#gnav{
		position: static;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#gnav li, #gnav li a{
		text-indent: inherit;
		height: auto;
	}
	#gnav li{
		width: 33%;
		text-align: center;
	}
	#gnav li a{
		display: block;
		text-align: center;
		padding: 10px 0;
		width: 100%;
	}
	.music .gnav-music, .music .gnav-music a, .gnav-music a:hover,
	.customcd .gnav-customcd, .customcd .gnav-customcd a, .gnav-customcd a:hover,
	.uta .gnav-music, .uta .gnav-music a, .uta .gnav-uta, .uta .gnav-uta a, .gnav-uta a:hover,
	.gnav-uta, .gnav-uta a, .gnav-customcd, .gnav-customcd a{
		background: none;
		width: auto;
	}

/*__________________________________________________

search-top
__________________________________________________*/

div#uta-list-top,
div#search-top{
	width: 100%;
}

/*__________________________________________________

album-top

__________________________________________________*/

	div#album-top{
		width: 100%;
		border-top: 1px solid #252525;
	}
	div#album-top div.top-title,
	div#album-top h1,
	div#album-top div.box div.r-area .cl,
	div#album-top div.box div.icon02,
	div#album-top img.sample{
		display: none;
	}
	div#album-top div.box{
		width: 100%;
		padding: 20px 0;
		border: none !important;
		border-bottom: 1px solid #252525 !important;
	}
	div#album-top div.img-jacket{
		width: 100px;
		padding-left: 10px;
	}
	div#album-top div.img-jacket img{
		width: 100px;
		height: 100px;
	}
	div#album-top div.box div.r-area{
		width: 100%;
		padding-right: 10px;
		margin-left: -125px;
		float: right;
	}
	div#album-top div.box div.r-area div{
		margin: 0 0 0 130px !important;
	}
	div#album-top div.box div.r-area div.title{
		margin-bottom: 10px !important;
	}
	
/*__________________________________________________

footer

__________________________________________________*/
	
	#footer{width: 100%;}
	#footer #footerBox{
		background: #252525;
		font-size: 12px;
		padding: 20px 10px;
		line-height: 1.5em;
		margin: 0;
	}
	#footerBox #inquiry{
		background: #252525;
		padding: 0;
		margin-bottom: 20px;
	}
	#footerBox p{
		padding: 0;
	}
	#footer .bnr{
		display: none;
	}

/*__________________________________________________

special contents
__________________________________________________*/

div#musicBody div.float-l h2.sp_title {
	background: #252525;
	padding: 3.3333% 3.90625%;
	color: #f39800;
	font-size: 18px;
	font-weight: normal;
}

div#musicBody div.float-l h3.sp_tokusyu_ttl img {
	width: 100%;
	margin: 0;
	padding: 0;
}
	
.float-l .main-l {
	display: none;
}

.float-l .main-r {
	display: none;
}

div#musicBody div.float-l p.text-area {
	background: #000;
	padding: 3.3333% 3.125%;
	color: #fff;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
}

div#musicBody div.float-l .sp_syosai {
	background: #fff;	
	padding-top: 6.9767%;
}

div#musicBody div.float-l .sp_syosai .sp_jk {
	width: 33.75%;
	text-align: center;
	margin: 0 auto;
}

div#musicBody div.float-l .sp_syosai .sp_jk img {
	width: 100%;
	height: auto;
}


div#musicBody div.float-l .sp_btn-area ul {
    margin: 8.065% 14.688% 8.064% 15%;
    /*padding-left: 130px;*/
}

div#musicBody div.float-l .sp_btn-area li {
    margin-right: 0px;
}

div#musicBody div.float-l .sp_btn-area li {
    float: none;
    width: 46%;
    display: inline-block;
}
div#musicBody div.float-l .sp_btn-area li img {
	width: 100%;
	height: auto;
}

div#musicBody div.float-l .sp_btn-area li.details {
    padding-right: 4.6875%;
}

.sp_bnr-area {
	clear: both;
	text-align: center;
	background: #000;
	margin-bottom: 30px;
}

.sp_bnr-area img {
	width: 100%;
}

.bnr-area {
	display: none;
}
}