/* TOTTOSTOCK 法務ページ共通スタイル（特商法・プライバシーポリシー）
   entry.html の「信用デザイン」トークンに準拠・モバイルファースト */
:root{
  --bg:#f4f5f7; --card:#ffffff; --line:#e4e6ea; --line2:#cbd0d6;
  --ink:#1f2430; --sub:#5b6470; --hint:#8b939f;
  --accent:#2563eb; --accent-bg:#eef4ff; --req:#dc2626; --notebg:#f7f8fa;
  --todo:#fef3c7; --todo-line:#fcd34d; --todo-ink:#92400e;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink);
  font-family:"Noto Sans JP",sans-serif; -webkit-text-size-adjust:100%; font-size:15px; line-height:1.8;}
.wrap{max-width:640px; margin:0 auto; padding:0 14px 64px;}

.head{text-align:center; padding:26px 0 6px;}
.head .name{font-size:13px; font-weight:700; letter-spacing:.14em;}
.head .title{font-size:20px; font-weight:700; margin:6px 0 4px;}
.head .meta{font-size:12px; color:var(--sub);}

.card{background:var(--card); border:1px solid var(--line); border-radius:12px;
  box-shadow:0 1px 2px rgba(20,25,40,.04); padding:20px 18px; margin:16px 0;}
.card h2{font-size:16px; font-weight:700; margin:24px 0 8px; padding-top:4px;}
.card h2:first-child{margin-top:0;}
.card p{margin:0 0 12px;}
.card ul,.card ol{margin:0 0 12px; padding-left:20px;}
.card li{margin:4px 0;}
.card a{color:var(--accent);}

/* 特商法の定義リスト（スマホ=縦積み / PC=2カラム） */
.dl{margin:0; border-top:1px solid var(--line);}
.dl dt{font-size:12.5px; font-weight:700; color:var(--sub); padding:14px 0 0;}
.dl dd{margin:0; padding:4px 0 14px; border-bottom:1px solid var(--line); font-size:14.5px;}
@media(min-width:560px){
  .dl dt{float:left; clear:left; width:170px; padding:16px 12px 16px 0;}
  .dl dd{margin-left:0; padding:16px 0 16px 170px; min-height:56px;}
}

/* 未確定項目のハイライト（田中さんと詰める箇所） */
.todo{background:var(--todo); border:1px solid var(--todo-line); border-radius:6px;
  padding:1px 7px; color:var(--todo-ink); font-size:13px; font-weight:700;}
.todo-note{display:block; font-size:12px; color:var(--todo-ink); margin-top:5px; font-weight:400;}

.notebox{background:var(--notebg); border:1px solid var(--line); border-radius:10px;
  padding:14px 16px; margin:14px 0; font-size:13px; color:var(--sub); line-height:1.9;}
.notebox b{color:var(--ink);}

.draft{background:#fffbeb; border:1px solid var(--todo-line); border-radius:10px;
  padding:14px 16px; margin:16px 0; font-size:13px; color:var(--todo-ink); line-height:1.9;}

.table{width:100%; border-collapse:collapse; font-size:13.5px; margin:0 0 12px;}
.table th,.table td{border:1px solid var(--line); padding:9px 10px; text-align:left; vertical-align:top;}
.table th{background:var(--notebg); font-weight:700; font-size:12.5px; color:var(--sub); white-space:nowrap;}

.foot{text-align:center; font-size:12px; color:var(--sub); margin-top:22px; line-height:2;}
.foot a{color:var(--sub); text-decoration:underline;}
.updated{font-size:12px; color:var(--hint); text-align:right; margin:16px 0 0;}

@media print{
  body{background:#fff;} .card{box-shadow:none; border:none; padding:0;}
  .draft{display:none;}
}