シュガーソングとビターステップ

ふりがな歌詞。 （因為太喜歡這首歌了，所以怒弄成標音方便大唱XD）

by Trina Lu

HTML

<h2>シュガーソングとビターステップ</h2>
<h3>UNISON SQUARE GARDEN</h3>
<div id="lyrics">
  <ruby>超
    <rt>ちょう</rt>天
    <rt>てん</rt>変
    <rt>ぺん</rt>地
    <rt>ち</rt>異
    <rt>い</rt>
  </ruby>みたいな
  <ruby>狂
    <rt>きょう</rt>騒
    <rt>そう</rt>
  </ruby>にも
  <ruby>慣
    <rt>な</rt>
  </ruby>れて　こんな
  <ruby>日常
    <rt>にちじょう</rt>
  </ruby>を
  <ruby>平和
    <rt>へいわ</rt>
  </ruby>と
  <ruby>見
    <rt>み</rt>
  </ruby>
  <ruby>間違
    <rt>まちが</rt>
  </ruby>う
  <br>rambling coaster
  <ruby>揺
    <rt>ゆ</rt>
  </ruby>さぶられながら
  <ruby>見
    <rt>み</rt>失
    <rt>うしな</rt>
  </ruby>えないものは何だ？
  <br>
  <br>
  <ruby>平
    <rt>びょう</rt>等
    <rt>どう</rt>性
    <rt>せい</rt>原
    <rt>げん</rt>理
    <rt>り</rt>主
    <rt>しゅ</rt>義
    <rt>ぎ</rt>
  </ruby>の
  <ruby>概
    <rt>がい</rt>念
    <rt>ねん</rt>
  </ruby>に
  <ruby>飲
    <rt>の</rt>
  </ruby>まれて　心までがまるでエトセトラ
  <br>大嫌い　大好き　ちゃんと
  <ruby>喋
    <rt>しゃべ</rt>
  </ruby>らなきゃ
  <ruby>人
    <rt>にん</rt>形
    <rt>ぎょう</rt>
  </ruby>とさして
  <ruby>変
    <rt>か</rt>
  </ruby>
  わらないし
  <br>
  <br>
  <ruby>宵
    <rt>よい</rt>街
    <rt>まち</rt>
  </ruby>を
  <ruby>行
    <rt>ゆ</rt>
  </ruby>く人だかりは
  <ruby>嬉
    <rt>うれ</rt>
  </ruby>しそうだったり
  <ruby>寂
    <rt>さび</rt>
  </ruby>しそうだったり
  <br>コントラストが
  <ruby>五線譜
    <rt>ごせんふ</rt>
  </ruby>を
  <ruby>飛
    <rt>と</rt>
  </ruby>び
  <ruby>回
    <rt>まわ</rt>
  </ruby>り　歌とリズムになる
  <br>
  <br>ママレード&amp;シュガーソング、ピーナッツ&amp;ビターステップ
  <br>甘くて苦くて目が
  <ruby>回
    <rt>まわ</rt>
  </ruby>りそうです
  <br>
  <ruby>南南西
    <rt>なんなんせい</rt>
  </ruby>を目指してパーティを
  <ruby>続
    <rt>つづ</rt>
  </ruby>けよう
  <ruby>世界中
    <rt>せかいじゅう</ruby>を
  <ruby>驚
    <rt>おどろ</rt>
  </ruby>
  かせてしまう夜になる
  <br>I feel
  <ruby>上々
    <rt>じょうじょう</rt>
  </ruby>
  <ruby>連鎖
    <rt>れんさ</rt>
  </ruby> になってリフレクト
  <br>
  <br>
  <ruby>蓋
    <rt>がい</rt>然
    <rt>ぜん</rt>性
    <rt>せい</rt>合
    <rt>ごう</rt>理
    <rt>り</rt>主
    <rt>しゅ</rt>義
    <rt>ぎ</rt>
  </ruby>の
  <ruby>正論
    <rt>せいろん</rt>
  </ruby>に
  <ruby>揉
    <rt>も</rt>
  </ruby>まれて　僕らの
  <ruby>音楽
    <rt>おんがく</rt>
  </ruby>は
  <ruby>道具
   ...

CSS

body {
	  font-family: Consolas, "courier new";
	}
	
	#lyrics {
	  line-height: 2.3em;
	  background: rgba(156, 156, 156, 0.15);
	  padding: 30px;
	  border-radius: 4px;
	  border: 1px solid #878;
	}
	
	rt {
	  color: #FF5722;
	}