Hpの更新について（生き物図鑑）

北方生き物図鑑のHTMLファイルとCSSファイルを追加

css/kitagata_creature_encyclopedia.css

@@ -0,0 +1,124 @@
+.main_contents {
+    width: 100%;
+}
+
+.main_content {
+    margin-top: 20px;
+    width: 100%
+}
+
+.title_wrapper {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 32px;
+}
+
+.title_text_blue {
+    color: rgb(0 112 192);
+    font-weight: bold;
+}
+
+.title_text {
+    font-size: 40px;
+    font-weight: bold;
+}
+
+.explanation {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+.character_image_block_left {
+    width: 20%;
+}
+
+.character_image_block_right {
+    width: 20%;
+}
+
+.character_image {
+    width: 100%;
+}
+
+.explanation_text_block {
+    width: 60%;
+}
+
+.explanation_text_wrapper {
+    text-align: center;
+    line-height: 40px;
+}
+
+.explanation_text {
+    font-size: 28px;
+}
+
+.explanation_text_red {
+    color: rgb(255 0 0);
+}
+
+.plantsAnimals_block {
+    width: 100%;
+}
+
+.plantsAnimals_wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+.tpl_plantsAnimals_block {
+    margin-bottom: 20px;
+    width: 48%;
+}
+
+.plantsAnimals_text_block {
+    margin-bottom: 16px;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.plantsAnimals_text_red {
+    color: red;
+}
+
+.plantsAnimals_text_green {
+    color: green;
+}
+
+.plantsAnimals_text_orange {
+    color: orange;
+}
+
+.plantsAnimals_text_blue {
+    color: blue;
+}
+
+.tpl_plansAnimals_list {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.tpl_plansAnimals_explanation_block {
+    width: 20%;
+}
+
+.tpl_plansAnimals_image_block {
+    width: 100%;
+}
+
+.plansAnimals_image {
+    height: 50px;
+    width: 100%;
+}
+
+.tpl_plansAnimals_text_block {
+    width: 100%;
+}
+
+.tpl_plansAnimals_text {
+    font-size: 12px;
+}