@charset "utf-8";
/* CSS Document */

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

#wrap{
	width:100%;
	}
	
header{
	width:100%;
	}
.back{
	left:6.6734693877551%;
	top:20%;
	width:3.8775510204082%;
	}	
.logo{
	padding-top:5.1020408163265%;
	width:37.9591836734694%;
	padding-bottom:3.6734693877551%;
	}
#content{
	width:100%;
		}
.music1{
	border-bottom:1px solid #D3D3D3;
	}

.music1 ul{
	padding-bottom:23.8775510204082%;
	}
.music-img{
	padding:5.0% 4.8367346938776% 0 8.1632653061224%;
	}
.music1 .music-img img{
	width:100%;
	}
.music-img a{
	padding:0;
	}	
text {
    width:430px;
    padding-top: 4.8979591836735%;
}
.music1 ul li h2 a{
	color:#393939;
	font-family:"Arial";
	font-size:32px;
	font-weight:bold;
	float:left;
	display:block;
	padding-top:10px;
	}		
.music1 ul li p{
	color:#7d7d7d;
	font-family:"Arial";
	font-size:32px;
	font-weight:lighter;
	float:right;
	padding-right:10.2040816326531%;
	padding-top:2.1816326530612%;
	}	
.down{
	width:30px;
	float:right;
	padding-left:1.1224489795918%;
	padding-top:10.2040816326531%;
	}	
.down a img{
	width:100%;
	}	
}


@media screen and (max-width:480px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
		
.back{
	left:4.48979592%;
	top:28.125%;
	width:4.175824175824175824175824175824%;
	}	

.logo{
	padding-top:5.102040816326530612244897959184%;
	width:32.857142857142857142857142857143%;
	padding-bottom:3.673469387755102040816326530612%;
	}
	
.music1{
	border-bottom:1px solid #D3D3D3;
	
	
	}

.music1 ul{
	padding-bottom:23.87755102040816326530612244898%;
	}
.music-img{
	padding:3.673469387755102040816326530612% 8.836734693877551020408163265306% 0 3.163265306122448979591836734694%;
	}
.music1 .music-img img{
	width:65.925925925925925925925925925926%;
	}
.text{
	padding-top:5.897959183673469387755102040816%;
	}
.music1 ul li h2 a{
	font-size:22px;
	}		
.music1 ul li p{
	font-size:16px;
	padding-right:5.102040816326530612244897959184%;
	padding-top:2.040816326530612244897959183673%;
	}	
.down{
	width:4.285714285714285714285714285714%;
	padding-left:16.93877551020408163265306122449%;
	padding-top:10.204081632653061224489795918367%;
	}	



}




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

.music-img{
	padding:5% 1.836734693877551020408163265306% 0  0.163265306122448979591836734694%;
	}
.music1 .music-img img{
	width:47.037037037037037037037037037037%;
	}
.text{
	padding-top:5.897959183673469387755102040816%;
	}
.music1 ul li h2 a{
	color:#393939;
	font-family:"Arial";
	font-weight:bold;
	float:left;
	display:block;
	padding-top:15px;
	font-size:16px;
	}		
.music1 ul li p{
	font-size:15px;
	padding-right:5.102040816326530612244897959184%;
	padding-top:8.040816326530612244897959183673%;
	}	
.down{
	width:4.285714285714285714285714285714%;
	padding-left:2.93877551020408163265306122449%;
	padding-top:10.204081632653061224489795918367%;
	}	

.text {
    width:190px;
    padding-top: 5.8979591836735%;
}
.down a img{
	width:100%;
	}	

.back {
    left: 6.48979592%;
    top: 28.125%;
    width: 3.5%;
}






}


@media screen and (max-width:320px){
 .music-img{
	padding:3.673469387755102040816326530612% 0 0  0;
	}
.music1 .music-img img{
	width:47.037037037037037037037037037037%;
	}
.text{
	padding-top:6.897959183673469387755102040816%;
	}
.music1 ul li h2 a{
	font-size:13px;
	}		
.music1 ul li p{
	font-size:14px;
	padding-right:10.102040816326530612244897959184%;
	padding-top:7.040816326530612244897959183673%;
	}	
.down{
	width:4.285714285714285714285714285714%;
	padding-left:0.93877551020408163265306122449%;
	padding-top:9.404081632653061224489795918367%;
	}	
.text {
    width:180px;
    padding-top:6%;
}

.down a img{
	width:100%;
	}	

.back {
    left: 7.48979592%;
    top: 28.125%;
    width: 3.5%;
}

}