@charset "utf-8";
/* 紅谷町B2ND カスタム上書き（テンプレ本体は触らない） */

/* グロナビ Instagram アイコン */
.gnav_insta a { display:inline-flex; align-items:center; padding:0; }
.gnav_insta img { width:24px; height:24px; object-fit:contain; display:block; vertical-align:middle; }
.gmenu_sp_insta img { width:28px; height:28px; object-fit:contain; vertical-align:middle; }

/* テキストロゴ（ロゴ画像なし。店名を明朝体で表示） */
.header_logo { width:auto; }
.logo_text {
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    letter-spacing: 0.08em;
    white-space: nowrap;
    line-height: 1;
    display: inline-block;
}
/* ヘッダー：メインビジュアル上に白文字（グロナビと同色）＋読みやすさ用の影 */
.header_logo .logo_text {
    color: #fff;
    font-size: 1.9vw;
    text-shadow: 0 1px 4px rgba(0,0,0,0.45);
}
/* フッター：黒背景に白文字 */
.footer_logo .logo_text {
    color: #fff;
    font-size: 26px;
}
@media screen and (max-width: 767px) {
    /* SPはヘッダーが白背景の上に来るため、ロゴは濃色にして可読性を確保 */
    .header_logo .logo_text { font-size: 20px; color: #1c1c1c; text-shadow: none; }
    .footer_logo .logo_text { font-size: 22px; }
}

/* メニュー系ページ（food/drink/menu）のアンカーリンク：ランチ削除で3ボタンのため中央配置
   （PCは flex:0 0 25% ×3=75% を中央寄せ、SPは折返し2列目の単独ボタンも中央寄せ） */
.anchor_wrap { justify-content: center; }

/* サブページのMV（ヒーロー）：テンプレ既定 h1_bg.jpg を店舗MV画像に差し替え。
   白い見出し（MENU/ACCESS/POLICY/CONTACT）の可読性確保のため暗めオーバーレイを重ねる */
.main_menu {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url(../img/mv1.jpg) !important;
}
.main_access {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url(../img/mv2.jpg) !important;
}
.main_recruit {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url(../img/mv3.jpg) !important;
}
.main_gallery {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url(../img/mv1.jpg) !important;
}

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

/* フッターグロナビ Instagram アイコン */
.footer_insta_link { display: inline-flex; align-items: center; padding: 0; }
.footer_insta_link img { width: 24px; height: 24px; object-fit: contain; display: block; vertical-align: middle; }

/* フッターグロナビ：文字とInstagramアイコンの縦位置を中央揃え */
.footer_link_list {
    align-items: center;
}