@charset "UTF-8";

/* PC */
@media screen and (min-width: 769px) {

.playlist_box {
	padding: 10px;
	margin: 0 10%;
}

.text01{
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	margin-bottom: 10px;
	text-align: center;
	}
	
.text02{
	color:#000000;
	font-size:20px;
	font-weight:bold;
	text-align: center;
	}

.text02_01{
	color:#888888;
	font-size:15px;
	margin-bottom:0px;
	text-align: center;
	}


.text02_02{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	}

	
	
	

.box01{
	margin:20px;
	}

.box02{
	width: 400px;
margin: 0px 280px 40px 280px ;

	}
	
.logo_1 {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0px 20px 20px 20px ;
}

	
h4{
	font-weight: bold;	
	margin-bottom: 0px;
	border-bottom: 1px solid #7E7E7E;
	
}

.circle{
	background:url(/music/sec/enquete/200814/img/circle.png) no-repeat center right;
	margin-rigth:800px;
	}
}




/* 450px　iphone */

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

.playlist_box {
	margin: 2px 0;
	}
	
.text01{
	color:#ffffff ;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	}

.text02{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	text-align: center;
	}

.text02_01{
	color:#888888;
	font-size:12px;
	margin:10px 0px 10px 0px;
	text-align: center;
	}

.text02_02{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	}

	
	
	
	
.box01{
	margin:10px;
	}

	
	
.box02{
	  float: left;
	width: 450px;
margin: 10px 100px 40px 100px;
	}
	
.logo_1 {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0px 10px 10px 10px ;
}

	
h4{
	font-weight: bold;	
	margin-bottom: 10px;
	border-bottom: 1px solid #7E7E7E;
}


/* 400px Android */
	
@media screen and (max-width:400px) { 

.playlist_box {
	margin: 2px 0;
	}
	
.text01{
	color:#ffffff ;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	}

.text02{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	text-align: center;
	}

.text02_01{
	color:#888888;
	font-size:12px;
	margin:10px 0px 10px 0px;
	text-align: center;
	}

.text02_02{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	}

	
	
.box01{
	margin:10px;
	}

	
	
.box02{
	  float: left;
	width: 400px;
margin: 0px 90px 40px 80px;
	}
	
.logo_1 {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0px 10px 10px 10px ;
}

	
h4{
	font-weight: bold;	
		margin-bottom: 10px;
	border-bottom: 1px solid #7E7E7E;
}