
html { background:#262626; }
body { color:#AAAAAA; font-size:12px; font-size:1.2em; line-height:1em; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }

div#page { width:740px; height:520px; overflow:auto; }

article { padding:25px 50px 25px 50px; }
article h1 { margin:0 0 20px 0; padding:0 0 20px 0; text-align:center; font-size:18px; font-size:1.8rem; line-height:1em; color:#ffffff; border-bottom:solid 1px #4D4D4D; }
article p.sub { padding:0 0 25px 0; text-align:center; font-size:12px; font-size:1.2rem; line-height:1.75em; }
article div.youtube { position:relative; margin:0 0 60px 0; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
article div.youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
article h2 { padding:0 0 20px 0; text-align:center; }
article p.play { padding:0 0 40px 0; text-align:center; }
article div.lyric { position:relative; }
article div.lyric div.wrap { padding:0 0 40px 0; }
	article div.lyric div.wrap:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	article div.lyric div.wrap { min-height:1%; }
article div.lyric div.wrap div.box { float:left; width:50%; }
article div.lyric div.wrap div.box p { padding:0 20px 20px 0; font-size:12px; font-size:1.2rem; line-height:1.75em; }
article div.lyric div.wrap div.box2{ width:100%; }
article div.lyric div.wrap div.box2 p { padding:0 20px 20px 0; font-size:12px; font-size:1.2rem; line-height:1.75em; }
article div.lyric div.ex {}
article div.lyric div.ex p { padding:0 0 20px 0; font-size:12px; font-size:1.2rem; line-height:1.75em; font-style:italic; }
article div.lyric p.lock { position:absolute; top:0; left:0; width:100%; height:100%; }
article div.lyric p.lock img { width:100%; height:100%; }

