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

---
 src/scss/keyframes/pc/load-view.scss | 9 ++++++++-
 src/scss/modules/pc/load-view.scss   | 7 +++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/scss/keyframes/pc/load-view.scss b/src/scss/keyframes/pc/load-view.scss
index f05d33f..ee1d8aa 100644
--- a/src/scss/keyframes/pc/load-view.scss
+++ b/src/scss/keyframes/pc/load-view.scss
@@ -324,5 +324,12 @@
 }
 @keyframes load-view__catchcopy-bg3 {
   0%   { background-color: #9994A6; }
-  100% { background-color: $theme-pink; }
+  100% { background-color: $theme-gray; }
+}
+
+
+/*** arrow ***/
+@keyframes load-view__arrow {
+  0%   { transform: translateX(calc(-100% - 3px)); }
+  100% { transform: translateX(0%); }
 }
diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss
index 2fef6ed..aead48c 100644
--- a/src/scss/modules/pc/load-view.scss
+++ b/src/scss/modules/pc/load-view.scss
@@ -829,6 +829,13 @@
           .text { animation: load-view__catchcopy 0.4s ease 6.8s forwards; }
         }
       }
+      
+      /*** arrows ***/
+      .arrows {
+        .arrow:nth-child(1) { div { animation: load-view__arrow 0.8s ease 3.6s forwards; } }
+        .arrow:nth-child(2) { div { animation: load-view__arrow 0.9s ease 4.5s forwards; } }
+        .arrow:nth-child(3) { div { animation: load-view__arrow 1.7s ease 5.4s forwards; } }
+      }
     }
   }
 }