/* ヘッダー/フッタ共通 */
.site-header, .site-footer {
  background-color: #222; /* 黒っぽい背景 */
  color: #fff; /* 白い文字色 */
}

/* ヘッダ */
.site-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.site-header .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-header nav {
  display: flex;
  gap: 1rem; /* 間隔を開ける */
}

.site-header .nav-link {
  margin-right: 0; /* gapで十分なので不要 */
}

.site-header a, .site-footer a {
  color: #fff; /* ヘッダー・フッター内リンクの文字色 */
  text-decoration: none;
  margin: 0 0.5rem;
}

.site-header a:hover, .site-footer a:hover {
  text-decoration: underline;
}

.logo {
  height: 40px; /* ロゴサイズ調整 */
}

.nav-link {
  margin-right: 1rem;
}

/* フッタ */
footer {
  position: fixed;   /* 固定 */
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

.site-footer {
  font-size: 9pt;       /* 小さい文字サイズ */
  padding: 0.3rem 0;    /* 高さを抑える */
  line-height: 1;      /* 行間を詰める */
  min-height: auto;    /* 高さ固定化を解除 */
}

/* メイン・コンテナ */
main {
  margin-top: 20px;
}