人気投票セクション追加

assets/css/index.css

@@ -804,6 +804,35 @@ a.share-button:hover {
   }
 }
 
+.section.ppp,
+.section.ppp.normal {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  background: url(../images/ppp_unchan.png) top center no-repeat, #404040;
+  background-size: cover;
+  padding: 100px 20px 150px 20px;
+}
+
+.section.ppp.lucky {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  background: url(../images/ppp_rario.png) top center no-repeat, #404040;
+  background-size: cover;
+  padding: 100px 20px 150px 20px;
+}
+
+@media screen and (max-width: 700px) {
+  .section.ppp,
+  .section.ppp.normal,
+  .section.ppp.lucky {
+    padding: 10px 10px 100px 10px;
+  }
+}
+
 /*
 うんちゃん
 */

assets/js/lucky_rayrio.js

@@ -10,6 +10,9 @@ const luckyRayRio = () => {
   for (const element of document.getElementsByClassName('c-unchan__tsuno__inner')) {
     element.classList.add(toAddClass);
   }
+  for (const element of document.getElementsByClassName('ppp')) {
+    element.classList.add(toAddClass);
+  }
 };
 
 function isLucky() {

index.html

@@ -575,6 +575,68 @@ <h2 class="section_title" id="section_contributors">
           </div>
         </div>
       </section>
+
+      <section class="section firstview ppp">
+        <h2 class="section_title" id="section_popularity_poll">
+          人気投票開催中
+        </h2>
+        <div class="box">
+          <i class="fab fa-google"></i>
+          <a
+            id="section_popularity_poll_list"
+            href="https://forms.gle/acSJEYgJo3JmihSy6"
+            target="_blank"
+            rel="noopener noreferrer"
+            >ガチのおめシス人気キャラクター投票所</a
+          >
+        </div>
+        <div class="video_box">
+          <div class="video_wrapper">
+            <iframe
+              src="https://www.youtube.com/embed/XOo6-N29i88"
+              frameborder="0"
+              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen
+            ></iframe>
+          </div>
+        </div>
+        <div class="pr_announce">
+          <div class="pr_announce_item">
+            <blockquote class="twitter-tweet" data-dnt="true" data-width="100%">
+              <p lang="ja" dir="ltr">
+                レイちゃんに投票してね！！<a href="https://t.co/EqSd2UlZBB"
+                  >https://t.co/EqSd2UlZBB</a
+                >
+                <a href="https://t.co/c7bwIc6joX">pic.twitter.com/c7bwIc6joX</a>
+              </p>
+              &mdash; おめがレイ@バーチャル双子YouTuber (@omesis_ray)
+              <a
+                href="https://twitter.com/omesis_ray/status/1226808134175342592?ref_src=twsrc%5Etfw"
+                >February 10, 2020</a
+              >
+            </blockquote>
+          </div>
+          <div class="pr_announce_item">
+            <blockquote class="twitter-tweet" data-dnt="true" data-width="100%">
+              <p lang="ja" dir="ltr">
+                なにも言わなくても分かるよなお前ら。<br /><br />↓↓動画はこちら↓↓<a
+                  href="https://t.co/Co7eg8Usqs"
+                  >https://t.co/Co7eg8Usqs</a
+                ><a
+                  href="https://twitter.com/hashtag/%E3%81%8A%E3%82%81%E3%82%B7%E3%82%B9?src=hash&amp;ref_src=twsrc%5Etfw"
+                  >#おめシス</a
+                >
+                <a href="https://t.co/F7XTQkJ342">pic.twitter.com/F7XTQkJ342</a>
+              </p>
+              &mdash; おめがリオ@妹の方　字幕は青です (@omesis_rio)
+              <a
+                href="https://twitter.com/omesis_rio/status/1226808118320828417?ref_src=twsrc%5Etfw"
+                >February 10, 2020</a
+              >
+            </blockquote>
+          </div>
+        </div>
+      </section>
     </main>
 
     <a href="#top-anchor" class="c-unchan c-unchan--fixedBottom">