header.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
  }

  header.navbar .navbar-nav .nav-link {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s, border-bottom 0.3s;
  }

  header.navbar .navbar-nav .nav-link:hover {
    color: #00fa9a;
  }

  header.navbar .navbar-nav .nav-link.active,
  header.navbar .navbar-nav .current-menu-item .nav-link {
    border-bottom: 2px solid #00fa9a;
    color: #00fa9a;
  }

  header.navbar .navbar-brand img {
    border-radius: 50%;
    object-fit: cover;
  }

/* ===== simple テンプレのヘッダーをさらに圧縮 ===== */
.page-template-simple header.navbar {
  /* Bootstrap の py、min-height、CSS変数を全部抑え込む */
  --bs-navbar-padding-y: .25rem;        /* 既定 .5rem → .25rem */
  padding-top: 4px !important;          /* 8px → 4px */
  padding-bottom: 4px !important;
  min-height: 48px !important;          /* 56px → 48px */
  box-shadow: none;
}

/* .py-3 が勝つケースの保険 */
.page-template-simple header.navbar.py-3 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* コンテナ内の上下余白・縦揃え最適化 */
.page-template-simple header.navbar .container {
  padding-left: 12px;
  padding-right: 12px;
}

/* ブランド行の行間・余白をさらに詰める */
.page-template-simple header.navbar .navbar-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* ロゴの最大高さをさらに控えめに */
.page-template-simple header.navbar .navbar-brand img {
  max-height: 26px !important;          /* 32 → 26px に */
  height: auto !important;
}

/* ナビリンクの上下余白＋行間を詰める */
.page-template-simple header.navbar .navbar-nav .nav-link {
  padding-top: 6px !important;          /* 8 → 6px */
  padding-bottom: 6px !important;
  line-height: 1 !important;
}

/* ハンバーガーのタップ領域を保ちつつ高さを抑える */
.page-template-simple header.navbar .navbar-toggler {
  padding: 2px 6px;                     /* 既定より少し小さく */
  line-height: 1;
}

/* 本文側の“マージンはみ出し”対策＋固定ヘッダーぶんの余白確保 */
/* .page-template-simple main.container {
  padding-top: 76px;
} */
.page-template-simple main.container > *:first-child {
  margin-top: 0 !important;
}

/* WP 管理バー時のオフセット */
@media (min-width: 783px){
  .admin-bar.page-template-simple header.navbar { top: 32px; }
}

/* 固定ヘッダーのアンカーずれ補正（必要に応じて微調整） */
:root { scroll-padding-top: 60px; }

header .navbar-brand {
  color: #fff;
  text-decoration: none;
}

header .navbar-brand:hover {
  color: #00fa9a;
  text-decoration: none;
}