/* 1. ポップアップの「本文が入る外枠」だけに制限をかける（三角の変形を防ぐ） */
.leaflet-popup-content-wrapper {
    max-height: 400px;
    max-width: 450px;
    overflow: auto;
    font-size: 1.3em;
    word-break: break-all;
    word-wrap: break-word;
}

/* 2. 三角自体のフォントサイズ同期（ここには overflow などを入れない） */
.leaflet-popup-tip {
    font-size: 1.3em;
}

/* 3. 三角のコンテナの形を壊さず、強制的に右へ15px移動させる */
.leaflet-popup-tip-container {
    transform: translateX(20px) !important;
}

/* 4. スマホ表示（画面幅400px以下）のレスポンシブ設定 */
@media (max-width: 400px) {
    .leaflet-popup-content-wrapper {
        max-width: 260px;
    }
}

/* その他の既存スタイル */
.l_elevitionjp {
    border-radius: 5px;
    background-color: rgba(256, 256, 256, 0.9);
    padding: 5px;
}


#mapid a.leaflet-popup-close-button,
#mapid a.leaflet-popup-close-button:hover,
#mapid a.leaflet-popup-close-button:focus,
#mapid a.leaflet-popup-close-button:active {
    text-decoration: none !important;
}