@charset "UTF-8";
/* =========================================================
   PAVEO CHOCOLAT ─ sp.css（768px以下・スマホレイアウト）
   ========================================================= */

/* ヘッダー */
.site-head{padding:16px 0}
.site-head.is-solid{padding:12px 0}
.site-head__logo img{width:144px}
.gnav{display:none}          /* PCナビは隠す */
.menu-btn{display:block}     /* ハンバーガー表示 */

/* ヒーロー：縦長スマホでも破綻しない高さ */
.hero{height:88vh;min-height:480px;display:flex;align-items:center;justify-content:center;padding:0 6%}
.hero__lead{font-size:26px}

/* コンセプト */
.concept .wrap{text-align:center}
.concept__body{font-size:15px}
.concept__body p{margin-bottom:1.2em}

/* コレクション導線：1カラム縦積み */
.info__gallery{margin-bottom:40px}
.gallery__slide img{height:230px}
.info__links{display:flex;flex-direction:column;gap:14px}
.info__links a{height:130px}

/* フッター */
.site-foot__inner{display:flex;flex-direction:column;gap:44px;padding-bottom:var(--sec-pad)}
.site-foot__logo{width:172px}

/* ページトップ：親指の届く位置に */
.page-top{right:16px;bottom:16px;width:42px;height:42px}

/* ---- 下層ページ（768px以下） ---- */
.common-links ul{grid-template-columns:1fr}
.col-grid{grid-template-columns:repeat(2,1fr)}
.col-card{aspect-ratio:1/1}
.ring{grid-template-columns:1fr}
.ring__photo{max-width:420px;margin-inline:auto}
.shop-grid{grid-template-columns:1fr}
.arrange{grid-template-columns:1fr}


/* ---- スマホ美観チューニング（詳細ページのヒーロー最適化） ---- */
/* ページ見出し帯：過大な余白を圧縮（固定ヘッダー分だけ確保） */
.page-head{padding:72px 6% 26px}
.page-head__en{font-size:30px}
.page-head__en::after{height:22px;margin-top:12px}
.page-head__jp{margin-top:.8em}

/* リング詳細：写真は全体表示・上品なサイズに */
.ring{gap:22px}
.ring__photo{max-width:340px}
.ringgal__main{background:var(--cream)}
.ringgal__thumbs{gap:8px}
.ring__en{font-size:26px}
.ring__catch{margin:1em 0 1.4em;padding-bottom:1em}

/* 店舗詳細ヒーロー：高さを抑えて指輪が切れないように */
.shop-hero{height:clamp(220px,38vh,300px)}
.shop-hero__ttl{font-size:23px}
.shop-info__grid{gap:22px}
.ring-grid{grid-template-columns:repeat(2,1fr);gap:10px}

/* カテゴリ/コレクションのヒーロー・ボタン */
.col-hero{min-height:clamp(280px,44vh,380px);padding:56px 20px}
.col-hero__btns{gap:10px}

/* 読み物ページ：画像とテキストの余白 */
.read-lead__inner{gap:22px}
.read-block{gap:14px}

/* 共通リンク帯：縦積みで各カードの高さを確保 */
.common-links li a{min-height:120px}