/* =========================
   ハンバーガーメニューボタン
========================= */
.hamburger-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 1100;
  position: fixed;
  right:0px;
  top: 15px;
  width: 30px;
  height: 25px;
  justify-content: center;
  align-items: center;
}

/* 内部ラッパーで線をまとめる */
.hamburger-btn-inner {
  position: relative;
  width: 30px;
  height: 24px;
}

/* 線共通 */
.hamburger-line {
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: #1c2c55;
  transition: all 0.5s ease;
  transform-origin: center;
  left: -10px;
}

/* 初期状態：三本線 */
.line-top {
  top: 0;
}
.line-middle {
  top: 11px;
}
.line-bottom {
  bottom: 0;
}

/* バツ（×）状態 */
.hamburger-btn.active .line-top {
  transform: rotate(45deg);
  top: 11px;
}

.hamburger-btn.active .line-middle {
  opacity: 0;
}

.hamburger-btn.active .line-bottom {
  transform: rotate(-45deg);
  bottom: auto;
  top: 11px;
}


/* =========================
   ハンバーガーメニュー本体
========================= */
.hamburger-nav {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 375px;
  width: 100%;
  background: #fff;
  z-index: 999 !important;
  min-height: 330px;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.hamburger-nav.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* メニューリスト */
.hamburger-menu {
  list-style: none;
  margin: 0;
}

.hamburger-menu li {
  font-size: 1.6rem;
  padding-top: 15px;
  padding-bottom: 15px;
   color: #000;
   border-bottom: 1px solid #1c2c55;
   padding-left: 30px;
}

.hamburger-menu li a {
  text-decoration: none;
}

.hamburger-menu li:hover {
  color: #1c2c55;
  background-color: #fff13a;
  cursor: pointer;
}

.hamburger-menu-home{
 font-weight: 600;
 padding-top: 25px !important;
 padding-bottom: 25px !important;
 font-size: 1.8rem;
 font-weight: 900;
}

.hamburger-nav_list           { display: flex; align-items: center; }
.hamburger-nav_list01::before   { content: url(../img/nav/icon_hamburger-nav_list01.svg); width: 24px; height: 24px; margin-right: 15px; }
.hamburger-nav_list02::before   { content: url(../img/nav/icon_hamburger-nav_list02.svg); width: 24px; height: 24px; margin-right: 15px; }
.hamburger-nav_list03::before   { content: url(../img/nav/icon_hamburger-nav_list03.svg); width: 24px; height: 24px; margin-right: 15px; }
.hamburger-nav_list04::before   { content: url(../img/nav/icon_hamburger-nav_list04.svg); width: 24px; height: 24px; margin-right: 15px; }
.hamburger-nav_list05::before   { content: url(../img/nav/icon_hamburger-nav_list05.svg); width: 24px; height: 24px; margin-right: 15px; }
.hamburger-nav_list06::before   { content: url(../img/nav/icon_hamburger-nav_list06.svg); width: 24px; height: 24px; margin-right: 15px; }

.hamburger-menu__innerWrap      { display: grid; grid-template-columns: 1fr 1fr; }
.hamburger-menu__innerWrap-list { text-align: center; padding-left: unset !important; }
.hamburger-menu__innerWrap li:first-child { border-right: 1px solid #1c2c55 }

@media screen and (max-width: 768px) {
  .hamburger-nav { max-width: unset; }

}