From b2cb8a3afb3eb4bee5f8e27bb6963fd018d62367 Mon Sep 17 00:00:00 2001
From: yuki540 <tabletennis540@gmail.com>
Date: Thu, 19 Apr 2018 16:11:01 +0900
Subject: [PATCH] =?UTF-8?q?update:=20=E3=82=BF=E3=83=96=E3=83=AC=E3=83=83?=
 =?UTF-8?q?=E3=83=88=E7=94=A8=E3=81=AB=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB?=
 =?UTF-8?q?=E3=82=B7=E3=83=BC=E3=83=88=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/scss/keyframes/tablet/_page-box.scss | 22 ----------------------
 src/scss/modules/tablet/_page-box.scss   | 10 +++++-----
 src/scss/modules/tablet/_profile.scss    |  4 ++--
 src/scss/modules/tablet/_top-page.scss   |  2 +-
 4 files changed, 8 insertions(+), 30 deletions(-)

diff --git a/src/scss/keyframes/tablet/_page-box.scss b/src/scss/keyframes/tablet/_page-box.scss
index 297ea44..e69de29 100644
--- a/src/scss/keyframes/tablet/_page-box.scss
+++ b/src/scss/keyframes/tablet/_page-box.scss
@@ -1,22 +0,0 @@
-@keyframes page-box__show {
-  from { transform: rotate(90deg); }
-  to   { transform: rotate(0deg); }
-}
-@keyframes page-box__hidden {
-  from { transform: rotate(0deg); }
-  to   { transform: rotate(-90deg); }
-}
-
-@keyframes page-box__show-close-btn {
-  from { transform: translate(calc(100% + 20px), calc(-100% + -20px)); }
-  to   { transform: translate(0, 0); }
-}
-@keyframes page-box__rotate-close-btn {
-  from { transform: rotate(0deg); }
-  to   { transform: rotate(15deg); }
-}
-
-@keyframes page-box__show-content {
-  from { transform: scale(0.9); opacity: 0; }
-  to   { transform: scale(1); opacity: 1; }
-}
diff --git a/src/scss/modules/tablet/_page-box.scss b/src/scss/modules/tablet/_page-box.scss
index 16603d9..c81333e 100644
--- a/src/scss/modules/tablet/_page-box.scss
+++ b/src/scss/modules/tablet/_page-box.scss
@@ -1,4 +1,4 @@
-@include pc-layout {
+@include tablet-layout {
   .page-box {
     position: absolute;
     top: 0; left: 0;
@@ -42,8 +42,8 @@
   /*** content ***/
   .page-box__content {
     position: absolute;
-    top: 40px; left: 40px;
-    width: calc(100% - 80px); height: calc(100% - 80px);
+    top: 20px; left: 20px;
+    width: calc(100% - 40px); height: calc(100% - 40px);
     border: solid 10px $theme-pink;
     box-sizing: border-box;
     background-color: $theme-bg;
@@ -56,7 +56,7 @@
     .page-title {
       position: relative;
       margin: 50px auto;
-      width: 600px; height: 45px;
+      width: 500px; height: 45px;
 
       div {
         position: absolute;
@@ -83,7 +83,7 @@
   /*** close-btn ***/
   .page-box__close-btn {
     position: absolute;
-    top: 10px; right: 10px;
+    top: 5px; right: 5px;
     width: 100px; height: 100px;
     display: block;
     transform: translate(calc(100% + 20px), calc(-100% + -20px));
diff --git a/src/scss/modules/tablet/_profile.scss b/src/scss/modules/tablet/_profile.scss
index df0a76b..c20aafb 100644
--- a/src/scss/modules/tablet/_profile.scss
+++ b/src/scss/modules/tablet/_profile.scss
@@ -1,4 +1,4 @@
-@include pc-layout {
+@include tablet-layout {
   .profile-page {}
 
   /*** body ***/
@@ -65,7 +65,7 @@
         border-bottom: solid 1px $theme-light-pink;
         
         span {
-          font-size: 12px;
+          font-size: 14px;
           color: $theme-light-purple;
           margin-right: 5px;
         }
diff --git a/src/scss/modules/tablet/_top-page.scss b/src/scss/modules/tablet/_top-page.scss
index 1e0e75a..d2f8922 100644
--- a/src/scss/modules/tablet/_top-page.scss
+++ b/src/scss/modules/tablet/_top-page.scss
@@ -5,7 +5,7 @@
     width: 100%; height: 100%;
     background-color: $theme-bg;
     overflow: hidden;
-    z-index: 996;
+    z-index: 1001;
 
     &::after {
       content: ""; display: block;