html,
body,
.maps,
.leaflet-container {
    overflow: hidden;
}

.maps {
    position: absolute;
    z-index: 0;
    bottom: 0;
    top: calc(9vh - 50px);
    height: calc(109vh + 50px);
    width: 100%;
}

/* ▼ 変更：透明度を1に戻し、100%はっきり表示させる */
.leaflet-tile-pane {
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* ★ 以前あった .maps::after（青いセロハン）は削除しました */

/* ピンのデザイン */
.custom-chara-icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #44AEF3;
    object-fit: cover;
    box-shadow: 0 0 8px rgba(71, 184, 255, 0.6);
    transition: transform 0.2s;
}