/*
KAMIKA-7634
kamikastf_tk_swb
*/
.cnt {
  position: relative;
}

.cnt img {
  height: auto;
}

.lp_cnt {
  background: #fff;
}

.lp_cnt button {
  cursor: pointer;
  opacity: 1;
  transition: 0.2s;
}
.lp_cnt button:hover {
  opacity: 0.8;
  transition: 0.2s;
}

/*動画*/
.movie1 .movie_frame,
.movie2 .movie_frame {
  display: block;
  width: 89.33%;
  height: 49.38%;
  position: absolute;
  top: 36.54%;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}
.movie2 .movie_frame {
  height: 60.61%;
}

.movie1 .movie_frame video {
  display: block;
  width: 118%;
  height: auto;
  margin-top: -4%;
}
.movie2 .movie_frame {
  top: 30%;
}

.movie2 .movie_frame video {
  display: block;
  width: 120%;
  height: auto;
  margin-top: -34%;
}

.maru1 {
  width: 36.13%;
  position: absolute;
  right: 0px;
  top: 61.85%;
}

/*注意文*/
.tyui {
  width: 81.6%;
  position: absolute;
  top: 57.29%;
  left: 9.33%;
}
.tyui2 {
  top: 57.2%
}
.tyui li {
  font-size: 20px;
  line-height: 1.9;
  padding-left: 1em;
  text-indent: -1em;
}
.tyui2 li {
  line-height: 1.8;
}
.tyui li a {
  color: inherit;
  text-decoration: underline:
}

@media (min-width: 768px) {
  .lp_contents {
    background: url(bg.webp) no-repeat center fixed;
    background-size: cover;
  }

  .lp_cnt {
    width: 750px;
    margin: auto;
  }
  
  /*フローティングバナー*/
  .floating_bnr {
    display: block;
    width: 665px;
    height: 185px;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    padding-left: 5px;
  }
  
  /*fv下ボタン*/
  .btn_fv {
    display: block;
    width: 665px;
    height: 185px;
    margin-left: 40px;
  }

  /* カート*/
  .btn_cart {
    display: block;
    width: 657px;
    height: 173px;
    position: absolute;
    top: 48px;
    left: 54px;
  }
  
  /*単品ボタン*/
  .btn_tanpin {
    display: block;
    width: 328px;
    height: 129px;
    position: absolute;
    left: 381px;
  }
  .btn_tanpin1 {
    top: 210px;
  }
  .btn_tanpin2 {
    top: 340px;
  }
}

@media (max-width: 767px) {
  /*フローティングバナー*/
  .floating_bnr {
    display: block;
    width: 88.66vw;
    height: 24.66vw;
    position: fixed;
    bottom: 2vw;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    padding-left: 0.6vw;
  }
  
  /*fv下ボタン*/
  .btn_fv {
    display: block;
    width: 88.66vw;
    height: 24.66vw;
    margin-left: 5.3vw;
  }

  /*注意文*/
  .tyui li {
    font-size: 2.66vw;
  }
  .tyui li a {
    color: inherit;
    text-decoration: underline:
  }

  /* カート*/
  .btn_cart {
    display: block;
    width: 87.6vw;
    height: 23.06vw;
    position: absolute;
    top: 6.4vw;
    left: 7.2vw;
  }
  
  /*単品ボタン*/
  .btn_tanpin {
    display: block;
    width: 43.73vw;
    height: 14.2vw;
    position: absolute;
    left: 50.8vw;
  }
  .btn_tanpin1 {
    top: 28vw;
  }
  .btn_tanpin2 {
    top: 45.33vw;
  }
}

.fv_btn_area {
  width: 750px;
  height: 410px;
  position: relative;
  overflow: hidden;
}

.floating_bnr_3btn {
  width: 750px !important;
  height: 290px !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow: hidden;
}

.btn_l {
  display: block;
  width: 100% !important;
  position: absolute;
  bottom: 52% !important;
  left: 2% !important;
}

.btn_s {
  display: block;
  width: 47.07%;
  position: absolute;
  bottom: 0;
  left: 3.9%;
}
.fv_btn_area .btn_s {
  bottom: 8.5%;
}
.btn_s + .btn_s {
  left: 50.5%;
}

.cta .btn_b,
.cta .btn_w {
  width: 88.53%;
  position: absolute;
  left: 5.6%;
}
.cta .btn_b {
  top: 63.69%;
}
.cta .btn_w {
  top: 78.43%;
}
.cta2 .btn_t {
  width: 88.53%;
  position: absolute;
  top: 19.42%;
  left: 6.2%;
}
.cta3 .btn_t {
  width: 88.53%;
  position: absolute;
  top: 83.12%;
  left: 6.2%;
}


@media (max-width: 767px) {
  .fv_btn_area {
    width: 100vw;
    height: 54.67vw;
  }
  
  .camp__def .floating_bnr {
    padding-left: 0 !important;
  }

  .floating_bnr_3btn {
    width: 100vw !important;
    height: 38.67vw !important;
  }
   .btn_l {
    width: 98% !important;
    left: 1% !important;
  }
}


/*----------------------------
KAMIKA-7680 20240808
----------------------------*/
.cnt .cnt4_deco {
  width: 100%;
  position: absolute;
  left: 0;
  top: -30px;
}

.insta_slider {
  width: 750px;
  position: absolute;
  top: 28.02%;
  left: 0;
}

.insta_slider img {
  display: block;
  width: auto;
  max-width: initial !important;
  height: 860px;
}

@media (max-width: 767px) {
  .cnt .cnt4_deco {
    top: -4vw;
  }

  .insta_slider {
    width: 100vw;
  }

  .insta_slider img {
    height: 114.67vw;
  }
}

/*----------------------------
KAMIKA-8275 20260217
----------------------------*/
.movie5 video {
  display: block;
  width: 78.67%;
  height: 335px;
  position: absolute;
  top: 28.81%;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

@media (max-width: 767px) {
  .movie5 video {
    height: 44.8vw;
  }
}

/*----------------------------
KAMIKA-8328 20260227
----------------------------*/
.user_slick {
  width: 100%;
  position: absolute;
  left: 0;
  top: 30.98%;
}
.user_slick .slick-slide {
  padding: 0 24px 0 36px;
}
.user_slick .slick-arrow {
  display: block;
  appearance: none;
  width: 66px;
  height: 66px;
  border: 0;
  border-radius: 50%;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0 0 20px rgba(217,130,138,0.5);
  z-index: 2;
}
.user_slick .slick-prev {
  background: url(/wp-content/themes/lp_asterone/stickfoundation/common/202602_kmk8328/arrow_user_l.webp) no-repeat center;
  background-size: cover;
  left: 34px;
}
.user_slick .slick-next {
  background: url(/wp-content/themes/lp_asterone/stickfoundation/common/202602_kmk8328/arrow_user_r.webp) no-repeat center;
  background-size: cover;
  right: 34px;
}

@media (max-width: 767px) {
  .user_slick .slick-slide {
    padding: 0 3.2vw 0 4.8vw;
  }
  .user_slick .slick-arrow {
    width: 8.8vw;
    height: 8.8vw;
  }
  
  .user_slick .slick-prev {
    left: 4.53vw;
  }
  .user_slick .slick-next {
    right: 4.53vw;
  }
}