<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* --- バーガーメニュー 三本線 --- */
.custom-header-row .wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-open svg {
  display: none !important;
}

.custom-header-row .wp-block-navigation__responsive-container-open::before,
.wp-block-navigation__responsive-container-open::before {
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 2px !important;
  background-color: currentColor !important;
  box-shadow:
    0 -11px 0 0 currentColor,
    0 11px 0 0 currentColor !important;
  margin-top: 11px !important;
  margin-bottom: 10px !important;
}

/* --- MENU文字 --- */
.custom-header-row p.top-menu {
  display: block !important;
  font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
}

.wp-block-navigation__responsive-container-open svg {
    display: none !important;
}

.menu-follow {
    position: fixed !important;
    top: 30px !important;
    right: 30px !important;
    z-index: 10000 !important;
}


/* =========================================
   CONTENT PAGE MENU
   通常時
   ========================================= */

.menu-follow p,
.menu-follow a,
.menu-follow button,
.menu-follow .wp-block-navigation__responsive-container-open {
    color: #333333 !important;
}


/* =========================================
   CONTENT PAGE MENU
   bg-dark 上
   ========================================= */

.menu-follow.is-on-bg-dark p,
.menu-follow.is-on-bg-dark a,
.menu-follow.is-on-bg-dark button,
.menu-follow.is-on-bg-dark .wp-block-navigation__responsive-container-open {
    color: #ffffff !important;
}

.menu-follow.is-on-bg-dark
.wp-block-navigation__responsive-container-open::before {
    background-color: currentColor !important;
    box-shadow:
        0 -11px 0 0 currentColor,
        0 11px 0 0 currentColor !important;
}

/* =========================================
   CONTENT PAGE MENU
   メニュー展開時は黒
   ========================================= */

.menu-follow
.wp-block-navigation__responsive-container.is-menu-open p,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open a,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open h1,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open h2,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open h3,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open span,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open button,
.menu-follow
.wp-block-navigation__responsive-container.is-menu-open svg {
    color: #111111 !important;
    fill: #111111 !important;
}</style>
<!-- end Simple Custom CSS and JS -->
