@charset "UTF-8";

.branch_icon_area {
  display: flex;
}

body:has(.is_release_before):has(.is_platinum) .branch_icon_area {
  display: none;
}
body:has(.is_release_after) .branch_icon_area {
  display: none;
}
.branch_icon_coming {
  color: #fff;
  line-height: 1.1;
  background-color: #0e6eb8;
  text-align: center;
  padding: 0.3em 1em;
  font-size: min(calc(24 / 768 * 100vw), 16px);
}

.branch_main_area {
  display: none;
}
body:has(.is_release_before):has(.is_platinum) .branch_main_area {
  display: block;
}
body:has(.is_release_after) .branch_main_area {
  display: block;
}

/* body:has(.is_release_after) .branch_price_before {
  display: none;
}
.branch_price_after {
  display: none;
}
body:has(.is_release_after) .branch_price_after {
  display: block;
} */

/* ファッション　モーダル */
.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;
  }
}
/* ファッション　モーダル */
.tabs {
  display: flex;
  align-items: flex-end;
  gap: min(calc(14 / 768 * 100vw), 14px);
  padding-inline: min(calc(25 / 768 * 100vw), 25px);
  width: 100%;
}
.tabs button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  font-weight: bold;
  /* font-size: min(calc(26 / 768 * 100vw),26px); */
  padding-block: min(calc(21 / 768 * 100vw), 21px);
  flex: 1;
  border-radius: min(calc(20 / 768 * 100vw), 20px) min(calc(20 / 768 * 100vw), 20px) 0 0;
  cursor: pointer;
}
.tabs [data-target="item01"] {
  background: #faf9f5;
  color: #bbad79;
  border: min(calc(4 / 768 * 100vw), 4px) solid #faf9f5;
  border-bottom: 0px;
}
.tabs [data-target="item02"] {
  background: #efe4ee;
  color: #a0719b;
  border: min(calc(4 / 768 * 100vw), 4px) solid #efe4ee;
  border-bottom: 0px;
}
.tabs [data-target="item03"] {
  background: #d7e7ec;
  color: #5f8e9c;
  border: min(calc(4 / 768 * 100vw), 4px) solid #d7e7ec;
  border-bottom: 0px;
}
.tabs .is-active{
  position: relative;
}
.tabs .is-active::before{
  content: "";
  position: absolute;
  bottom: max(calc(-4 / 768 * 100vw), -4px);
  width: 100%;
  height: min(calc(4 / 768 * 100vw), 4px);
  left: 0;
}
.tabs .is-active[data-target="item01"]::before {
  background:#faf9f5;
}
.tabs .is-active[data-target="item02"]::before {
  background:#efe4ee;
}
.tabs .is-active[data-target="item03"]::before {
  background:#d7e7ec;
}


.tabs .is-active[data-target="item01"] {
  border: min(calc(4 / 768 * 100vw), 4px) solid #eae4ce;
  border-bottom: 0px;
}
.tabs .is-active[data-target="item02"] {
  border: min(calc(4 / 768 * 100vw), 4px) solid #c1a4be;
  border-bottom: 0px;
}
.tabs .is-active[data-target="item03"] {
  border: min(calc(4 / 768 * 100vw), 4px) solid #779eaa;
  border-bottom: 0px;
}

.tabs:has(.is-active[data-target="item01"]) {
  border-bottom: min(calc(4 / 768 * 100vw), 4px) solid #eae4ce;
}
.tabs:has(.is-active[data-target="item02"]) {
  border-bottom: min(calc(4 / 768 * 100vw), 4px) solid #c1a4be;
}
.tabs:has(.is-active[data-target="item03"]) {
  border-bottom:min(calc(4 / 768 * 100vw), 4px) solid #779eaa;
}


.tabs .is-active {
  padding-block: min(calc(30 / 768 * 100vw), 30px);
}
.head {
  position: relative;
}
.head .tabs {
  position: absolute;
  bottom: 0;
}
.panel {
  display: none;
}

.panel.is-active {
  display: block;
}

.item1,
.item2,
.item3,
.item4,
.item5,
.item6,
.item7 {
  position: relative;
}

.favoriteReturn,
.priceReturn,
.cartReturn {
  position: absolute;
}

.priceReturn {
  font-weight: bold;
  -webkit-text-stroke: 0.2em #fff;
  text-stroke: 0.2em #fff;
  paint-order: stroke;
}

.item1 .favoriteReturn {
  top: min(calc(112 / 768 * 100vw), 112px);
  left: min(calc(316 / 768 * 100vw), 316px);
}
.item1 .priceReturn {
  top: min(calc(255 / 768 * 100vw), 255px);
  left: min(calc(25 / 768 * 100vw), 25px);
  color: #09acad;
}
.item1 .cartReturn {

  top: min(calc(348 / 768 * 100vw), 348px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(340 / 768 * 100vw), 340px);
}

.item2 .favoriteReturn {
  top: min(calc(112 / 768 * 100vw), 112px);
  left: min(calc(316 / 768 * 100vw), 316px);
}
.item2 .priceReturn {
  top: min(calc(300 / 768 * 100vw), 300px);
  left: min(calc(25 / 768 * 100vw), 25px);
  color: #09acad;
}
.item2 .cartReturn {
  top: min(calc(348 / 768 * 100vw), 348px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(270 / 768 * 100vw), 270px);

}

.item3 .favoriteReturn {
  top: min(calc(121 / 768 * 100vw), 121px);
  left: min(calc(306 / 768 * 100vw), 306px);
}
.item3 .priceReturn {
  top: min(calc(223 / 768 * 100vw), 223px);
  left: min(calc(25 / 768 * 100vw), 25px);
  color: #837e77;
}
.item3 .cartReturn {
  top: min(calc(316 / 768 * 100vw), 316px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(340 / 768 * 100vw), 340px);

}

.item4 .favoriteReturn {
  top: min(calc(121 / 768 * 100vw), 121px);
  left: min(calc(306 / 768 * 100vw), 306px);
}
.item4 .priceReturn {
  top: min(calc(255 / 768 * 100vw), 255px);
  left: min(calc(25 / 768 * 100vw), 25px);
  color: #2a6c50;
}
.item4 .cartReturn {
  top: min(calc(347 / 768 * 100vw), 347px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(340 / 768 * 100vw), 340px);

}

.item5 .favoriteReturn {
  top: min(calc(121 / 768 * 100vw), 121px);
  left: min(calc(306 / 768 * 100vw), 306px);
}
.item5 .priceReturn {
  top: min(calc(224 / 768 * 100vw), 224px);
  left: min(calc(25 / 768 * 100vw), 25px);
  color: #9f1e37;
}
.item5 .cartReturn {
  top: min(calc(316 / 768 * 100vw), 316px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(340 / 768 * 100vw), 340px);

}

.item6 .favoriteReturn {
  top: min(calc(183 / 768 * 100vw), 183px);
  right: min(calc(22 / 768 * 100vw), 22px);
}
.item6 .priceReturn {
  top: min(calc(23 / 768 * 100vw), 23px);
  right: min(calc(28 / 768 * 100vw), 28px);
  -webkit-text-stroke-width: 0;
  color: #fff;
}

.item6 .cartReturn {
  top: min(calc(334 / 768 * 100vw), 334px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(250 / 768 * 100vw), 250px);

}

.item7 .favoriteReturn {
  top: min(calc(107 / 768 * 100vw), 107px);
  right: min(calc(27 / 768 * 100vw), 27px);
}

.item7 .cartReturn {
  top: min(calc(255 / 768 * 100vw), 255px);
  left: min(calc(25 / 768 * 100vw), 25px);
  width: min(calc(250 / 768 * 100vw), 250px);

}

.main:has(.is-active[data-target=item01]) .bnr{
  border-top: min(calc(10 / 768 * 100vw), 10px) solid #09acad;
}
.main:has(.is-active[data-target=item02]) .bnr{
  border-top: min(calc(10 / 768 * 100vw), 10px) solid #9f1e37;
}
.main:has(.is-active[data-target=item03]) .bnr{
  border-top: 0;
}
.bnr {
  padding-block: min(calc(22 / 768 * 100vw), 22px);
}
.bnr a {
  display: block;
  padding-top: min(calc(22 / 768 * 100vw), 22px);
}
.bnr .copyright {
  padding-inline: min(calc(26 / 768 * 100vw), 26px);
}

.mltitem {
  padding-inline: min(calc(26 / 768 * 100vw), 26px);
  margin-bottom: min(calc(36 / 768 * 100vw), 36px);
}
.mltitem_inner {
  border: min(calc(9 / 768 * 100vw), 9px) solid #a9dede;
  border-radius: min(calc(15 / 768 * 100vw), 15px);
  display: flex;
  overflow: hidden;
}
.mltitem_inner .right {
  display: flex;
  flex-direction: column;
  padding: min(calc(16 / 768 * 100vw), 16px);
  padding-left: min(calc(28 / 768 * 100vw), 28px);
  flex: 1;
}
.mltitem_inner .right > p {
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mltitem_inner .right > p,
.mltitem_inner .right .price {
  color: #09acad;
  font-weight: bold;
}