@charset "UTF-8";
/* 白虹 テンプレHP反映用 上書きCSS（style.css の後に読込） */

/* --- テキストロゴ（ロゴ画像なし＝おまかせテキスト） --- */
.header-logo-text {
    font-family: "Noto Serif JP", "ヒラギノ明朝 ProN", serif;
    font-weight: 600;
    color: #1b2233;
    letter-spacing: 0.12em;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
}
.header-logo-text-pc {
    font-size: 30px;
    margin-right: 24px;
    margin-top: 6px;
}
.header-logo-text-sp {
    font-size: 26px;
    color: #1b2233;
}
a:hover .header-logo-text { opacity: 0.7; }

/* SPではPCヘッダーのテキストロゴを非表示（MV下にロゴを出さない。元テンプレのpc同様） */
@media screen and (max-width: 767px) {
    .header-logo-text-pc { display: none; }
}

/* Instagram→こだわり間の余白補正
   本来この間にあった「お知らせ」「ご予約」セクション(各上下100px)を非表示にした結果、
   .top_insta のPC下余白が0(padding:80px 0 0)のため両セクションが詰まる。下余白を付与して間を空ける。 */
.top_insta { padding-bottom: 80px; }

/* --- グロナビ：予約・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; }
.gnav_resv .gmenu { white-space: nowrap; }

/* SPドロワーのInstagramアイコン */
.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%+object-fit:cover だが高さ指定が無く、
   比率の違う画像(ga8等)で行の高さが不揃いになる。比率3:2に固定し cover で統一（歪ませず中央トリミング）。
   ※画像の形（比率）はcoverでトリミングするのみ、HTML構造・レイアウトは変更しない。 */
.gallery_content_sec_item img {
    aspect-ratio: 3 / 2;
    height: auto;
    object-fit: cover;
    object-position: center;
}