@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  top: 0;
}

html {
  overflow-x: hidden; /* 横スクロール・はみ出しを防止 */
}

body {
  width: 100%;
  height: auto;
  /* 本文フォントを全体で統一 */
  font-family: "Zen Maru Gothic", serif;
  overflow-x: hidden; /* 横スクロール・はみ出しを防止 */
}

#mega-menu-wrap-desktop_menu
  #mega-menu-desktop_menu
  li.mega-menu-item
  a.mega-menu-link {
  font-size: 18px;
}

#mega-menu-wrap-desktop_menu
  #mega-menu-desktop_menu
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  font-size: 16px;
}

/* ハンバーガーメニュー展開時に背景スクロールを止める */
body.is-menu-locked {
  overflow: hidden;
}

/*----------------------------
    ナビゲーションここから
------------------------------*/
/*ナビゲーション固定*/
.menu,
.hamburger,
.menu_nav img,
.hamburger img {
  position: fixed;
  width: 100%;
  z-index: 10000;
}

/*---------------------------------------

              変更点↓

-----------------------------------------*/

/* デスクトップのメガメニューを太字にする */
#mega-menu-wrap-desktop_menu,
#mega-menu-wrap-desktop_menu .mega-menu-link {
  /* font-weight: 700 !important; */
  font-size: 24px;
}

.menu_nav img {
  width: 250px;
  opacity: 1;
  top: 10px; /*10px*/
  left: 2em;
  height: auto;
}

.logo img {
  padding-top: 6px;
  padding-left: 8px;
  width: 250px;
}
/*----------------------------
    ハンバーガーここから
------------------------------*/

.hamburger {
  z-index: 1000;
}

/* Max Mega Menuの自動生成ボタンを優先する */
.mega-toggle-animated {
  display: flex !important;
  z-index: 999999 !important;
}

/* 自作したハンバーガーボタンは非表示にする */
.hamburger-btn {
  display: none !important;
}

/* Max Mega Menuのメニューウィンドウのz-indexを調整 */
.max-mega-menu.mega-menu-horizontal.mega-mobile-menu {
  z-index: 999998 !important;
}

/* ハンバーガーメニューウィンドウのスタイル */
#hamburger-window {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 999997;
  transition: right 0.3s ease;
  overflow-y: auto;
  padding-top: 80px;
  display: none;
}

#hamburger-window.is-open {
  right: 0;
  display: block;
}

.hamburger-window__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hamburger-window__nav-list > li {
  list-style: none;
}

.hamburger-window__nav-list > li > a {
  display: block;
  padding: 20px 30px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 18px;
  transition: background-color 0.2s ease;
}

.hamburger-window__nav-list > li > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/*----------------------------
    ハンバーガーここまで
------------------------------*/
/*----------------------------
    ナビゲーションここまで
------------------------------*/

/*----------------------------
    PC向けここから
------------------------------*/
/*---------------------------------------

              変更点↓

-----------------------------------------*/

/*----------------------------
    PC向けここまで
------------------------------*/

/*----------------------------
    タブレット向けここから
------------------------------*/
@media screen and (min-width: 751px) and (max-width: 1170px) {
  /* タブレット向けのスタイルをここに追加 */
  .menu_nav img {
    width: 220px;
    top: 15px;
    left: 1.5em;
  }

  .logo img {
    width: 220px;
  }
}
/*----------------------------
    タブレット向けここまで
------------------------------*/

/*----------------------------
    スマホ向けここから
------------------------------*/
@media screen and (max-width: 750px) {
  /* スマホ版でのはみ出し防止（html/bodyのみに適用） */
  html,
  body {
    overflow-x: hidden;
    max-width: 100vw;
  }

  .hamburger,
  .menu {
    top: 0;
    height: 70px;
  }

  .menu_nav img {
    width: 200px;
    opacity: 1;
    top: 15px; /*10px*/
    left: 2em;
  }
}
/*----------------------------
    スマホ向けここまで
------------------------------*/