/* 特商法・プライバシーポリシー 共通スタイル
   ご注文ページ（index.html）と同じ配色・文字サイズに揃えています */
:root{
  --ai:#16304A; --ai-mist:#DCE7EE;
  --washi:#F4EFE3; --washi-2:#EAE2D0; --card:#FFFDF8;
  --ink:#16304A; --ink-soft:#3B5670; --muted:#6D7F94;
  --line:#D6CBB4; --line-soft:#E4DBC8; --seal:#A8322A;
  --min:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif;
  --go:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",YuGothic,"Noto Sans JP",Meiryo,sans-serif;
  --t-body:17px; --t-sub:14.5px;
}
@media (min-width:900px){ :root{ --t-body:18px; --t-sub:15px } }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--washi);color:var(--ink);
  font-family:var(--go);font-size:var(--t-body);line-height:1.95;
  -webkit-font-smoothing:antialiased}

.wrap{max-width:820px;margin:0 auto;background:var(--washi);min-height:100vh}
@media (min-width:900px){ body{background:#E3E7EC} .wrap{box-shadow:0 0 50px rgba(22,48,74,.13)} }

.head{position:relative;background:var(--ai);color:var(--washi);padding:20px 20px 26px;text-align:center}
.head .pat{position:absolute;inset:0;opacity:.13;pointer-events:none;
  background-repeat:repeat;background-size:44px 33px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='33' viewBox='0 0 44 33'><g fill='none' stroke='%23FFFFFF' stroke-width='1.4'><circle cx='22' cy='33' r='20'/><circle cx='22' cy='33' r='14'/><circle cx='22' cy='33' r='8'/><circle cx='0' cy='33' r='20'/><circle cx='0' cy='33' r='14'/><circle cx='44' cy='33' r='20'/><circle cx='44' cy='33' r='14'/></g></svg>")}
.head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:11px;
  background-repeat:repeat-x;background-size:26px 11px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='11'><path d='M0 11 Q6.5 0 13 11 T26 11 L26 11 L0 11Z' fill='%23F4EFE3'/></svg>")}
.head .shop{position:relative;font-family:var(--min);font-size:15px;letter-spacing:.3em;
  text-indent:.3em;display:block;opacity:.8}
.head h1{position:relative;font-family:var(--min);font-size:22px;letter-spacing:.1em;
  margin:10px 0 0;font-weight:500}
@media (min-width:900px){ .head h1{font-size:25px} }
.head .back{position:absolute;left:14px;top:22px;color:var(--washi);font-size:var(--t-sub);
  text-decoration:none;opacity:.85;z-index:2;padding:6px}
.head .back:hover{opacity:1}

main{padding:28px 20px 56px}
@media (min-width:900px){ main{padding:40px 48px 72px} }

.lead{font-size:var(--t-sub);color:var(--muted);margin:0 0 24px}

h2{font-family:var(--min);font-size:19px;letter-spacing:.1em;font-weight:600;
  margin:36px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
h2:first-of-type{margin-top:0}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:1.3em}
li{margin-bottom:6px}

/* 定義リスト（特商法の表） */
.dl{border-top:1px solid var(--line-soft)}
.dl .row{display:flex;flex-direction:column;gap:2px;
  padding:15px 0;border-bottom:1px solid var(--line-soft)}
@media (min-width:700px){
  .dl .row{flex-direction:row;gap:20px}
  .dl .row dt{width:13em;flex:0 0 auto}
}
.dl dt{font-size:var(--t-sub);color:var(--ink-soft);font-weight:700;margin:0}
.dl dd{margin:0;min-width:0}
.dl dd .note{display:block;font-size:var(--t-sub);color:var(--muted);margin-top:5px}

/* 未確定のところ */
.tbd{color:var(--seal);background:#fbe9e6;padding:1px .35em;border-radius:3px;font-weight:700}
.ask{background:var(--card);border:1px dashed var(--seal);border-radius:8px;
  padding:16px 18px;margin:14px 0;font-size:var(--t-sub);line-height:1.9;color:var(--ink-soft)}
.ask b{display:block;color:var(--seal);margin-bottom:6px}
.ask ol{margin:8px 0 0;padding-left:1.4em}

.box{background:var(--washi-2);border-radius:8px;padding:16px 18px;
  font-size:var(--t-sub);line-height:1.9;margin:14px 0}

a{color:var(--ai);text-underline-offset:2px}

.foot{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);
  font-size:var(--t-sub);color:var(--muted);display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap}

/* 印刷（先方に紙で確認いただくとき用） */
@media print{
  body{background:#fff}
  .wrap{box-shadow:none;max-width:none}
  .head{background:#16304A !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .head .back{display:none}
  h2{break-after:avoid}
  .dl .row{break-inside:avoid}
}