@charset "UTF-8";


/*--------------------------------
            Fade In
 --------------------------------*/

.fadeIn {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 2s;
}
.fadeIn.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/*--------------------------------
                共 通
 --------------------------------*/

#Wrap,.wrapBottom,.wrapTop{
  width: 100%;
}

#lp_sleep{
  background: #f0dee2;
}
#lp_sleep .sp_only{display: none;}
#lp_sleep img{width: 100%;display: block; transition: all 0.5s;}
#lp_sleep a:hover img:not(.icon_cart){
  opacity: 0.6;
}
#lp_sleep a{display: block;}
#lp_sleep ul li,#LP_page ol li{list-style: none;}
#lp_sleep h1{
  padding: 0;
  float: none;
}
#lp_sleep p {
  color: #666666;
  display: block;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0;
}
#lp_sleep p.text{
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 2rem;
  text-align: center;
  letter-spacing: 0.05em;
}
#lp_sleep b{color: #666666;}
#lp_sleep sup{
  font-size: 50%;
  margin-top: -0.6rem;
}


/*---------------------
lp_menu*/

.lp_menu {
  opacity: 0;
  transition: opacity .8s ease-in-out;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 2rem;
  margin: auto;
  z-index: 3;
  background: rgb(222 158 170 / 70%);
  border-radius: 1rem;
  width: 80rem;
  height: 5.4rem;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.lp_menu.fixed{
  opacity: 1;
}
.lp_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.lp_menu ul li:not(:last-child){
  border-right: 1px solid #fff;
}
.lp_menu ul li a{
  font-family: 'Noto Serif JP', serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 0.5rem 7rem;
}


/*---------------------
sec_mv*/

#lp_sleep .sec_mv{
  padding-bottom: 18rem;
  background: #fff;
}
#lp_sleep .mv_wrap{
  width: 120rem;
  margin: 0 auto 5rem;
}
#lp_sleep .mv_wrap img{
  border-radius: 2rem;
  box-shadow: 0 3px 6px #EFEFEF;
}
#lp_sleep .mv_wrap .lead{
  font-family: 'Noto Serif JP', serif;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  color: #AB8B8C;
  margin-top: 3rem;
}
#lp_sleep .item_wrap > img{
  width: 24rem;
  margin: 0 auto 3rem;
}
#lp_sleep .item_wrap > ul{
  display: flex;
  justify-content: center;
  gap: 3.6rem;
}
#lp_sleep .item_wrap > ul > li{
  position: relative;
  width: 22rem;
  padding-bottom: 6rem;
}
#lp_sleep .item_wrap > ul > li:not(:last-child){
  padding-right: 3.6rem;
  border-right: 2px dotted #EAE7E7;
}

/*---------------------
sec_mv　アイテム一覧*/

#lp_sleep .pop_blk{
  position: relative;
  background: #FAEFF1;
  border-radius: 0.5rem;
  margin: 0 auto 2rem;
  padding: 1.2rem 0;
  font-family: 'Marcellus','Noto Serif JP', serif;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
  color: #AB8B8C;
  text-align: center;
  height: 8rem;
  box-sizing: border-box;
}
#lp_sleep .pop_blk span{
  font-size: 1.7rem;
  display: block;
}
#lp_sleep .pop_blk::after{
  content: '';
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-top: 1rem solid #FAEFF1;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
}

#lp_sleep .img_blk{
  position: relative;
  margin: 0 auto 1rem;
}
#lp_sleep .icon_cart{
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 3.2rem;
  z-index: 2;
}
#lp_sleep .icon_new{
  position: absolute;
  top: 0;
  left: 0;
  width: 5.6rem;
  z-index: 2;
}
#lp_sleep .icon_wash{
  position: absolute;
  top: 0;
  left: 0;
  width: 7.2rem;
  z-index: 2;
}
#lp_sleep .icon_pop{
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  z-index: 2;
}
#lp_sleep .text_blk .name{
  height: 4rem;
  margin-bottom: 0.2rem;
}
#lp_sleep .text_blk .price{
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  line-height: 1;
}
#lp_sleep .text_blk .price span{
  font-size: 1.1rem;
}
#lp_sleep .recm_blk .recm_text{
  font-family: 'Noto Serif JP', serif;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #c8949e;
  margin-bottom: 1rem;
}
#lp_sleep .recm_blk ul li{
  position: relative;
  padding-left: 1.5rem;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #666666;
  margin-top: 0.5rem;
}
#lp_sleep .recm_blk ul li::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: #DDB8BF;
}
#lp_sleep .anker_btn{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22rem;
  height: 4rem;
  line-height: 4rem;
  background: #DDB8BF;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
}


/*---------------------
sec_item*/

#lp_sleep .sec_item{
  background: transparent linear-gradient(180deg, #FAF5F1 0%, #F0DFE2 100%) 0% 0% no-repeat padding-box;
  border-radius: 5rem 5rem 0 0;
  padding: 8rem 0 16rem;
}
#lp_sleep .sec_item{
  margin-top: -8rem;
}
#lp_sleep #sec_D{
  padding: 8rem 0 4rem;
}

/*---------------------
sec_item　タイトル*/

#lp_sleep .ttl_wrap{
  margin: 0 auto 3rem;
}
#lp_sleep .ttl_wrap h3{
  font-family: 'Marcellus','Noto Serif JP', serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  color: #AB8B8C;
  width: fit-content;
  margin: auto;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #AB8B8C;
}
#lp_sleep .ttl_wrap h3 span{
  font-size: 2.2rem;
  margin-right: 1.5rem;
}

/*---------------------
sec_item 選択アイテム一覧*/

#lp_sleep .item_wrap{
  margin: 0 auto 5rem;
}
#lp_sleep .item_wrap .ttl{
  font-family: 'Noto Serif JP', serif;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #AB8B8C;
  text-align: center;
}
#lp_sleep .select_list {
  overflow: hidden;
  padding: 2.4rem 0 3rem;
}
#lp_sleep .select_list ul {
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}
#lp_sleep .select_list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 27rem;
  background: #fff;
  white-space: normal;
  letter-spacing: 0;
  box-shadow: 0 0 10px #E5D3CA;
}
#lp_sleep .select_list li:last-child{
  background: #FFF8FA;
}
#lp_sleep .select_list li:not(:last-child)::after{
  content: '';
  position: absolute;
  top: 16rem;
  right: -1.2rem;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 1.6rem solid #DDB8BF;
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent;
  z-index: 2;
}
#lp_sleep .select_list label {
  display: block;
  height: 100%;
  padding: 2rem 0;
  transition: background-color .3s ease-in-out;
}
#lp_sleep .select_list input {
  display: none;
}
#lp_sleep .select_list .item_icn {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: #CCCCCC;
  border-radius: 100%;
}
#lp_sleep .select_list input:checked + label > .item_icn {
  background: #AB8B8C;
}
#lp_sleep .select_list .item_icn img{
  width: 1.6rem;
}
#lp_sleep .select_list .step_text{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 auto 1.5rem;
}
#lp_sleep .select_list .step_text span{
  display: block;
  font-family: 'Marcellus', serif;
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}
#lp_sleep .select_list .img_blk{
  position: relative;
  width: 22rem;
  margin: 0 auto 2rem;
} 
#lp_sleep .select_list .lead_blk{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8.2rem;
}
#lp_sleep .select_list .lead_text{
  font-family: 'Noto Serif JP', serif;
  font-size: 1.7rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #AB8B8C;
  text-align: center;
  margin-bottom: 2rem;
}
#lp_sleep .select_list .item_name {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
}
#lp_sleep .select_list .item_price {
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 1.5rem;
}
#lp_sleep .select_list .item_price span{
  font-size: 1.1rem;
}
#lp_sleep .select_list .btn_selct {
  position: relative;
  transition: background-color .3s ease-in-out;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 18rem;
  height: 4rem;
  border: 1px solid #666666;
  background: #666666;
  margin: auto;
  color: #fff;
}
#lp_sleep .select_list input:checked + label .btn_selct {
    background-color: #ffffff;
    color: #666666;
}
#lp_sleep .select_list input:checked + label .btn_selct::before,
#lp_sleep .select_list input:checked + label .btn_selct::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: 1px;
  height: 1rem;
  margin: 0;
  background: #666666;
  border: none;
}
#lp_sleep .select_list input:checked + label .btn_selct::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
#lp_sleep .select_list input:checked + label .btn_selct::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
#lp_sleep .select_list .btn_selct .txt_checkout {
  display: none;
}
#lp_sleep .select_list input:checked + label .txt_checkin {
  display: none;
}
#lp_sleep .select_list input:checked + label .txt_checkout {
  display: block;
}
#lp_sleep .select_list .btn_selct::before,
#lp_sleep .select_list .btn_selct::after {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5px;
  border-top: 1px solid #fff;
  transform: translateX(-50%);
  content: '';
}
#lp_sleep .select_list .btn_selct:after {
  top: 50%;
  left: 5px;
  width: 11px;
  height: 10px;
  margin-top: -5px;
  transform: rotate(90deg);
}
#lp_sleep .now_price{
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
#lp_sleep .now_price span{
  font-size: 2.4rem;
  display: inline-block;
  padding: 0;
  background: none;
}
#lp_sleep .btn_cart a:hover {
  opacity: .6;
}
#lp_sleep .btn_cart a.cart_in {
  width: 30rem;
  background: #333333;
  height: 5rem;
  line-height: 5rem;
  color: #fff;
  margin: auto;
  padding: 0 4rem;
  box-sizing: border-box;
}
#lp_sleep .cart_in span {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: url(/page/lp/230707_sleepingmask/img/icon_cart.svg) no-repeat 0 center;
  background-size: 2rem;
  padding-left: 3rem;
}

/*---------------------
sec_item スタッフコメント*/

#lp_sleep .staff_wrap{
  position: relative;
  width: 80rem;
  border: 1px solid #AB8B8C;
  padding: 2rem 3rem;
  box-sizing: border-box;
  margin: auto;
}
#lp_sleep .staff_wrap .ttl{
  font-family: 'Marcellus', serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #AB8B8C;
  padding: 0 1rem;
  background: #F3E5E6;
  width: fit-content;
  position: absolute;
  top: -1.2rem;
  left: 0;
  right: 0;
  margin: auto;
}
#lp_sleep .staff_wrap .inner_wrap{
  display: flex;
  gap: 2.5rem;
}
#lp_sleep .commnt_blk{
  display: flex;
  gap: 1.5rem;
  margin-top: 3rem;
}
#lp_sleep .commnt_blk .img_blk{
  width: 12rem;
}
#lp_sleep .commnt_blk .text_blk{
  width: 38rem;
}
#lp_sleep .commnt_blk .text_blk p{
  line-height: 1.75;
  letter-spacing: 0.05em;
}
#lp_sleep .commnt_blk .text_blk .staff_name{
  display: block;
  line-height: 1;
  margin-bottom: 1rem;
}
#lp_sleep .item_blk{
  position: relative;
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-sizing: border-box;
}
#lp_sleep .item_blk .img_blk{
  width: 12rem;
  margin: 0 auto 1.2rem;
}
#lp_sleep .item_blk .text_blk .name{
  font-size: 1.1rem;
}
#lp_sleep .item_blk .text_blk .price{
  font-size: 1.5rem;
  margin: 0;
}

/*---------------------
sec_item 注釈*/

#lp_sleep .annotation_blk{
  margin: 8rem auto 0;
}
#lp_sleep .annotation_text{
  text-align: center;
  font-size: 1.1rem;
  color: #666666;
}

/*---------------------
slider*/
.swiper-slide{
  opacity: 0 !important;
}
.swiper-slide-active.swiper-slide{
  opacity: 1 !important;
}


/*--------------------------------
            Layout  SP
 --------------------------------*/
@media (max-width: 767px) {

#FooterWrap{
  margin-top: calc(-23 *(100vw / 430));
}

#share{
  bottom: calc(90 *(100vw / 430)) !important;
}

#lp_sleep{
  overflow: hidden;
}
#lp_sleep .sp_only{display: block;}
#lp_sleep .pc_only{display: none;}

#lp_sleep p {
  font-size: calc(13 *(100vw / 430));
}
#lp_sleep p.text{
  font-size: calc(14 *(100vw / 430));
  margin-top: calc(16 *(100vw / 430));
}


/*---------------------
lp_menu*/
.lp_menu {
  bottom: calc(20 *(100vw / 430));
  border-radius: calc(10 *(100vw / 430));
  width: calc(400 *(100vw / 430));
  height: calc(54 *(100vw / 430));
}
.lp_menu ul li:not(:last-child){
  border-right: 1px solid #fff;
  padding: calc(5 *(100vw / 430)) calc(20 *(100vw / 430)) calc(5 *(100vw / 430)) 0;
  margin-right: calc(20 *(100vw / 430));
}
.lp_menu ul li a{
  font-size: calc(14 *(100vw / 430));
  padding: 0;
}

/*---------------------
sec_mv*/

#lp_sleep .sec_mv{
  padding-bottom: calc(80 *(100vw / 430));
}
#lp_sleep .mv_wrap{
  width: 100%;
  margin: 0 auto calc(40 *(100vw / 430));
}
#lp_sleep .mv_wrap img{
  border-radius: 0;
  box-shadow: none;
}
#lp_sleep .mv_wrap .lead{
  font-size: calc(20 *(100vw / 430));
  margin-top: calc(30 *(100vw / 430));
}
#lp_sleep .item_wrap > img{
  width: calc(240 *(100vw / 430));
  margin: 0 auto calc(24 *(100vw / 430));
}
#lp_sleep .item_wrap > ul{
  flex-wrap: wrap;
  gap: calc(25 *(100vw / 430)) calc(18 *(100vw / 430));
}
#lp_sleep .item_wrap > ul > li{
  width: calc(175 *(100vw / 430));
  padding-bottom: calc(60 *(100vw / 430));
}
#lp_sleep .item_wrap > ul > li:nth-child(odd){
  padding-right: calc(18 *(100vw / 430));
  border-right: 2px dotted #EAE7E7;
}
#lp_sleep .item_wrap > ul > li:nth-child(even){
  padding-right: 0;
  border-right: none;
}
#lp_sleep .item_wrap > ul > li:nth-child(n+3){
  margin-top: calc(25 *(100vw / 430));
}
#lp_sleep .item_wrap > ul > li:nth-child(n+3)::after{
  content: '';
  width: calc(175 *(100vw / 430));
  height: 1px;
  border-top: 2px dotted #EAE7E7;
  position: absolute;
  top: calc(-25 *(100vw / 430));
  left: 0;
}

/*---------------------
sec_mv　アイテム一覧*/

#lp_sleep .pop_blk{
  border-radius: calc(5 *(100vw / 430));
  margin: 0 auto calc(20 *(100vw / 430));
  padding: calc(10 *(100vw / 430)) 0;
  font-size: calc(17 *(100vw / 430));
  height: calc(74 *(100vw / 430));
}
#lp_sleep .pop_blk span{
  font-size: calc(20 *(100vw / 430));
}
#lp_sleep .pop_blk::after{
  bottom: calc(-10 *(100vw / 430));
  border-top: calc(10 *(100vw / 430)) solid #FAEFF1;
  border-left: calc(5 *(100vw / 430)) solid transparent;
  border-right: calc(5 *(100vw / 430)) solid transparent;
}
#lp_sleep .img_blk{
  margin: 0 auto calc(10 *(100vw / 430));
}
#lp_sleep .icon_cart{
  position: absolute;
  right: calc(5 *(100vw / 430));
  bottom: calc(5 *(100vw / 430));
  width: calc(32 *(100vw / 430));
}
#lp_sleep .icon_new{
  width: calc(50 *(100vw / 430));
}
#lp_sleep .icon_wash{
  width: calc(56 *(100vw / 430));
}
#lp_sleep .icon_pop{
  width: calc(66 *(100vw / 430));
}
#lp_sleep .text_blk .name{
  height: auto;
  margin-bottom: calc(5 *(100vw / 430));
}
#lp_sleep .text_blk .price{
  font-size: calc(18 *(100vw / 430));
  margin-bottom: calc(15 *(100vw / 430));
}
#lp_sleep .text_blk .price span{
  font-size: calc(11 *(100vw / 430));
}
#lp_sleep .recm_blk .recm_text{
  font-size: calc(15 *(100vw / 430));
  margin-bottom: calc(10 *(100vw / 430));
}
#lp_sleep .recm_blk ul li{
  padding-left: calc(15 *(100vw / 430));
  font-size: calc(13 *(100vw / 430));
  margin-top: calc(5 *(100vw / 430));
}
#lp_sleep .recm_blk ul li::after{
  width: calc(6 *(100vw / 430));
  height: calc(6 *(100vw / 430));
}
#lp_sleep .anker_btn{
  width: calc(175 *(100vw / 430));
  height: calc(40 *(100vw / 430));
  line-height: calc(40 *(100vw / 430));
  font-size: calc(13 *(100vw / 430));
}


/*---------------------
sec_item*/

#lp_sleep .sec_item{
  border-radius: calc(50 *(100vw / 430)) calc(50 *(100vw / 430)) 0 0;
  padding: calc(60 *(100vw / 430)) 0 calc(120 *(100vw / 430));
  margin-top: calc(-60 *(100vw / 430));
}
#lp_sleep #sec_D{
  padding: calc(60 *(100vw / 430)) 0 calc(20 *(100vw / 430));
}

/*---------------------
sec_item　タイトル*/

#lp_sleep .ttl_wrap{
  margin: 0 auto calc(30 *(100vw / 430));
}
#lp_sleep .ttl_wrap h3{
  font-size: calc(25 *(100vw / 430));
  padding-bottom: calc(5 *(100vw / 430));
}
#lp_sleep .ttl_wrap h3 span{
  font-size: calc(22 *(100vw / 430));
  margin-right: calc(15 *(100vw / 430));
}

/*---------------------
sec_item 選択アイテム一覧*/

#lp_sleep .item_wrap{
  margin: 0 auto calc(50 *(100vw / 430));
}
#lp_sleep .item_wrap .ttl{
  font-size: calc(20 *(100vw / 430));
}
#lp_sleep .select_list {
  overflow-x: scroll;
  padding: calc(24 *(100vw / 430)) 0 calc(20 *(100vw / 430));
  margin-bottom: calc(24 *(100vw / 430));
}
#lp_sleep .select_list ul {
  width: fit-content;
  gap: calc(5 *(100vw / 430));
  justify-content: left;
  padding: 0 calc(10 *(100vw / 430));
}
#lp_sleep .select_list li {
  width: calc(200 *(100vw / 430));
}
#lp_sleep .select_list li:not(:last-child)::after{
  top: calc(130 *(100vw / 430));
  right: calc(-12 *(100vw / 430));
  border-left: calc(16 *(100vw / 430)) solid #DDB8BF;
  border-top: calc(20 *(100vw / 430)) solid transparent;
  border-bottom: calc(20 *(100vw / 430)) solid transparent;
}
#lp_sleep .select_list label {
  padding: calc(30 *(100vw / 430)) calc(10 *(100vw / 430)) calc(75 *(100vw / 430));
  height: fit-content;
}
#lp_sleep .select_list .item_icn {
  top: calc(25 *(100vw / 430));
  left: calc(15 *(100vw / 430));
  width: calc(30 *(100vw / 430));
  height: calc(30 *(100vw / 430));
}
#lp_sleep .select_list .item_icn img{
  width: calc(16 *(100vw / 430));
}
#lp_sleep .select_list .step_text{
  font-size: calc(13 *(100vw / 430));
  margin: 0 auto calc(10 *(100vw / 430));
}
#lp_sleep .select_list .step_text span{
  font-size: calc(13 *(100vw / 430));
  margin-bottom: calc(8 *(100vw / 430));
}
#lp_sleep .select_list .img_blk{
  width: calc(180 *(100vw / 430));
  margin: 0 auto calc(20 *(100vw / 430));
} 
#lp_sleep .select_list .lead_blk{
  height: auto;
}
#lp_sleep .select_list .lead_text{
  font-size: calc(15 *(100vw / 430));
  margin-bottom: calc(20 *(100vw / 430));
}
#lp_sleep .select_list .item_name {
  margin-bottom: calc(5 *(100vw / 430));
  font-size: calc(12 *(100vw / 430));
  text-align: left;
}
#lp_sleep .select_list .item_price {
  font-size: calc(18 *(100vw / 430));
  margin-bottom: 0;
  text-align: left;
}
#lp_sleep .select_list .item_price span{
  font-size: calc(11 *(100vw / 430));
}
#lp_sleep .select_list .btn_selct {
  width: calc(180 *(100vw / 430));
  height: calc(40 *(100vw / 430));
  position: absolute;
  bottom: calc(20 *(100vw / 430));
  left: 0;
  right: 0;
  margin: auto;
}
#lp_sleep .select_list input:checked + label .btn_selct::before,
#lp_sleep .select_list input:checked + label .btn_selct::after {
  left: calc(15 *(100vw / 430));
  height: calc(10 *(100vw / 430));
}
#lp_sleep .select_list .btn_selct::before,
#lp_sleep .select_list .btn_selct::after {
  left: calc(15 *(100vw / 430));
  width: calc(10 *(100vw / 430));
  height: calc(10 *(100vw / 430));
}
#lp_sleep .select_list .btn_selct:after {
  left: calc(5 *(100vw / 430));
  width: calc(10 *(100vw / 430));
  height: calc(10 *(100vw / 430));
}
#lp_sleep .now_price{
  font-size: calc(16 *(100vw / 430));
  margin-bottom: calc(20 *(100vw / 430));
}
#lp_sleep .now_price span{
  font-size: calc(24 *(100vw / 430));
}
#lp_sleep .btn_cart a.cart_in {
  width: calc(300 *(100vw / 430));
  height: calc(50 *(100vw / 430));
  line-height: calc(50 *(100vw / 430));
  padding: 0 calc(40 *(100vw / 430));
}
#lp_sleep .cart_in span {
  background-size: calc(20 *(100vw / 430));
  padding-left: calc(30 *(100vw / 430));
}

/*---------------------
sec_item スタッフコメント*/

#lp_sleep .staff_wrap{
  width: calc(400 *(100vw / 430));
  padding: calc(30 *(100vw / 430)) calc(15 *(100vw / 430)) calc(20 *(100vw / 430));
}
#lp_sleep .staff_wrap .ttl{
  font-size: calc(20 *(100vw / 430));
  padding: 0 calc(10 *(100vw / 430));
  top: calc(-12 *(100vw / 430));
}
#lp_sleep .staff_wrap .inner_wrap{
  flex-wrap: wrap;
  gap: calc(20 *(100vw / 430));
}
#lp_sleep .commnt_blk{
  gap: calc(10 *(100vw / 430));
  margin-top: 0;
}
#lp_sleep .commnt_blk .img_blk{
  width: calc(80 *(100vw / 430));
}
#lp_sleep .commnt_blk .text_blk{
  width: calc(280 *(100vw / 430));
}
#lp_sleep .commnt_blk .img_blk .staff_name{
  font-size: calc(10 *(100vw / 430));
  margin-top: calc(6 *(100vw / 430));
  text-align: center;
}
#lp_sleep .item_blk{
  width: 100%;
  border-radius: calc(10 *(100vw / 430));
  padding: 0 calc(15 *(100vw / 430));
}
#lp_sleep .item_blk > a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(15 *(100vw / 430));;
}
#lp_sleep .item_blk .img_blk,
#lp_sleep .item_blk .img_blk img{
  width: calc(120 *(100vw / 430));
  height: calc(120 *(100vw / 430));
  margin: auto;
}
#lp_sleep .item_blk .text_blk .name{
  font-size: calc(13 *(100vw / 430));
}
#lp_sleep .item_blk .text_blk .price{
  font-size: calc(18 *(100vw / 430));
}

/*---------------------
sec_item 注釈*/

#lp_sleep .annotation_blk{
  margin: calc(60 *(100vw / 430)) auto 0;
}
#lp_sleep .annotation_text{
  text-align: left;
  font-size: calc(11 *(100vw / 430));
  padding: 0 calc(15 *(100vw / 430));;
}

/*---------------------
simplebar-track*/

.js_slidebar,
.js_slidebar * {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.js_slidebar::-webkit-scrollbar,
.js_slidebar *::-webkit-scrollbar {
  display: none;
}
#lp_sleep .simplebar-track.simplebar-horizontal {
    max-width: calc(320 *(100vw / 430));
    margin: auto;
    bottom: 0;
    background: #DBDBDB;
    height: calc(2 *(100vw / 430));
}
#lp_sleep .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: calc(2 *(100vw / 430));
    top: 0;
}
}