added コロナ・色変更

css/header_pc.css

@@ -291,7 +291,7 @@ section#coronainfolist {
     width: 710px;
     height: 40px;
     margin: 10px 10px 10px 0px;
-    background-color: #ffffff;
+    background-color: #53c2f5;
     /*background-image: url(img/kitagata_background.png);*/
 }
 article#coronainfolist {
@@ -299,16 +299,18 @@ article#coronainfolist {
     display: block;
     margin: 5px 30px 5px 30px;
     padding: 5px 40px;
+    text-decoration: none;
+    color: #000000;
 }
 
 div#coronainfolist {
     position: relative;
     display: block;
-    background-color: #f5cb53;
+    background-color: #53c2f5;
     text-decoration: none;    
 }
 
-div#coronainfolist a {
+article#coronainfolist a {
     text-decoration: none;
     color: #000000;
 }

css/style.css

@@ -146,7 +146,7 @@
             min-height: 32px;
             width: 90%;
             border-radius: 8px;
-            background-color: #ffffff;
+            background-color: #53c2f5;
         }
     
         .coronaInfoTitleWrap {
@@ -164,7 +164,7 @@
             border-radius: 2px;
             padding: 0 4px;
             height: 20px;
-            background-color: #f5cb53;
+            background-color: #53c2f5;
         }
     
         .coronaInfoTitle__text {

index.html

@@ -218,13 +218,13 @@
   <!--　地震・災害情報　-->
   <div class="coronaInfo">
     <div class="coronaInfoTitleWrap">
-      <div class="coronaInfoTitle">
         <a class="linkNone" href="second/Vaccination.html">
-          <span class="coronaInfoTitle__text">
-            ワクチンの接種についてはこちら
-          </span>
+          <div class="coronaInfoTitle">
+            <span class="coronaInfoTitle__text">
+              ワクチンの接種についてはこちら
+            </span>
+          </div>
         </a>
-      </div>
     </div>
   </div>
 
@@ -3676,12 +3676,11 @@
         <!--セクション 情報一覧-->
         <section id="coronainfolist">
           <article id="coronainfolist">
-            <div id="coronainfolist">
               <a href="second/Vaccination.html">
-                ワクチンの接種についてはこちら
+                <div id="coronainfolist">
+                  ワクチンの接種についてはこちら
+                </div>
               </a>
-              </span>
-            </div>
           </article>
         </section>