/* ==========================================================================
   base.css — リセット補正・タグ素のスタイル
   共通CSS(/common3/css/styles.css)の後に読み込む前提。
   Tailwindはpreflight無効でビルドしているため、リセット上書きは最小限。

   【旧Bootstrap互換シム】
   SSIヘッダー/フッター(/common3/html/)は自前<style>を持つが、
   旧Bootstrap CSSが全ページに供給していた以下の既定値に暗黙依存している。
   Bootstrap撤去後もこれらだけはページ側で供給し続ける必要がある。
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box; /* ヘッダーのメニュー幅計算(calc+padding)が前提にしている */
}

html {
  /* 旧Bootstrap3の既定値。SSIヘッダー/フッターのrem指定
     (footer.htmlの .me-5: 3rem 等)がこの基準で設計されているため必須。
     16pxのままだとrem系の余白がすべて1.6倍に膨らむ */
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0; /* 旧Bootstrapのbody margin:0 相当 */
  position: relative;
  background-color: var(--color-bg);
  /* !important の理由: /common3/css/styles.css が
     body { font-family: メイリオ !important } を持つため、
     同強度でないとこのページのフォント指定が負ける（旧コードと同じ対抗策） */
  font-family: var(--font-body) !important;
  line-height: 1.42857143; /* 旧Bootstrapの既定行間。外すと全体の行高が詰まる */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1; /* 旧Bootstrapの見出し既定値。h1の高さ28.6px(26px×1.1)がこれで決まる */
}

img {
  vertical-align: middle; /* 旧Bootstrap相当。画像下の隙間防止 */
}

b,
strong {
  font-weight: bold; /* 旧Bootstrap相当。既定のbolderだと親がbold時に900へ膨らむ */
}

a {
  text-decoration: none; /* 旧Bootstrap相当。既定は下線なし・hover時のみ下線 */
}
a:hover,
a:focus {
  text-decoration: underline;
}

p {
  margin: 0 0 10px; /* 旧Bootstrap相当。ヘッダーのp.logo等が上マージン0を前提にしている */
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; /* 旧Bootstrap相当 */
}