/* ============================================================
   法定の頁（プライバシーポリシー・利用規約・特定商取引法に基づく表記）の見た目（2026-11-01）
   前は頁の中の <style> で暗い地に描いていた（CSP の指紋が要った）。読む頁（docs.css）と同じ白地にそろえ、
   ここには法定の頁にしか無い部品（表・囲み・添え書き・頁の中の足）だけを置く。docs.css のあとに読む。

   ★ **文面は1文字も変えない**（法的な表示のため）。直すのは見た目だけ。class の名前も前のまま使う
   　（.lead・.box・.sub・.u-sub・.u-note・.note・.u-m0）。
   ★ lab.css の変数（--line=線の太さ など）を上書きしない（docs.css と同じ決まり）。
   ============================================================ */

/* 読む幅。前の頁（860px）に近い幅で止める。表は枠いっぱいに使う */
.wrap.legal{max-width:920px;}
.legal table,.legal .box{max-width:none;}

/* 見出し。h1 は docs.css（Dela）。h2 は docs.css のミントの札。小見出しは本文の書体の太字 */
.legal h3{font:700 17.5px/1.55 var(--body);margin:30px 0 10px;}
.legal h3.u-note{font-size:16.5px;color:var(--ink);}
.legal .box h3{margin:0 0 10px;}

/* 表（取得する情報・利用目的・保存場所／特商法の各項目）。吹き出しと同じ墨の線で囲む */
.legal table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 18px;background:var(--paper);
  border:var(--line) solid var(--ink);border-radius:18px;overflow:hidden;}
.legal th,.legal td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1.5px solid var(--hair);font-size:15px;line-height:1.9;}
.legal th{width:30%;background:var(--mint-soft);font-weight:700;color:var(--ink);border-right:1.5px solid var(--hair);}
.legal td{color:var(--text);}
.legal tr:last-child th,.legal tr:last-child td{border-bottom:0;}

/* 囲み（大事なこと・窓口）。しっぽの無い吹き出し */
.legal .box{border:var(--line) solid var(--ink);border-radius:20px;background:var(--mint-soft);padding:20px 24px;margin:16px 0 22px;}
.legal .box p:last-child,.legal .box ol:last-child{margin-bottom:0;}

/* 添え書き。docs.css の .note は吹き出しなので、ここ（特商法の末尾の注記）では素の段落に戻す */
.legal .sub,.legal .u-sub,.legal .note{color:var(--sub);font-size:14px;line-height:1.95;}
.legal .u-sub{display:inline;}
.legal .note{border:0;background:none;padding:0;border-radius:0;margin:22px 0 0;}
.legal .note::after{display:none;}
.legal .u-m0{margin:0;}
.legal .box .sub + .sub{margin-top:12px;}

/* 頁の中の足（関連の頁・制定日・最終更新日） */
.legal-foot{margin-top:48px;padding-top:20px;border-top:var(--line) dashed var(--hair-2);font-size:14px;line-height:2;color:var(--sub);}
.legal-foot a{font-weight:700;}

@media (max-width:640px){
  .legal th{width:auto;display:block;border-right:0;border-bottom:0;padding:12px 16px 4px;}
  .legal td{display:block;padding:4px 16px 14px;}
  .legal tr:not(:last-child) td{border-bottom:1.5px solid var(--hair);}
  .legal .box{padding:16px 18px;}
}