@charset "UTF-8";
/* ハンバーガーボタン */
.hamburger {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  line-height: 7.69vw;
  width: 15.38vw;
  height: 15.38vw;
  background: #333333;
}

.hamburger span {
  display: block;
  position: absolute;
  width: 5.13vw;
  height: 0.51vw;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  transition: 0.5s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 4.36vw;
}

.hamburger span:nth-child(2) {
  top: 6.41vw;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top: 5.38vw;
  transform: translateX(-50%) rotate(315deg);
}

.hamburger.active span:nth-child(2) {
  top: 5.38vw;
  transform: translateX(-50%) rotate(-315deg);
}

.hamburger p.title {
  font-size: 2.56vw;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 1.5;
  padding-top: 8.97vw;
}

.globalMenuSp_main_menu_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8faf7;
  z-index: 500;
  display: none;
  overflow-y: scroll;
}

.globalMenuSp_main_menu_box .inner {
  display: flex;
  flex-direction: column;
  gap: 6.92vw;
  padding: 0 5.13vw 30.77vw;
}

.globalMenuSp_main_menu_box .main_menu {
  display: flex;
  flex-direction: column;
  padding-top: 28.21vw;
}

.globalMenuSp_main_menu_box .main_menu_item .main_menu_link {
  display: block;
  font-size: 4.1vw;
  line-height: 1.5;
  color: #333333;
  padding: 4.62vw 0;
  position: relative;
}

.globalMenuSp_main_menu_box .main_menu_item:first-child .main_menu_link {
  padding-top: 0;
}

.globalMenuSp_main_menu_box .main_menu_item .main_menu_link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url(/wp-content/themes/swell_child/image/line_dotted_hamburger.png) repeat-x center center/contain;
}

.globalMenuSp_main_menu_box .main_menu_item:first-child .main_menu_link::before {
  display: none;
}

.globalMenuSp_main_menu_box .main_menu_item:last-child .main_menu_link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url(/wp-content/themes/swell_child/image/line_dotted_hamburger.png) repeat-x center center/contain;
}

.globalMenuSp_main_menu_box .main_menu_item .menu_child_item .menu_child_link {
  display: inline-block;
  font-size: 3.59vw;
  line-height: 1.43;
  color: #808080;
  margin-bottom: 3.85vw;
  display: flex;
  align-items: center;
  gap: 2.31vw;
}

.globalMenuSp_main_menu_box .main_menu_item .menu_child_item .menu_child_link::before {
  content: "";
  width: 2.05vw;
  height: 2.05vw;
  background: #ffd101;
  border-radius: 50%;
}

.globalMenuSp_main_menu_box .sub_menu {
  display: flex;
  flex-direction: column;
  gap: 5.13vw;
}

.globalMenuSp_main_menu_box .sub_menu_item .sub_menu_link {
  display: block;
  font-size: 3.08vw;
  line-height: 1.21;
  color: #333333;
}

.globalMenuSp_main_menu_box .main_menu_item.dropdown .main_menu_link::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4.1vw;
  height: 4.1vw;
  background: url(/wp-content/themes/swell_child/image/icon_dropdown_close.svg) no-repeat center center/contain;
  transition: all 0.3s ease;
}

.globalMenuSp_main_menu_box .main_menu_item.dropdown.active .main_menu_link::after {
  background: url(/wp-content/themes/swell_child/image/icon_dropdown_open.svg) no-repeat center center/contain;
}

.globalMenuSp_main_menu_box .main_menu_item.dropdown .accordion-trigger {
  cursor: pointer;
}

.globalMenuSp_main_menu_box .main_menu_item.dropdown .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease;
  margin-top: 0;
}

.globalMenuSp_main_menu_box .main_menu_item.dropdown .accordion-content.active {
  margin-top: 1.28vw;
}
/*# sourceMappingURL=menu.css.map */