/* =========================================================
   Header Fix
   ロゴ上 / メニュー下にした時、メニュー部分に縦スクロールバーが出る問題を潰す
========================================================= */

html,
body{
  margin:0;
  padding:0;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

/* ヘッダー全体 */
header,
.site-header,
#masthead,
.header,
.header-container,
.header-inner,
.header-wrap,
.header-menu,
.header-nav,
.global-nav,
.gnav,
.main-navigation,
.primary-navigation,
.main-nav,
#site-navigation,
#primary-menu-wrap,
.menu-header-container,
.menu-global-container,
.menu-primary-container,
.menu-main-container,
.menu-main-menu-container,
.nav-menu,
.menu,
#primary-menu{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
  overflow-x:visible !important;
  scrollbar-width:none !important;
}

/* Chrome / Edge / Safari のヘッダー内スクロールバー非表示 */
header::-webkit-scrollbar,
.site-header::-webkit-scrollbar,
#masthead::-webkit-scrollbar,
.header-container::-webkit-scrollbar,
.header-inner::-webkit-scrollbar,
.header-menu::-webkit-scrollbar,
.header-nav::-webkit-scrollbar,
.global-nav::-webkit-scrollbar,
.gnav::-webkit-scrollbar,
.main-navigation::-webkit-scrollbar,
.primary-navigation::-webkit-scrollbar,
.main-nav::-webkit-scrollbar,
#site-navigation::-webkit-scrollbar,
.menu-header-container::-webkit-scrollbar,
.menu-global-container::-webkit-scrollbar,
.menu-primary-container::-webkit-scrollbar,
.menu-main-container::-webkit-scrollbar,
.menu-main-menu-container::-webkit-scrollbar,
.nav-menu::-webkit-scrollbar,
.menu::-webkit-scrollbar,
#primary-menu::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

/* ロゴ上 / メニュー下 */
.site-header .header-container,
#masthead .header-container,
.header-container,
.header-inner,
.header-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ロゴ */
.site-header .site-branding,
#masthead .site-branding,
.header-logo,
.logo,
.site-logo{
  width:100%;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center;
  margin:0;
}

.site-header img,
#masthead img,
.header-logo img,
.logo img,
.site-logo img,
.custom-logo{
  display:block;
  max-width:100%;
  height:auto;
}

/* メニュー本体 */
.site-header nav,
#masthead nav,
.main-navigation,
.primary-navigation,
.main-nav,
#site-navigation{
  width:100%;
  display:block !important;
}

/* メニューリスト */
.site-header nav ul,
#masthead nav ul,
.main-navigation ul,
.primary-navigation ul,
.main-nav ul,
#site-navigation ul,
.menu-header-container ul,
.menu-global-container ul,
.menu-primary-container ul,
.menu-main-container ul,
.menu-main-menu-container ul,
.nav-menu,
.menu,
#primary-menu{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0;
  width:100%;
  max-width:100%;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
  overflow-x:visible !important;
}

/* メニュー項目 */
.site-header nav li,
#masthead nav li,
.main-navigation li,
.primary-navigation li,
.main-nav li,
#site-navigation li,
.nav-menu li,
.menu li,
#primary-menu li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

/* メニューリンク */
.site-header nav a,
#masthead nav a,
.main-navigation a,
.primary-navigation a,
.main-nav a,
#site-navigation a,
.nav-menu a,
.menu a,
#primary-menu a{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  line-height:1.4 !important;
  padding:10px 22px;
  white-space:nowrap;
  overflow:visible !important;
  text-decoration:none;
}

/* WordPressブロックナビ対策 */
.wp-block-navigation,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__container,
.wp-block-page-list{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
  overflow-x:visible !important;
  scrollbar-width:none !important;
}

.wp-block-navigation::-webkit-scrollbar,
.wp-block-navigation__responsive-container::-webkit-scrollbar,
.wp-block-navigation__responsive-container-content::-webkit-scrollbar,
.wp-block-navigation__container::-webkit-scrollbar,
.wp-block-page-list::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}