/* ============================================
   全ページ共通のヘッダー・フッター — common.css
   ============================================
   マークアップは partials/ を scripts/build-common.js が各ページに埋め込む。
   ============================================ */
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 64px;
  background: rgba(255, 255, 255, .95); backdrop-filter: blur(12px);
  border-bottom: 1px solid #e3dccb;
}
.site-header__inner {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  max-width: 1000px; height: 100%; margin: 0 auto; padding: 0 16px;
}
.site-header__logo {
  display: flex; align-items: center; gap: 8px; text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
  font-weight: 800; font-size: 17px; color: #1f3a5f;
}
.site-header__logo img { width: 32px; height: 32px; }
.site-header__ad { font-size: 10px; color: #5f6f78; line-height: 1.4; text-align: right; }

.site-footer {
  background: #2b3a42; color: #cfdbe1; font-size: 12px; line-height: 1.8; padding: 36px 0 40px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
}
.site-footer a { color: #cfdbe1; text-decoration: none; }
.site-footer a:hover { color: #fff; text-decoration: underline; }
.site-footer__inner { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.site-footer__nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 24px 32px; margin-bottom: 28px; }
.site-footer__nav a { display: block; padding: 2px 0; }
.site-footer__title { display: block; color: #fff; font-weight: 800; font-size: 13px; margin-bottom: 6px; }
.site-footer__links { display: flex; flex-wrap: wrap; gap: 6px 18px; padding-top: 18px; margin-bottom: 14px; border-top: 1px solid rgba(255, 255, 255, .15); }
.site-footer__links a { color: #fff; }
.site-footer__operator p, .site-footer__copy { margin: 0 0 4px; }
.site-footer__copy { margin-top: 8px; color: #9fb0b9; }