/* ==========================================================
   ヘッダーメニュー（開いたとき）— 全ページ共通
   - 背景を画面いっぱいに広げる（横幅・高さに関係なく隙間が出ないように）
   - 背景画像の右下は丸く切り取られた形なので、少し大きく表示して角を画面外に出す
   - 固定表示のボタン類（体験予約ボタン・追従CTAなど）より前面に表示する
   ========================================================== */
#circle-container.open {
    z-index: 950;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border-bottom-right-radius: 0;
}
#circle-container.open .bg-image {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
}
#circle-container.open .bg-image picture { display: block; }
#circle-container.open .bg-image img {
    display: block;
    width: 140vw;
    max-width: none;
    height: 140vh;
    height: 140dvh;
    object-fit: cover;
    object-position: left top;
}
#header-nav { z-index: 960; }


/* ==========================================================
   フッターの店舗情報（全ページ共通：2026.11 施策17）
   ========================================================== */
.sr-footer-nap {
    margin-top: 24px;
    color: #6E6560;
    font-size: 12px;
    line-height: 1.9;
    letter-spacing: 0.05em;
    text-align: center;
}
.sr-footer-nap .rn-br-sp { display: none; }
@media screen and (max-width: 800px) {
    .sr-footer-nap { font-size: 11px; }
    .sr-footer-nap .rn-br-sp { display: inline; }
}


/* ==========================================================
   メニュー項目（INSTRUCTOR 追加で10項目）を2行に収める（PC・タブレット）
   ========================================================== */
@media screen and (min-width: 801px) {
    header .header-nav .nav-flex .menu-area .menu-items { column-gap: 36px !important; }
}