diff --git a/shonai_tiiiki_map.html b/shonai_tiiiki_map.html
new file mode 100644
index 0000000..38d1589
--- /dev/null
+++ b/shonai_tiiiki_map.html
@@ -0,0 +1,37 @@
+
+
+
+
+ 庄内町の地域のお店マップ
+
+
+
+
+
+
+
+
+
+
+ 庄内町の地域のお店マップ
+
+
+
+
×
+
![]()
+
${desc}
`)
+ .join("");
+
+ // 画像処理（空欄は完全に無視、クリックでモーダル）
+ let images = "";
+ if (row.img1 && row.img1.trim() !== "") {
+ images += `
`;
+ }
+ if (row.img2 && row.img2.trim() !== "") {
+ images += `
`;
+ }
+
+ // ポップアップ内容
+ const popupContent = `
+
+ `;
+
+ // アイコンをCSVから取得、なければデフォルト
+ const iconUrl = row.icon && row.icon.trim() !== "" ? row.icon : "images/defaultpin.png";
+ const customIcon = L.icon({
+ iconUrl: iconUrl,
+ iconSize: [32, 32], // アイコンサイズ
+ iconAnchor: [16, 32], // ピンの先端位置
+ popupAnchor: [0, -32] // ポップアップの位置
+ });
+
+ // マーカー追加（独自アイコン付き）
+ L.marker([lat, lng], { icon: customIcon }).addTo(map).bindPopup(popupContent);
+ }
+ });
+ }
+ });
+
+ window.openModal = function(imageSrc) {
+ const modal = document.getElementById('image-modal');
+ const modalImage = document.getElementById('modal-image');
+ modalImage.src = imageSrc;
+ modal.style.display = 'block';
+ };
+
+ window.closeModal = function() {
+ const modal = document.getElementById('image-modal');
+ modal.style.display = 'none';
+ };
+
+ // モーダル外をクリックして閉じる
+ window.onclick = function(event) {
+ const modal = document.getElementById('image-modal');
+ if (event.target === modal) {
+ modal.style.display = 'none';
+ }
+ };
+});