.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  color: var(--wp--preset--color--main) !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  right: -50% !important;
}

.header-menu .is_mobile {
  display: none;
}

.header-menu li a {
  position: relative;
}
.header-menu li a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px; /* テキストのすぐ下 */
  width: 110%;
  height: 3px;
  background: var(--wp--preset--color--sub); /* テキストと同じ色 */
  
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 0.2s ease;
}
.header-menu li a:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.header-menu ul li ul li {
  padding: .25em;
  text-wrap: nowrap;
  border: 1px solid #e75514;
}

.header-menu ul li ul li:not(:last-child) {
  border-bottom: none;
}

.header-menu ul li ul li:hover {
  color: #fff !important;
  background: #e75514;
}


.header-menu ul li ul li a:hover {
  color: #fff !important;
  opacity: 1 !important;
  transition: all .2s;
}

/* 例：1024px未満でバーガーメニューに切り替えたい場合 */
@media (max-width: 1152px) {
  .wp-block-navigation__responsive-container {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    display: block !important;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    width: 100% !important;
    max-width: 375px !important;
    margin-inline: auto;
    align-items: flex-start !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 24px !important;
  }

  .header-menu .is_mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .header-menu .is_mobile .tone a {
    color: #fff !important;
    background-color: var(--wp--preset--color--main) !important;
    padding: .375em 2em .25em 2em;
    border-radius: 9999px;
    justify-content: center;
    width: 100%;
  }

  .header-menu .border>a {
    display: block;
    width: 100%;
    padding: .625em 1em .5em 1em !important;
    /* border-top: 1px solid #e75514; */
    /* border-bottom: 1px solid #e75514; */
    margin-top: -1px;
  }

  .header-menu ul {
    padding: 2em 1em !important;
    gap: 0 !important;
  }
  .header-menu ul li {
    font-size: 1.25em;
    line-height: 2;
    padding: .625em 1em .5em 1em !important;
    /* border-top: 1px solid #e75514; */
    /* border-bottom: 1px solid #e75514; */
    margin-top: -1px;

  }
  .header-menu ul li ul li {
    border: none;
  }
  .header-menu .is_pc a {
    display: none;
  }
}