@charset "utf-8";
/* ============ ごはん処 木洩れ日 custom overrides ============ */

/* --- テキストロゴ（ロゴ画像なし・おまかせ） --- */
.text-logo {
    display: inline-block;
    font-family: "Noto Serif JP", "ヒラギノ明朝 ProN", serif;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.2;
    color: #2c2318;
    white-space: nowrap;
}
.header_inner .text-logo {
    font-size: 24px;
}
.header_nav_list_sp .text-logo {
    font-size: 20px;
    color: #2c2318;
}
.footer_flex_content .footer-logo-text {
    display: inline-block;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: .04em;
    color: #fff;
}

/* --- グロナビ 予約ボタン & Instagram アイコン（最右） --- */
.gnav_insta a {
    display: inline-flex;
    align-items: center;
    padding: 0 0 0 14px;
}
@media (max-width: 767px) {
    .gnav_insta a {
        padding: 0;
    }
}
.gnav_insta img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    display: block;
    vertical-align: middle;
}
.gmenu_sp_insta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.gmenu_sp_insta img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

/* --- TOP ループスライダー：各画像を中央基準でトリミング（見切れ防止） --- */
#loopslider ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* --- ギャラリー：画像サイズを揃える（歪めない・中央トリミング） --- */
.gallery_content_sec_item img {
    width: 100%;
    aspect-ratio: 3 / 2;
    height: auto;
    object-fit: cover;
    object-position: center;
}

/* --- TOP コースセクション背景：テンプレ既定のデモ写真(course1.jpg)をブランド画像に差し替え --- */
.top_access {
    background-image: url(../img/mv2.jpg) !important;
}

/* --- PCグロナビ：ロゴテキストとメニューの余白を確保 --- */
@media (min-width: 768px) {
    .header_inner > a {
        margin-right: 40px;
    }
}

/* --- SP：ヘッダー(PC用)のロゴはMV下に出さない（SPはドロワー内ロゴのみ） --- */
@media (max-width: 767px) {
    .header_inner > a {
        display: none;
    }
}

/* --- 下層ページ見出しバナー(MV)：ブランド画像＋白文字可読性の暗オーバーレイ --- */
.heading1_wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .38);
    z-index: 0;
}
.heading1 {
    z-index: 1;
}