diff --git a/map4.js b/map4.js
index 7fe35aa..aeec47b 100644
--- a/map4.js
+++ b/map4.js
@@ -181,51 +181,51 @@
 
   const shortName = name.length > 4 ? name.slice(0, 4) : name;
 
+  // ★ Leaflet が絶対描画できる安定した構造
   const html = `
     <div style="
       display:flex;
+      flex-direction:row;
       align-items:center;
+      background:rgba(255,255,255,0.85);
+      padding:2px 4px;
+      border-radius:6px;
+      border:1px solid #ccc;
       gap:4px;
     ">
-      <img src="${pinUrl}" style="width:26px; height:41px;">
-      <div style="display:flex; flex-direction:column; gap:2px;">
-
+      <img src="${pinUrl}" style="width:20px; height:32px;">
+      <div style="display:flex; flex-direction:column; line-height:1.1;">
         <span style="
-          background:white;
-          padding:1px 6px;
-          border-radius:6px;
           font-size:12px;
           font-weight:bold;
-          border:1px solid #ccc;
-          white-space:nowrap;
+          color:#333;
         ">
           ${shortName}
         </span>
-
         <span style="
           background:${statusColor};
           color:white;
-          padding:1px 6px;
-          border-radius:6px;
+          padding:1px 4px;
+          border-radius:4px;
           font-size:10px;
-          white-space:nowrap;
+          text-align:center;
         ">
           ${status}
         </span>
-
       </div>
     </div>
   `;
 
   return L.marker([lat, lng], {
     icon: L.divIcon({
-      className: "smart-pin",
+      className: "",
       html: html,
-      iconSize: [80, 40],
-      iconAnchor: [15, 40],
+      iconSize: [80, 40],   // ← 大きめに指定（安心）
+      iconAnchor: [20, 32], // ← ピンの先端が地図に刺さる位置
     }),
   });
 }
+
 // ===================================
 // 距離計算（修正版）
 // ===================================