/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 05 2025 | 04:41:46 */
/* カスタム化したグローバルナビの並び・見た目 */
.c-gnav.custom-gnav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

.c-gnav.custom-gnav > .menu-item > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 15px;
}

.c-gnav.custom-gnav img {
  height: 50px;
  width: auto;
  display: block;           /* 画像の余白影響を減らす */
  vertical-align: middle;
}

.c-gnav.custom-gnav .nav-logo img {
  width: 100px; /* ロゴサイズはお好みで */
}

/* 狭い幅で詰まりすぎるのを緩和 */
@media (max-width: 959px) {
  .c-gnav.custom-gnav {
    gap: 20px;
  }
}

.l-header__logo {display: none;}

/* PCだけ：通常ヘッダーとFixヘッダー左ロゴを非表示 */
@media (min-width: 960px) {
  #header .l-header__logo { display: none !important; }
  #fix_header .l-fixHeader__logo { display: none !important; }
}

/* SPだけ：ロゴを表示（上書きで復活） */
@media (max-width: 959px) {
  #header .l-header__logo,
  #fix_header .l-fixHeader__logo {
    display: flex !important;
    align-items: center;
  }
  #header .l-header__logo .c-headLogo__img,
  #fix_header .l-fixHeader__logo .c-headLogo__img {
    width: 84px;   /* お好みで 72–100px */
    height: auto;
  }

  /* SPでは中央ナビ内のロゴが二重になるのを防ぐ場合は隠す */
  #fix_header .c-gnav.custom-gnav .nav-logo { display: none !important; }
}

/* ===== Fixヘッダー：左の空ロゴ枠は消す ===== */
#fix_header .l-fixHeader__logo {
  display: none !important;
}

/* gnavの押し出しを解除して幅を使えるように */
#fix_header.l-fixHeader.-parallel .l-fixHeader__gnav {
  margin-left: 0 !important;  /* 既定の auto を解除 */
  flex: 1 1 auto;             /* gnavが横幅を取れるように */
}

/* ====== ここから「通常ヘッダー」と同じ見た目を再現 ====== */
#fix_header .c-gnav.custom-gnav {
  display: flex;
  align-items: center;
  justify-content: center;     /* 中央寄せ */
  gap: 28px;                   /* 通常と同じ間隔 */
  flex-wrap: nowrap;
}

/* 中央ロゴをFixでも表示（以前の非表示指定を打ち消す） */
#fix_header .c-gnav.custom-gnav .nav-logo {
  display: block !important;
  flex: 0 0 auto;              /* つぶれ防止 */
}

/* 各リンクの並び・文字 */
#fix_header .c-gnav.custom-gnav > .menu-item > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;                    /* 通常と同じ */
  text-decoration: none;
  color: #00274D;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 6px;           /* ヒットエリア確保（好みで調整可） */
}

/* アイコンとロゴのサイズ（通常と同じ） */
#fix_header .c-gnav.custom-gnav img {
  height: 50px;
  width: auto;
  display: block;           /* 画像の余白影響を減らす */
}
#fix_header .c-gnav.custom-gnav .nav-logo img {
  width: 100px;                /* 通常時と同サイズ */
  height: auto;
}

/* 通常ヘッダー：ロゴ下の下線を消す */
.l-header__gnav .c-gnav.custom-gnav .nav-logo > a {
  border-bottom: none !important;   /* 念のため */
}
.l-header__gnav .c-gnav.custom-gnav .nav-logo > a::before,
.l-header__gnav .c-gnav.custom-gnav .nav-logo > a::after {
  content: none !important;
  display: none !important;
}

/* Fixヘッダー側も同様に（必要なら） */
#fix_header .c-gnav.custom-gnav .nav-logo > a {
  border-bottom: none !important;
}
#fix_header .c-gnav.custom-gnav .nav-logo > a::before,
#fix_header .c-gnav.custom-gnav .nav-logo > a::after {
  content: none !important;
  display: none !important;
}