生き物図鑑更新データ

タイトルのフォントサイズ、カラー、バックグランドカラーを修正

css/kitagata_creature_encyclopedia.css

@@ -75,10 +75,17 @@
 
 .spring_plantsAnimals_block {
     position: relative;
-    background: center/100% repeat-y url("../css/img/kitagata_creature_encyclopedia/creature/spring/spring.png");
     /*background-image: url("../css/img/kitagata_creature_encyclopedia/creature/spring/spring.png");*/
 }
 
+.spring_plansAnimals_list {
+    background: center/100% repeat-y url("../css/img/kitagata_creature_encyclopedia/creature/spring/spring.png");
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
 .spring_plansAnimals_bloom_left {
     position: absolute;
     top: 20px;
@@ -141,10 +148,18 @@
 
 .summer_plantsAnimals_backgroundColor {
     position: relative;
-    background: 100% center/100% repeat-y url("../css/img/kitagata_creature_encyclopedia/creature/summer/summer.png");
+
     /*background-image: url("../css/img/kitagata_creature_encyclopedia/creature/summer/summer.png");*/
 }
 
+.summer_plansAnimals_list {
+    background: 100% center/100% repeat-y url("../css/img/kitagata_creature_encyclopedia/creature/summer/summer.png");
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
 .summer_plansAnimals_grass_lowerLow {
     position: absolute;
     top: 460px;
@@ -155,10 +170,17 @@
 
 .autumn_plantsAnimals_backgroundColor {
     position: relative;
-    background: 100% center/100% repeat-y url(../css/img/kitagata_creature_encyclopedia/creature/autumn/autumn.png);
     /*background-image: url("../css/img/kitagata_creature_encyclopedia/creature/autumn/autumn.png");*/
 }
 
+.autumn_plansAnimals_list {
+    background: 100% center/100% repeat-y url(../css/img/kitagata_creature_encyclopedia/creature/autumn/autumn.png);
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
 .autumn_plansAnimals_bloom_lowerLow_2 {
     position: absolute;
     top: 540px;
@@ -169,10 +191,18 @@
 
 .winter_plantsAnimals_backgroundColor {
     position: relative;
-    background: 100% center/100% repeat-y url("../css/img/kitagata_creature_encyclopedia/creature/winter/winter.png");
+
     /*background-image: url("../css/img/kitagata_creature_encyclopedia/creature/winter/winter.png");*/
 }
 
+.winter_plansAnimals_list {
+    background: 100% center/100% repeat-y url("../css/img/kitagata_creature_encyclopedia/creature/winter/winter.png");
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
 .winter_plansAnimals_snowman_left {
     position: absolute;
     top: 520px;
@@ -196,27 +226,31 @@
 }
 
 .plantsAnimals_text_red {
-    color: red;
+    font-size: 26px;
+    color: #ff66cc;
 }
 
 .plantsAnimals_text_green {
-    color: green;
+    font-size: 26px;
+    color: #729859;
 }
 
 .plantsAnimals_text_orange {
-    color: orange;
+    font-size: 26px;
+    color: #ed7e33;
 }
 
 .plantsAnimals_text_blue {
-    color: blue;
+    font-size: 26px;
+    color: #5b9bd5;
 }
 
-.tpl_plansAnimals_list {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-}
+/*.tpl_plansAnimals_list {*/
+/*    position: relative;*/
+/*    display: flex;*/
+/*    flex-wrap: wrap;*/
+/*    width: 100%;*/
+/*}*/
 
 .tpl_plansAnimals_explanation_block {
     width: 20%;

second/kitagata_creature_encyclopedia.html

@@ -353,7 +353,7 @@
                   <div class="plantsAnimals_text_block">
                     <span class="plantsAnimals_text_red">＜春の動植物＞</span>
                   </div>
-                  <div class="tpl_plansAnimals_list">
+                  <div class="spring_plansAnimals_list">
 <!--                    <div class="tpl_plansAnimals_">-->
 <!--                      <img src="../css/img/kitagata_creature_encyclopedia/creature/spring/sozai/1sakura.png" alt="">-->
 <!--                    </div>-->
@@ -720,7 +720,7 @@
                   <div class="plantsAnimals_text_block">
                     <span class="plantsAnimals_text_green">＜夏の動植物＞</span>
                   </div>
-                  <div class="tpl_plansAnimals_list">
+                  <div class="summer_plansAnimals_list">
                     <div class="tpl_plansAnimals_explanation_block">
                       <div class="tpl_plansAnimals_image_block">
                         <a href="../css/img/kitagata_creature_encyclopedia/creature/summer/pdf/1maguwa.pdf"
@@ -1087,7 +1087,7 @@
                   <div class="plantsAnimals_text_block">
                     <span class="plantsAnimals_text_orange">＜秋の動植物＞</span>
                   </div>
-                  <div class="tpl_plansAnimals_list">
+                  <div class="autumn_plansAnimals_list">
                     <div class="tpl_plansAnimals_explanation_block">
                       <div class="tpl_plansAnimals_image_block">
                         <a href="../css/img/kitagata_creature_encyclopedia/creature/autumn/pdf/1nankinhaze.pdf"
@@ -1453,7 +1453,7 @@
                   <div class="plantsAnimals_text_block">
                     <span class="plantsAnimals_text_blue">＜冬の動植物＞</span>
                   </div>
-                  <div class="tpl_plansAnimals_list">
+                  <div class="winter_plansAnimals_list">
                     <div class="tpl_plansAnimals_explanation_block">
                       <div class="tpl_plansAnimals_image_block">
                         <a href="../css/img/kitagata_creature_encyclopedia/creature/winter/pdf/1aretihanagasa.pdf"