@charset "utf-8";

.cont_payment_confirmation .sec-container:nth-of-type(n+2) {
  margin-top: 2rem;
}

.cont_confirmation .sec-container:nth-of-type(n+2) {
  margin-top: 2rem;
}

.pack-pic-wrap.cart {
  overflow: hidden;
  background: url(../img/bg_silver.png) no-repeat;
  background-size: cover;
}

.pack-pic-wrap.cart.pack-best {
  background: url(../img/bg_best.png) no-repeat;
  background-size: cover;
}

.pack-pic-wrap.cart.pack-super {
  background: url(../img/bg_super.png) no-repeat;
  background-size: cover;
}

.pack-pic-wrap.cart.pack-super::before {
  content: "";
  background: url(../img/art_dragon_L.png) no-repeat;
  background-size: contain;
  width: 145px;
  height: 123px;
  position: absolute;
  bottom: -22px;
  left: -60px;
}

.pack-pic-wrap.cart.pack-super::after {
  content: "";
  background: url(../img/art_dragon_R.png) no-repeat;
  background-size: contain;
  width: 90px;
  height: 62px;
  position: absolute;
  top: 0;
  right: -17px;
}

.pack-pic-wrap.cart.pack-super .cart-pack::after {
  content: "";
  background: url(../img/bg_super_top.png) no-repeat;
  background-size: contain;
  width: 114px;
  height: 105px;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

@media screen and (max-width: 640px) {
  .pack-pic-wrap.cart.pack-super::before {
    height: 90px;
    bottom: -12px;
    left: -40px;
  }

  .pack-pic-wrap.cart.pack-super .cart-pack::after {
    top: 0;
    height: 80px;
    width: 100px;
  }
}

/*--------------------------------------
            内容確認の定期購入画像追加
--------------------------------------*/


.pack-pic-wrap.cart.subscription {
  background-image: initial;
}

.pack-pic-wrap.cart.subscription .cart-pack img {
  width: 118%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.pack-pic .pack-pic-wrap.cart.subscription {
  max-width: initial;
  height: 407px;
  padding: 0 0;
  border-radius: initial;
  overflow: visible;
}

.pack-pic .pack-pic-wrap.cart .subsc-free-icon img {
  width: 176px;
  height: auto;
}

.pack-pic-wrap.cart.subscription .item-point .point-ttl {
  background: #d9d9d9bf;
}

.pack-pic-wrap.cart.subscription.pack-super::before,
.pack-pic-wrap.cart.subscription.pack-super::after {
  content: "";
  background-image: initial;
}

.pack-pic-wrap.cart.subscription.pack-super .cart-pack::after {
  content: "";
  background-image: initial;
}

@media screen and (max-width: 768px) {
  .pack-pic-wrap.cart.subscription .cart-pack img {
    width: 119%;
  }

  .pack-pic .pack-pic-wrap.cart.subscription {
    height: 390px;
  }

  .pack-pic .pack-pic-wrap.cart .subsc-free-icon img {
    width: 80%;
  }
}

@media screen and (max-width: 715px) {
  .pack-pic .pack-pic-wrap.cart.subscription {
    height: 57vw;
  }
}

@media screen and (max-width: 640px) {
  .pack-pic-wrap.cart.subscription .cart-pack img {
    width: 117%;
  }
}

@media screen and (max-width: 470px) {
  .pack-pic-wrap.cart.subscription .cart-pack img {
    width: 121%;
  }
}