diff --git a/change.js b/change.js
index 245fd88..71e7b55 100644
--- a/change.js
+++ b/change.js
@@ -11,7 +11,7 @@
         if (newcss) return;
         newcss = document.createElement("link");
         newcss.rel = "stylesheet";
-        newcss.href = "new1.css";
+        newcss.href = "new2.css";
         head.appendChild(newcss);	// link要素を追加
         });
 
@@ -19,7 +19,7 @@
         if (newcss) return;
         newcss = document.createElement("link");
         newcss.rel = "stylesheet";
-        newcss.href = "new2.css";
+        newcss.href = "new3.css";
         head.appendChild(newcss);	// link要素を追加
         });
 
@@ -28,7 +28,7 @@
             newcss = document.createElement("link");
             newcss.rel = "stylesheet";
             // ※newcss.title = "あとから版";	// title属性入れると代替CSSに
-            newcss.href = "new3.css";
+            newcss.href = "new4.css";
             head.appendChild(newcss);	// link要素を追加
             });
 
@@ -36,15 +36,15 @@
                 if (newcss) return;
                 newcss = document.createElement("link");
                 newcss.rel = "stylesheet";
-                newcss.href = "new4.css";
+                newcss.href = "new5.css";
                 head.appendChild(newcss);	// link要素を追加
                 });
 
-                cssbtn5.addEventListener("click", (e) => {  
+            cssbtn5.addEventListener("click", (e) => {  
                     if (newcss) return;
                     newcss = document.createElement("link");
                     newcss.rel = "stylesheet";
-                    newcss.href = "new5.css";
+                    newcss.href = "new6.css";
                     head.appendChild(newcss);	// link要素を追加
                     });
 
diff --git a/index.html b/index.html
index 2585e91..a4c0dd9 100644
--- a/index.html
+++ b/index.html
@@ -43,10 +43,10 @@
               </li>
               <li>
                 <p><button type="button" id="css4" class="bg-change">背景4</button></p>
-            </li>
-            <li>
-              <p><button type="button" id="css5" class="bg-change">背景5</button></p>
-          </li>
+              </li>
+              <li>
+                <p><button type="button" id="css5" class="bg-change">背景5</button></p>
+              </li>
             </ul>
         </div>
         <!--ここまでメニュー-->
diff --git a/jstrr.css b/jstrr.css
index 8b23e6e..4afabb1 100644
--- a/jstrr.css
+++ b/jstrr.css
@@ -69,13 +69,14 @@
  
 /*div.login, div.login2 {padding: 40% 0%;}*/
 div.login{
-    background-color: rgb(142, 174, 235);
-    background-image: url(summer.jpg);
+  background-color: rgb(241,89,30);
+    background-image: url(jstrr1.png);
     background-position: 10% 80%;
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     z-index: 999;
+    display: none;
 }
 div.login-item{
     position: absolute;
@@ -121,13 +122,14 @@
 
 
 body {
-  background-color: #72C5EF;
-  background-image: url(summer3.png);
-  background-position: center;
+  background-image: url(jstrr1.png);
   background-repeat: no-repeat;
   background-size: cover;
   height: 100%;
-z-index: 0.1;}
+  z-index: 0.1;
+  background-color: rgb(241,89,30);
+  background-position: 30% 5%;
+}
 .menu-btn {
 position: fixed;
 top: 10px;