.radio{
	width: 100%;
	background: #edf4fa;
	padding: 30px 0 10px;
	font-family: "游明朝", "YuMincho", Hiragino Mincho ProN, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.radio h4{
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "游明朝", "YuMincho", Hiragino Mincho ProN, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #0985d3;
}

.radio h4 span{
	font-size: 80%;
}

.radio p.radio_copy{
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	font-family: "游明朝", "YuMincho", Hiragino Mincho ProN, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.soundBtnA,
p.soundBtnB,
p.soundBtnC {
	width: 80px;
	height: 80px;
	cursor: pointer;
	background: url(../img/btn_radio_stop.png) top left no-repeat;
	margin: 0 auto;
}

p.soundBtnA span,
p.soundBtnB span,
p.soundBtnC span  {
	display: none;
}
p.clicked {
	background: url(../img/btn_radio_play.png) bottom left no-repeat;
}

p.soundBtnA:hover,
p.soundBtnB:hover,
p.soundBtnC:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){
	
.radio{
	padding: 20px 0 10px;
	margin-bottom: 20px!important;
}
.radio h4{
	font-size: 5.4vw;
}

.radio h4 span{
	font-size: 4vw;
	line-height: 1.0;
}

.radio h4 span.acc{
	font-size: 3vw;
	line-height: 1.0;
}

.radio h4 span span{
	display: none;
}

.radio ul{
	margin-left: 0px;
}

.radio ul li {
	float: none;
	width: 100%!important;
	margin-right: 0px;
	text-align: center;
	border-bottom: none!important;
}

}