@charset "utf-8";
/* LORE novel — sp.css（768px以下）*/

.spine{display:none}
body{padding-left:0}

/* ヘッダー：ハンバーガー */
.site-header{padding:16px 20px}
.brand{font-size:22px}
.nav-toggle{display:block}
.gnav{position:fixed;inset:0;background:rgba(51,41,31,.97);color:var(--cream);
  transform:translateX(100%);transition:transform .35s;display:flex;align-items:center;justify-content:center}
.gnav.open{transform:none}
.gnav ul{flex-direction:column;gap:26px;text-align:center}
.gnav a{font-size:19px;color:var(--cream)}
.gnav .reserve{border-color:var(--cream)}

/* ヒーロー：SP＝IMG_1005・オーバーレイなし・コピーは下部の空き（最下段リングより下）へ */
.hero{min-height:96vh;align-items:flex-end;
  background-image:url('../img/hero_sp.jpg');background-position:center top;background-size:cover;}
.hero__inner{max-width:100%;padding:0 26px 7vh;color:var(--cream)}
.hero__eyebrow{color:#f0e4c6;text-shadow:0 2px 12px rgba(20,14,10,.6)}
.hero h1{font-size:33px;text-shadow:0 3px 18px rgba(20,14,10,.66)}
.hero p{color:rgba(244,238,226,.96);text-shadow:0 1px 12px rgba(20,14,10,.64)}
.hero__ribbon{right:8%;height:150px;width:20px}

/* セクション余白圧縮 */
.section{padding:72px 24px}

/* コンセプト縦書き：横並び維持で高さ縮小 */
.concept{gap:30px;justify-content:center}
.tate{height:340px;font-size:17px}
.concept__cap{font-size:42px}

/* コンビ・オーダー：縦積み */
.combi,.order{grid-template-columns:1fr}
.combi__ph{min-height:300px}
.combi__tx{padding:44px 24px}
.order{direction:ltr}
.order__ph{min-height:280px;order:-1}
.order__tx{padding:44px 24px}

/* 目次：折り返し */
.chap{flex-wrap:wrap;gap:12px}
.chap__thumb{width:56px;height:56px}
.chap__no{width:auto}
.chap__nm{font-size:22px;min-width:0}
.chap__price{margin-left:0;width:100%;text-align:left;padding-left:68px}

/* 素材：2列 */
.mat-grid{grid-template-columns:repeat(2,1fr);gap:14px}

/* フッターナビ */
.fnav{gap:12px 18px}

/* 下層ページ：SP調整 */
.breadcrumb{padding:80px 20px 0}
.page-hero{min-height:38vh}
.page-hero__inner{padding:0 24px 8vh}
.feature-row{grid-template-columns:1fr}
.feature-row .ph{min-height:280px;order:-1}
.feature-row .tx{padding:40px 24px}
.mat-row{grid-template-columns:1fr;gap:18px;text-align:center;justify-items:center}
.mat-row .sw{width:130px;height:130px}
.coll-grid{grid-template-columns:1fr;gap:22px}

/* 商品詳細：SP */
.ring-block{grid-template-columns:1fr;gap:24px}
.ring-block .ph{order:-1}   /* SPは常に画像を上・スペックを下に */
.arr-grid{grid-template-columns:1fr;gap:16px}
.spec dt{flex-basis:112px}
.price-table{font-size:12px}
.price-table th,.price-table td{padding:7px 6px}

/* 取扱店：SP */
.shop-grid{grid-template-columns:1fr;gap:16px}
.area-filter{gap:8px}
.area-btn{font-size:11.5px;padding:8px 14px;letter-spacing:.18em}

/* 店舗詳細：SP */
.shop-info{grid-template-columns:1fr;gap:24px}
.shop-info__ph{order:-1}
.showcase-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.showcase-grid figcaption{font-size:16px}

/* 商品詳細ヒーロー：SP（画像は全幅・切れない・角丸なし） */
.detail-hero__img{padding:66px 0 0;max-width:100%}
.detail-hero__img img{border-radius:0;box-shadow:none}
.detail-hero__cap{padding:20px 24px 0}
.detail-hero__cap h1{font-size:34px}
.detail-hero__cap .eyebrow{font-size:18px}