/* shared/css/base.css — 全LP共通のベーススタイル */

:root {
  --brand-color: #1a1a1a;
  --brand-accent: #c79c4a;
  --text-color: #222;
  --text-muted: #666;
  --bg-color: #fff;
  --bg-soft: #f7f5f1;
  --border-color: #e5e2db;
  --max-width: 960px;
  --font-sans: -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --font-serif: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
}

*, *::before, *::after { box-sizing: border-box; }

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

body {
  margin: 0;
  font-family: var(--font-sans);
  line-height: 1.7;
  color: var(--text-color);
  background: var(--bg-color);
  word-break: break-word;
}

img, video { max-width: 100%; height: auto; display: block; }

a { color: var(--brand-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 16px;
}

.site-footer {
  margin-top: 64px;
  padding: 32px 16px;
  background: var(--bg-soft);
  color: var(--text-muted);
  font-size: 14px;
  text-align: center;
}

.site-footer a { color: var(--text-muted); margin: 0 8px; }