/* ==========================================================================
   Base & Reset CSS Template
   ========================================================================== */

/* 1. ボックスサイズ・ルート設定
   -------------------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box; /* パディング・ボーダーを含めたサイズ計算に統一 */
}

html {
  font-size: 100%; /* ブラウザ標準（通常16px）を基準に設定 */
  -webkit-text-size-adjust: 100%; /* スマホ横向き時の文字自動拡大を防止 */
  scroll-behavior: smooth; /* ページ内リンクのスムーススクロール */
}

/* 2. 余白のリセット
   -------------------------------------------------------------------------- */
*{
  margin: 0;
  padding: 0;
}

body p{
  margin: 0;
  padding: 0;
}

/* 3. サイト全体の基本スタイル
   -------------------------------------------------------------------------- */
body{
  /* システムフォントを優先した綺麗で見やすいフォントスタック */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  
  /* 基本フォントサイズ: 1rem = 16px */
  font-size: 1rem;
  
  /* 読みやすい行間（フォントサイズの1.7倍） */
  line-height: 1.7;
  
  /* 文字色: 可読性の高い濃いグレー（真っ黒より目に優しい） */
  color: #333333;
  
  /* 背景色: 白 */
  background-color: #ffffff;
  
  /* 文字のレンダリングを綺麗にする設定 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /*旧設定*/
  min-width: 0;
  background-image: none;
}

a{
    text-decoration: none;
}

/* 4. 見出しの設定
   -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.3;
}

/* 5. リスト・リンクの設定
   -------------------------------------------------------------------------- */
ul, ol {
  list-style: none; /* デフォルトの黒丸や数字を消す */
  padding-left: 0;
  margin-left: 0;
}

a {
  color: inherit;
  text-decoration: none; /* デフォルトの下線を消す */
}

/* 6. 画像・メディア要素の設定
   -------------------------------------------------------------------------- */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; /* 親要素からはみ出さないように */
  height: auto;
}

/* 7. フォーム要素のリセット
   -------------------------------------------------------------------------- */
input, button, textarea, select {
  font: inherit; /* bodyのフォントや文字サイズを継承 */
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
}

img{
    max-width: max-content;
    max-height: max-content;
}

button, input[type="submit"], input[type="button"] {
  cursor: pointer; /* ポインターカーソルに変更 */
}

textarea {
  resize: vertical; /* 横方向へのサイズ変更を防ぐ */
}

/* 8. テーブルの設定
   -------------------------------------------------------------------------- */
/* テーブルの基本設定 */
table {
  width: 100%;
  border-collapse: collapse; /* 枠線の隙間をなくして一本線にする */
  border-spacing: 0;
}

/* 各セルの設定 */
th,
td {
  border: 1px solid #333;   /* よくある細い黒線（濃いグレー） */
  padding: 10px 12px;       /* 読みやすい内側の余白 */
  font-size: 1rem;          /* 通常の文字サイズ */
  font-weight: normal;      /* thの太字を解除して通常サイズに */
  text-align: left;         /* thの中央揃えを解除して左寄せに統一 */
  vertical-align: middle;   /* 上下の中央揃え */
}