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

#wrapper audio {
	display: block;
	width: 696px;
	margin:10px;
}
#music_box {
	width: 96%;
	box-sizing: border-box;
	margin: 15px;
}

#music_box label {
	color: #555;
	padding: 10px;
	display: block;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
#music_box label:hover {
	background-color:#eee;
}
#music_box label span {
	float: right;
}
#music_box input[type="checkbox"].on-off {
	display: none;
}
#music_box .menu div {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
}
#music_box .menu div.music_accordion {
	background-color:#fafafa;
	border-bottom:solid 1px #CCCCCC;
}
#music_box .menu div.music_accordion h3 {
font-size:1.8em;
	margin:20px 0px;
}
#music_box .menu div.music_accordion h3 span {
	font-size:0.6em;
	padding-left:1em;
}
#music_box .menu li {
	padding: 5px;
}
#music_box input[type="checkbox"].on-off + div {
	height: 0;
	overflow: hidden;
}
#music_box input[type="checkbox"].on-off:checked + div {
	height: auto;
}
#music_box .menu div.music_info {
	float:left;
	margin:10px;
}
#music_box .menu div.music_info table {
	box-sizing:border-box;
	width:200px;
}
#music_box .menu div.music_info table th,
#music_box .menu div.music_info table td {
	padding:5px;
}
#music_box .menu div.music_info table th {
	background-color:#ccc;
	
}
#music_box .menu div.music_info table td {
	background-color:#f3f3f3;
}
.lyrics {
	width: 450px;
	font-size: .8em;
	float:right;
	margin:10px;
	}
#music_box .menu div.lyrics p {
	white-space: nowrap; 
}
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
	margin:0px 0px;
}
hr.style-eight:after {
    content: "歌詞";
	font-size:12px;
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    padding: 0 0.25em;
    background: white;
}