@charset "UTF-8";
main.fs-l-main {
  color: #735807;
}
main.fs-l-main a {
  color: #735807;
  transition-duration: 0.3s;
}
main.fs-l-main iframe {
  transition-duration: 0.3s;
}
main.fs-l-main iframe:hover {
  opacity: 0.5;
}

.u-h2 {
  letter-spacing: 0.2em;
  text-align: center;
}

button {
  display: block;
  padding: 8px 32px;
  text-align: center;
  transition-duration: 0.3s;
}

.button-transparent {
  border: solid 1px #735807;
  background-color: transparent;
}
.button-transparent:hover {
  border: solid 1px transparent;
  background-color: #735807;
  color: #FFFFFF !important;
  opacity: 1;
}

.button-green {
  background-color: #FFFFFF;
  color: #555123;
}
.button-green:hover {
  background-color: #555123;
  color: #FFFFFF;
  opacity: 1;
}

.button-gold {
  border: solid 1px transparent;
  background-color: #735807;
}
.button-gold:hover {
  border: solid 1px #735807;
  background-color: transparent !important;
  color: #735807 !important;
  opacity: 1;
}

.airecommend_ctm_history_wrapper {
  display: none;
}

section.mv nav.anchor a {
  color: #212121;
}

section.epilogue {
  margin-top: 64px;
}
section.epilogue p {
  margin-top: 16px;
  text-align: center;
}
section.epilogue a {
  display: block;
  width: fit-content;
  margin: 48px auto 0 auto;
  text-decoration: underline;
}

section.order-period {
  width: 900px;
  background-color: #F2F2F2;
  padding: 25px 0;
  margin: 48px auto 0 auto;
  text-align: center;
}
section.order-period h2 {
  letter-spacing: 0.2em;
}
section.order-period article {
  margin-top: 24px;
}
section.order-period article button {
  margin: 16px auto 0 auto;
}

section.flavor {
  background-image: url("https://wako.itembox.design/item/assets/img/valentine-2026/bg.webp");
  background-size: cover;
  background-position: center;
  padding: 64px 0;
  margin-top: 64px;
  color: #FFFFFF;
}
section.flavor img {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}
section.flavor h2 {
  margin-top: 48px;
}
section.flavor p {
  margin: 24px auto 0 auto;
  text-align: center;
}
section.flavor button {
  margin: 40px auto 0 auto;
}

section.category {
  margin-top: 120px;
}
section.category h2 {
  text-align: center;
}
section.category .p-section {
  padding-top: 0;
}
section.category .p-section .category__item {
  border: none;
}

section.recommend .container, section.product-lineup .container {
  padding: 64px 0;
}
section.recommend .container h2, section.product-lineup .container h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
section.recommend .container h2 ul, section.product-lineup .container h2 ul {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
section.recommend .container h2 ul li, section.product-lineup .container h2 ul li {
  width: initial;
  border: solid 1px #735807;
  padding: 0 8px;
  letter-spacing: 0;
}
section.recommend .container p, section.product-lineup .container p {
  margin-top: 16px;
  text-align: center;
}

section.recommend {
  padding-top: 0;
  margin-top: 64px;
}
section.recommend .container {
  background-color: #F2F2F2;
}
section.recommend .container ul {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 96px;
}
section.recommend .container ul li {
  width: 320px;
}
section.recommend .container ul li a.recommend-img {
  display: block;
  height: 360px;
  position: relative;
}
section.recommend .container ul li a.recommend-img:hover {
  opacity: 1;
}
section.recommend .container ul li a.recommend-img:hover img {
  transform: scale(1.1);
}
section.recommend .container ul li a.recommend-img p {
  width: fit-content;
  font-family: ryo-gothic-plusn;
  letter-spacing: 0.1em;
  line-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.recommend .container ul li a.recommend-img p::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #555123;
  position: absolute;
  bottom: 0;
  left: 0;
}
section.recommend .container ul li a.recommend-img img {
  transition-duration: 0.3s;
}
section.recommend .container ul li h3 {
  text-align: center;
}
section.recommend .container ul li p.u-text--caption {
  margin-top: 0;
  text-align: center;
}
section.recommend .container ul li p.u-text--caption::before {
  content: "¥";
}
section.recommend .container ul li button, section.recommend .container ul li a.recommend-button {
  width: 240px;
  padding: 13px 0;
  margin: 16px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: ryo-gothic-plusn;
}
section.recommend .container ul li button {
  border: solid 1px #735807;
  color: #735807;
}
section.recommend .container ul li a.recommend-button {
  background-color: #735807;
  color: #FFFFFF;
}

section.product-lineup {
  padding-top: 0;
}
section.product-lineup ul {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
section.product-lineup ul li.product__item {
  width: calc((100% - 36px) / 4);
}
section.product-lineup ul li.product__item a.product__link {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 0;
  margin-top: 0;
  display: block;
}
section.product-lineup ul li.product__item a.product__link .product__info {
  margin-top: 8px;
}
section.product-lineup ul li.product__item a.product__link .product__info h3.product__name {
  font-weight: 400;
  line-height: 150%;
}
section.product-lineup ul li.product__item a.product__link .product__info p {
  margin-top: 8px;
  line-height: 100%;
  text-align: initial;
}
section.product-lineup ul li.product__item a.product__link .product__info p.product__price::before {
  content: "¥";
}
section.product-lineup a {
  width: 340px;
  padding: 8px 0;
  margin: 48px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.product-lineup:nth-of-type(even) {
  background-color: #F2F2F2;
}

section.price-range h2 {
  font-weight: 400;
}
section.price-range ul {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
section.price-range ul li {
  width: calc((100% - 24px) / 4);
  height: 48px;
  border: none !important;
}
section.price-range ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.3s;
}

section.iwa .container {
  height: 480px;
  background-image: url("https://wako.itembox.design/item/assets/img/valentine-2026/iwa.webp");
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: end;
  color: #000000;
  position: relative;
}
section.iwa .container img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.iwa .container div {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
section.iwa .container div p {
  width: 75%;
  margin-top: 24px;
}
section.iwa .container div a {
  margin-top: 16px;
  color: #000000;
  text-decoration: underline;
}

section.trivia, section.pastry-studio, section.youtube, section.annex {
  max-width: 900px;
  margin: 0 auto;
}
section.trivia h2, section.pastry-studio h2, section.youtube h2, section.annex h2 {
  font-weight: 400;
}

section.trivia .c-facts {
  max-width: 900px;
  height: 360px;
  border: solid 1px #735807;
  position: relative;
}
section.trivia .c-facts h2 {
  border-bottom: solid 1px #735807;
  padding-bottom: 24px;
}
section.trivia .c-facts .c-facts__title::after {
  display: none;
}
section.trivia .c-facts p {
  text-align: initial;
}
section.trivia .c-facts .slick-slider {
  position: initial;
}
section.trivia .c-facts .slick-arrow {
  bottom: 0;
  transition-duration: 0.3s;
}
section.trivia .c-facts .slick-arrow:hover {
  opacity: 0.5;
}
section.trivia .c-facts .slick-arrow::after {
  font-size: 20px;
}
section.trivia .c-facts .slick-prev {
  left: 50% !important;
  transform: translateX(calc(-100% - 64px));
}
section.trivia .c-facts .slick-next {
  right: 50% !important;
  transform: translateX(calc(100% + 64px));
}

section.pastry-studio p {
  margin-top: 32px;
}
section.pastry-studio .container {
  border-top: solid 1px #735807;
  padding-top: 32px;
  margin-top: 32px;
  display: flex;
  gap: 48px;
}
section.pastry-studio .container img {
  width: 170px;
  min-width: 170px;
  max-height: 224px;
}
section.pastry-studio .container div p {
  margin-top: 0;
}
section.pastry-studio .container div ul {
  margin-top: 32px;
}
section.pastry-studio .container div ul li.toggle {
  display: none;
}
section.pastry-studio .container div h3:nth-of-type(2) {
  font-weight: 400;
}
section.pastry-studio .container div ul:nth-of-type(2) {
  margin-top: 0;
}
section.pastry-studio .container div ul:nth-of-type(2) li {
  display: flex;
}
section.pastry-studio .container div ul:nth-of-type(2) li span {
  display: block;
  min-width: 52px;
  margin-right: 8px;
}
section.pastry-studio .container div ul:nth-of-type(2) li ul {
  margin-top: 0;
}

section.youtube {
  width: 720px;
}
section.youtube iframe {
  width: 100%;
  height: 400px;
}

section.annex {
  display: flex;
  align-items: center;
  gap: 48px;
}
section.annex .slick {
  width: 50%;
}
section.annex div:nth-of-type(2) h2 {
  text-align: initial;
}
section.annex div:nth-of-type(2) ul {
  margin-top: 24px;
}

section.pop-up .c-popup {
  align-items: center;
}
section.pop-up .c-popup--red .c-popup__inner {
  border: solid 16px #735807;
}
section.pop-up .c-popup__inner {
  max-width: 978px;
  padding: 64px 0;
  margin: 0 0;
}
section.pop-up .c-popup__container {
  gap: 16px;
}
section.pop-up .c-popup--red .c-popup__title {
  font-size: 16px;
  color: #735807;
  letter-spacing: 0.05em;
  line-height: 200%;
}
section.pop-up h3.c-popup__text {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 200%;
}
section.pop-up .c-popup__container:nth-of-type(2) {
  margin-top: 16px;
}
section.pop-up .c-popup__text {
  width: initial;
  max-width: initial;
  font-weight: 500;
}
section.pop-up .c-popup__btn {
  top: -64px;
  right: -46px;
  transition-duration: 0.3s;
}
section.pop-up .c-popup__btn:hover {
  opacity: 0.5;
}
section.pop-up .c-popup__inner-flavor {
  max-width: 1200px;
  border: none !important;
  background-image: url("https://wako.itembox.design/item/assets/img/valentine-2026/bg.webp");
  padding: 32px;
}
section.pop-up .c-popup__inner-flavor .c-popup__btn {
  top: -52px;
  right: -32px;
}
section.pop-up .c-popup__inner-flavor .c-tabArea__tabs-item {
  height: initial;
  padding: 8px 0;
  display: block;
  text-align: center;
}
section.pop-up .c-tabArea__tabs-item {
  transition-duration: 0.3s;
}
section.pop-up .c-tabArea__tabs-item:hover {
  background-color: #FFFFFF;
  color: #555123;
  opacity: 1;
}
section.pop-up .c-tabArea__tabs-item.active {
  color: #555123;
}
section.pop-up .c-sliderArea__name, section.pop-up .c-sliderArea__desc {
  color: #555123;
}
section.pop-up .c-popup__inner-flavor .slick-arrow {
  background-color: #555123;
  padding: 0 0;
  transition-duration: 0.3s;
}
section.pop-up .c-popup__inner-flavor .slick-arrow:hover {
  opacity: 0.5;
}
section.pop-up .c-popup__inner-flavor .slick-arrow.slick-prev::after, section.pop-up .c-popup__inner-flavor .slick-arrow.slick-next::after {
  display: none;
}

@media screen and (max-width: 1024px) {
  main.fs-l-main {
    padding-bottom: 64px;
  }
  section.epilogue, section.order-period {
    width: 90%;
  }
  section.epilogue {
    margin: 48px auto 0 auto;
  }
  section.epilogue p {
    text-align: initial;
  }
  section.epilogue a {
    margin: 32px auto 0 auto;
  }
  section.order-period {
    background-color: #F2F2F2;
    padding: 24px 20px;
    margin: 32px auto 0 auto;
  }
  section.order-period article button {
    width: 100%;
    padding: 6px 0;
  }
  section.flavor {
    background-image: url("https://wako.itembox.design/item/assets/img/valentine-2026/responsive/bg.webp");
    padding: 48px 0;
    margin-top: 48px;
  }
  section.flavor h2 {
    margin-top: 32px;
  }
  section.flavor p {
    max-width: 82.1vw;
    margin: 16px auto 0 auto;
    text-align: initial;
  }
  section.flavor button {
    width: 82.1vw;
    padding: 6px 0;
  }
  section.category {
    margin-top: 64px;
  }
  section.category .p-section {
    margin-top: 24px;
  }
  section.recommend .container h2, section.product-lineup .container h2 {
    gap: 12px;
  }
  section.recommend .container h2 ul li, section.product-lineup .container h2 ul li {
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 200%;
  }
  section.recommend .container p, section.product-lineup .container p {
    margin-top: 24px;
    text-align: initial;
  }
  section.recommend {
    padding-top: 32px;
    margin-top: 32px;
  }
  section.recommend .container {
    padding: 32px 5vw;
  }
  section.recommend .container p {
    margin-top: 12px;
  }
  section.recommend .container ul {
    margin-top: 32px;
    display: block;
  }
  section.recommend .container ul li {
    width: 100%;
    margin-top: 32px;
  }
  section.recommend .container ul li a.recommend-img {
    height: initial;
  }
  section.recommend .container ul li a.recommend-img p {
    margin-left: 14.5px;
    font-size: 24px;
  }
  section.recommend .container ul li a.recommend-img img {
    display: block;
    max-width: 60%;
    margin: 0 auto;
  }
  section.recommend .container ul li button, section.recommend .container ul li a.recommend-button {
    width: 100%;
    font-weight: 500;
    line-height: 100%;
  }
  section.recommend .container ul li:nth-of-type(1) {
    margin-top: 0;
  }
  section.product-lineup {
    padding-top: 32px;
  }
  section.product-lineup .container {
    padding: 32px 5vw 0 5vw;
  }
  section.product-lineup .container ul {
    padding-right: 0;
    padding-left: 0;
    margin-top: 24px;
    flex-wrap: wrap;
    gap: 10px;
  }
  section.product-lineup .container ul li.product__item {
    width: calc((100% - 10px) / 2);
    margin-top: 10px;
  }
  section.product-lineup .container ul li.product__item:nth-of-type(1), section.product-lineup .container ul li.product__item:nth-of-type(2) {
    margin-top: 0;
  }
  section.product-lineup:nth-of-type(even) {
    background-color: transparent;
  }
  section.product-lineup-grey {
    padding-top: 32px;
    margin-top: 32px;
  }
  section.product-lineup-grey .container {
    background-color: #F2F2F2;
    padding: 32px 5vw 32px 5vw;
  }
  section.price-range h2 {
    font-weight: 500;
  }
  section.price-range ul {
    flex-wrap: wrap;
    gap: 8px;
  }
  section.price-range ul li {
    width: calc((100% - 8px) / 2);
    height: initial;
  }
  section.price-range ul li a {
    padding: 6px 0;
  }
  section.iwa .container {
    height: initial;
    background-image: url("https://wako.itembox.design/item/assets/img/valentine-2026/responsive/iwa.webp");
    display: block;
  }
  section.iwa .container img {
    position: relative;
  }
  section.iwa .container div {
    width: 100%;
    background-color: #F2F2F2;
    padding: 15px 5vw 32px 5vw;
    display: block;
  }
  section.iwa .container div p {
    width: 100%;
    margin-top: 16px;
  }
  section.iwa .container div a {
    display: block;
    text-align: center;
  }
  section.trivia, section.pastry-studio, section.youtube, section.annex {
    width: calc(100% - 10vw);
  }
  section.trivia .c-facts {
    height: initial;
    padding-bottom: 72px;
  }
  section.trivia .c-facts h3.c-facts-slider__title {
    font-size: 14px;
  }
  section.trivia .c-facts .slick-arrow {
    bottom: 32px;
  }
  section.trivia .c-facts .slick-prev {
    left: 0;
  }
  section.trivia .c-facts .slick-next {
    right: 0;
  }
  section.trivia .c-facts .c-slick-counter {
    bottom: 32px;
  }
  section.pastry-studio p {
    margin-top: 16px;
  }
  section.pastry-studio .container {
    display: block;
  }
  section.pastry-studio .container img {
    display: block;
    max-height: initial;
    margin: 0 auto;
  }
  section.pastry-studio .container div {
    margin-top: 16px;
  }
  section.pastry-studio .container div h3 {
    text-align: center;
  }
  section.pastry-studio .container div p {
    margin-top: 8px;
  }
  section.pastry-studio .container div ul {
    margin-top: 28px;
  }
  section.pastry-studio .container div ul li.toggle {
    display: block;
  }
  section.pastry-studio .container div h3:nth-of-type(2) {
    text-align: initial;
  }
  section.pastry-studio .container div ul:nth-of-type(2) li span {
    min-width: 45px;
    margin-right: 7px;
  }
  section.pastry-studio .container div h3:nth-of-type(2), section.pastry-studio .container div h3:nth-of-type(2) ~ * {
    display: none;
  }
  section.pastry-studio .container div.open h3:nth-of-type(2), section.pastry-studio .container div.open h3:nth-of-type(2) ~ * {
    display: block;
  }
  section.pastry-studio .container button {
    display: block;
    width: fit-content;
    margin: 16px auto 0 auto;
    text-decoration: underline;
  }
  section.youtube iframe {
    height: 195px;
  }
  section.annex {
    display: block;
  }
  section.annex .slick {
    width: 100%;
  }
  section.annex div:nth-of-type(2) {
    margin-top: 16px;
  }
  section.annex div:nth-of-type(2) ul {
    margin-top: 16px;
  }
  section.pop-up .c-popup {
    align-items: initial;
  }
  section.pop-up .c-popup__inner {
    min-height: calc(100vh - 100px);
    padding: 32px 16px;
    margin-top: 20vh;
  }
  section.pop-up h3.c-popup__text, section.pop-up .c-popup__text {
    font-size: 16px;
  }
  section.pop-up .c-popup__btn {
    right: -10px !important;
  }
  section.pop-up .c-popup__inner-flavor {
    min-height: calc(100vh - 100px);
    padding: 10px !important;
  }
  section.pop-up .c-popup__inner-flavor .c-tabArea__contents {
    min-height: initial !important;
  }
  section.pop-up .c-popup__inner-flavor .c-popup__btn {
    right: 0 !important;
  }
  section.pop-up .c-sliderArea {
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 768px) {
  section.recommend .container ul li a.recommend-img img {
    max-width: 100%;
  }
}