/* AUBE — 規約・法定表記ページの共通スタイル
   本文を読ませるページなので、LPより余白と行間を広く、装飾を抑える */

:root {
  --lg-bg: #080808;
  --lg-panel: #0f1420;
  --lg-line: #1e2637;
  --lg-gold: #c9a84c;
  --lg-gold-dim: #8a6f2e;
  --lg-text: #ddd8ca;
  --lg-text-dim: #8f8b7e;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--lg-bg);
  color: var(--lg-text);
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', sans-serif;
  font-size: 15px;
  line-height: 2;
  -webkit-text-size-adjust: 100%;
}

a { color: var(--lg-gold); }

/* ── ヘッダー ── */
.lg-header {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  padding-top: calc(14px + env(safe-area-inset-top));
  background: rgba(8, 8, 8, .92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--lg-line);
}

.lg-brand { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.lg-mark {
  width: 28px; height: 28px;
  display: grid; place-items: center;
  border: 1px solid var(--lg-gold-dim);
  border-radius: 50%;
  color: var(--lg-gold);
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
}
.lg-brand-text {
  color: var(--lg-gold);
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  letter-spacing: .32em;
}
.lg-back { color: var(--lg-text-dim); font-size: 13px; text-decoration: none; }
.lg-back:hover { color: var(--lg-gold); }

/* ── 本文 ── */
.lg-main { max-width: 780px; margin: 0 auto; padding: 40px 20px 80px; }

.lg-eyebrow {
  font-size: 10px;
  letter-spacing: .3em;
  color: var(--lg-gold-dim);
  margin-bottom: 10px;
}

.lg-title {
  font-size: clamp(23px, 5vw, 31px);
  font-weight: 400;
  letter-spacing: .06em;
  margin: 0 0 12px;
  color: #f0ead8;
}

.lg-updated { font-size: 12px; color: var(--lg-text-dim); margin: 0 0 36px; }

.lg-lead { margin-bottom: 36px; }

h2.lg-h2 {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .04em;
  color: #f0ead8;
  margin: 42px 0 14px;
  padding-left: 12px;
  border-left: 2px solid var(--lg-gold);
}

h3.lg-h3 { font-size: 15px; font-weight: 500; color: #f0ead8; margin: 26px 0 10px; }

.lg-main p { margin: 0 0 16px; }
.lg-main ol, .lg-main ul { margin: 0 0 16px; padding-left: 1.6em; }
.lg-main li { margin-bottom: 8px; }

/* ── 定義表（特商法・会社概要） ── */
.lg-table { width: 100%; border-collapse: collapse; margin: 0 0 28px; }
.lg-table th, .lg-table td {
  border: 1px solid var(--lg-line);
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
}
.lg-table th {
  width: 32%;
  background: var(--lg-panel);
  color: var(--lg-text-dim);
  font-size: 13px;
}

/* ── 注意書き ── */
.lg-note {
  background: var(--lg-panel);
  border: 1px solid var(--lg-line);
  border-radius: 8px;
  padding: 18px 20px;
  font-size: 13px;
  color: var(--lg-text-dim);
  margin: 32px 0;
}

/* 未確定箇所の目印。公開前にこのクラスの箇所が残っていないか検索する */
.lg-todo {
  color: #d99a5b;
  border-bottom: 1px dashed #d99a5b;
}

/* ── フッター ── */
.lg-footer {
  border-top: 1px solid var(--lg-line);
  padding: 30px 20px calc(40px + env(safe-area-inset-bottom));
  text-align: center;
}
.lg-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 22px;
  margin-bottom: 18px;
}
.lg-footer-links a { color: var(--lg-text-dim); font-size: 13px; text-decoration: none; }
.lg-footer-links a:hover { color: var(--lg-gold); }
.lg-copy { font-size: 11px; color: #5a5750; letter-spacing: .08em; }

@media (max-width: 600px) {
  .lg-table th, .lg-table td { display: block; width: 100%; border-bottom: none; }
  .lg-table tr { display: block; border-bottom: 1px solid var(--lg-line); }
  .lg-table th { border: none; padding-bottom: 4px; }
  .lg-table td { border: none; padding-top: 0; }
}