@charset "UTF-8";
/*SALE_COMMON*/
#sale_page {
  box-sizing: border-box;
  background: rgba(238, 208, 215, .3);
}
.ttl .num {
  font-size: 3rem;
  font-weight: 600;
  margin-right: 5px;
}
@media screen and (max-width: 590px) {
  .ttl .num {
    font-size: 2.5rem;
  }
}
/*MV*/
.mv {
  line-height: 0;
  background: #fdfdfe;
  box-sizing: border-box;
}
.mv img {
  margin: auto;
  width: 100%;
}
.cont_mv {
  box-sizing: border-box;
  max-width: 1000px;
  margin: auto;
}
/*STICKY*/
.btn_sticky {
  box-sizing: border-box;
  transition: all .2s ease-in-out;
  padding: 5px 15px;
}
@media screen and (max-width: 590px) {
  .btn_sticky {
    padding: 5px 10px;
  }
}
.btn_sticky ul {
  justify-content: space-between;
}
.btn_sticky ul li {
  box-sizing: border-box;
  width: calc(97%/3)
}
.btn_sticky ul li a {
  box-sizing: border-box;
  border: 1px solid #3e3a39;
  background: #FFF;
  color: #3e3a39;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  position: relative;
  padding: 10px 15px
}
.btn_sticky ul li a::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #3e3a39;
  border-right: solid 1px #3e3a39;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
  transform: rotate(135deg)
}
@media screen and (max-width: 590px) {
  .btn_sticky ul li a::after {
    width: 3px;
    height: 3px;
    right: 5px;
    margin-top: -2px
  }
}
.btn_sticky ul li a:hover, .btn_sticky.sticky ul li a:hover {
  background: #f0618d;
  border: 1px solid #FFF;
  color: #FFF;
}
.btn_sticky ul li a:hover::after, .btn_sticky.sticky ul li a:hover::after {
  border-top: solid 1px #FFF;
  border-right: solid 1px #FFF;
}
.btn_sticky ul li .btn_category {
  font-size: 0.9rem;
  line-height: 1.3;
  letter-spacing: normal;
  margin: 0 auto
}
.btn_sticky ul li .btn_category em {
  font-size: 1.2rem;
}
@media screen and (max-width: 590px) {
  .btn_sticky ul li .btn_category {
    font-size: 2.8vw
  }
  .btn_sticky ul li .btn_category em {
    font-size: 4vw;
  }
}
.btn_sticky ul li:last-child {
  margin-right: 0
}
.btn_sticky.sticky {
  background: #eed0d7;
  position: sticky;
  position: -webkit-sticky;
  top: 56px;
  left: 0;
  width: 100%;
  z-index: 9998;
}
.btn_sticky.sticky ul li a {
  background: #FFF;
  color: #3e3a39;
}
.btn_sticky.sticky ul li a::after {
  border-top: solid 1px #3e3a39;
  border-right: solid 1px #3e3a39;
}
.btn_sticky ul li a.active {
  background: #f0618d;
  border: 1px solid #FFF;
  color: #FFF;
}
.btn_sticky ul li a.active::after {
  border-top: solid 1px #FFF;
  border-right: solid 1px #FFF;
}
/*CONT*/
.cont01 {
  box-sizing: border-box;
  padding-top: 60px;
}
.cont_set {
  padding-top: 60px;
  padding-bottom: 80px;
	position: relative;
}
.cont_set::after {
	content: "";
	display: block;
	background: url(https://d2w53g1q050m78.cloudfront.net/phoebebeautyupco/uploads/assets/din/2402/img/set/setcart.png)no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 160px;
	width: 160px;
	transform: translate(0%,-15%);
}
.cont_set .subttl {
  max-width: 420px;
  margin: 0 auto;
  width: 80%;
}
.cont_teiki {
  box-sizing: border-box;
  background: rgba(238, 208, 215, .5);
  padding-top: 50px;
  padding-bottom: 25px;
}
.cont_teiki .subttl {
  max-width: 500px;
  margin: 0 auto 25px;
  width: 90%;
}
.cont_set div, .cont_teiki div {
  box-sizing: border-box;
  max-width: 680px;
  margin: auto;
}
@media screen and (max-width: 590px) {
.cont_set::after {
	height: 30vw;
	width: 30vw;
	transform: translate(0%,5%);
	overflow: hidden;
}
}
/*SALE*/
.sale_list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.sale_cont {
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 0 0 20px rgba(201, 153, 166, 0.2);
  padding: 15px 15px 25px;
  margin-bottom: 40px;
  margin-right: 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 590px) {
  .sale_cont {
    margin-right: 2%;
  }
  .sale_list .sale_cont:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 590px) {
  .sale_list .sale_cont:last-child {
    margin-bottom: 0;
  }
}
/*商品_タイトル*/
.product_set_ttl {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 5px auto 10px;
}
/*商品_画像テキスト*/
.offer_image {
  box-sizing: border-box;
  margin: auto;
  width: 55%;
}
.offer_text {
  box-sizing: border-box;
  width: 100%;
}
.sale_cont .product_category {
  text-align: center;
  margin-bottom: 0;
}
.sale_cont .product_category span {
  margin: 0 2.5px;
}
.product_items {
  font-size: 13px;
  line-height: 1.3;
  margin: 5px auto;
}
.product_price .num {
  text-decoration: line-through;
  font-size: 1.3rem;
}
/*商品_金額*/
.set_teiki {
  margin-bottom: 25px;
}
.sale_price {
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 15px;
}
.sale_price .center_box {
  box-sizing: border-box;
  margin-right: 5px;
  width: 35%;
}
.sale_price .center_box div {
  box-sizing: border-box;
  background: #f0618d;
  display: flex;
  align-content: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  aspect-ratio: 1;
  padding: 6px;
  margin: 0 10px 0 auto;
  width: 50px;
}
.set_tanpin .sale_price .center_box div {
  background: #727171;
}
.set_tanpin .btn_cart input[type="submit"] {
  background: #727171;
  border: 1px solid #727171;
}
.set_teiki .btn_cart input[type="submit"], .set_tanpin .btn_cart input[type="submit"] {
  font-size: 1.1rem;
}
.sale_price .center_box div .num {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-align: center;
  line-height: 1;
}
.sale_price .right_box {
  box-sizing: border-box;
  display: flex;
  line-height: 1;
  letter-spacing: normal;
  width: 65%;
}
.sale_price .right_box .num {
  font-size: 12vw;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 590px) {
  .sale_cont {
    width: calc(96%/2);
  }
  .sale_ttl {
    padding: 25px 20px;
  }
  .sale_ttl h1 {
    font-size: 20px;
  }
  .sale_price {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .sale_price .right_box .num {
    font-size: 40px;
  }
  .sale_price .center_box {
    width: 30%;
  }
  .sale_price .right_box {
    width: 70%;
  }
}
@media screen and (min-width: 1000px) {
  .sale_price .right_box .num {
    font-size: 48px;
  }
  .sale_list {
    justify-content: center;
    align-items: stretch;
  }
  .sale_cont {
    width: calc(96%/3);
  }
}
/*Letro*/
#top_voice.set_letro {
  background: #FFF;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 80px;
}
@media screen and (min-width: 1000px) {
  #top_voice.set_letro {
    margin-top: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}