diff --git a/index.html b/index.html
index 25507f7..2585e91 100644
--- a/index.html
+++ b/index.html
@@ -6,104 +6,7 @@
 <link rel="stylesheet" type="text/css" href="jstrr.css">
 <link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
 <style>
-  body {
-    background-color: #72C5EF;
-    background-image: url(summer3.png);
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    height: 100%;
-  z-index: 0.1;}
-  .menu-btn {
-  position: fixed;
-  top: 10px;
-  right: 10px;
-  display: flex;
-  height: 60px;
-  width: 60px;
-  justify-content: center;
-  align-items: center;
-  z-index: 90;
-  background-color: #59b0ee;
-}
-.menu-btn span,
-.menu-btn span:before,
-.menu-btn span:after {
-  content: '';
-  display: block;
-  height: 3px;
-  width: 25px;
-  border-radius: 3px;
-  background-color: #ffffff;
-  position: absolute;
-}
-.menu-btn span:before {
-  bottom: 8px;
-}
-.menu-btn span:after {
-  top: 8px;
-}
-#menu-btn-check{
-  display: none;
-}
-#menu-btn-check:checked ~ .menu-btn span {
-  background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
-}
-#menu-btn-check:checked ~ .menu-btn span::before {
-  bottom: 0;
-  transform: rotate(45deg);
-}
-#menu-btn-check:checked ~ .menu-btn span::after {
-  top: 0;
-  transform: rotate(-45deg);
-}
 
-.menu-content ul {
-  padding: 70px 10px 0;
-}
-.menu-content ul li {
-  border-bottom: solid 1px #000;
-  list-style: none;
-}
-.menu-content ul li a {
-  display: block;
-  width: 30%;
-  font-size: 15px;
-  box-sizing: border-box;
-  color:#000;
-  text-decoration: none;
-  padding: 9px 15px 10px 0;
-  position: relative;
-}
-.menu-content ul li a::before {
-  content: "";
-  width: 7px;
-  height: 7px;
-  border-top: solid 2px #000;
-  border-right: solid 2px #000;
-  transform: rotate(45deg);
-  position: absolute;
-  right: 11px;
-  top: 16px;
-}
-.menu-content {
-  width: 30%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 100%;/*leftの値を変更してメニューを画面外へ*/
-  z-index: 80;
-  background-color: #ffffffc9;
-  transition: all 0.5s;/*アニメーション設定*/
-}
-#menu-btn-check:checked ~ .menu-content {
-  left: 70%;/*メニューを画面内へ*/
-}
-.bg-change{
-  border: none;
-  background: #ffffffc9;
-  padding: 10px 15px;
-}
 </style>
 </head>
 
diff --git a/jstrr.css b/jstrr.css
index 90de208..8b23e6e 100644
--- a/jstrr.css
+++ b/jstrr.css
@@ -118,3 +118,103 @@
 }
 #ranking-table tr.me {background: #fee;}
 .warn {background: #f99;}
+
+
+body {
+  background-color: #72C5EF;
+  background-image: url(summer3.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 100%;
+z-index: 0.1;}
+.menu-btn {
+position: fixed;
+top: 10px;
+right: 10px;
+display: flex;
+height: 60px;
+width: 60px;
+justify-content: center;
+align-items: center;
+z-index: 90;
+background-color: #59b0ee;
+}
+.menu-btn span,
+.menu-btn span:before,
+.menu-btn span:after {
+content: '';
+display: block;
+height: 3px;
+width: 25px;
+border-radius: 3px;
+background-color: #ffffff;
+position: absolute;
+}
+.menu-btn span:before {
+bottom: 8px;
+}
+.menu-btn span:after {
+top: 8px;
+}
+#menu-btn-check{
+display: none;
+}
+#menu-btn-check:checked ~ .menu-btn span {
+background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
+}
+#menu-btn-check:checked ~ .menu-btn span::before {
+bottom: 0;
+transform: rotate(45deg);
+}
+#menu-btn-check:checked ~ .menu-btn span::after {
+top: 0;
+transform: rotate(-45deg);
+}
+
+.menu-content ul {
+padding: 70px 10px 0;
+}
+.menu-content ul li {
+border-bottom: solid 1px #000;
+list-style: none;
+}
+.menu-content ul li a {
+display: block;
+width: 30%;
+font-size: 15px;
+box-sizing: border-box;
+color:#000;
+text-decoration: none;
+padding: 9px 15px 10px 0;
+position: relative;
+}
+.menu-content ul li a::before {
+content: "";
+width: 7px;
+height: 7px;
+border-top: solid 2px #000;
+border-right: solid 2px #000;
+transform: rotate(45deg);
+position: absolute;
+right: 11px;
+top: 16px;
+}
+.menu-content {
+width: 30%;
+height: 100%;
+position: fixed;
+top: 0;
+left: 100%;/*leftの値を変更してメニューを画面外へ*/
+z-index: 80;
+background-color: #ffffffc9;
+transition: all 0.5s;/*アニメーション設定*/
+}
+#menu-btn-check:checked ~ .menu-content {
+left: 70%;/*メニューを画面内へ*/
+}
+.bg-change{
+border: none;
+background: #ffffffc9;
+padding: 10px 15px;
+}
\ No newline at end of file