@charset "utf-8";
/* =========================================================
   BAUM  —  sp.css  (768px 以下) : <link media="(max-width:768px)">
   ========================================================= */

.site-header .inner{ padding:12px 18px; }
.brand__mark{ height:40px; width:auto; }
.brand__name{ font-size:18px; letter-spacing:.18em; }
.brand__sub{ font-size:8px; }

/* PCナビは隠し、ハンバーガー表示 */
.gnav{ display:none; }
.hamb{ display:block; }

.section{ padding:64px 18px; }
.section__title{ font-size:26px; }

/* ===== Hero ===== */
.hero{ position:relative; height:78vh; min-height:460px; overflow:hidden; }
.hero__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero__img.pc{ display:none; }
.hero__copy{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; padding:0 24px;
  color:var(--brown); text-shadow:0 2px 20px rgba(248,247,241,.85);
}
.hero__en{ font-family:var(--font-en); font-size:15px; letter-spacing:.4em; }
.hero__jp{ font-family:var(--font-jp); font-size:18px; letter-spacing:.16em; margin-top:20px; line-height:2.1; }
.hero__jp em{ font-style:normal; color:var(--brown-mid); }
.hero__scroll{ display:none; }

/* ===== Concept ===== */
.concept__grid{ display:flex; flex-direction:column; gap:34px; margin-top:40px; }
.concept__title{ font-size:21px; line-height:1.8; text-align:center; }
.concept__body{ font-size:15px; line-height:2.2; margin-top:20px; color:var(--brown-mid); text-align:center; }

/* ===== Collection ===== */
.coll-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:40px; }
.coll-card{ background:var(--white); border:1px solid var(--line); border-radius:2px; overflow:hidden; display:block; }
.coll-card__photo{ aspect-ratio:4/3; overflow:hidden; }
.coll-card__photo img{ width:100%; height:100%; object-fit:cover; }
.coll-card__body{ padding:12px 8px 16px; text-align:center; }
.coll-card__en{ font-family:var(--font-en); font-size:15px; letter-spacing:.08em; }
.coll-card__jp{ font-size:11px; color:var(--gray); margin-top:3px; }

/* ===== Shop ===== */
.shop__grid{ display:flex; flex-direction:column; gap:12px; margin-top:40px; }
.shop__main{ position:relative; overflow:hidden; border-radius:2px; }
.shop__main img{ width:100%; }
.shop__side{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.shop__side img{ width:100%; border-radius:2px; }
.shop__cap{ position:absolute; left:0; right:0; bottom:0; padding:18px; background:linear-gradient(0deg,rgba(48,29,2,.6),transparent); color:var(--cream); }

/* ===== Catalog ===== */
.catalog__lead{ color:#d9cdb8; margin-top:16px; font-size:14px; }

.footnav{ gap:12px 18px; }

/* ===== 下層ページ SP ===== */
.page-head{ padding:48px 18px 6px; }
.page-head h1{ font-size:28px; }
.crumb{ padding:14px 18px 0; }
.store-grid{ grid-template-columns:1fr; }
.shopd__name{ font-size:21px; }
.info-table__row{ grid-template-columns:96px 1fr; gap:10px; padding:14px 2px; }
.boiler__body{ font-size:14px; }
.growth__step{ grid-template-columns:1fr; gap:10px; padding:32px 0; }
.growth__num b{ font-size:36px; }
.growth__title{ font-size:19px; }
.line-item{ grid-template-columns:1fr; gap:22px; padding:44px 0; }
.line-item:nth-child(even) .line-item__media{ order:0; }
.line-item__en{ font-size:24px; }

/* ===== Phase3 SP ===== */
.hub-grid{ grid-template-columns:1fr 1fr; gap:14px; }
.hub-card__cap{ padding:16px 12px; }
.hub-card__en{ font-size:18px; }
.hub-card__tag{ font-size:11px; }
.cd-hero{ height:56vh; min-height:380px; }
.cd-hero__en{ font-size:40px; }
.cd-hero__tag{ font-size:15px; padding:0 20px; }
.cd-story__body{ font-size:15px; line-height:2.2; }
.ring{ grid-template-columns:1fr; gap:24px; padding:40px 0; }
.ring:nth-child(even) .ring__media{ order:0; }
.ring__name{ font-size:22px; }
.spec__row{ grid-template-columns:1fr; gap:10px; }
.spec__prices{ justify-content:flex-start; }
.filterbar{ top:58px; padding:12px 0; }
.filterbar__inner{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; padding:0 18px 2px; -webkit-overflow-scrolling:touch; }
.fbtn{ flex:0 0 auto; }

/* ===== Phase4 SP ===== */
.detail-spec__grid{ grid-template-columns:1fr; gap:0; }
.detail-spec__row{ grid-template-columns:104px 1fr; }
.warranty{ padding:28px 18px; }
.warranty__grid{ grid-template-columns:1fr; }
.matprice__row{ grid-template-columns:1fr; gap:4px; }

/* Phase5 SP */
.coll-grid--4{ grid-template-columns:1fr 1fr; }
.os-cta{ flex-direction:column; }

/* Phase6 SP */
.ptable{ font-size:12px; }
.ptable th, .ptable td{ padding:7px 6px; }
.spec-list__row{ grid-template-columns:110px 1fr; gap:10px; }

/* Phase6 Quality SP */
.qrow{ grid-template-columns:1fr; gap:22px; padding:40px 0; }
.qmat-grid{ grid-template-columns:1fr 1fr; }