diff --git a/map.js b/map.js
index 4b0111c..eff12e1 100644
--- a/map.js
+++ b/map.js
@@ -258,19 +258,21 @@
       popupAnchor: [0, -32]
     });
     
+// モーダルの開閉操作
 function openModal(imageSrc) {
   const modal = document.getElementById('image-modal');
   const modalImage = document.getElementById('modal-image');
-  modalImage.src = imageSrc;
-  modal.style.display = 'block';
+  modalImage.src = imageSrc; // クリックした画像のソースを設定
+  modal.style.display = 'block'; // モーダルを表示
 }
 
 function closeModal() {
   const modal = document.getElementById('image-modal');
-  modal.style.display = 'none';
+  modal.style.display = 'none'; // モーダルを非表示
 }
 
-window.onclick = function(event) {
+// モーダル外をクリックして閉じる
+window.onclick = function (event) {
   const modal = document.getElementById('image-modal');
   if (event.target === modal) {
     modal.style.display = 'none';
@@ -285,8 +287,8 @@
     <p>${snack.description2 || ''}</p>
     <p>${snack.description3 || ''}</p>
     <p>${snack.mama || ''}</p>
-    <img src="${snack.img1}" width="96" height="65" onclick="openModal('${snack.img1}')" style="cursor: pointer;" />
-    <img src="${snack.img2}" width="96" height="65" onclick="openModal('${snack.img2}')" style="cursor: pointer;" />
+    <img src="${snack.img1}" width="106" height="73" onclick="openModal('${snack.img1}')" style="cursor: pointer;" />
+    <img src="${snack.img2}" width="106" height="73" onclick="openModal('${snack.img2}')" style="cursor: pointer;" />
     <button onclick="addToFavorites('${snack.name}')">気になるお店リストに追加</button>
   </div>
 `;