From af20c535bf207187474777f736e56663801f2554 Mon Sep 17 00:00:00 2001
From: yuki540 <tabletennis540@gmail.com>
Date: Fri, 23 Feb 2018 10:22:54 +0900
Subject: [PATCH] =?UTF-8?q?update:=20=E7=9F=A2=E5=8D=B0=E3=81=AB=E3=82=B9?=
 =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=AB=E3=82=92=E9=81=A9=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/scss/modules/pc/load-view.scss | 35 ++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss
index 5f4d069..2fef6ed 100644
--- a/src/scss/modules/pc/load-view.scss
+++ b/src/scss/modules/pc/load-view.scss
@@ -644,6 +644,41 @@
 
         &::after { content: ""; display: block; clear: both; }
       }
+
+      /*** arrows ***/
+      .arrows {
+        position: absolute;
+        top: calc(50% + 40px); left: calc(50% - 340px);
+        width: 680px; height: 45px;
+
+        .arrow {
+          position: relative;
+          width: 100%; height: 10px;
+          margin-bottom: 3px;
+          overflow: hidden;
+
+          div {
+            content: ""; display: block;
+            position: absolute;
+            top: 4px; left: 0;
+            width: 100%; height: 2px;
+            background-color: #222;
+            transform: translateX(calc(-100% - 3px));
+
+            &::after {
+              content: ""; display: block;
+              position: absolute;
+              right: -3px; top: -5.5px;
+              width: 0; height: 0;
+              border-top: solid 6px transparent;
+              border-left: solid 15px #222;
+              border-bottom: solid 6px transparent;
+            }
+          }
+        }
+        .arrow:nth-child(1) { div { width: 190px; } }
+        .arrow:nth-child(2) { div { width: 360px; } }
+      }
     }
   }