/* イナズマロックレディオ */
.radioWrap{
	background:#000;
}
#radio {
	width:320px;
	margin:0 auto;
	background:#000;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#radio .title {
		width:320px; height:225px;
		background-image:url(../../../sp/images/radio/radio-title.png);
		background-repeat:no-repeat;
	}
	#radio li {
		position:relative; width:320px; height:55px; overflow:hidden;
	}
	#radio .list {
		position:relative; width:245px; height:47px; padding:8px 15px 0 60px;
		background-image:url(../images/radio/radio-list-bg.png);
		background-position:0 0;
		background-repeat:no-repeat;
		text-align:right; color:#8c9295; font-size:15px; line-height:18px;
	}
	#radio .list:active {
		background-image:url(../images/radio/radio-list-bg.png);
		background-position:0 -55px;
		background-repeat:no-repeat;
		text-align:right; color:#fec724;
	}
	#radio .list .oa { font-size:12px; }
	#radio .name { display:none;
		position:absolute; width:320px; height:47px; left:0; top:0; padding-top:7px;
		background:#1a1a1a;
		border-top:1px solid #fec724;
		border-bottom:1px solid #fec724;
		text-align:center; color:#fec724; font-size:18px; line-height:19px;
	}
	#radio .name .oa { font-size:14px; }
	#radio .time {
		position:absolute; left:0; top:67px; width:320px; height:auto;
		font-size:18px; color:#fff; text-align:center;
	}
	#radio .rail {
		position:absolute; left:15px; top:110px; width:300px; height:15px; overflow:visible;
		background-image:url(../images/radio/player-rail.png);
		background-position:center center;
		background-repeat:no-repeat;
	}
	/*
	#radio .playedLeft {
		position:absolute; left:0; top:0px; width:5px; height:12px;
		background-image:url(../images/radio/player-played-left.png);
	}
	*/
	#radio .played {
		position:absolute; left:0; top:-1px; width:0; height:15px;
		background-image:url(../images/radio/player-played-middle.png);
	}
	#radio .paddle {
		position:absolute; left:-10px; top:-7px; width:28px; height:28px;
		background-image:url(../images/radio/player-paddle.png);
		background-repeat:no-repeat;
	}
	#radio .stop {
		position:absolute; left:84px; top:175px; width:22px; height:22px;
		background-image:url(../images/radio/player-stop.png);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#radio .stop:active {
		background-image:url(../images/radio/player-stop.png);
		background-position:0 -22px;
		background-repeat:no-repeat;
	}
	#radio .stopOn {
		background-image:url(../images/radio/player-stop.png);
		background-position:0 -22px!important;
		background-repeat:no-repeat;
	}
	#radio .play {
		position:absolute; left:119px; top:145px; width:82px; height:82px;
		background-image:url(../images/radio/player-play.png);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#radio .play:active {
		background-image:url(../images/radio/player-play.png);
		background-position:0 -82px;
		background-repeat:no-repeat;
	}
	#radio .playOn {
		background-image:url(../images/radio/player-play.png);
		background-position:0 -82px!important;
		background-repeat:no-repeat;
	}
	#radio .pause {
		position:absolute; left:214px; top:175px; width:22px; height:22px;
		background-image:url(../images/radio/player-pause.png);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#radio .pause:active {
		background-image:url(../images/radio/player-pause.png);
		background-position:0 -22px;
		background-repeat:no-repeat;
	}
	#radio .pauseOn {
		background-image:url(../images/radio/player-pause.png);
		background-position:0 -22px!important;
		background-repeat:no-repeat;
	}
	
.list, .list:active, .paddle,
.stop, .stop:active, .stopOn, .play, .play:active, .playOn,
.pause, .pause:active, .pauseOn{
	background-size:cover;
}