diff --git a/map4.js b/map4.js
index aeec47b..42de285 100644
--- a/map4.js
+++ b/map4.js
@@ -181,25 +181,20 @@
 
   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);
+      background:rgba(255,255,255,0.9);
       padding:2px 4px;
       border-radius:6px;
       border:1px solid #ccc;
       gap:4px;
     ">
       <img src="${pinUrl}" style="width:20px; height:32px;">
-      <div style="display:flex; flex-direction:column; line-height:1.1;">
-        <span style="
-          font-size:12px;
-          font-weight:bold;
-          color:#333;
-        ">
+      <div style="display:flex; flex-direction:column; line-height:1;">
+        <span style="font-size:12px; font-weight:bold; color:#333;">
           ${shortName}
         </span>
         <span style="
@@ -208,8 +203,7 @@
           padding:1px 4px;
           border-radius:4px;
           font-size:10px;
-          text-align:center;
-        ">
+          text-align:center;">
           ${status}
         </span>
       </div>
@@ -218,10 +212,10 @@
 
   return L.marker([lat, lng], {
     icon: L.divIcon({
+      html,
       className: "",
-      html: html,
-      iconSize: [80, 40],   // ← 大きめに指定（安心）
-      iconAnchor: [20, 32], // ← ピンの先端が地図に刺さる位置
+      iconSize: [70, 40],   // ← 正しいサイズ（画像20px + 横ラベル）
+      iconAnchor: [10, 32], // ← ピンの「先端」が地図に刺さる位置
     }),
   });
 }