/*
Theme Name:尚栄丸
Theme URI
Description
Version:
Author:
Author URI:
*/

/* ----------------------------------------------- */
/* コンタクトページの設定 */
/* ----------------------------------------------- */
.p-contact--fv{
  margin-bottom: 30vh!important;
}
#booking-package-locale-ja{
  max-width: 1000px;
  margin:0 auto 40px;
}

.p-contact--main__atension{
	margin-bottom:20vh;
	white-space:nowrap;
}

#booking-package_calendarPage .dayPostion{
  position:relative;
  padding-top: 0!important;
  background-color: rgba(147,183,213,0.2)!important;
}

#booking-package_calendarPage .dayPostion::after{
  content:'日';
}

#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols{
  position:relative;
  width:fit-content;
  margin:0 auto;
}

#booking-package_calendarPage .closeDay{
  background-color: rgba(#ddd,0.1)!important;
}

#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols::after{
  content:'人';
  font-size: 0.8em;
}
#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols::before{
  content:'残';
  font-size: 0.8em;
}

.courseCostPanel::before{
	content:'お一人様につき';
}

.timeSlot{
display:none
}

#booking-package_calendarPage .dayPanelHeight{
  height: 80px !important;
}

.calendarData{
  font-size: 1.7em!important;
}

@media all and (max-width:767px){
  #booking-package_calendarPage .dayPostion{
    font-size:12px;
  }

  #booking-package{
    font-size: 12px!important;
  }

  #booking-package_calendarPage .dayPanelHeight{
    height: 60px !important;
  }
}

/* ----------------------------------------------- */
/* インスタ表示の設定(トップページ)
/* ----------------------------------------------- */

#sb_instagram #sbi_images{
  width: 62.5vw !important;;
  margin:0 0 0 auto;
  float:right!important;
}

#sb_instagram.sbi_col_2 #sbi_images .sbi_item{
  width: 346px !important;
  max-width: 45%!important;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item::nth-of-type(1){
  margin-top: -100px!important;
}

@media all and (max-width:767px){
  #sb_instagram #sbi_images{
    width: 90vw!important;
  }
}

/* ----------------------------------------------- */
/* トップページレイアウト調整
/* ----------------------------------------------- */

@media all and (max-width:767px){
		:root{
			--marginL:20vh;
		}
}
	
.p-top--mv .splide,.p-top--mv .splide__track,.p-top--mv .splide__list,.p-top--mv .splide__slide{
  width: 100%;
  height: 100%;
  visibility: visible;
}

.p-top--mv .splide img{
  object-fit: cover;
	object-position:center;
  width:100%;
  height: 100%;
}

.fv2 img{
	object-position:bottom!important;
}

.p-top--mv__wrapper{
	pointer-events:none;
}

@media all and (max-width:767px){
	.p-top--intro .p-top--intro__message{
		margin-bottom:20vh!important;
	}
	
	.p-top--intro .js-parallax-trigger2{
		height:30vh!important;
	}
}