/**
 * reset.css - Modern CSS Reset 
 * 最新のブラウザ環境（IE非推奨後）に最適化されたリセットCSSです。
 * 不要なデフォルトスタイルを解消し、マルチデバイスでの一貫性を担保します。
 */

/* -------------------------------------------------------------
 * 1. ボックスモデル & 基本設定
 * ------------------------------------------------------------- */

/* すべての要素で box-sizing を border-box に統一（パディングとボーダーを幅に含める） */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ユーザーの操作による意図しないフォントサイズの変更を防止（iOS対策など） */
html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  /* スムーススクロールをデフォルトで有効化（アクセシビリティ配慮は common.css で行います） */
  scroll-behavior: smooth;
}

/* -------------------------------------------------------------
 * 2. マージン・パディングのリセット
 * ------------------------------------------------------------- */

/* デフォルトの余白を持つ主要な要素をリセット */
body,
h1, h2, h3, h4, h5, h6,
p,
figure,
blockquote,
dl, dd {
  margin: 0;
  padding: 0;
}

/* リスト要素の余白とマーカーをリセット */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* -------------------------------------------------------------
 * 3. 本文・テキスト関連
 * ------------------------------------------------------------- */

body {
  min-height: 100vh; /* 常に画面全体の高さを確保 */
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; /* macOS/iOSでのフォントレンダリングを滑らかに */
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; /* 視認性の最適化 */
  overflow-wrap: break-word; /* 長い英単語などが枠外にはみ出るのを防ぐ */
}

/* リンクのデフォルトの下線とカラー設定をリセット */
a {
  text-decoration: none;
  color: inherit;
}

/* -------------------------------------------------------------
 * 4. メディア要素（画像・ビデオ・グラフィック）
 * ------------------------------------------------------------- */

/* 画像や動画が親要素からはみ出るのを防ぎ、インライン要素による下部の隙間を解消 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* SVGのカラーをテキストカラーに追従させやすくする */
svg {
  fill: currentColor;
}

/* -------------------------------------------------------------
 * 5. フォーム・ボタン要素
 * ------------------------------------------------------------- */

/* フォーム関連要素のフォントファミリ・サイズを親要素から継承 */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none; /* ブラウザ独自のスタイルのリセット */
  -webkit-appearance: none;
}

/* 選択不可なボタンのアクションを無効化 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button:disabled,
input:disabled {
  cursor: not-allowed;
}

/* テキストエリアの手動リサイズを縦方向のみに制限 */
textarea {
  resize: vertical;
}

/* -------------------------------------------------------------
 * 6. テーブル要素
 * ------------------------------------------------------------- */

/* テーブルの枠線の重なりを解消 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* -------------------------------------------------------------
 * 追記
 * ------------------------------------------------------------- */

em,i{ font-style: normal; font-weight: inherit;}