diff --git a/map4.js b/map4.js
index a4bf4c9..734f0d8 100644
--- a/map4.js
+++ b/map4.js
@@ -143,33 +143,38 @@
     : "https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-gold.png";
 
   const html = `
-    <div style="position: relative; display: inline-block;">
+    <div style="position: relative; width: 80px; height: 70px;">
 
-      <!-- 吹き出し（ピンの上に表示） -->
+      <!-- 固定高さの吹き出し -->
       <div style="
         position: absolute;
-        bottom: 45px;     /* ← ピンの上に重ならない位置 */
+        top: 0;
         left: 50%;
         transform: translateX(-50%);
-        max-width: 120px;
-        padding: 3px 6px;
+        width: 78px;            /* ← 全員共通の固定幅 */
+        height: 28px;           /* ← 全員共通の固定高さ */
+        padding: 2px 4px;
         background: white;
         border: 1px solid #666;
         border-radius: 6px;
         font-size: 12px;
-        white-space: normal;
-        word-wrap: break-word;
         text-align: center;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.3);
+        overflow: hidden;       /* ← はみ出し防止 */
+        text-overflow: ellipsis;/* ← 長い名前は…で省略 */
+        white-space: nowrap;    /* ← 一行に強制 */
+        box-shadow: 0 2px 4px rgba(0,0,0,0.25);
       ">
         ${name}
       </div>
 
       <!-- ピン本体 -->
       <img src="${pinUrl}" style="
+        position:absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
         width: 25px;
         height: 41px;
-        display:block;
       ">
 
     </div>
@@ -179,13 +184,12 @@
     icon: L.divIcon({
       html,
       className: "",
-      iconSize: [30, 60],   // ← 吹き出し＋ピンに合わせて調整
-      iconAnchor: [15, 41], // ← ピンの先端が地面に合う
+      iconSize: [80, 70],
+      iconAnchor: [40, 41], // ピン先端を地面に合わせる
     }),
   });
 }
 
-
 // ===================================
 // 自分のピンを描画
 // ===================================