diff --git a/change.js b/change.js
index 68ec812..245fd88 100644
--- a/change.js
+++ b/change.js
@@ -5,6 +5,7 @@
     let cssbtn2 = document.getElementById("css2");
     let cssbtn3 = document.getElementById("css3");
     let cssbtn4 = document.getElementById("css4");
+    let cssbtn5 = document.getElementById("css5");
     
     cssbtn1.addEventListener("click", (e) => {  
         if (newcss) return;
@@ -39,6 +40,14 @@
                 head.appendChild(newcss);	// link要素を追加
                 });
 
+                cssbtn5.addEventListener("click", (e) => {  
+                    if (newcss) return;
+                    newcss = document.createElement("link");
+                    newcss.rel = "stylesheet";
+                    newcss.href = "new5.css";
+                    head.appendChild(newcss);	// link要素を追加
+                    });
+
         let unlbtn = document.getElementById("unl");
         unlbtn.addEventListener("click", (e) => {
             if (newcss) {
diff --git a/index.html b/index.html
index 380e0a8..a8e0d51 100644
--- a/index.html
+++ b/index.html
@@ -141,6 +141,9 @@
               <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>
             </ul>
         </div>
         <!--ここまでメニュー-->
diff --git a/new1.css b/new1.css
index 66f9b73..f6d6bd4 100644
--- a/new1.css
+++ b/new1.css
@@ -1,4 +1,5 @@
 body {    
     background-image: url(jstrr1.png);
     background-color: rgb(241,89,30);
+    background-position: 30% 5%;
 }
\ No newline at end of file
diff --git a/new2.css b/new2.css
index 9e8412d..deb6413 100644
--- a/new2.css
+++ b/new2.css
@@ -1,4 +1,5 @@
 body {    
     background-image: url(jstrr2.png);
     background-color: #000000;
+    background-position: 30% 5%;
 }
\ No newline at end of file