diff --git a/vrtest-imagemap.html b/vrtest-imagemap.html
index 5087f5f..9c41a02 100644
--- a/vrtest-imagemap.html
+++ b/vrtest-imagemap.html
@@ -29,20 +29,23 @@
         <main>
             <div class="container">
                 <div class="item-left">
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎1.jpg')">校舎1</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎2.jpg')">校舎2</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎3.jpg')">校舎3</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎4.jpg')">校舎4</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">保健室</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">体育館</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">廊下</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">駐車場</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">職員室</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">グラウンド</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室1</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室2</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室3</button>
-                    <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室4</button>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎1.jpg">校舎1</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎2.jpg">校舎2</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎3.jpg">校舎3</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎4.jpg">校舎4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">保健室</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">グラウンド</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室1</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室2</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室3</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
+                    <a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
                 </div>
 
                 <div class="item-right">
@@ -53,9 +56,8 @@
                     <!-- #$-:Please do not edit lines starting with "#$" -->
                     <!-- #$VERSION:2.3 -->
                     <!-- #$AUTHOR:23 1 -->
-                    <area shape="circle" coords="161,690,176" href="https://hommamu-museum.blog.jp/archives/17407283.html" />
-                    <area shape="rect" coords="1192,586,1638,692" href="https://www.sakatafm.com/podcast/sanroku/" />
-                    <area shape="rect" coords="1318,839,1580,990" href="https://shonai2.fun/gurume-healthy-20220713/" />
+                    <area shape="circle" coords="58,259,41" href="https://hommamu-museum.blog.jp/archives/17407283.html" />
+                    <area shape="rect" coords="452,216,591,265" href="https://www.sakatafm.com/podcast/sanroku/" />
                     </map>
                 </div>
             </div>
diff --git a/vrtest.css b/vrtest.css
index 4363354..4d82552 100644
--- a/vrtest.css
+++ b/vrtest.css
@@ -114,8 +114,8 @@
     border-top: 1px solid #dbdddf;
 }
 
-/* 携帯用 */
-@media screen and (max-width: 900px){
+/* iPad用 */
+@media screen and (max-width: 1024px){
     /* header */
     #header {
         flex-direction: column;
@@ -133,6 +133,26 @@
         margin-top: 10px;
     }
 
+    div.item-left a{
+        margin: 2px;
+        padding: 5px 10px;
+    }
+
+    div.item-left button{
+        margin: 2px;
+        padding: 5px 10px;
+    }
+
+    iframe{
+        width: 100vw;
+        height: 100vh;
+    }
+
+    #footer{
+        width: 100%;
+        text-align: center;
+        padding: 10px;
+    }
     div.container{
         flex-direction: column;
         height: auto;
@@ -147,28 +167,20 @@
         width: auto;
     }
 
-    div.item-left a{
-        margin: 2px;
-        padding: 5px 10px;
-    }
-
-    div.item-left button{
-        margin: 2px;
-        padding: 5px 10px;
-    }
-    
     div.item-right{
-        margin: 0;
+        width: 600px;
+        height: auto;
+        margin: 0 auto;
+    }
+}
+
+
+/* 携帯用 */
+@media screen and (max-width: 480px){
+    div.item-right{
+        width: 400px;
+        height: auto;
+        margin: 0 auto;
     }
 
-    iframe{
-        width: 100vw;
-        height: 100vh;
-    }
-
-    #footer{
-        width: 100%;
-        text-align: center;
-        padding: 10px;
-    }
 }