/* Generated: 2026-08-02 JST
   規約・法定表示・ヘルプの版面。
   ・読ませることだけが目的。装飾を足さない
   ・年配の読み手を想定し、本文は 17〜18px、行間 2.2、行長は 34em まで
   共通の変数・ヘッダー・品書メニュー・フッターは site.css にある。 */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

.wrap-doc { width: 100%; max-width: 1000px; margin-inline: auto; padding-inline: var(--gutter); }

/* --- 文書の頭 ------------------------------------------------------------ */
.doc-top { padding-top: clamp(120px, 20vw, 190px); padding-bottom: clamp(34px, 6vw, 60px); }
.doc-eyebrow { font-family: var(--gothic); font-size: 0.875rem; font-weight: 500; letter-spacing: 0.26em; color: var(--ink-3); }
.doc-h {
  margin-top: clamp(18px, 3.2vw, 28px);
  font-family: var(--mincho); font-weight: 600;
  font-size: clamp(1.75rem, 7vw, 3.25rem); line-height: 1.5; letter-spacing: 0.14em; color: var(--ink);
}
.doc-lead { margin-top: clamp(24px, 4vw, 36px); max-width: 34em; }

/* --- 本文 ---------------------------------------------------------------- */
.doc { padding-bottom: var(--rhythm); }
.doc h2 {
  margin-top: clamp(46px, 7vw, 72px); margin-bottom: clamp(16px, 2.6vw, 24px);
  padding-bottom: 14px; border-bottom: 1px solid var(--hair);
  font-family: var(--mincho); font-weight: 600; font-size: clamp(1.1875rem, 4.8vw, 1.5rem);
  letter-spacing: 0.12em; line-height: 1.8; color: var(--ink);
  scroll-margin-top: 110px;
}
.doc h3 { margin-top: clamp(26px, 4vw, 36px); margin-bottom: 10px; font-family: var(--mincho); font-weight: 600; font-size: clamp(1.0625rem, 4.2vw, 1.1875rem); letter-spacing: 0.1em; color: var(--ink); }
.doc p { max-width: 34em; }
.doc p + p { margin-top: 1.4em; }
.doc ol, .doc ul { margin-top: 14px; padding-left: 1.6em; max-width: 34em; }
.doc li { margin-bottom: 0.7em; }
.doc a { color: var(--ink); text-underline-offset: 5px; }

/* --- 定義表（特商法などの項目一覧） -------------------------------------- */
.deftable { width: 100%; border-collapse: collapse; margin-top: clamp(20px, 3.4vw, 30px); }
.deftable th, .deftable td { text-align: left; vertical-align: top; padding-block: 20px; border-top: 1px solid var(--hair-2); }
.deftable tr:last-child th, .deftable tr:last-child td { border-bottom: 1px solid var(--hair-2); }
.deftable th { font-family: var(--gothic); font-size: 0.96875rem; font-weight: 500; letter-spacing: 0.13em; color: var(--kin); white-space: nowrap; padding-right: 32px; width: 13em; line-height: 2.4; }
.deftable td { font-size: 1.03125rem; line-height: 2.1; color: var(--ink-2); }
.deftable td small { display: block; margin-top: 8px; font-family: var(--gothic); font-size: 0.875rem; color: var(--ink-3); }

/* 未確定の項目を目立たせる（公開前に必ず埋める） */
.todo { display: inline-block; padding: 3px 10px; border: 1px dashed var(--shu); color: var(--shu); font-family: var(--gothic); font-size: 0.875rem; letter-spacing: 0.08em; }

.doc-note { margin-top: clamp(40px, 6vw, 60px); padding-top: 26px; border-top: 1px solid var(--hair-2); font-family: var(--gothic); font-size: 0.875rem; line-height: 2.1; color: var(--ink-3); }

/* --- ヘルプ -------------------------------------------------------------- */
.toc { margin-bottom: clamp(30px, 5vw, 50px); padding: clamp(20px, 3vw, 28px) 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.toc-h { font-family: var(--gothic); font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.24em; color: var(--kin); margin-bottom: 14px; }
.toc ul { list-style: none; margin: 0; padding: 0; max-width: none; display: grid; gap: 2px; }
.toc li { margin: 0; display: flex; align-items: baseline; gap: 14px; }
.toc a { display: inline-block; padding-block: 9px; font-family: var(--mincho); font-weight: 600; font-size: clamp(1rem, 4.2vw, 1.125rem); letter-spacing: 0.1em; color: var(--ink); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .4s var(--ease); }
.toc a:hover { border-color: var(--ink); }
.toc-n { font-family: var(--gothic); font-size: 0.875rem; color: var(--ink-3); }

.qa-item { padding-block: clamp(22px, 3.4vw, 30px); border-bottom: 1px solid var(--hair-2); }
.qa-item h3 { margin-top: 0; margin-bottom: 12px; padding-left: 1.5em; text-indent: -1.5em; }
.qa-item h3::before { content: '問'; display: inline-block; width: 1.5em; text-indent: 0; font-family: var(--gothic); font-size: 0.68em; font-weight: 500; color: var(--kin); }
.qa-item p { color: var(--ink-2); }
.qa-item .deftable { margin-top: 18px; }

.tel-big { margin-top: 18px; margin-bottom: 26px; }
.tel-big a { font-family: var(--roman); font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; font-size: clamp(1.75rem, 7vw, 2.375rem); letter-spacing: 0.04em; color: var(--ink); text-decoration: none; display: inline-flex; align-items: center; gap: 14px; }
.tel-big i { font-size: 0.46em; color: var(--kin); }

@media (max-width: 767px) {
  /* 見出しと値を積む。横並びのまま詰めると値の行長が2〜3字になって読めない */
  .deftable th, .deftable td { display: block; width: auto; padding-right: 0; }
  .deftable th { border-bottom: 0; padding-bottom: 4px; padding-top: 22px; line-height: 1.8; }
  .deftable td { border-top: 0; padding-top: 0; padding-bottom: 22px; }
  .deftable tr:last-child td { border-bottom: 1px solid var(--hair-2); }
}
@media (min-width: 768px) {
  .toc ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
}

/* ヘルプの中で、品ごとの事実を並べる箇条書き。
   管理画面に登録した産地・内容量・価格をそのまま出す（2026-10-01） */
.qa-list { list-style: none; margin: 4px 0 0; padding: 0; }
.qa-list li {
  padding-block: 10px; border-bottom: 1px solid var(--hair-2);
  font-size: 1rem; line-height: 1.9; color: var(--ink-2);
}
.qa-list li:first-child { border-top: 1px solid var(--hair-2); }