/* ===== 中国料理 彩福 カスタム上書き ===== */

/* テキストロゴ（ロゴ画像なし＝おまかせテキスト） */
.header-logo-text {
    font-family: "Songti SC", "Noto Serif JP", "Hiragino Mincho ProN", serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: .08em;
    color: #8c1616;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    line-height: 1;
}
.header_nav_list_sp .header-logo-text {
    font-size: 20px;
    color: #313131;
}
/* SP：MV下に出てしまうPCロゴ（テキストロゴ化で .pc の非表示が効かなくなった分）を非表示。
   ハンバーガーメニュー内のロゴ（.header_nav_list_sp .header-logo-text＝.pcクラス無し）は残す */
@media screen and (max-width: 767px) {
    .header-logo-text.pc {
        display: none;
    }
}

/* PCグロナビ：テンプレの中央寄せは維持し、テキストロゴ化で失われた余白のみ補う
   （元テンプレは .header-logo-sub に margin-right:20px、項目間は .gnav_item:not(:last-child) の 1.5vw） */
@media screen and (min-width: 768px) {
    .header-logo-text.pc {
        margin-right: 20px;
    }
    /* ご予約ボタンの li はテンプレ上 gnav_item クラスが無く項目間マージンが効かないため補完 */
    .gnav_wrap > li:not(:last-child) {
        margin-right: 1.5vw;
    }
    .gnav_wrap {
        align-items: center;
    }
}

/* PC：Instagramセクションとコンセプトセクションが近いため下側に余白を追加
   （テンプレ .top_insta は padding:80px 0 0 で下余白ゼロ。下だけ補う） */
@media screen and (min-width: 768px) {
    .top_insta {
        padding-bottom: 60px;
    }
}

/* グロナビ Instagram アイコン */
.gnav_insta {
    display: flex;
    align-items: center;
}
.gnav_insta a.gmenu {
    display: inline-flex;
    align-items: center;
    padding: 0;
}
.gnav_insta img {
    height: 32px;
    width: 32px;
    object-fit: contain;
    vertical-align: middle;
    display: block;
}
/* SP メニュー内は少し大きめ＋ラベル代わりに余白調整 */
.gnav_insta_sp {
    display: flex;
    align-items: center;
}
.gnav_insta_sp img {
    height: 36px;
    width: 36px;
    object-fit: contain;
    display: block;
}

/* ギャラリー画像：テンプレはimgに高さ指定が無く（object-fit:coverが効かず）素材の縦横比のまま表示され、
   1枚目(2000×1248)だけ他(2000×1333)と高さがズレる。縦横比を統一してcoverで揃える */
.gallery_content_sec_item img {
    aspect-ratio: 3 / 2;
    height: auto;
    object-fit: cover;
}

/* コピーライトをフッターに溶け込ませる（テンプレ既定は白背景で浮くため、フッターと同じ黒＋白文字に） */
.copyRight_wrap {
    background: #1b1b1b;
    color: #fff;
}

/* 見出しバナー（h1_bg）に暗オーバーレイを敷いて白文字の可読性を確保 */
.heading1_wrap {
    position: relative;
}
.heading1_wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    pointer-events: none;
}
.heading1_wrap .heading1 {
    position: relative;
    z-index: 1;
}