From d58fd04285d0d3b6116197711ab07f089ae6d75f Mon Sep 17 00:00:00 2001
From: yuki540 <tabletennis540@gmail.com>
Date: Thu, 19 Apr 2018 00:07:02 +0900
Subject: [PATCH] =?UTF-8?q?update:=20twitter=E3=82=B7=E3=82=A7=E3=82=A2?=
 =?UTF-8?q?=E3=83=9C=E3=82=BF=E3=83=B3=E3=81=AB=E3=82=B9=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=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/_top-page.scss | 35 +++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/scss/modules/pc/_top-page.scss b/src/scss/modules/pc/_top-page.scss
index 648f077..70f2037 100644
--- a/src/scss/modules/pc/_top-page.scss
+++ b/src/scss/modules/pc/_top-page.scss
@@ -307,6 +307,34 @@
     }
   }
 
+  /*** share-btn ***/
+  .top-page__share-btn {
+    position: absolute;
+    right: 0; top: calc(50% - 25px);
+    width: 140px; height: 50px;
+    background-color: $theme-mint;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    box-shadow: 0 0 5px rgba(0,0,0,0.4);
+    transform: translateX(calc(100% + 5px));
+    overflow: hidden;
+    z-index: 1;
+
+    a {
+      position: relative;
+      top: 0; left: 0;
+      width: 100%; height: 100%;
+      display: block;
+      font-size: 13px;
+      text-align: center;
+      line-height: 50px;
+      color: $theme-purple;
+      background-color: $theme-mint;
+
+      i { font-size: 20px; margin-right: 5px; }
+    }
+  }
+
   .top-page[data-state="start"] {
     /*** ring ***/
     .top-page__ring {
@@ -369,8 +397,9 @@
     }
 
     /*** sns ***/
-    .top-page__sns {
-      animation: slide-right 0.4s ease 3s forwards;
-    }
+    .top-page__sns { animation: slide-right 0.4s ease 3s forwards; }
+    
+    /*** share-btn ***/
+    .top-page__share-btn { animation: slide-left 0.4s ease 3s forwards; }
   }
 }