[add]

春の生き物を追加

css/kitagata_creature_encyclopedia.css

@@ -41,9 +41,13 @@
 }
 
 .creatureImage_block {
-    width: 50%;
+    width: 30%;
 }
 
 .creatureImage {
     width: 100%;
 }
+
+.creatureName {
+    width: 50%;
+}

second/kitagata_creature_encyclopedia.html

@@ -309,7 +309,7 @@
 
               <div class="creature_block">
                 <div class="creatureImage_block">
-                  <a href="../../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/2marubarukou.pdf">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/2marubarukou.pdf">
                     <img class="creatureImage"
                          src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/2marubarukou.png"
                          alt="">
@@ -320,6 +320,307 @@
                 </div>
               </div>
 
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/2marubarukou.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/3kishoubu.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/3kishoubu.pdf">【キショウブ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/4nayokusahuzi.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/4nayokusahuzi.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/4nayokusahuzi.pdf">【ナヨクサウジ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/5sasabamo.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/5sasabamo.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/5sasabamo.pdf">【ササバモ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/6kyuurigusa.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/6kyuurigusa.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/6kyuurigusa.pdf">【キュウリグサ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/7kitunenobotan.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/7kitunenobotan.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/7kitunenobotan.pdf">【キツネノボタン】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/8hahakogusa.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/8hahakogusa.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/8hahakogusa.pdf">【ハハコグサ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/9genzibotaru.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/9genzibotaru.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/9genzibotaru.pdf">【ゲンジボタル】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/10hasamitunokamemushi.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/10hasamitunokamemushi.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/10hasamitunokamemushi.pdf">【ハサミノカメムシ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/11tumagurobatta.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/11tumagurobatta.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/11tumagurobatta.pdf">【ツマグロバッタ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/12yamatoshizimi.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/12yamatoshizimi.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/12yamatoshizimi.pdf">【ヤマトシジミ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/13nanahoshitentoumushi.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/13nanahoshitentoumushi.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/13nanahoshitentoumushi.pdf">【ナナホシテントウ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/14namitentou.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/14namitentou.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/14namitentou.pdf">【ナミテントウ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/15himejanome.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/15himejanome.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/15himejanome.pdf">【ヒメジャノメ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/16aodaishou.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/16aodaishou.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/16aodaishou.pdf">【アオダイショウ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/17koi.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/17koi.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/17koi.pdf">【コイ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/18namazu.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/18namazu.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/18namazu.pdf">【ナマズ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/19kawahigai.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/19kawahigai.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/19kawahigai.pdf">【カワヒガイ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/20aburabote.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/20aburabote.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/20aburabote.pdf">【アブラボラ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/21nigoi.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/21nigoi.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/21nigoi.pdf">【ニゴイ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/22kawayoshinobori.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/22kawayoshinobori.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/22kawayoshinobori.pdf">【カワヨシノボリ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/23numagaeru.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/23numagaeru.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/23numagaeru.pdf">【ヌマガエル】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/24magamo.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/24magamo.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/24magamo.pdf">【マガモ】</a>
+                </div>
+              </div>
+
+              <div class="creature_block">
+                <div class="creatureImage_block">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/25nutoria.pdf">
+                    <img class="creatureImage"
+                         src="../css/img/kitagata_creature_encyclopedia/creature/spring/picture/25nutoria.png"
+                         alt="">
+                  </a>
+                </div>
+                <div class="creatureName">
+                  <a href="../css/img/kitagata_creature_encyclopedia/creature/spring/pdf/25nutoria.pdf">【ヌートリア】</a>
+                </div>
+              </div>
+
+
+
             </div>
           </div>