/* ---------------------------------
  add 2025/04 ランディングページ
--------------------------------- */

/* ----- シルフィー ----- */

.lp_item_area .lp-block img{
  width: 100%;
  max-width: none;
}

.lp_item_area .lp-block .pc-lp{
  display: block;
}

.lp_item_area .lp-block .sp-lp{
  display: none;
}

.position-r{
  position: relative;
}

.position-r .lp-mv-btn{
  position: absolute;
  width: 39%;
  top: 76%;
  left: 30.2%;
  transition: transform .3s ease;
}

.position-r .lp-mv-btn:hover{
  transform: scale(1.04);
}

.position-r .lp-concierge{
  position: absolute;
  bottom: 10%;
  width: 39%;
  left: 30%;
  transition: transform .3s ease;
}

.position-r .lp-concierge:hover{
  transform: scale(1.04);
}

.position-r .lp-product-item1{
  position: absolute;
  width: 26%;
  bottom: 5%;
  left: 17.2%;
  transition: transform .3s ease;
}

.position-r .lp-product-item2{
  position: absolute;
  bottom: 5%;
  right: 17.2%;
  width: 26%;
  transition: transform .3s ease;
}

.position-r .lp-product-item3{
  position: absolute;
  width: 26%;
  bottom: 9%;
  left: 17.2%;
  transition: transform .3s ease;
}

.position-r .lp-product-item4{
  position: absolute;
  bottom: 9%;
  right: 17.2%;
  width: 26%;
  transition: transform .3s ease;
}

.position-r .lp-product-item1:hover{
  transform: scale(1.04);
}

.position-r .lp-product-item2:hover{
  transform: scale(1.04);
}

.position-r .lp-product-item3:hover{
  transform: scale(1.04);
}

.position-r .lp-product-item4:hover{
  transform: scale(1.04);
}

.position-r .lp-other-btn{
  position: absolute;
  width: 25%;
  bottom: 19%;
  right: 17%;
  transition: transform .3s ease;
}

.position-r .lp-other-btn:hover{
  transform: scale(1.04);
}

.position-r .lp-review-btn{
  position: absolute;
  bottom: 7%;
  width: 39%;
  left: 31%;
  transition: transform .3s ease;
}

.position-r .lp-review-btn:hover{
  transform: scale(1.04);
}

@media screen and (max-width:768px){
  .lp_item_area .lp-block .pc-lp{
    display: none;
  }
  .lp_item_area .lp-block .sp-lp{
    display: block;
  }
  .position-r .lp-mv-btn{
    width: 57%;
    top: 63%;
    left: 22.2%;
  }
  .position-r .lp-concierge{
    bottom: 9%;
    width: 77%;
    left: 12%;
  }
  .lp-product-box-sp1{
    position: relative;
  }
  .lp-product-box-sp2{
    position: relative;
  }
  .lp-product-box-sp3{
    position: relative;
  }
  .lp-product-box-sp4{
    position: relative;
  }
  .lp-product-box-sp1 a{
    position: absolute;
    bottom: 4%;
    left: 18%;
    width: 64%;
  }
  .lp-product-box-sp2 a{
    position: absolute;
    bottom: 6%;
    left: 18%;
    width: 64%;
  }
  .lp-product-box-sp3 a{
    position: absolute;
    bottom: 4%;
    left: 18%;
    width: 64%;
  }
  .lp-product-box-sp4 a{
    position: absolute;
    bottom: 10%;
    left: 18%;
    width: 64%;
  }
  .position-r .lp-other-btn{
    width: 62%;
    bottom: 10%;
    right: 19%;
  }
  .position-r .lp-review-btn{
    bottom: 2.5%;
    width: 64%;
    left: 18%;
  }
}

/* ----- コンテッサセコンダ ----- */

.position-r .contessalp-mv-btn{
  position: absolute;
  width: 38%;
  top: 75%;
  left: 32.2%;
  transition: transform .3s ease;
}

.position-r .contessalp-mv-btn:hover{
  transform: scale(1.04);
}

.position-r .contessalp-concierge{
  position: absolute;
  bottom: 6%;
  width: 39%;
  left: 31%;
  transition: transform .3s ease;
}

.position-r .contessalp-concierge:hover{
  transform: scale(1.04);
}

.position-r .contessalp-product-item1{
  position: absolute;
  bottom: 5%;
  width: 26%;
  left: 17.3%;
  transition: transform .3s ease;
}

.position-r .contessalp-product-item2{
  position: absolute;
  bottom: 5%;
  width: 26%;
  right: 17.3%;
  transition: transform .3s ease;
}

.position-r .contessalp-product-item3{
  position: absolute;
  bottom: 10%;
  width: 26%;
  right: 17.3%;
  transition: transform .3s ease;
}

.position-r .contessalp-product-item4{
  position: absolute;
  bottom: 10%;
  width: 26%;
  left: 17.3%;
  transition: transform .3s ease;
}

.position-r .contessalp-product-item1:hover{
  transform: scale(1.04);
}

.position-r .contessalp-product-item2:hover{
  transform: scale(1.04);
}

.position-r .contessalp-product-item3:hover{
  transform: scale(1.04);
}

.position-r .contessalp-product-item4:hover{
  transform: scale(1.04);
}

.position-r .contessalp-other-btn{
  position: absolute;
  bottom: 19.8%;
  width: 26%;
  right: 16.3%;
  transition: transform .3s ease;
}

.position-r .contessalp-other-btn:hover{
  transform: scale(1.04);
}

.position-r .lp-review-btn-contessa{
  position: absolute;
  bottom: 7%;
  width: 39%;
  left: 31%;
  transition: transform .3s ease;
}

.position-r .lp-review-btn-contessa:hover{
  transform: scale(1.04);
}

@media screen and (max-width:768px){
  .position-r .contessalp-mv-btn{
    width: 60%;
    top: 64%;
    left: 20.2%;
  }
  .position-r .contessalp-concierge{
    bottom: 10%;
    width: 73%;
    left: 13%;
  }
  .position-r .contessalp-other-btn{
    bottom: 10.8%;
    width: 56%;
    right: 23.3%;
  }
  .position-r .lp-review-btn-contessa{
    bottom: 2%;
    width: 64%;
    left: 18%;
  }
}