diff --git a/style.css b/style.css index fb6f2c1..fc4098c 100644 --- a/style.css +++ b/style.css @@ -293,3 +293,20 @@ 60% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } + +/* Google Maps風ラベル(はみ出し防止版) */ +.pin-label { + background: white; + padding: 2px 6px; + border-radius: 6px; + font-size: 13px; + color: #333; + white-space: nowrap; + max-width: 120px; /* ★ 最大幅を決める */ + overflow: hidden; /* ★ はみ出し防止 */ + text-overflow: ellipsis; /* ★ … で省略 */ + box-shadow: 0 2px 6px rgba(0,0,0,0.25); + transform: translateY(-6px); + display: inline-block; + text-align: center; +}