@charset "UTF-8";

#page-clearancesale2024 {
  max-width: 1000px;
  margin: 0 auto;
}
#page-clearancesale2024 .offer {
  position: relative;
}
#page-clearancesale2024 .cart {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
#page-clearancesale2024 .shortsSize {
  margin: 1em 0;
  text-align: center;
}
#page-clearancesale2024 .linkProductPage {
  display: block;
  text-align: center;
  text-decoration: underline;
}

/* 24hケアセット */
#page-clearancesale2024 .care24hSet .cart {
  bottom: 9rem;
  width: 95rem;
}

/* アンカーリンク */
#page-clearancesale2024 .anchor2row {
  display: flex;
}
#page-clearancesale2024 .anchorBra,
#page-clearancesale2024 .anchorShorts {
  width: 49.8rem;
}
#page-clearancesale2024 .anchorSpacer2 {
  width: .4rem;
}

/* ブラ・ショーツセット */
#page-clearancesale2024 .braShorts .cart {
  bottom: 6rem;
  width: 75.4rem;
}

/* ブラ、ショーツ */
#page-clearancesale2024 .bra .cart,
#page-clearancesale2024 .shorts .cart {
  position: relative;
  width: 46rem;
}
#page-clearancesale2024 .saleList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10rem 4rem;
}
#page-clearancesale2024 .saleList::after {
  content:"";
  display: block;
  width: 46rem;
}
#page-clearancesale2024 .saleList + .saleList {
  margin-top: 10rem;
}
#page-clearancesale2024 .saleItem {
  position: relative;
}
#page-clearancesale2024 .saleItem.new {
  position: relative;
}
#page-clearancesale2024 .saleItem.new::before {
  content: "";
  position: absolute;
  top: -3.4rem;
  left: -.7rem;
  display: block;
  width: 13.6rem;
  height: 13.6rem;
  background-image: url(../img/saleLabel.png);
  background-image: image-set(url(../img/saleLabel.png) 1x, url(../img/saleLabel@2x.png) 2x);
  background-image: -webkit-image-set(url(../img/saleLabel.png) 1x, url(../img/saleLabel@2x.png) 2x);
  background-size: 13.6rem 13.6rem;
}
#page-clearancesale2024 .saleItem.close::before {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 1030px;
  height: 100%;
  background: rgba(100,100,100,0.4);
  display: block;
  z-index: 1;
}
#page-clearancesale2024 .saleItem .closeText {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  color: #fff;
  font-size: 4.0rem;
  font-weight: 700;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}

/* オファーや在庫表上書き */
.cartModalTabs {
  flex-direction: column;
  gap: 25px 0;
}
.cartModalTabs .tab {
  width: auto !important;
}
.cartModalTabs .tab + .tab {
  margin-left: 0 !important;
}
.stock-slider .stock-legend {
  justify-content: center;
  padding: 0;
}
.stock-slider__sizeChart {
  margin: 1em auto;
  width: 45.5%;
}

/* 注意事項 */
.attention {
  border: 1px solid #595757;
  margin-top: 40px;
  padding: 40px;
}
.attention__inner + .attention__inner {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #595757;
}
.attention__heading {
  margin: 0 0 1em;
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
}
.attention__text {
  line-height: 1.7;
}
.attention__text a {
  color: #B9647B;
}
.attention__text p + p {
  margin-top: 1em;
}
.attention__text ul {
  margin: 1em 0 0 1em;
}
.attention__text li::before {
  content: "・";
  display: inline-block;
  text-indent: -1em;
}


@media screen and (max-width: 820px) {
  main > .inner {
    padding: 0;
  }
  
  #page-clearancesale2024 .linkProductPage {
    font-size: 1.4rem;
  }

  /* 24hケアセット */
  #page-clearancesale2024 .care24hSet .cart {
    bottom: 2rem;
    width: 94%;
    left: 70%;
    transform: translateX(-70%);
  }
  
  /* アンカーリンク */
  #page-clearancesale2024 .anchorSpacer2 {
    height: 15.93vw;
  }

  /* ブラ・ショーツセット */
  #page-clearancesale2024 .braShorts .cart {
    bottom: 0.5rem;
    width: 90%;
  }
  /* ブラ、ショーツ */
  #page-clearancesale2024 .bra .cart,
  #page-clearancesale2024 .shorts .cart {
    width: 100%;
  }
  #page-clearancesale2024 .saleList {
    gap: 2rem 4%;
  }
  #page-clearancesale2024 .saleItem.new::before {
    top: -2rem;
    left: -0.7rem;
    width: 6rem;
    height: 6rem;
    background-size: 6rem 6rem;
  }
  #page-clearancesale2024 .saleList::after {
    width: 48%;
  }
  #page-clearancesale2024 .saleItem {
    width: 48%;
  }
  #page-clearancesale2024 .saleItem .closeText {
    font-size: 2.2rem;
  }

  /* オファーや在庫表上書き */
  .stock-slider__sizeChart {
    width: 100%;
  }

  /* 注意書き */
  .attention {
    margin: 40px 5.4vw 0;
    padding: 30px 20px;
  }
  .attention__heading {
    margin: 0 0 0.5em;
    font-size: 2.4rem;
  }

}