/* モバイル用ハンバーガーボタンを右側に寄せる例 */
.vk-mobile-nav-menu-btn {
    right: 15px; /* 右端からの距離 */
    left: auto;  /* 左側の固定を解除 */
}



.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.spot-list-container {
            max-width: 400px;
            margin: 20px auto;
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        }
        .spot-list {
            list-style: none;
            padding: 0;
            margin: 0;
            border: 1px solid #ccc; /* 外枠の細線 */
            border-radius: 4px;
        }
        .spot-list li {
            padding: 12px 15px;
            border-bottom: 1px solid #eee; /* 項目間の区切り線 */
            color: #333;
            font-size: 14px;
        }
        .spot-list li:last-child {
            border-bottom: none; /* 最後の線の除去 */
        }
        .spot-list li:hover {
            background-color: #f9f9f9; /* 軽くホバー効果 */
        }



.ggmapp {
position: relative;
padding-bottom: 150.00%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmapp iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150%;
}