@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p, ul, li, ol, div, p {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul, li {
  list-style: none;
}

button {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  appearance: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

header, main, footer {
  display: block;
  width: 100%;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #F2981C;
}
.page-wrapper {
  position: relative;
}

.c-button-hw2026-shop {
  background-color: #FFFF00;
  border: max(min(calc(100vw * 0.0054545455), 3px), 1px) solid #FF67A7;
  width: min(calc(100vw * 0.6909090909), 380px);
  max-width: 380px;
  min-height: min(calc(100vw * 0.1381818182), 76px);
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
  border-radius: 100px;
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  font-size: min(calc(100vw * 0.0327272727), 18px);
  color: #C4308B;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.c-button-hw2026-shop::after {
  content: "";
  position: absolute;
  left: max(calc(100vw * -0.0054545455), -3px);
  top: min(calc(100vw * 0.0018181818), 1px);
  bottom: max(calc(100vw * -0.0127272727), -7px);
  width: min(calc(100vw * 0.6909090909), 380px);
  background-color: #FF67A7;
  border-radius: 100px;
  z-index: -1;
}
.c-button-hw2026-shop::before {
  content: "";
  position: absolute;
  width: min(calc(100vw * 0.0436363636), 24px);
  height: min(calc(100vw * 0.0436363636), 24px);
  top: 50%;
  right: min(calc(100vw * 0.04), 22px);
  left: auto;
  transform: translateY(-50%);
  background-image: url(../images/button-icon-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button-hw2026-shop.is-open::before {
  background-image: url(../images/button-icon-minus.svg);
}
.c-button-hw2026-shop:hover {
  top: min(calc(100vw * 0.0054545455), 3px);
}
.c-button-hw2026-shop:hover::after {
  bottom: max(calc(100vw * -0.0090909091), -5px);
}
.c-button-hw2026-entry {
  background-color: #FF67A7;
  border: max(min(calc(100vw * 0.0054545455), 3px), 1px) solid #C4308B;
  width: min(calc(100vw * 0.6909090909), 380px);
  max-width: 380px;
  min-height: min(calc(100vw * 0.1381818182), 76px);
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
  border-radius: 100px;
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  font-size: min(calc(100vw * 0.04), 22px);
  color: #FFFF00;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.c-button-hw2026-entry::after {
  content: "";
  position: absolute;
  left: max(calc(100vw * -0.0054545455), -3px);
  top: min(calc(100vw * 0.0018181818), 1px);
  bottom: max(calc(100vw * -0.0127272727), -7px);
  width: min(calc(100vw * 0.6909090909), 380px);
  background-color: #C4308B;
  border-radius: 100px;
  z-index: -1;
}
.c-button-hw2026-entry::before {
  content: "";
  position: absolute;
  width: min(calc(100vw * 0.0290909091), 16px);
  height: min(calc(100vw * 0.04), 22px);
  top: 50%;
  right: min(calc(100vw * 0.04), 22px);
  left: auto;
  transform: translateY(-50%);
  background-image: url(../images/button-icon-arrow-yellow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button-hw2026-entry__line::after {
  content: "";
  position: absolute;
  width: min(calc(100vw * 0.3727272727), 205px);
  height: min(calc(100vw * 0.0509090909), 28px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../images/button-bg-line-yellow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button-hw2026-entry:hover {
  top: min(calc(100vw * 0.0054545455), 3px);
}
.c-button-hw2026-entry:hover::after {
  bottom: max(calc(100vw * -0.0090909091), -5px);
}
.c-button-hw2026-detail {
  background-color: #FFFF00;
  border: max(min(calc(100vw * 0.0054545455), 3px), 1px) solid #FF67A7;
  width: min(calc(100vw * 0.6909090909), 380px);
  max-width: 380px;
  min-height: min(calc(100vw * 0.1381818182), 76px);
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
  border-radius: 100px;
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  font-size: min(calc(100vw * 0.04), 22px);
  color: #C4308B;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.c-button-hw2026-detail::after {
  content: "";
  position: absolute;
  left: max(calc(100vw * -0.0054545455), -3px);
  top: min(calc(100vw * 0.0018181818), 1px);
  bottom: max(calc(100vw * -0.0127272727), -7px);
  width: min(calc(100vw * 0.6909090909), 380px);
  background-color: #FF67A7;
  border-radius: 100px;
  z-index: -1;
}
.c-button-hw2026-detail::before {
  content: "";
  position: absolute;
  width: min(calc(100vw * 0.0290909091), 16px);
  height: min(calc(100vw * 0.04), 22px);
  top: 50%;
  right: min(calc(100vw * 0.04), 22px);
  left: auto;
  transform: translateY(-50%);
  background-image: url(../images/button-icon-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button-hw2026-detail:hover {
  top: min(calc(100vw * 0.0054545455), 3px);
}
.c-button-hw2026-detail:hover::after {
  bottom: max(calc(100vw * -0.0090909091), -5px);
}

.l-header {
  /*headerは高さを動かさない、レスポンシブにしない*/
}
.l-header-hw2026 {
  width: 100%;
  height: 100px;
  background-color: #fff;
  padding: 16px;
  position: fixed;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-header-hw2026__logo {
  width: 244px;
}
.l-header-hw2026__menu-trigger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 76px;
  height: 76px;
  border-radius: 76px;
  background: #FFFF00;
  border: 3px solid #FF67A7;
  position: relative;
}
.l-header-hw2026__menu-trigger::after {
  content: "";
  position: absolute;
  background: #FF67A7;
  width: 76px;
  height: 76px;
  bottom: -7px;
  z-index: -1;
  border-radius: 76px;
}
.l-header-hw2026__menu-trigger.is-open .l-header-hw2026__menu-icon-bar:nth-child(1) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
.l-header-hw2026__menu-trigger.is-open .l-header-hw2026__menu-icon-bar:nth-child(2) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
.l-header-hw2026__menu-icon {
  position: relative;
  display: block;
  height: 17px;
  width: 44px;
}
.l-header-hw2026__menu-icon-bar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  border-radius: 3px;
  width: 100%;
  background: #FF67A7;
  transition: transform 0.3s ease, top 0.3s ease;
}
.l-header-hw2026__menu-icon-bar:nth-child(1) {
  top: 0;
}
.l-header-hw2026__menu-icon-bar:nth-child(2) {
  top: 100%;
  transform: translateX(-50%) translateY(-100%);
}
.l-header-hw2026__menu-label {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}
.l-header-hw2026-page-nav-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  scrollbar-width: none;
}
.l-header-hw2026-page-nav {
  position: absolute;
  top: 100px;
  right: 0;
  width: min(calc(100vw * 0.8545454545), 470px);
  border-radius: min(calc(100vw * 0.0581818182), 32px) 0 0 0;
  padding-bottom: min(calc(100vw * 0.0545454545), 30px);
  padding-top: min(calc(100vw * 0.0454545455), 25px);
  background-color: #850D84;
  text-align: center;
  z-index: -1;
}
.l-header-hw2026-page-nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: max(calc(100vw * -0.0727272727), -40px);
  background-image: url(../images/navi-bg.webp);
  background-size: 100% auto;
  background-position: bottom center;
  height: min(calc(100vw * 0.2727272727), 150px);
  max-height: 150px;
  width: 100%;
  z-index: 1;
}
.l-header-hw2026-page-nav__title {
  width: min(calc(100vw * 0.5236363636), 288px);
  max-width: 288px;
  margin-inline: auto;
}
.l-header-hw2026-page-nav-list {
  position: relative;
  margin-top: min(calc(100vw * 0.0327272727), 18px);
  font-size: min(calc(100vw * 0.0363636364), 20px);
  color: #C4308B;
  font-weight: 700;
  z-index: 2;
}
.l-header-hw2026-page-nav-list-item {
  display: block;
  background-color: #FFFF00;
  border: max(min(calc(100vw * 0.0054545455), 3px), 1px) solid #FF67A7;
  width: min(calc(100vw * 0.7818181818), 430px);
  max-width: 430px;
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
  border-radius: 100px;
  padding-top: min(calc(100vw * 0.0181818182), 10px);
  padding-bottom: min(calc(100vw * 0.0218181818), 12px);
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  background-position: left min(calc(100vw * 0.0145454545), 8px) center, right min(calc(100vw * 0.0418181818), 23px) top min(calc(100vw * 0.0472727273), 26px);
  background-repeat: no-repeat;
  background-size: min(calc(100vw * 0.0945454545), 52px), min(calc(100vw * 0.04), 22px) min(calc(100vw * 0.0290909091), 16px);
}
.l-header-hw2026-page-nav-list-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: min(calc(100vw * 0.0018181818), 1px);
  bottom: max(calc(100vw * -0.0127272727), -7px);
  width: 100%;
  background-color: #FF67A7;
  border-radius: 100px;
  z-index: -1;
}
.l-header-hw2026-page-nav-list-item.active {
  top: min(calc(100vw * 0.0054545455), 3px);
}
.l-header-hw2026-page-nav-list-item.active::after {
  bottom: max(calc(100vw * -0.0090909091), -5px);
}
.l-header-hw2026-page-nav-list-item.active {
  background-color: #ffffee;
}
.l-header-hw2026-page-nav-list-item__att {
  font-size: min(calc(100vw * 0.0236363636), 13px);
  color: #0F0F0F;
  margin-bottom: min(calc(100vw * 0.0054545455), 3px);
}
.l-header-hw2026-page-nav-list li:nth-child(1) a {
  background-image: url(../images/nav-no-01.svg), url(../images/nav-arrow.svg);
}
.l-header-hw2026-page-nav-list li:nth-child(2) a {
  background-image: url(../images/nav-no-02.svg), url(../images/nav-arrow.svg);
}
.l-header-hw2026-page-nav-list li:nth-child(3) a {
  background-image: url(../images/nav-no-03.svg), url(../images/nav-arrow.svg);
}
.l-header-hw2026-page-nav-list li:nth-child(4) a {
  background-image: url(../images/nav-no-04.svg), url(../images/nav-arrow.svg);
}
.l-header-hw2026-page-nav-list li:nth-child(5) a {
  background-image: url(../images/nav-no-05.svg), url(../images/nav-arrow.svg);
}
.l-header-hw2026-page-nav-list li:nth-child(6) a {
  background-image: url(../images/nav-no-06.svg), url(../images/nav-arrow.svg);
}
.l-header-hw2026-nav {
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 998;
  background: #850D84;
}

.l-list-hw2026-shoplist {
  background-color: #fff;
  border-radius: min(calc(100vw * 0.0309090909), 17px);
  margin-inline: auto;
  width: min(calc(100vw * 0.8545454545), 470px);
  position: relative;
}
.l-list-hw2026-shoplist::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: min(calc(100vw * 0.0309090909), 17px);
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #D53497;
  box-sizing: border-box;
}
.l-list-hw2026-shoplist__button {
  background: #D53497;
  color: #FFFFFF;
  font-size: min(calc(100vw * 0.0290909091), 16px);
  font-weight: 500;
  border-radius: min(calc(100vw * 0.0309090909), 17px);
  width: min(calc(100vw * 0.8545454545), 470px);
  height: min(calc(100vw * 0.1272727273), 70px);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.l-list-hw2026-shoplist__button::before, .l-list-hw2026-shoplist__button::after {
  content: "";
  position: absolute;
  width: min(calc(100vw * 0.0436363636), 24px);
  height: min(calc(100vw * 0.0436363636), 24px);
  top: 50%;
  right: min(calc(100vw * 0.04), 22px);
  left: auto;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity 0.3s ease;
}
.l-list-hw2026-shoplist__button::before {
  background-image: url(../images/button-icon-plus-white.svg);
  opacity: 1;
}
.l-list-hw2026-shoplist__button::after {
  background-image: url(../images/button-icon-minus-white.svg);
  opacity: 0;
}
.l-list-hw2026-shoplist__button.is-open::before {
  opacity: 0;
}
.l-list-hw2026-shoplist__button.is-open::after {
  opacity: 1;
}
.l-list-hw2026-shoplist:nth-child(odd)::after {
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #FF67A7;
}
.l-list-hw2026-shoplist:nth-child(odd) .l-list-hw2026-shoplist__button {
  background: #FF67A7;
}
.l-list-hw2026-shoplist__area {
  position: relative;
  z-index: 10;
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  opacity: 0;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, padding-top 0.4s ease;
}
.l-list-hw2026-shoplist__area.is-open {
  max-height: 4000px;
  padding-top: min(calc(100vw * 0.0290909091), 16px);
  opacity: 1;
}
.l-list-hw2026-shoplist__pref {
  margin-inline: auto;
  width: min(calc(100vw * 0.7454545455), 410px);
}
.l-list-hw2026-shoplist__pref:last-child {
  padding-bottom: min(calc(100vw * 0.0545454545), 30px);
}
.l-list-hw2026-shoplist__pref > h4 {
  background: rgba(242, 152, 28, 0.14);
  color: #C4308B;
  font-weight: 500;
  width: 100%;
  height: min(calc(100vw * 0.08), 44px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
}
.l-list-hw2026-shoplist__pref ul {
  color: #C4308B;
  font-size: min(calc(100vw * 0.0327272727), 18px);
  font-weight: 500;
  text-align: left;
}
.l-list-hw2026-shoplist__pref ul > li {
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-list-hw2026-shoplist__pref ul > li span::before {
  content: "・";
  color: #C4308B;
}
.l-list-hw2026-shoplist__detail-button {
  background-color: #FFFF00;
  border: max(min(calc(100vw * 0.0018181818), 1px), 1px) solid #FF67A7;
  width: min(calc(100vw * 0.2727272727), 150px);
  max-width: 150px;
  min-height: min(calc(100vw * 0.0581818182), 32px);
  border-radius: 100px;
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  font-size: min(calc(100vw * 0.0272727273), 15px);
  color: #C4308B;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.l-list-hw2026-shoplist__detail-button::after {
  content: "";
  position: absolute;
  left: max(calc(100vw * -0.0018181818), -1px);
  top: min(calc(100vw * 0.0018181818), 1px);
  bottom: max(calc(100vw * -0.0072727273), -4px);
  width: min(calc(100vw * 0.2727272727), 150px);
  background-color: #FF67A7;
  border-radius: 100px;
  z-index: -1;
}
.l-list-hw2026-shoplist__detail-button::before {
  content: "";
  position: absolute;
  width: min(calc(100vw * 0.0272727273), 15px);
  height: min(calc(100vw * 0.02), 11px);
  top: 50%;
  right: min(calc(100vw * 0.0145454545), 8px);
  left: auto;
  transform: translateY(-50%);
  background-image: url(../images/shoplist-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.js-shop-navi .l-list-hw2026-shoplist {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
}
.js-shop-navi .l-list-hw2026-shoplist.is-open {
  max-height: 4000px;
  opacity: 1;
}

.p-hw2026-photo-cover {
  position: relative;
}
.p-hw2026-photo-cover::after {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.p-hw2026-content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  position: relative;
}
.p-hw2026 {
  /*左側のキャンペーンロゴ*/
}
.p-hw2026-cp-logo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 100px;
  height: calc(100vh - 100px);
  width: calc(50% - 275px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-hw2026-cp-logo-wrapper__inner {
  background-image: url(../images/cp-logo-bg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 685/980;
  position: relative;
}
.p-hw2026-cp-logo {
  position: absolute;
  width: 71.8248175182%;
  top: min(calc((50vw - 275px) * 0.4817518248), 330px);
  left: 15.4744525547%;
}
.p-hw2026 {
  /*右側のナビゲーション*/
}
.p-hw2026-page-nav-wrapper {
  position: fixed;
  top: 0;
  left: auto;
  margin-top: 100px;
  height: calc(100vh - 100px);
  right: 0;
  width: calc(50% - 275px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-hw2026-page-nav-wrapper__inner {
  background-image: url(../images/page-nav-bg.webp);
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 685/980;
  position: relative;
}
.p-hw2026-page-nav {
  position: absolute;
  top: min(calc((50vw - 275px) * 0.1839416058), 126px);
  right: 21.0218978102%;
  width: 67.1532846715%;
  border-radius: min(calc((50vw - 275px) * 0.0467153285), 32px);
  padding-bottom: min(calc((50vw - 275px) * 0.102189781), 70px);
  padding-top: min(calc((50vw - 275px) * 0.0335766423), 23px);
  max-width: 460px;
  background-color: #850D84;
  text-align: center;
}
.p-hw2026-page-nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/navi-bg.webp);
  background-color: #F2981C;
  background-size: 100% auto;
  background-position: bottom center;
  height: min(calc((50vw - 275px) * 0.2189781022), 150px);
  max-height: 150px;
  width: 100%;
  z-index: 1;
}
.p-hw2026-page-nav__title {
  width: min(calc((50vw - 275px) * 0.4204379562), 288px);
  max-width: 288px;
  margin-inline: auto;
}
.p-hw2026-page-nav-list {
  position: relative;
  margin-top: min(calc((50vw - 275px) * 0.0262773723), 18px);
  font-size: min(calc((50vw - 275px) * 0.0291970803), 20px);
  color: #C4308B;
  font-weight: 700;
  z-index: 2;
}
.p-hw2026-page-nav-list-item {
  display: block;
  background-color: #FFFF00;
  border: min(calc((50vw - 275px) * 0.004379562), 3px) solid #FF67A7;
  width: min(calc((50vw - 275px) * 0.6277372263), 430px);
  max-width: 430px;
  margin-inline: auto;
  margin-bottom: min(calc((50vw - 275px) * 0.0233576642), 16px);
  border-radius: 100px;
  padding-top: min(calc((50vw - 275px) * 0.0145985401), 10px);
  padding-bottom: min(calc((50vw - 275px) * 0.0175182482), 12px);
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  background-position: left min(calc((50vw - 275px) * 0.0116788321), 8px) center, right min(calc((50vw - 275px) * 0.0335766423), 23px) top min(calc((50vw - 275px) * 0.0379562044), 26px);
  background-repeat: no-repeat;
  background-size: min(calc((50vw - 275px) * 0.0759124088), 52px), min(calc((50vw - 275px) * 0.0321167883), 22px) min(calc((50vw - 275px) * 0.0233576642), 16px);
}
.p-hw2026-page-nav-list-item::after {
  content: "";
  position: absolute;
  left: max(calc((50vw - 275px) * -0.004379562), -3px);
  top: min(calc((50vw - 275px) * 0.001459854), 1px);
  bottom: max(calc((50vw - 275px) * -0.0102189781), -7px);
  width: min(calc((50vw - 275px) * 0.6277372263), 430px);
  background-color: #FF67A7;
  border-radius: 100px;
  z-index: -1;
}
.p-hw2026-page-nav-list-item:hover, .p-hw2026-page-nav-list-item.active {
  top: 3px;
}
.p-hw2026-page-nav-list-item:hover::after, .p-hw2026-page-nav-list-item.active::after {
  bottom: max(calc((50vw - 275px) * -0.0072992701), -5px);
}
.p-hw2026-page-nav-list-item.active {
  background-color: #ffffee;
}
.p-hw2026-page-nav-list-item__att {
  font-size: min(calc((50vw - 275px) * 0.0189781022), 13px);
  color: #0F0F0F;
  margin-bottom: min(calc((50vw - 275px) * 0.004379562), 3px);
}
.p-hw2026-page-nav-list li:nth-child(1) a {
  background-image: url(../images/nav-no-01.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-page-nav-list li:nth-child(2) a {
  background-image: url(../images/nav-no-02.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-page-nav-list li:nth-child(3) a {
  background-image: url(../images/nav-no-03.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-page-nav-list li:nth-child(4) a {
  background-image: url(../images/nav-no-04.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-page-nav-list li:nth-child(5) a {
  background-image: url(../images/nav-no-05.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-page-nav-list li:nth-child(6) a {
  background-image: url(../images/nav-no-06.svg), url(../images/nav-arrow.svg);
}
.p-hw2026 {
  /*中央のメインコンテンツ*/
}
.p-hw2026-content {
  width: 100%;
  max-width: 550px;
  margin-inline: auto;
  margin-top: 100px;
  position: relative;
}
.p-hw2026-content-key-v {
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  background-image: url(../images/key-v-footer-bg.webp), url(../images/key-v-bg_pc.webp);
  background-size: 100% auto;
  background-position: bottom center, bottom center;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  padding-bottom: min(calc(100vw * 0.5527272727), 304px);
  z-index: 100;
}
.p-hw2026-content-key-v__likeIt {
  margin-top: min(calc(100vw * 0.06), 33px);
  background-image: url(../images/key-v-bg_illust.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.p-hw2026-content-key-v__text {
  margin-top: min(calc(100vw * 0.0436363636), 24px);
  line-height: 2em;
  color: #fff;
}
.p-hw2026-content-key-v__text > span {
  background-color: #F2981C;
  color: #fff;
  border-right: 0.1em solid #F2981C;
  border-left: 0.4em solid #F2981C;
}
.p-hw2026-content-key-v-nav {
  width: min(calc(100vw * 0.8363636364), 460px);
  border-radius: min(calc(100vw * 0.06), 33px) min(calc(100vw * 0.06), 33px) 0 0;
  padding-bottom: min(calc(100vw * 0.0509090909), 28px);
  padding-top: min(calc(100vw * 0.0472727273), 26px);
  background-color: #850D84;
  text-align: center;
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.08), 44px);
  position: relative;
}
.p-hw2026-content-key-v-nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: max(calc(100vw * -0.0909090909), -50px);
  background-image: url(../images/navi-bg.webp);
  background-size: 100% auto;
  background-position: bottom center;
  height: min(calc(100vw * 0.2727272727), 150px);
  max-height: 150px;
  width: 100%;
  z-index: 1;
}
.p-hw2026-content-key-v-nav__title {
  width: min(calc(100vw * 0.5236363636), 288px);
  margin-inline: auto;
}
.p-hw2026-content-key-v-nav-list {
  position: relative;
  margin-top: min(calc(100vw * 0.0327272727), 18px);
  font-size: min(calc(100vw * 0.0363636364), 20px);
  color: #C4308B;
  font-weight: 700;
  z-index: 2;
}
.p-hw2026-content-key-v-nav-list-item {
  display: block;
  background-color: #FFFF00;
  border: max(min(calc(100vw * 0.0054545455), 3px), 1px) solid #FF67A7;
  width: min(calc(100vw * 0.7818181818), 430px);
  max-width: 430px;
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0290909091), 16px);
  border-radius: 100px;
  padding-top: min(calc(100vw * 0.0181818182), 10px);
  padding-bottom: min(calc(100vw * 0.0218181818), 12px);
  line-height: 1em;
  position: relative;
  box-sizing: border-box;
  background-position: left min(calc(100vw * 0.0145454545), 8px) center, right min(calc(100vw * 0.0418181818), 23px) top min(calc(100vw * 0.0472727273), 26px);
  background-repeat: no-repeat;
  background-size: min(calc(100vw * 0.0945454545), 52px), min(calc(100vw * 0.04), 22px) min(calc(100vw * 0.0290909091), 16px);
}
.p-hw2026-content-key-v-nav-list-item::after {
  content: "";
  position: absolute;
  left: max(calc(100vw * -0.0054545455), -3px);
  top: min(calc(100vw * 0.0018181818), 1px);
  bottom: max(calc(100vw * -0.0127272727), -7px);
  width: min(calc(100vw * 0.7818181818), 430px);
  background-color: #FF67A7;
  border-radius: 100px;
  z-index: -1;
}
.p-hw2026-content-key-v-nav-list-item:hover, .p-hw2026-content-key-v-nav-list-item.active {
  top: min(calc(100vw * 0.0054545455), 3px);
}
.p-hw2026-content-key-v-nav-list-item:hover::after, .p-hw2026-content-key-v-nav-list-item.active::after {
  bottom: max(calc(100vw * -0.0090909091), -5px);
}
.p-hw2026-content-key-v-nav-list-item.active {
  background-color: #ffffee;
}
.p-hw2026-content-key-v-nav-list-item__att {
  font-size: min(calc(100vw * 0.0236363636), 13px);
  color: #0F0F0F;
  margin-bottom: min(calc(100vw * 0.0054545455), 3px);
}
.p-hw2026-content-key-v-nav-list li:nth-child(1) a {
  background-image: url(../images/nav-no-01.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-content-key-v-nav-list li:nth-child(2) a {
  background-image: url(../images/nav-no-02.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-content-key-v-nav-list li:nth-child(3) a {
  background-image: url(../images/nav-no-03.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-content-key-v-nav-list li:nth-child(4) a {
  background-image: url(../images/nav-no-04.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-content-key-v-nav-list li:nth-child(5) a {
  background-image: url(../images/nav-no-05.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-content-key-v-nav-list li:nth-child(6) a {
  background-image: url(../images/nav-no-06.svg), url(../images/nav-arrow.svg);
}
.p-hw2026-how-to-enjoy__header {
  text-align: center;
}
.p-hw2026-how-to-enjoy__icon {
  width: min(calc(100vw * 0.3290909091), 181px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy__title {
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #FF67A7;
  background: #fff;
  font-size: min(calc(100vw * 0.0290909091), 16px);
  font-weight: 500;
  margin-inline: auto;
  min-width: min(calc(100vw * 0.5272727273), 290px);
  width: fit-content;
  min-height: min(calc(100vw * 0.0654545455), 36px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: max(calc(100vw * -0.0109090909), -6px);
  border-radius: 100px;
  padding-right: 1em;
  padding-left: 1em;
}
.p-hw2026-how-to-enjoy__title--01, .p-hw2026-how-to-enjoy__title--05 {
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #D53497;
}
.p-hw2026-how-to-enjoy__title--02 {
  margin-bottom: min(calc(100vw * 0.0090909091), 5px);
}
.p-hw2026-how-to-enjoy-00 {
  position: relative;
  z-index: 99;
  background-image: url(../images/how-to-enjoy-00-footer.webp), url(../images/how-to-enjoy-00-bg.webp);
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.4054545455), -223px);
  padding-top: min(calc(100vw * 0.4054545455), 223px);
  padding-bottom: min(calc(100vw * 0.6345454545), 349px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-00__title-img {
  width: min(calc(100vw * 0.9309090909), 512px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-00__movie {
  width: min(calc(100vw * 0.9272727273), 510px);
  margin-inline: auto;
  background: #C4308B;
  padding: min(calc(100vw * 0.0363636364), 20px);
  border-radius: min(calc(100vw * 0.0181818182), 10px);
  margin-top: min(calc(100vw * 0.0454545455), 25px);
  aspect-ratio: 16/9;
  display: inline-block;
  box-sizing: border-box;
}
.p-hw2026-how-to-enjoy-00__movie > iframe {
  width: 100%;
  height: 100%;
}
.p-hw2026-how-to-enjoy-01 {
  position: relative;
  z-index: 98;
  background-image: url(../images/how-to-enjoy-01-footer.webp), url(../images/how-to-enjoy-01-bg.webp);
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.6381818182), -351px);
  padding-top: min(calc(100vw * 0.7290909091), 401px);
  padding-bottom: min(calc(100vw * 0.5763636364), 317px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-01__title-img {
  width: min(calc(100vw * 0.9363636364), 515px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-01__text {
  margin-top: min(calc(100vw * 0.0090909091), 5px);
  line-height: 2em;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0127272727), 7px);
  position: relative;
  z-index: 100;
}
.p-hw2026-how-to-enjoy-01__text > span {
  background-color: #850D84;
  color: #fff;
  border-right: 0.3em solid #850D84;
  border-left: 0.4em solid #850D84;
}
.p-hw2026-how-to-enjoy-01__big-news {
  width: min(calc(100vw * 0.8), 440px);
  border-radius: min(calc(100vw * 0.0363636364), 20px);
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #FF67A7;
  text-align: center;
  font-size: min(calc(100vw * 0.0327272727), 18px);
  font-weight: 500;
  line-height: 1.6666em;
  background-color: #fff;
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.0618181818), 34px);
  margin-bottom: min(calc(100vw * 0.1036363636), 57px);
}
.p-hw2026-how-to-enjoy-01__big-news__title {
  background-image: url(../images/how-to-enjoy-01-bignews-title-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: min(calc(100vw * 0.0472727273), 26px);
  font-weight: 500;
  line-height: 1.38em;
  margin-top: min(calc(100vw * 0.0563636364), 31px);
  color: #D53497;
}
.p-hw2026-how-to-enjoy-01__big-news__text {
  margin-top: min(calc(100vw * 0.0563636364), 31px);
  margin-bottom: min(calc(100vw * 0.0436363636), 24px);
}
.p-hw2026-how-to-enjoy-01__big-news__text > span {
  color: #D53497;
}
.p-hw2026-how-to-enjoy-01__big-news__att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  line-height: 1.42em;
  margin-bottom: min(calc(100vw * 0.0581818182), 32px);
}
.p-hw2026-how-to-enjoy-01__shop-list {
  margin-top: min(calc(100vw * 0.0909090909), 50px);
}
.p-hw2026-how-to-enjoy-02 {
  position: relative;
  z-index: 97;
  background-image: url(../images/how-to-enjoy-02-footer.webp), url(../images/how-to-enjoy-02-bg.webp), url(../images/how-to-enjoy-02-bg-bottom.webp);
  background-position: bottom left, top center, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.3581818182), -197px);
  padding-top: min(calc(100vw * 0.4309090909), 237px);
  padding-bottom: min(calc(100vw * 0.6345454545), 349px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-02__cpTitle {
  margin-top: max(calc(100vw * -0.1454545455), -80px);
  position: relative;
  z-index: 99;
}
.p-hw2026-how-to-enjoy-02__text {
  margin-top: max(calc(100vw * -0.3181818182), -175px);
  line-height: 2em;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0127272727), 7px);
  position: relative;
  z-index: 100;
}
.p-hw2026-how-to-enjoy-02__text > span {
  background-color: #D53497;
  color: #fff;
  border-right: 0.3em solid #D53497;
  border-left: 0.4em solid #D53497;
}
.p-hw2026-how-to-enjoy-02-present {
  position: relative;
  border: max(min(calc(100vw * 0.0072727273), 4px), 1px) solid #C4308B;
  border-radius: min(calc(100vw * 0.0363636364), 20px);
  background: #fff;
  z-index: 100;
  padding-top: min(calc(100vw * 0.0709090909), 39px);
  text-align: center;
  margin-inline: auto;
  width: min(calc(100vw * 0.9272727273), 510px);
  box-sizing: border-box;
}
.p-hw2026-how-to-enjoy-02-present::after {
  content: "";
  position: absolute;
  left: max(calc(100vw * -0.0436363636), -24px);
  top: min(calc(100vw * 0.4054545455), 223px);
  bottom: 0;
  right: max(calc(100vw * -0.0436363636), -24px);
  background-image: url(../images/how-to-enjoy-02-present-bg.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  z-index: 102;
}
.p-hw2026-how-to-enjoy-02-present h4 {
  width: min(calc(100vw * 0.8545454545), 470px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-02-present__att {
  margin-top: min(calc(100vw * 0.0181818182), 10px);
  font-size: min(calc(100vw * 0.0363636364), 20px);
  color: #FF0000;
  line-height: 1em;
}
.p-hw2026-how-to-enjoy-02-present__item {
  background-image: url(../images/how-to-enjoy-02-present-line.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  width: min(calc(100vw * 0.8909090909), 490px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-02-present__item--a {
  margin-top: min(calc(100vw * 0.0545454545), 30px);
  padding-bottom: min(calc(100vw * 0.0618181818), 34px);
}
.p-hw2026-how-to-enjoy-02-present__item--b {
  margin-top: min(calc(100vw * 0.0327272727), 18px);
  padding-bottom: min(calc(100vw * 0.0527272727), 29px);
}
.p-hw2026-how-to-enjoy-02-present__item--c {
  margin-top: min(calc(100vw * 0.06), 33px);
  padding-bottom: min(calc(100vw * 0.06), 33px);
}
.p-hw2026-how-to-enjoy-02-present__item--d {
  margin-top: min(calc(100vw * 0.0545454545), 30px);
  padding-bottom: min(calc(100vw * 0.06), 33px);
}
.p-hw2026-how-to-enjoy-02-present__item--00 {
  margin-top: min(calc(100vw * 0.0672727273), 37px);
  padding-bottom: min(calc(100vw * 0.1036363636), 57px);
  background-image: none;
}
.p-hw2026-how-to-enjoy-02-present__item img {
  margin: 0;
  vertical-align: middle;
}
.p-hw2026-how-to-enjoy-02-present__dl-att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  text-align: center;
  margin-top: min(calc(100vw * 0.0327272727), 18px);
}
.p-hw2026-how-to-enjoy-02-information {
  font-size: min(calc(100vw * 0.04), 22px);
  font-weight: 500;
  color: #0F0F0F;
  width: min(calc(100vw * 0.9272727273), 510px);
  background: #fff;
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.08), 44px);
}
.p-hw2026-how-to-enjoy-02-information > div {
  background-image: url(../images/how-to-enjoy-02-information-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  padding-bottom: min(calc(100vw * 0.0545454545), 30px);
  padding-top: min(calc(100vw * 0.0454545455), 25px);
}
.p-hw2026-how-to-enjoy-02-information__title {
  color: #C4308B;
  font-size: min(calc(100vw * 0.0290909091), 16px);
  font-weight: 500;
}
.p-hw2026-how-to-enjoy-02-information--att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  max-width: min(calc(100vw * 0.7890909091), 434px);
  margin-inline: auto;
  text-align: left;
  padding-bottom: min(calc(100vw * 0.0618181818), 34px);
  padding-top: min(calc(100vw * 0.0454545455), 25px);
}
.p-hw2026-how-to-enjoy-02-information--attｰcenter {
  text-align: center;
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  margin-top: min(calc(100vw * 0.0181818182), 10px);
}
.p-hw2026-how-to-enjoy-02-information--att-red {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  color: #FF0000;
  margin-top: min(calc(100vw * 0.0181818182), 10px);
}
.p-hw2026-how-to-enjoy-02__shop-list {
  padding-top: min(calc(100vw * 0.1781818182), 98px);
  background-image: url(../images/how-to-enjoy-02-shoplist-bg.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
.p-hw2026-how-to-enjoy-02__entryBtn {
  margin-top: min(calc(100vw * 0.0890909091), 49px);
  position: relative;
  z-index: 1;
}
.p-hw2026-how-to-enjoy-02__entryBtn--hiddeng::before {
  content: "応募は10/5(月)から！ ";
  background: rgba(102, 102, 102, 0.8);
  position: absolute;
  top: 0;
  min-height: min(calc(100vw * 0.14), 77px);
  right: 0;
  left: 50%;
  z-index: 2;
  width: min(calc(100vw * 0.6945454545), 382px);
  max-width: 382px;
  transform: translateX(-50%);
  border-radius: 100px;
  font-size: min(calc(100vw * 0.04), 22px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  padding-bottom: min(calc(100vw * 0.0054545455), 3px);
}
.p-hw2026-how-to-enjoy-02__entryBtn--hiddeng > * {
  pointer-events: none;
}
.p-hw2026-how-to-enjoy-03 {
  position: relative;
  z-index: 96;
  background-image: url(../images/how-to-enjoy-03-footer.webp), url(../images/how-to-enjoy-03-bg.webp);
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.4054545455), -223px);
  padding-top: min(calc(100vw * 0.3545454545), 195px);
  padding-bottom: min(calc(100vw * 0.6345454545), 349px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-03__title-img {
  width: min(calc(100vw * 0.9363636364), 515px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-03__text {
  margin-top: min(calc(100vw * 0.0436363636), 24px);
  line-height: 2em;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0127272727), 7px);
}
.p-hw2026-how-to-enjoy-03__text > span {
  background-color: #F2981C;
  color: #fff;
  border-right: 0.3em solid #F2981C;
  border-left: 0.4em solid #F2981C;
}
.p-hw2026-how-to-enjoy-03-menu--second {
  background-image: url(../images/how-to-enjoy-03-item-bg.webp);
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: min(calc(100vw * 0.0781818182), 43px);
  margin-top: min(calc(100vw * 0.1454545455), 80px);
}
.p-hw2026-how-to-enjoy-03-menu__title {
  margin-top: max(calc(100vw * -0.0072727273), -4px);
}
.p-hw2026-how-to-enjoy-03-menu__title > h4 {
  margin-inline: auto;
  margin-top: max(calc(100vw * -0.0181818182), -10px);
  background-image: url(../images/how-to-enjoy-03-ribbon.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: min(calc(100vw * 0.8545454545), 470px);
  height: min(calc(100vw * 0.1636363636), 90px);
  color: #fff;
  font-weight: 500;
  font-size: min(calc(100vw * 0.0436363636), 24px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.p-hw2026-how-to-enjoy-03-menu__title > h4 > span {
  font-size: min(calc(100vw * 0.0363636364), 20px);
  display: inline-block;
  margin-top: min(calc(100vw * 0.0036363636), 2px);
}
.p-hw2026-how-to-enjoy-03-menu__title--no-banner {
  margin-top: min(calc(100vw * 0.0654545455), 36px);
}
.p-hw2026-how-to-enjoy-03-menu__title--no-banner > h4 {
  margin-top: 0;
}
.p-hw2026-how-to-enjoy-03-menu__banner {
  width: min(calc(100vw * 0.7490909091), 412px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-03-menu__detail {
  color: #fff;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  line-height: 1.6em;
  margin-top: min(calc(100vw * 0.0363636364), 20px);
}
.p-hw2026-how-to-enjoy-03-menu__att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  line-height: 1.7em;
  margin-top: min(calc(100vw * 0.0236363636), 13px);
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0854545455), 47px);
}
.p-hw2026-how-to-enjoy-03-att__title {
  margin-bottom: 1em;
  text-align: center;
}
.p-hw2026-how-to-enjoy-03-att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  line-height: 1.7em;
  color: #fff;
  text-align: left;
  margin: 2em auto 3em auto;
  display: inline-block;
}
.p-hw2026-how-to-enjoy-03-att li {
  position: relative;
  padding-left: 1.2em;
}
.p-hw2026-how-to-enjoy-03-att li::before {
  content: "※";
  position: absolute;
  left: 0;
}
.p-hw2026-how-to-enjoy-04 {
  position: relative;
  z-index: 95;
  background-image: url(../images/how-to-enjoy-04-footer.webp), url(../images/how-to-enjoy-04-bg.webp);
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.6), -330px);
  padding-top: min(calc(100vw * 0.6181818182), 340px);
  padding-bottom: min(calc(100vw * 0.4854545455), 267px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-04__title-img {
  width: min(calc(100vw * 0.9618181818), 529px);
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.0290909091), 16px);
}
.p-hw2026-how-to-enjoy-04__date {
  font-size: min(calc(100vw * 0.0436363636), 24px);
  font-weight: 500;
  background: #fff;
  color: #C4308B;
  border-radius: 100px;
  min-height: min(calc(100vw * 0.0909090909), 50px);
  width: min(calc(100vw * 0.5181818182), 285px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  display: none;
}
.p-hw2026-how-to-enjoy-04__text {
  margin-top: min(calc(100vw * 0.0436363636), 24px);
  line-height: 2em;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0127272727), 7px);
  position: relative;
  z-index: 100;
}
.p-hw2026-how-to-enjoy-04__text > span {
  background-color: #D53497;
  color: #fff;
  border-right: 0.3em solid #D53497;
  border-left: 0.4em solid #D53497;
}
.p-hw2026-how-to-enjoy-04__att {
  font-size: min(calc(100vw * 0.0290909091), 16px);
  font-weight: 500;
  color: #C4308B;
  line-height: 1.625em;
  text-align: center;
  max-width: min(calc(100vw * 0.8272727273), 455px);
  margin-inline: auto;
  display: none;
}
.p-hw2026-how-to-enjoy-04-precent {
  background-image: url(../images/how-to-enjoy-04-precent-bg.webp);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}
.p-hw2026-how-to-enjoy-04-precent__comingsoon {
  font-size: min(calc(100vw * 0.1072727273), 59px);
  font-weight: 500;
  text-align: center;
  color: #C4308B;
  line-height: 1.372em;
  display: flex;
  justify-content: center;
  margin-inline: auto;
  min-height: min(calc(100vw * 0.4363636364), 240px);
  margin-top: min(calc(100vw * 0.1272727273), 70px);
}
.p-hw2026-how-to-enjoy-05 {
  position: relative;
  z-index: 94;
  background-image: url(../images/how-to-enjoy-05-footer.webp), url(../images/how-to-enjoy-05-bg.webp);
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.6381818182), -351px);
  padding-top: min(calc(100vw * 0.6927272727), 381px);
  padding-bottom: min(calc(100vw * 0.6181818182), 340px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-05__title-img {
  width: min(calc(100vw * 0.9363636364), 515px);
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.0181818182), 10px);
}
.p-hw2026-how-to-enjoy-05__text {
  margin-top: min(calc(100vw * 0.0090909091), 5px);
  line-height: 2em;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0127272727), 7px);
  position: relative;
  z-index: 100;
}
.p-hw2026-how-to-enjoy-05__text > span {
  background-color: #850D84;
  color: #fff;
  border-right: 0.3em solid #850D84;
  border-left: 0.4em solid #850D84;
}
.p-hw2026-how-to-enjoy-05__big-news {
  width: min(calc(100vw * 0.8), 440px);
  border-radius: min(calc(100vw * 0.0363636364), 20px);
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #FF67A7;
  text-align: center;
  font-size: min(calc(100vw * 0.0327272727), 18px);
  font-weight: 500;
  line-height: 1.6666em;
  background-color: #fff;
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.1218181818), 67px);
  margin-bottom: min(calc(100vw * 0.1036363636), 57px);
  position: relative;
}
.p-hw2026-how-to-enjoy-05__big-news::after {
  content: "";
  top: max(calc(100vw * -0.0727272727), -40px);
  position: absolute;
  background-image: url(../images/how-to-enjoy-05-box-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(calc(100vw * 0.7090909091), 390px);
  height: min(calc(100vw * 0.2036363636), 112px);
  left: 50%;
  transform: translateX(-50%);
}
.p-hw2026-how-to-enjoy-05__big-news__wrap {
  background-image: url(../images/how-to-enjoy-05-voice-bg.webp);
  background-repeat: no-repeat;
  background-position: bottom min(calc(100vw * 0.1636363636), 90px) center;
  background-size: contain;
}
.p-hw2026-how-to-enjoy-05__big-news__text {
  margin-top: min(calc(100vw * 0.1490909091), 82px);
  margin-bottom: min(calc(100vw * 0.0436363636), 24px);
  font-size: min(calc(100vw * 0.0327272727), 18px);
}
.p-hw2026-how-to-enjoy-05__big-news__text > span {
  color: #D53497;
  font-size: min(calc(100vw * 0.04), 22px);
}
.p-hw2026-how-to-enjoy-05__big-news__text p {
  margin-bottom: 1.5em;
}
.p-hw2026-how-to-enjoy-05__big-news__text__title {
  margin-bottom: 1em;
  text-align: center;
  margin-top: 1em;
}
.p-hw2026-how-to-enjoy-05__big-news__att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  line-height: 1.42em;
  margin-bottom: min(calc(100vw * 0.0581818182), 32px);
}
.p-hw2026-how-to-enjoy-05__shop-list {
  margin-top: min(calc(100vw * 0.0909090909), 50px);
}
.p-hw2026-how-to-enjoy-05-date__title {
  margin-bottom: 1em;
  text-align: center;
  margin-top: 1em;
}
.p-hw2026-how-to-enjoy-05-date {
  font-size: min(calc(100vw * 0.0327272727), 18px);
  font-weight: 500;
  line-height: 1.7em;
  color: #fff;
  margin: 3em auto;
  width: min(calc(100vw * 0.8), 440px);
  background-color: #E25E9D;
  text-align: center;
  border-radius: min(calc(100vw * 0.0363636364), 20px);
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #E25E9D;
}
.p-hw2026-how-to-enjoy-05-date p {
  margin-bottom: 1.5em;
}
.p-hw2026-how-to-enjoy-06 {
  position: relative;
  z-index: 93;
  background-image: url(../images/how-to-enjoy-06-footer.webp), url(../images/how-to-enjoy-06-bg.webp);
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: max(calc(100vw * -0.6927272727), -381px);
  padding-top: min(calc(100vw * 0.6363636364), 350px);
  padding-bottom: min(calc(100vw * 0.2636363636), 145px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-06__title-img {
  width: min(calc(100vw * 0.9618181818), 529px);
  margin-inline: auto;
  margin-top: min(calc(100vw * 0.0090909091), 5px);
}
.p-hw2026-how-to-enjoy-06__text {
  margin-top: min(calc(100vw * 0.0236363636), 13px);
  line-height: 2em;
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: 500;
  color: #fff;
  margin-bottom: min(calc(100vw * 0.0672727273), 37px);
  position: relative;
  z-index: 100;
}
.p-hw2026-how-to-enjoy-06__text > span {
  background-color: #F2981C;
  color: #fff;
  border-right: 0.3em solid #F2981C;
  border-left: 0.4em solid #F2981C;
}
.p-hw2026-how-to-enjoy-06-eventList__areaNav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: min(calc(100vw * 0.0254545455), 14px);
  column-gap: min(calc(100vw * 0.0181818182), 10px);
}
.p-hw2026-how-to-enjoy-06-eventList__areaNav li {
  border-radius: 100px;
  border: max(min(calc(100vw * 0.0036363636), 2px), 1px) solid #C7C7C7;
  background: #fff;
  display: flex;
  color: #FF67A7;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: min(calc(100vw * 0.2181818182), 120px);
  font-size: min(calc(100vw * 0.0290909091), 16px);
  font-weight: bold;
  min-height: min(calc(100vw * 0.08), 44px);
}
.p-hw2026-how-to-enjoy-06-eventList__areaNav li.active {
  background-color: #FF67A7;
  color: #fff;
  border-color: #FFA8CD;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: min(calc(100vw * 0.0254545455), 14px);
  column-gap: min(calc(100vw * 0.0181818182), 10px);
  margin-top: min(calc(100vw * 0.0654545455), 36px);
  margin-bottom: min(calc(100vw * 0.0181818182), 10px);
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li {
  border-radius: 100px;
  border: max(min(calc(100vw * 0.0072727273), 4px), 1px) solid #C7C7C7;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: min(calc(100vw * 0.4545454545), 250px);
  font-size: min(calc(100vw * 0.0363636364), 20px);
  font-weight: bold;
  min-height: min(calc(100vw * 0.1454545455), 80px);
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li:first-child {
  color: #43BBBD;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li:last-child {
  color: #F2981C;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active {
  color: #fff;
  position: relative;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active::after {
  content: "";
  left: 0;
  right: 0;
  top: min(calc(100vw * 0.0072727273), 4px);
  bottom: max(calc(100vw * -0.0145454545), -8px);
  position: absolute;
  z-index: -1;
  border-radius: 100px;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active::before {
  content: "";
  bottom: max(calc(100vw * -0.0727272727), -40px);
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  background-image: url("../images/typeNav-bg-arrow-green.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(calc(100vw * 0.1054545455), 58px);
  height: min(calc(100vw * 0.0727272727), 40px);
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active:first-child {
  background-color: #30CACC;
  border-color: #43BBBD;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active:first-child::after {
  background-color: #43BBBD;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active:first-child::before {
  background-image: url("../images/typeNav-bg-arrow-green.svg");
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active:last-child {
  background-color: #F2981C;
  border-color: #E38400;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active:last-child::after {
  background-color: #E38400;
}
.p-hw2026-how-to-enjoy-06-eventList__typeNav li.active:last-child::before {
  background-image: url("../images/typeNav-bg-arrow-orange.svg");
}
.p-hw2026-how-to-enjoy-06-eventList .swiper {
  position: relative;
  --swiper-navigation-size: min(calc(100vw * 0.0763636364), 42px);
  --swiper-navigation-top-offset: min(calc(100vw * 0.6272727273), 345px);
  --swiper-navigation-sides-offset: min(calc(100vw * 0.0545454545), 30px);
}
.p-hw2026-how-to-enjoy-06-eventList #option-b {
  display: none;
}
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-prev,
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-next {
  border-radius: 50%;
  background-color: #FF67A7;
}
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-prev svg,
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-next svg {
  display: none;
}
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-prev::after,
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-next::after {
  content: "";
  display: block;
  width: min(calc(100vw * 0.02), 11px);
  height: min(calc(100vw * 0.0272727273), 15px);
  margin-left: min(calc(100vw * 0.0072727273), 4px);
  background-image: url(../images/swiper-navi-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-hw2026-how-to-enjoy-06-eventList .swiper-button-prev::after {
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: min(calc(100vw * 0.0072727273), 4px);
}
.p-hw2026-how-to-enjoy-06-shopWrap {
  position: relative;
  width: min(calc(100vw * 0.9272727273), 510px) !important;
  margin-top: min(calc(100vw * 0.0563636364), 31px);
  border-radius: min(calc(100vw * 0.0727272727), 40px);
  margin-inline: auto;
  z-index: 1;
  background: #fff;
  box-sizing: border-box;
}
.p-hw2026-how-to-enjoy-06-shopWrap--a::after, .p-hw2026-how-to-enjoy-06-shopWrap--b::after {
  display: block;
  box-sizing: border-box;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: max(min(calc(100vw * 0.0072727273), 4px), 1px) solid #43BBBD;
  position: absolute;
  border-radius: min(calc(100vw * 0.0727272727), 40px);
  z-index: 2;
}
.p-hw2026-how-to-enjoy-06-shopWrap--a::after {
  border: max(min(calc(100vw * 0.0072727273), 4px), 1px) solid #43BBBD;
}
.p-hw2026-how-to-enjoy-06-shopWrap--b::after {
  border: max(min(calc(100vw * 0.0072727273), 4px), 1px) solid #F2981C;
}
.p-hw2026-how-to-enjoy-06-shop {
  position: relative;
  z-index: 3;
}
.p-hw2026-how-to-enjoy-06-shop__name {
  color: #fff;
  border-radius: min(calc(100vw * 0.0727272727), 40px) min(calc(100vw * 0.0727272727), 40px) 0 0;
  min-height: min(calc(100vw * 0.1090909091), 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: min(calc(100vw * 0.0327272727), 18px);
  margin-bottom: min(calc(100vw * 0.0527272727), 29px);
}
.p-hw2026-how-to-enjoy-06-shopWrap--a .p-hw2026-how-to-enjoy-06-shop__name {
  background: #43BBBD;
}
.p-hw2026-how-to-enjoy-06-shopWrap--b .p-hw2026-how-to-enjoy-06-shop__name {
  background: #F2981C;
}
.p-hw2026-how-to-enjoy-06-shop__photo {
  width: min(calc(100vw * 0.8181818182), 450px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-06-shop__title {
  color: #C4308B;
  font-size: min(calc(100vw * 0.0436363636), 24px);
  font-weight: bold;
  margin-top: min(calc(100vw * 0.0618181818), 34px);
  margin-bottom: min(calc(100vw * 0.0454545455), 25px);
  text-align: center;
}
.p-hw2026-how-to-enjoy-06-shop__description {
  color: #C4308B;
  font-size: min(calc(100vw * 0.0327272727), 18px);
  line-height: 1.7777em;
  font-weight: bold;
  margin-bottom: min(calc(100vw * 0.0909090909), 50px);
  text-align: left;
  max-width: min(calc(100vw * 0.8), 440px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-06-shop__detail {
  width: min(calc(100vw * 0.8181818182), 450px);
  border-collapse: collapse;
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0254545455), 14px);
}
.p-hw2026-how-to-enjoy-06-shop__detail th {
  text-align: center;
  background: #F8E1EF;
  min-width: 5em;
}
.p-hw2026-how-to-enjoy-06-shop__detail th, .p-hw2026-how-to-enjoy-06-shop__detail td {
  font-weight: 500;
  color: #0F0F0F;
  font-size: min(calc(100vw * 0.0290909091), 16px);
  padding: min(calc(100vw * 0.0327272727), 18px);
  border: max(min(calc(100vw * 0.0018181818), 1px), 1px) solid #C4308B;
}
.p-hw2026-how-to-enjoy-06-shop__detail td {
  text-align: left;
}
.p-hw2026-how-to-enjoy-06-shop__att {
  font-size: min(calc(100vw * 0.0290909091), 16px);
  font-weight: 500;
  color: #0F0F0F;
  text-align: left;
  width: min(calc(100vw * 0.8181818182), 450px);
  margin-inline: auto;
}
.p-hw2026-how-to-enjoy-06-shop__button {
  margin-top: min(calc(100vw * 0.1090909091), 60px);
  padding-bottom: min(calc(100vw * 0.1272727273), 70px);
}
.p-hw2026-how-to-enjoy-06-shoplist {
  background: #F2981C;
  border: 4px solid #FFA831;
  width: min(calc(100vw * 0.9272727273), 510px);
  margin-inline: auto;
  border-radius: min(calc(100vw * 0.0727272727), 40px);
  margin-top: min(calc(100vw * 0.1), 55px);
  padding-top: min(calc(100vw * 0.0727272727), 40px);
  padding-bottom: min(calc(100vw * 0.0818181818), 45px);
}
.p-hw2026-how-to-enjoy-06-shoplist__title {
  width: min(calc(100vw * 0.7327272727), 403px);
  margin-inline: auto;
  margin-bottom: min(calc(100vw * 0.0418181818), 23px);
}
.p-hw2026-how-to-enjoy-06-att__title {
  margin-bottom: 1em;
  text-align: center;
}
.p-hw2026-how-to-enjoy-06-att {
  font-size: min(calc(100vw * 0.0254545455), 14px);
  font-weight: 500;
  line-height: 1.7em;
  color: #fff;
  text-align: left;
  margin: 8em 3.5em 4em 3.5em;
}
.p-hw2026-how-to-enjoy-06-att li {
  position: relative;
  padding-left: 1.2em;
}
.p-hw2026-how-to-enjoy-06-att li::before {
  content: "※";
  position: absolute;
  left: 0;
}
.p-hw2026-cp-footer {
  background-color: #F2981C;
  margin-top: max(calc(100vw * -0.0545454545), -30px);
}
.p-hw2026-footer {
  background: #fff;
  min-height: min(calc(100vw * 0.4545454545), 250px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.p-hw2026-footer__copyright {
  font-size: min(calc(100vw * 0.0218181818), 12px);
}
.p-hw2026-footer__logo {
  margin-bottom: min(calc(100vw * 0.0418181818), 23px);
}
.p-hw2026-page-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.p-hw2026-page-top.is-show {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1150px), screen and (max-height: 600px) {
  .p-hw2026-cp-logo-wrapper,
  .p-hw2026-page-nav-wrapper {
    display: none;
  }
  .l-header-hw2026__menu-trigger {
    display: flex;
  }
  .p-hw2026-content-key-v-nav,
  .l-header-hw2026-page-nav-wrapper {
    display: block;
  }
}
@media screen and (min-width: 1151px) and (min-height: 601px) {
  .p-hw2026-cp-logo-wrapper,
  .p-hw2026-page-nav-wrapper {
    display: flex;
  }
  .l-header-hw2026__menu-trigger,
  .p-hw2026-content-key-v-nav,
  .l-header-hw2026-page-nav-wrapper {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */