Add popularity vote campaign banners.

Author: KiKiKi-KiKi

assets/css/index.css

@@ -1225,3 +1225,59 @@ https://www.tam-tam.co.jp/tipsnote/html_css/post11618.html
 /*
 うんちゃんここまで
  */
+
+.text--center {
+  text-align: center;
+}
+
+.text--right {
+  text-align: right;
+}
+
+.text--left {
+  text-align: left;
+}
+
+img.respoinsive {
+  max-width: 100%;
+  height: auto;
+}
+
+.link-banner {
+  opacity: 1;
+  transition: 0.25s opacity;
+}
+
+.link-banner:hover {
+  opacity: 0.8;
+  text-decoration: none;
+}
+
+.d-flex {
+  margin-top: 1em;
+  width: 100%;
+}
+
+.d-col {
+  margin-bottom: 1em;
+}
+
+@media screen and (min-width: 400px) {
+  .d-flex {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin-left: -0.5em;
+    margin-right: -0.5em;
+  }
+
+  .d-col {
+    flex-grow: 1;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+  }
+
+  .d-col--half {
+    width: 50%;
+  }
+}

assets/images/banners/popularity-vote-banner01.png

@@ -600,6 +600,42 @@ <h2 class="section_title" id="section_popularity_poll">
             ></iframe>
           </div>
         </div>
+        <div class="d-flex">
+          <div class="d-col d-col--half text--center">
+            <a
+              class="link-banner"
+              href="https://forms.gle/acSJEYgJo3JmihSy6"
+              target="_blank"
+              rel="noopener noreferrer"
+              title="おめシスの人気キャラクター投票"
+              ><img
+                class="respoinsive"
+                src="/assets/images/banners/popularity-vote-banner01.png"
+                srcset="
+                  /assets/images/banners/popularity-vote-banner01.png    1x,
+                  /assets/images/banners/[email protected] 2x
+                "
+                alt="おめシスの人気キャラクター投票"
+            /></a>
+          </div>
+          <div class="d-col d-col--half text--center">
+            <a
+              class="link-banner"
+              href="https://forms.gle/REWVeuandM7n2aG59"
+              target="_blank"
+              rel="noopener noreferrer"
+              title="おめシスの人気動画投票"
+              ><img
+                class="respoinsive"
+                src="/assets/images/banners/popularity-vote-banner02.png"
+                srcset="
+                  /assets/images/banners/popularity-vote-banner02.png    1x,
+                  /assets/images/banners/[email protected] 2x
+                "
+                alt="おめシスの人気動画投票"
+            /></a>
+          </div>
+        </div>
         <div class="pr_announce">
           <div class="pr_announce_item">
             <blockquote class="twitter-tweet" data-dnt="true" data-width="100%">