/* ヘッダー */
.hamburger-nav .menu-item-depth-0 {
  border-left-width: 8px;
  padding-left: 1rem;
  font-weight: bold;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(1) {
  border-color: #e63946;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(2) {
  border-color: #f4a261;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(3) {
  border-color: #2a9d8f;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(4) {
  border-color: #264653;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(5) {
  border-color: #8e44ad;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(6) {
  border-color: #16a085;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(7) {
  border-color: #2980b9;
}

.hamburger-nav .menu-item-depth-0:nth-of-type(8) {
  border-color: #c0392b;
}

.hamburger-nav .menu-item-depth-1 {
  padding-left: 1.5rem;
  font-size: 0.95rem;
  font-weight: normal;
}

.hamburger-nav .menu-item-depth-2 {
  padding-left: 2rem;
  font-size: 0.9rem;
  font-weight: normal;
}

.hamburger-nav .menu-item-depth-3 {
  padding-left: 2.5rem;
  font-size: 0.85rem;
  font-weight: normal;
}

.hamburger-nav li>a {
  display: block;
  padding: 0.25rem 0;
  color: #333;
  text-decoration: none;
}

.hamburger-nav li>a:hover {
  text-decoration: underline;
}

#siteHeader.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* ダークモード対応 */
@media (prefers-color-scheme: dark) {
  .hamburger-nav li>a {
    color: #e5e5e5 !important;
  }

  .hamburger-nav li>a:hover {
    color: #ffffff !important;
  }

  #siteHeader.scrolled {
    background-color: rgba(26, 26, 26, 0.8) !important;
  }
}

@media (max-width: 1023px) {
  #siteHeader.scrolled a[href*="slogan-section"] {
    display: none;
  }

  #siteHeader.scrolled img {
    height: 1.5rem !important;
  }

  #siteHeader.scrolled .max-w-screen-xl {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}