/* ==========================================================
   Reset + Normalize 基本セット
   - ブラウザ差異をできるだけなくす
   - デフォルト余白や装飾をリセット
   - ベースとなるタイポグラフィやボックスモデルを統一
   ========================================================== */

/* -----------------------------------
   1. Box-sizing（幅計算の統一）
   ----------------------------------- */
html {
  box-sizing: border-box;         /* 基本を border-box に */
  line-height: 1.15;              /* Chrome/Safari のデフォルトを調整 */
  -webkit-text-size-adjust: 100%; /* iOS Safari でフォントサイズ自動拡大を防止 */
}
*, *::before, *::after {
  box-sizing: inherit; /* 子要素もすべて border-box に継承 */
}

/* -----------------------------------
   2. Body（初期値をフラットに）
   ----------------------------------- */
body {
  margin: 0;               /* ブラウザごとの余白を削除 */
  background: #fff;        /* 背景を白に統一（装飾は theme.css 側で） */
  color: #404040;          /* ベース文字色 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;         /* ルートの文字サイズ */
  line-height: 1.5;        /* 行間を安定させる */
}

/* -----------------------------------
   3. 見出し・段落・リストなどの余白リセット
   ----------------------------------- */
h1,h2,h3,h4,h5,h6, p,
ul,ol,li,dl,dt,dd,
figure,blockquote,pre {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 { clear: both; }
p { margin-bottom: 1.2em; } /* 段落の基本余白（テーマで調整可） */

/* -----------------------------------
   4. リスト・引用符
   ----------------------------------- */
ul,ol { list-style: none; }  /* リストマーカーを消す */
blockquote,q { quotes: none; } /* 引用符の自動挿入を消す */
blockquote::before,blockquote::after,
q::before,q::after { content: ''; }

/* -----------------------------------
   5. テーブル
   ----------------------------------- */
table {
  border-collapse: collapse; /* 枠線の二重表示を防ぐ */
  border-spacing: 0;         /* セル間の余白を消す */
}

/* -----------------------------------
   6. リンク
   ----------------------------------- */
a {
  background-color: transparent; /* 背景色リセット（IE対策の名残） */
  text-decoration: none;         /* 下線を消す（後でテーマで指定） */
  color: inherit;                /* 色は親要素に従わせる */
}
/* リンクの色や hover 時のスタイルは theme.css 側に定義 */

/* -----------------------------------
   7. 画像・埋め込み要素
   ----------------------------------- */
img {
  max-width: 100%;  /* 親要素を超えないように */
  height: auto;     /* 縦横比を維持 */
  border-style: none; /* リンク時の青枠などを消す */
  display: block;     /* 下に余白が出ないよう block に */
}
embed,iframe,object {
  max-width: 100%;  /* 埋め込みもレスポンシブ対応 */
}

/* -----------------------------------
   8. タイポグラフィ細部
   ----------------------------------- */
b,strong { font-weight: 500; } /* 太字のデフォルトを調整（ブラウザ差対策） */
code,kbd,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small { font-size: 80%; }
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }