/*
Theme Name:     Astra Child Himeji Hotel
Theme URI:
Description:    STAY HIMEJI 子テーマ（静かな編集メディア／写真主役／明朝＋藤色）。
Author:         姫路スタイル / ハウスインフォ
Author URI:
Template:       astra
Version:        0.2.0
*/

:root{
	--stay-ground:#EDEAE1;   /* 生成り */
	--stay-panel:#F4F1EA;    /* 明るい紙 */
	--stay-ink:#211E24;      /* 墨 */
	--stay-ink-soft:#4C4753; /* 墨・淡 */
	--stay-fuji:#6C6188;     /* 藤（灰み） */
	--stay-fuji-deep:#4E4666;/* 藤・深 */
	--stay-nezu:#8C857A;     /* 鼠 */
	--stay-line:#D5CFC2;     /* 罫 */
	--stay-mincho:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP",serif;
	--stay-gothic:"Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Meiryo",sans-serif;
}

/* ===== 物件詳細（single-hotel） ===== */
.stay{
	font-family:var(--stay-gothic);
	color:var(--stay-ink);
	line-height:1.85;
	background:var(--stay-ground);
	width:100%;        /* Astra の .ast-container が flex のため、フル幅に伸ばす */
	flex:1 1 100%;
}
.stay-wrap{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}

/* ヒーロー */
.stay-hero{position:relative;width:100%;aspect-ratio:16/8;min-height:280px;overflow:hidden;background:var(--stay-ground);}
.stay-hero-img{width:100%;height:100%;object-fit:cover;display:block;}
.stay-hero-ph{width:100%;height:100%;display:flex;align-items:flex-end;
	background:linear-gradient(158deg,#c3c4b8 0%,#a9ab9c 52%,#7f8375 100%);}
.stay-hero-ph span{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(33,30,36,.5);padding:14px;}

/* 見出しブロック */
.stay-head{padding-top:26px;padding-bottom:6px;}
.stay-eyebrow{font-size:12px;letter-spacing:.24em;color:var(--stay-fuji-deep);}
.stay-title{font-family:var(--stay-mincho);font-weight:500;font-size:clamp(30px,6vw,50px);letter-spacing:.08em;margin:10px 0 0;color:var(--stay-ink);}
.stay-def{font-family:var(--stay-mincho);font-size:clamp(16px,2.5vw,20px);color:var(--stay-ink-soft);margin:14px 0 0;letter-spacing:.02em;}

/* 節（ラベル＋本文の2カラム） */
.stay-block{border-top:1px solid var(--stay-line);margin-top:52px;padding-top:30px;display:grid;grid-template-columns:170px 1fr;gap:30px;}
.stay-h2{font-family:var(--stay-mincho);font-weight:500;font-size:20px;letter-spacing:.14em;margin:0;color:var(--stay-ink);}
.stay-h2 small{display:block;font-family:var(--stay-gothic);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--stay-nezu);margin-top:8px;font-weight:600;}
@media(max-width:720px){.stay-block{grid-template-columns:1fr;gap:14px;}}

/* 概要テーブル */
.stay-spec{border-collapse:collapse;width:100%;max-width:44em;}
.stay-spec th,.stay-spec td{text-align:left;padding:12px 4px;border-bottom:1px solid var(--stay-line);vertical-align:top;font-size:15px;}
.stay-spec th{width:8em;font-weight:500;color:var(--stay-nezu);font-family:var(--stay-mincho);letter-spacing:.08em;}
.stay-spec td{color:var(--stay-ink);}
.stay-spec a{color:var(--stay-fuji-deep);}

/* 本文 */
.stay-prose{max-width:38em;}
.stay-prose p{margin:0 0 1.1em;color:var(--stay-ink-soft);}

/* ギャラリー */
.stay-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:640px){.stay-gallery{grid-template-columns:repeat(2,1fr);}}
.stay-gimg{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border:1px solid var(--stay-line);}

/* アクセス */
.stay-map{width:100%;aspect-ratio:16/6;min-height:200px;border:1px solid var(--stay-line);display:block;}
.stay-access{max-width:38em;color:var(--stay-ink-soft);margin:18px 0 0;}

/* 関連記事 */
.stay-arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:640px){.stay-arts{grid-template-columns:1fr;}}
.stay-art{display:block;border:1px solid var(--stay-line);background:var(--stay-panel);padding:15px 16px 17px;text-decoration:none;}
.stay-cat{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--stay-fuji-deep);}
.stay-art h4{font-family:var(--stay-mincho);font-weight:500;font-size:15.5px;line-height:1.6;margin:8px 0 0;letter-spacing:.02em;color:var(--stay-ink);}

/* 予約 */
.stay-book{display:flex;gap:14px;flex-wrap:wrap;}
.stay-btn{font-family:var(--stay-mincho);letter-spacing:.1em;font-size:15px;padding:14px 26px;border:1px solid var(--stay-fuji);color:var(--stay-fuji-deep);background:var(--stay-panel);text-decoration:none;}
.stay-btn.is-official{background:var(--stay-fuji);color:#F4F1EA;border-color:var(--stay-fuji);}

/* 他の宿 */
.stay-others{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:720px){.stay-others{grid-template-columns:repeat(2,1fr);}}
.stay-oh{display:block;border:1px solid var(--stay-line);background:var(--stay-panel);text-decoration:none;overflow:hidden;}
.stay-op{aspect-ratio:3/2;background:linear-gradient(155deg,#c6c7bb,#989c8d);}
.stay-op img{width:100%;height:100%;object-fit:cover;display:block;}
.stay-ob{padding:11px 12px 13px;}
.stay-otag{font-size:10px;letter-spacing:.14em;color:var(--stay-fuji-deep);}
.stay-oh h4{font-family:var(--stay-mincho);font-weight:500;font-size:15px;margin:6px 0 0;letter-spacing:.06em;color:var(--stay-ink);}