diff --git a/style.css b/style.css index a271d08..fb6f2c1 100644 --- a/style.css +++ b/style.css @@ -256,3 +256,40 @@ .leaflet-popup { margin-left: 0px !important; } + +/* Google Maps風ラベル */ +.custom-pin { + position: relative; + text-align: center; +} + +.pin-label { + background: white; + padding: 2px 6px; + border-radius: 6px; + font-size: 13px; + color: #333; + white-space: nowrap; + box-shadow: 0 2px 6px rgba(0,0,0,0.25); + transform: translateY(-6px); +} + +.pin-image { + width: 30px; + height: 45px; + display: block; + margin: 0 auto; +} + +/* ピンアニメ(パルス) */ +.pulse-marker { + animation: pulseMarker 0.5s ease-out; + transform-origin: bottom center; +} + +@keyframes pulseMarker { + 0% { transform: scale(1); opacity: 1; } + 30% { transform: scale(1.15); opacity: 0.92; } + 60% { transform: scale(1.05); opacity: 1; } + 100% { transform: scale(1); opacity: 1; } +}