@charset "utf-8";
/* ==========================================================
   玉吉鮨 案件用の上書きCSS（テンプレ本体CSSは触らない）
   ========================================================== */

/* template106 は body に背景指定が無い → ダークモード端末で本文が沈むため明示 */
:root { color-scheme: only light; }
html, body { background-color: #fff; }

/* MVスライダー：img にサイズ指定が無く上端だけが見えるため枠いっぱいに cover */
#main-slider .slider img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center;
}
@media screen and (max-width: 767px) {
    #main-slider .slider img { height: 66vw; }
}

/* TOPコンセプト縦書き見出し：既定 height:300px(10文字)では1文字落ちるため拡張／半角数字は縦中横 */
.heading2-top01 { height: 380px; }
.heading2-top01 .tcy { -webkit-text-combine: horizontal; text-combine-upright: all; }

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

/* 下層ページMV：テンプレ既定 image1.jpg / image1_lawer.jpg は実体が無いため案件画像（大トロの握り #141094481）で上書き */
.heading1_wrap_inner { background-image: url(../img/page-mv.jpg); }
@media screen and (max-width: 767px) {
    .heading1_wrap { background-image: url(../img/page-mv.jpg); }
}

/* メニュー切替：コース・ランチはHSに記載が無くページごと削除したため2項目 → 中央寄せ */
.anchor_wrap { justify-content: center; }

/* ヘッダーロゴ（PC）：テンプレ既定 width:16vw（最大250px）では横長ロゴが大きすぎるため、高さ基準で抑える。
   帯の高さはロゴ画像に連動して縮むので、テンプレ既定（300×120ロゴ＝高さ min(6.4vw,100px)＋行ボックス2px）の高さを min-height で維持し、
   ロゴとナビは既定の align-items:center で帯の中央に置く（実測：768px 71px／1280px 104px／1440px 114px／1920px 122px） */
@media screen and (min-width: 768px) {
    .header-logo .logo-link img {
        width: auto;
        max-width: none;
        height: clamp(36px, 3.2vw, 48px);
    }
    .primary-header .header-inner {
        min-height: calc(min(6.4vw, 100px) + 2px);
    }
}

/* フッターロゴ：ヘッダーと同じ logo.png（濃色）を使うため、暗いフッター(#1b1b1b)では白プレートを敷く。
   テンプレの * { box-sizing:border-box } だと padding でロゴが縮むので content-box で高さを保つ */
.footer-logo img {
    background: #fff;
    padding: 10px 18px;
    border-radius: 3px;
    box-sizing: content-box;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .footer-logo img { padding: 8px 14px; }
}

/* SP：固定の「ご予約はこちら」ボタン（#op_btn, bottom:0）がフッターグロナビに被るため、
   フッター下端にボタン高さ分の余白を確保する */
@media screen and (max-width: 767px) {
    footer {
        padding-bottom: 60px;
    }
}