@charset "UTF-8";
#music{
	
}

@media screen and (min-width:980px){
#music{
	width:100%;
	margin:0 auto;
	position:relative;
	background:#e2ef62 url("../images/music_bg_pc.jpg") center top no-repeat;
	padding-top:300px;
	padding-bottom:100px;
	z-index:3;
	}
}
@media screen and (min-width:641px) and (max-width:980px){
	#music{
	width:100%;
	position:relative;
	background:#e2ef62 url("../images/music_bg_pc.jpg") center top no-repeat;
	margin:0 auto;
	padding-top:21vw;
	padding-bottom:60px;
	}
}
@media screen and (max-width:640px){
	#music{
	width:100%;
	margin:0;
	position:relative;
	background:#e2ef62 url("../images/music_bg_pc.jpg") center top no-repeat;
	background-size:310% auto;
	padding-top:29vw;
	padding-bottom:20vw;;
	}
}

#music h2{ display:none;}
.musicBox .txtArea{ display:none;}

.musicBox .jakeArea{ display:none;}
.musicBox img{
		width:100%;
	}


@media screen and (min-width:981px) {
	#music .contents{
		width:800px;
		margin:0 auto;
	}
	#music h1{
	max-width:731px;
	max-height:164px;
	width:731px;
	height:164px;
	background:url("../images/music_ti_pc.png") no-repeat;
	text-indent:-9999px;
	margin:0px auto 60px auto;
	display:block;
	position:relative;
	}
	.musicBox{
		width:49%;
		float:left;
	}
	.musicBox img{
		width:100%;
	}
	#music0034{
		margin-left:2%;
	}
	#music0012 img:first-child{ margin-bottom:10px;}
	#officialLink li{
		float:left;
		width:49%;
	}
	#officialLink li:last-child{ margin-left:2%;}
	#playlist{
		clear:both;
	}
	#playlist h4{ padding-top:30px; margin-bottom:10px;}
}

@media screen and (min-width:641px) and (max-width:980px){
	#music h1{
	max-width:731px;
	width:75vW;
	height:21vw;
	background:url("../images/music_ti_pc.png") no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0px auto 0 auto;
	display:block;
		position:relative;
	}
	.musicBox{
		width:49%;
		float:left;
	}
	.musicBox img{
		width:100%;
	}
	#music0034{
		margin-left:2%;
	}
	#music0012 img:first-child{ margin-bottom:10px;}
	#officialLink li{
		float:left;
		width:49%;
	}
	#officialLink li:last-child{ margin-left:2%;}
	#playlist{
		clear:both;
	}
	#playlist h4{ padding-top:30px; margin-bottom:10px;}
}

@media screen and (max-width:640px){
	#music h1{
	width:100%;
	height:26vw;
	background:url("../images/music_ti_pc.png") no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0px auto 0 auto;
	display:block;
		position:relative;
	}
	.musicBox{
		width:90%;
		margin:0 auto 0 auto;
	}
	.musicBox img{
		width:100%;
		margin-bottom:8px;
	}
	#officialLink li{
		width:49%;
		float:left;
	}
	
	#officialLink li:last-child{ margin-left:2%;}
	#playlist{
		clear:both;
		width:90%;
		margin:0 auto;
	}
	#playlist h4{ padding-top:30px; margin-bottom:10px; width:35vw;}
}