Make DecaDojo top texts more friendly for mobile screens

Author: yasulab

index.html

@@ -170,10 +170,13 @@ <h3 class="headline rich_font">DecaDojo とは？</h3>
             <div class="desc">
 	      <p>「でかドージョー」は、埼玉県所沢市で始まった、近隣の <a href='https://coderdojo.jp/'>CoderDojo</a> が集まってプログラミングを楽しむお祭りです。</p>
 	      <br>
-	      <p>でか（Deca）は日本語で「大きい」を意味する「でかい」と、10倍を表す単位 [deca] をかけてます。( ｰ`дｰ´)ｷﾘｯ</p>
+	      <p>でか（Deca）は日本語で「大きい」を意味する「でかい」と、10倍を表す単位 <a href='https://ja.wikipedia.org/wiki/%E3%83%87%E3%82%AB'>[deca]</a> をかけてます。<br class='ignore-pc'>
+		<span style='font-size: 80%;'>
+		  ( ｰ`дｰ´)ｷﾘｯ
+		</span>
+	      </p>
 	      <br>
-	      <p>いつもと違う大きな会場で、みどころ10倍！楽しさ10倍！<br />
-		ニンジャのみんなの参加まってるよ！</p>
+	      <p>いつもと違う大きな会場で、みどころ10倍！楽しさ10倍！<br class='ignore-sp'>ニンジャのみんなの参加を待ってるよ！</p>
 	    </div>
 	  </div>
 	</div>

responsive.css

@@ -2,6 +2,21 @@
 
 body { min-width:0; }
 
+/* 改行位置の調整 */
+.ignore-pc {
+  display: none;
+}
+.ignore-sp {
+  display: inline;
+}
+@media screen and (max-width: 550px) {
+  .ignore-pc {
+    display: inline;
+  }
+  .ignore-sp {
+    display: none;
+  }
+}
 
 /* レイアウト */
 #global_menu_wrap {