@charset "UTF-8";

/* 先行予約商品について　アコーディオン */
.main .yoyaku_acc {
  background: #efede1;
  padding-bottom: min(calc(13 / 768 * 100vw), 13px);

}
.main .yoyaku_acc_btn {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  border: none;
  background: none;
  line-height: 0;
  cursor: pointer;
  appearance: none;
  margin-top: max(calc(-26 / 768 * 100vw), -26px);
}
.main .yoyaku_acc_btn img {
  display: block;
  transition: transform 0.3s ease;
}
.main .yoyaku_acc_body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}
.main .yoyaku_acc.is_open .yoyaku_acc_body {
  grid-template-rows: 1fr;
}
.main .yoyaku_acc_body_in {
  overflow: hidden;
  min-height: 0;
}
.main .yoyaku_acc_inner {
  padding: min(calc(30 / 768 * 100vw), 30px);
  background-color: #fff;
  border-radius: min(calc(16 / 768 * 100vw), 16px);
  line-height: 1.8;
  margin: min(calc(40 / 768 * 100vw), 40px);
  margin-top: min(calc(20 / 768 * 100vw), 20px);
  margin-bottom: min(calc(27 / 768 * 100vw), 27px);
}
.main .yoyaku_acc_inner .head_topic {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.5em;
  position: relative;
  z-index: 0;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: underline;
}

/* 先行予約商品について　アコーディオン */

/* デザイン別スライダー */
.main .sec {
  padding: 0 0 min(calc(60 / 768 * 100vw), 60px);
  border-top: min(calc(8 / 768 * 100vw), 8px) solid #fff;
}
.main .sec_head {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: min(calc(40 / 768 * 100vw), 40px) min(calc(22 / 768 * 100vw), 22px);
}

.main .sec_head.ver_right .sec_head_en {
  right: min(calc(-10 / 768 * 100vw), -10px);
}
.main .sec_head.ver_left .sec_head_en {
  left: min(calc(-10 / 768 * 100vw), -10px);
}
.main .sec_head_ttl img {
  display: block;
  margin: 0 auto;
}
.main .sec_slider {
  overflow: hidden;
}
.main .sec_slider .swiper {
  overflow: visible;
  width: min(calc(545 / 768 * 100vw), 545px);
  margin: 0 auto;
}
.main .sec_slider .swiper-wrapper {
  align-items: center;
}
.main .sec_slider .swiper-slide {
  width: min(calc(545 / 768 * 100vw), 545px);
}
.main .sec_slider .swiper-slide a {
  display: block;
}
.main .sec_slider .swiper-slide img {
  display: block;
  width: 100% !important;
  max-width: none;
}
.main .sec_slider .swiper-button-prev,
.main .sec_slider .swiper-button-next {
  --swiper-navigation-size: min(calc(16 / 768 * 100vw), 16px);
  width: min(calc(46 / 768 * 100vw), 46px);
  height: min(calc(46 / 768 * 100vw), 46px);
  margin-top: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: bold;
}
.main .sec_slider .swiper-button-prev {
  left: min(calc(-36 / 768 * 100vw), -36px);
}
.main .sec_slider .swiper-button-next {
  right: min(calc(-36 / 768 * 100vw), -36px);
}
.main .sec_list {
  width: min(calc(690 / 768 * 100vw), 690px);
  margin: min(calc(30 / 768 * 100vw), 30px) auto 0;
}
.main .sec_list_row {
  display: grid;
  grid-template-columns: min(calc(110 / 768 * 100vw), 110px) 1fr auto;
  align-items: center;
  gap: 0 min(calc(10 / 768 * 100vw), 10px);
  padding: min(calc(12 / 768 * 100vw), 12px) 0;
}
.main .sec_list_name {
  font-weight: bold;
}
.main .sec_list_color {
  display: grid;
  grid-template-columns: repeat(2, min(calc(110 / 768 * 100vw), 110px));
  justify-items: start;
}
.main .sec_list_color_btn {
  color: inherit;
  text-decoration: underline;
}
/* デザイン別スライダー */

/* ファッション　モーダル */
.main .js_fashion_modal .modal_modmicro_overlay {
  padding: 20px 0;
}
@media screen and (768px <= width) {
  .main .js_fashion_modal .modal_modmicro_overlay {
    padding: 20px 20px;
  }
}
.main .js_fashion_modal .swiper {
  --swiper-pagination-bullet-inactive-color: #b4b4b4;
  --swiper-pagination-color: #000;
  padding: 0 0 10px;
}
.main .js_fashion_modal .modal_modmicro_container {
  max-width: 800px;
}
.main .js_fashion_modal .swiper-slide {
  text-align: center;
}
.main .js_fashion_modal .swiper-slide img {
  width: 100% !important;
  max-width: none;
}
.main .js_fashion_modal .swiper-pagination {
  position: static;
  margin: 10px 0 0;
}
.main .js_fashion_modal .swiper-button-next,
.main .js_fashion_modal .swiper-button-prev {
  display: none;
}
@media screen and (992px <= width) {
  .main .js_fashion_modal .swiper-button-next,
  .main .js_fashion_modal .swiper-button-prev {
    display: block;
    color: #000;
  }
}
/* ファッション　モーダル */
.art {
  margin-block: min(calc(50 / 768 * 100vw), 50px);
}