/* css/global/base.css */

/* 共通リセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 変数定義（PC基準） */
:root {
  --header-h: 80px;
}

/* 全体ベース */
body {
  padding-top: var(--header-h);
  background-color: #efeeeb;

  font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  color: #333;
}

/* ---------- 768px以下：スマホ化 ---------- */
@media (max-width: 768px) {
  :root {
    --header-h: 72px;
  }

  /* 本文のベース：16px → 15px に */
  html {
    font-size: 15px;
    line-height: 1.65;
  }

  body {
    -webkit-text-size-adjust: 100%;
    /* iPhoneノッチ安全領域 */
    padding-top: calc(var(--header-h) + env(safe-area-inset-top));
  }

  /* 見出し系の微調整（共通） */
  .site-title {
    font-size: 1.35rem;
  }
}