/* ==========================================================================
   site.css — 中国美術買取堂 デザインシステム（和ミニマル・切れ味）
   全ページ共通：トークン / 基本タイポ / 共通アトム / ヘッダー / フッター / リビール
   ========================================================================== */
:root{
  --paper:#ffffff; --paper-2:#faf8f4; --sumi:#14110d; --ink:#1d1a15; --mut:#8c877c;
  --shu:#b8392c; --shu-d:#9c2f24; --gold:#9a8350;
  --line:#e8e4da; --line-d:#d8d2c4;
  --fh:"Shippori Mincho B1", serif;       /* 見出し・和文ディスプレイ */
  --fz:"Zen Old Mincho", serif;           /* 透かし等 */
  --fb:"Noto Sans JP", sans-serif;        /* 本文 */
  --fl:"Cormorant Garamond", serif;       /* 欧文アクセント */
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--paper);color:var(--ink);font-weight:300;line-height:1.95;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--shu);color:#fff}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}

.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
@media(min-width:900px){.wrap{padding:0 56px}}

/* ---- 共通アトム ---- */
.ey{font-family:var(--fl);font-style:italic;letter-spacing:.28em;text-transform:uppercase;font-size:13px;color:var(--mut);display:inline-flex;align-items:center;gap:12px}
.ey::before{content:"";width:26px;height:1px;background:var(--shu)}
.hr{height:1px;background:var(--line);border:0}
.seal{width:34px;height:34px;display:grid;place-items:center;background:var(--shu);color:#fff;font-family:var(--fh);font-weight:600;font-size:22px;line-height:1}
.btn{display:inline-flex;align-items:center;gap:.7em;font-size:15px;letter-spacing:.06em;padding:12px 22px;border:1px solid var(--ink);background:var(--ink);color:#fff;transition:.3s;cursor:pointer}
.btn:hover{background:var(--shu);border-color:var(--shu)}
.btn--g{background:transparent;color:var(--ink)}
.btn--g:hover{background:var(--ink);color:#fff}
/* 縦並びリンク型CTA（ヒーロー/CTA帯で共用） */
.act{display:flex;align-items:center;justify-content:space-between;padding:17px 2px;border-bottom:1px solid var(--line);font-size:17px;font-family:var(--fh);transition:padding .3s,color .3s}
.act:hover{padding-left:10px;color:var(--shu)}
.act .n{font-family:var(--fl);font-style:italic;color:var(--mut);font-size:16px}
.act:hover .n{color:var(--shu)}

/* ---- ヘッダー ---- */
.site-hd{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;gap:14px;padding:18px 28px;transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
.site-hd.on{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:13px 28px}
@media(min-width:900px){.site-hd{padding:22px 56px}.site-hd.on{padding:15px 56px}}
.brand{display:flex;align-items:center;gap:12px}
.brand b{font-family:var(--fh);font-weight:600;font-size:20.5px;letter-spacing:.14em}
.brand small{display:block;font-family:var(--fl);font-style:italic;font-size:11.5px;letter-spacing:.2em;color:var(--mut);margin-top:1px}
.site-hd nav{display:none}
@media(min-width:1000px){.site-hd nav{display:flex;gap:30px;margin-left:30px}.site-hd nav a{font-size:15px;color:var(--mut);letter-spacing:.06em;position:relative}.site-hd nav a:hover{color:var(--ink)}.site-hd nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--shu)}}
.hd-cta{margin-left:auto;display:flex;align-items:center;gap:18px}
.hd-tel{display:none}
@media(min-width:760px){.hd-tel{display:block;font-family:var(--fh);font-weight:600;font-size:18.5px;letter-spacing:.04em}.hd-tel small{display:block;font-family:var(--fb);font-weight:300;font-size:11.5px;color:var(--mut);letter-spacing:.08em}}

/* ---- フッター ---- */
.site-ft{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 34px}
.ft-top{display:grid;gap:34px;padding-bottom:38px;border-bottom:1px solid var(--line)}
@media(min-width:820px){.ft-top{grid-template-columns:1.6fr 1fr 1fr}}
.ft-top p{font-size:14.5px;color:var(--mut);line-height:2;max-width:340px;margin-top:16px}
.ft-col h4{font-family:var(--fh);font-weight:600;font-size:16px;letter-spacing:.08em;margin-bottom:16px}
.ft-col a{display:block;font-size:15px;color:var(--mut);margin-bottom:11px}
.ft-col a:hover{color:var(--shu)}
.ft-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:13px;color:var(--mut)}
.ft-bot .cp{font-family:var(--fl);font-style:italic;letter-spacing:.08em}

/* ---- リビール ---- */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}