@charset "UTF-8";

/* 表 店舗ページ 動画 =============== */
.shop-youtube{max-width:720px;width:88%;margin:6% auto 0;}
.shop-youtube-inner {position: relative;width: 100%;padding-top: 56.25%;}
.shop-youtube.mt0{margin-top:0;}
.shop-youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}


/* 表 店舗ページ  ヘッダー =============== */

.p-shopHead__info-name{
  color:#666;
  font-size: clamp(16px, 1.046rem + .442vw, 24px);
  margin-bottom:5px;
}

.p-shopHead__detail-ico{
  width:16px;
}

.p-shopHead__category{
  color:#666;
}

.p-rsvCalendar__signList-item{
    width:100%;
}

.p-rsvCalendar__signList-ico{
    width:20px;
height:20px;
margin-left:5px;
}

.p-rsvCalendar__signList-item span{
    width: 55px;
    display: inline-block;
    position: relative;
}

.p-rsvCalendar__signList-item span:after{
content:"：";
position: absolute;;
right:5px;
}

@media screen and (max-width: 600px) {
.p-rsvCalendar__signList-item{
    width:100%;
}
.p-rsvCalendar__signList-item span{
    width: 50px;
}
.p-rsvCalendar__signList-ico{
    width:16px;
height:16px;
}


  .p-shopHead__info-area{
    font-size:13px;
  }

  .c-fav-btnItem{
    width:130px;
  }

  .p-shopHead__detail-ico{
    width: 10px;
    margin-left: 7px;
  }
  .p-shopHead__tel-ico,.p-shopHead__address-ico{
    margin-left:5px;
  }
  .p-shopHead__contact > a{
     flex:1;
        --gap: 3px;
    --ico-size: 18px;
  }
  .p-shopHead__tel , .p-shopHead__address ,.p-shopHead__detail-item{
    padding:10px 0px ;

  }
  .p-shopHead__tel:after{
    font-size:clamp(11px, calc(0.5rem + 1.3vw), 15px);
    margin-left: -3px;
  }
  .p-shopHead__address:after{
    font-size:clamp(11px, calc(0.5rem + 1.3vw), 15px);
    margin-left: -5px;
  }
  .p-shopHead__detail-item{
    font-size:clamp(11px, calc(0.5rem + 1.3vw), 15px);
  }
}

/* 表 店舗ページ  TOP =============== */
.p-shopTop__intro-txt{
  line-height:1.7;
}

.p-shopFeatures__catch{
aspect-ratio: auto;
}
.p-shopFeatures__catch img{
border-radius:10px;
}

   .p-rsvAction{
      width:90%;
   }
@media screen and (max-width: 600px) {
  .p-shopNewsItem.grid-singleItem {
      padding: 3.5%;
      gap: 4px 16px;
  }
  .p-shopNewsItem-txt{
     font-size:14px;
  }
  .p-shopNews{
    margin-bottom:15px;
  }
  .p-menuItem{
    padding:16px 14px 8px;
  }
  .p-menuItem__more{
    margin:8px -14px -8px;
    padding: 10px 8px;
  }
  .p-menuItem__detail{
    margin-left:8px;
  }
  .p-menuItem__detailBottom {
      padding-top: 12px;
  }
  .p-menuItem-name{
    line-height:1.7;
  }
  .p-shopFeatures__pointList{
    gap: 18px;
  }
  .p-staffList__cont {
      gap: 10px 25px;
  }
  .p-staffList-item:not(:last-child) {
      margin-bottom: 30px;
      padding-bottom: 30px;
  }
  .p-staffList-item:last-child{
     border-bottom:none;
  }
    .c-table-item {
        padding: 15px 0;
        gap: 10px;
    }
  .c-faq__box-question{
      grid-template-columns: 1fr 20px;
      padding: 8px 8px 8px 42px;
  }
  .c-faq__box-ttl{
    font-weight:400;
  }
  .c-faq__box-answer{
    padding: 8px 8px 8px 42px;
  }
}


/* 表 店舗ページ  空き状況カレンダー表示 =============== */

@media screen and (max-width: 600px) {
   .c-calendar-tableContainer.body {
      height: 75svh;
   }
  .p-rsvCalendar{
     padding-bottom:20px;
   }
   .p-rsvStaffList__cont-name{
      margin-top:0;
      font-size:15px
   }
   .p-rsvStaffList__cont-kana{
      font-size:11px;
      line-height: 1.1;
   }
   .p-rsvStaffList__cont-work,.p-rsvStaffList__cont-txt{font-size:11px;}
.p-staffDetail-head{text-align: center;}
.p-staffDetail-name{margin-bottom:5px;display: block;}
.p-staffDetail-kana{ display: block; margin-top: 0;}
}


.shop-youtube iframe{
width: 100%;
}

/* 表 店舗ページ メニュー タブ =============== */

.p-menuTab{
  font-size:clamp(14px,.848rem + .221vw,18px);
  font-weight:600;
position: sticky;
    top: 0;
z-index: 2;
    background: #fff;
padding:7px 0 0;
margin-bottom:7px;
display: block;
}

.p-menuTab:after{
content:"";
width:100%;
height:7px;
background: #fff;
position:absolute;
left:0;
bottom:-7px;
}

.index-hair .p-menuTab-current{
  border-color:#ef8ba7;
}
.index-hair .p-menuTab:before{
  background-color:#ef8ba7;
}

.index-hair .p-menuTab-link{
  background-color:#fadde6;
}

.index-relaxation .p-menuTab-current{
  border-color:#77cc78;
}
.index-relaxation .p-menuTab:before{
  background-color:#77cc78;
}

.index-relaxation .p-menuTab-link{
  background-color:#c9ebc9;
}

.index-aesthetic .p-menuTab-current{
  border-color:#5ad6c6;
}
.index-aesthetic .p-menuTab:before{
  background-color:#5ad6c6;
}

.index-aesthetic .p-menuTab-link{
  background-color:#bdefe8;
}
.index-nail .p-menuTab-current{
  border-color:#b787c9;
}
.index-nail .p-menuTab:before{
  background-color:#b787c9;
}

.index-nail .p-menuTab-link{
  background-color:#e9dbef;
}


.index-school .p-menuTab-current{
  border-color:#fca137;
}
.index-school .p-menuTab:before{
  background-color:#fca137;
}

.index-school .p-menuTab-link{
  background-color:#fed9af;
}



/* 表 予約詳細ページ =============== */
@media screen and (max-width: 1024px) and (min-width: 601px) {
    .p-reserveInfo__box, 
    .p-shop-ask__box {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}