/* =========================================================================
   GDOCK 第3層：固定ページ「ショールームのご案内」(/showroom/)
   第2層(gdock-article.css)の .rename / .endcta を利用する。.post_content 内スコープ。
   ========================================================================= */

/* =========================================================================
   ページタイトル（SWELL の h1.c-pageTitle）
   このファイルは /showroom/ でしか読み込まれないので body クラスは不要。
   ::before を「2026.9.1 OPEN」バッジとして作り直す。
   （SWELL が ::before に入れている絶対配置・枠線は全部打ち消す）
   ========================================================================= */
h1.c-pageTitle,
h1.c-pageTitle[data-style]{
  font-size:clamp(27px,4.2vw,46px);
  font-weight:600;
  line-height:1.36;
  letter-spacing:.01em;
  color:var(--ink);
  text-align:center;
  border:none;
  background:none;
  background-image:none;
  box-shadow:none;
  padding:0;
  margin:clamp(40px,7vw,80px) auto clamp(8px,2vw,18px);
  max-width:820px;
}
h1.c-pageTitle::after,
h1.c-pageTitle[data-style]::after{content:none;display:none}

h1.c-pageTitle::before,
h1.c-pageTitle[data-style]::before{
  content:"● 2026.9.1 OPEN";
  display:table;
  position:static;
  width:auto;height:auto;
  top:auto;left:auto;right:auto;bottom:auto;
  margin:0 auto 24px;
  padding:8px 18px;
  border:none;
  border-radius:var(--r-pill);
  background:var(--grad);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.6;
  white-space:nowrap;
  visibility:visible;opacity:1;transform:none;
  box-shadow:0 8px 22px rgba(255,90,31,.28);
}
h1.c-pageTitle .c-pageTitle__inner,
h1.c-pageTitle[data-style] .c-pageTitle__inner{
  display:inline;float:none;border:none;border-bottom:none;
  background:none;padding:0;margin:0;box-shadow:none;
}

/* リード文 */
.post_content .a-lead{
  text-align:center;
  max-width:46ch;
  margin:0 auto;
  font-size:clamp(15px,1.7vw,18px);
  line-height:2;
  color:var(--ink-2);
}

/* 画像プレースホルダー（撮影後 <img> に差し替え） */
.post_content .shot{
  position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--mist);
  border:1.5px dashed #d8d6d1;display:grid;place-items:center;text-align:center;
}
.post_content .shot .ph-in{padding:24px}
.post_content .shot .ic{
  width:46px;height:46px;border-radius:50%;margin:0 auto 14px;background:#fff;border:1.5px solid var(--line);
  display:grid;place-items:center;color:var(--ink-4);font-size:19px;
}
.post_content .shot .cs{font-size:11px;letter-spacing:.26em;color:var(--accent);font-weight:700;text-transform:uppercase}
.post_content .shot .tx{font-size:13px;color:var(--ink-3);margin-top:9px;line-height:1.75}
.post_content .shot img{width:100%;height:100%;object-fit:cover;display:block}

.post_content .hero-shot{margin-top:clamp(32px,5vw,56px);margin-bottom:clamp(8px,2vw,16px)}
.post_content .hero-shot .frame{max-width:1120px;margin:0 auto;aspect-ratio:16/9}
.post_content .hero-shot .cap{max-width:1120px;margin:14px auto 0;font-size:12px;color:var(--ink-3);text-align:right}

/* セクション見出し */
.post_content .sh{text-align:center;margin-bottom:clamp(34px,5vw,52px)}
.post_content .sh h2,
.post_content .sh .h2{font-size:clamp(21px,2.8vw,32px);font-weight:600;color:var(--ink);line-height:1.5;margin:0}
.post_content .sh p{margin-top:16px;font-size:15px;line-height:2;color:var(--ink-2)}

/* ご覧いただけること */
.post_content .exp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--wide);margin:0 auto}
.post_content .exp .card{border:1px solid var(--line);border-radius:var(--r-card);
  padding:clamp(26px,3.5vw,34px);background:#fff;transition:.25s}
.post_content .exp .card:hover{box-shadow:0 16px 38px rgba(20,21,26,.08);transform:translateY(-3px)}
.post_content .exp .no{font-size:11.5px;letter-spacing:.24em;color:var(--accent);font-weight:700;margin-bottom:16px}
.post_content .exp h3,
.post_content .exp .h3{font-size:17.5px;font-weight:600;line-height:1.6;color:var(--ink);margin:0 0 12px}
.post_content .exp p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0}
@media(max-width:860px){.post_content .exp{grid-template-columns:1fr;gap:16px}}

/* ギャラリー */
.post_content .gal{background:var(--mist);padding:clamp(56px,8vw,100px) var(--pad);
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.post_content .g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto}
.post_content .g-grid .shot{aspect-ratio:4/3;background:#fff}
@media(max-width:860px){.post_content .g-grid{grid-template-columns:1fr;gap:14px}}

/* 施設情報 */
.post_content .facts{max-width:860px;margin:0 auto;border-top:1px solid var(--line)}
.post_content .fact{display:flex;gap:clamp(16px,4vw,40px);align-items:flex-start;padding:24px 4px;
  border-bottom:1px solid var(--line)}
.post_content .fact dt{flex:0 0 auto;width:8em;font-size:12px;letter-spacing:.16em;color:var(--accent);
  font-weight:700;text-transform:uppercase;padding-top:5px}
.post_content .fact dd{font-size:16px;line-height:1.95;color:var(--ink);margin:0}
.post_content .fact dd .sub{display:block;font-size:13.5px;color:var(--ink-3);margin-top:6px;line-height:1.8}
.post_content .fact dd a{color:var(--ink);border-bottom:1px solid var(--line)}
.post_content .fact dd a:hover{color:var(--accent);border-color:var(--accent)}
@media(max-width:600px){
  .post_content .fact{flex-direction:column;gap:8px}
  .post_content .fact dt{width:auto;padding-top:0}
}

/* 未確定項目のマーカー（公開前に外す） */
.post_content .tbd{color:var(--ink-3);border-bottom:1.5px dashed var(--accent);padding-bottom:1px}