@charset "UTF-8";
/*
https://www.aster-one.com/cp2512/
*/

.page_body .wrapper {
  padding: 0;
}

.lp_cnt {
  background: #fff;
}
.lp_cnt * {
  margin: 0;
  padding: 0;
}
.lp_cnt img {
  display: block;
  width: 100%;
  height: auto;
}

.fv_area {
  height: 780px;/*974*/
  background: url(fv_bg.webp) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
}

.fv_area .fv_ttl {
  width: 82.4%;
  position: absolute;
  left: 8.67%;
  top: 9.03%;
  z-index: 2;
}

.fv_area .fv_obi {
  width: 77.73%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 35.22%;
  z-index: 3;
}

.fv_area .fv_item {
  width: 62.27%;
  position: absolute;
  left: 18.67%;
  top: 44.35%;
  z-index: 4;
}

.fv_area .fv_maru {
  width: 28.53%;
  position: absolute;
  left: 69.87%;
  top: 32.96%;
  z-index: 5;
}

.fv_area .fv_subttl {
  width: 57.87%;
  position: absolute;
  left: 20.93%;
  top: 81.93%;
  z-index: 2;
}

/* cart */
.cart_area {
  background: url(cart_bg.webp) no-repeat center top;
  background-size: cover;
  padding-top: 244px;/*306*/
  padding-bottom: 84px;/*105*/
  margin-top: -168px;/*211*/
}
.cart_area .cart_ttl {
  width: 25.2%;
  margin: 0 auto 45px;/*57*/
}
.cart {
  position: relative;
}
.cart + .cart {
  margin-top: 52px;/*65*/
}
.cart .btn_cart {
  appearance: none;
  border: 0;
  border-radius: 0;
  background: none;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
  transition: 0.2s;
}
.cart .btn_cart:hover {
  opacity: 0.8;
  transition: 0.2s;
}
.cart .btn_l {
  width: 458px;/*573*/
  height: 108px;/*133*/
  background: url(btn_cart_l.webp) no-repeat center;
  background-size: contain;
  left: 0;
  right: 0;
  margin: auto;
}
.cart .btn_m {
  width: 267px;/*334*/
  height: 74px;/*92*/
  background: url(btn_cart_m.webp) no-repeat center;
  background-size: contain;
  margin: auto;
}
.btn1 {
  top: 60.21%;
}
.btn2 {
  top: 80%;
  left: 42.67%;
}
.btn3 {
  top: 91.6%;
  left: 42.67%;
}
.btn4 {
  top: 84.08%;
}

.btn5 {
  top: 84.77%;
}
.cart .read_more {
  width: 100%;
  position: absolute;
  left: 0;
  color: #909090;
  font-size: 16px;/*20*/
  line-height: 1.5;
  text-align: right;
  padding-right: 51px;/*64*/
}
.cart .read_more a {
  color: inherit;
}
.cart1 .read_more {
  top: 42.2%;
}
.cart2 .read_more {
  top: 64%;
}
.cart3 .read_more {
  top: 66.5%;
}

/*キャンペーン*/
.cmp_area {
  padding: 62px 0;/*78*/
}
.cmp_area .cmp_ttl {
  width: 47.6%;
  margin: 0 auto 21px;/*27*/
}
.cmp_area .bnr {
  display: block;
  width: 92%;
  margin: auto;
}


@media (min-width: 767px) {
  .lp_cnt {
    width: 600px;
    margin: auto;
  }
  .pc_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .pc_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .fv_snow_area {
    height: 779px !important;/*974*/
  }
}

@media (max-width: 768px) {
  .fv_area {
    height: 129.87vw !important;
  }
  .fv_snow_area {
    height: 129.8vw !important;
  }
  /* cart */
  .cart_area {
    padding-top: 40.8vw;
    padding-bottom: 14vw;
    margin-top: -28.13vw;
  }
  .cart_area .cart_ttl {
    margin: 0 auto 7.6vw;
  }
  .cart + .cart {
    margin-top: 8.67vw;
  }

  .cart .btn_l {
    width: 76.4vw;
    height: 17.73vw;
  }
  .cart .btn_m {
    width: 44.53vw;
    height: 12.27vw;
  }

  .cart .read_more {
    font-size: 2.67vw;
    padding-right: 8.53vw;
  }

  /*キャンペーン*/
  .cmp_area {
    padding: 10.4vw 0;
  }
  .cmp_area .cmp_ttl {
    margin: 0 auto 3.6vw;
  }
  
  .pc_bg {
    display: none;
  }
}

/*雪*/
.snow-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: blur(1.5px);
  opacity: 0.5;
}
.pc_snow_area.snow-layer {
  filter: blur(1.5px);
  opacity: 0.7;
}