/*フォント適用（デフォルトでは見出し系とグローバルナビ（サブメニュー除く）に明朝、その他にゴシックを当ててます）*/
body{
	font-family: "sans-serif";
}
h1 , h2 , h3 , h4 , h5 , h6 , b , strong , .smb-section__title ,  .p-global-nav a:not(.p-global-nav .c-navbar__submenu a){
	font-family: serif;
}
/*ヘッダーメニュー余白なくしてベタ付け*/
header.l-header .p-global-nav .c-navbar__item a:not(header.l-header .c-navbar__submenu a){
	padding-top:0;
	padding-bottom: 0;
}
header.l-header .p-global-nav .c-navbar__item:last-child a{
	padding-right: 0;
}

@media screen and (min-width: 1024px){
	header.l-header .l-header__content .c-fluid-container{
		padding-right: 0;
	}
}

/*ページヘッダーの高さ調整*/
@media screen and (min-width: 1024px){
	.c-page-header[data-has-image=true]{
		max-height:250px;
	}
}
@media screen and (max-width: 1023px){
	.c-page-header[data-has-image=true]{
		max-height:150px;
	}
}
/*ハンバーガーボタン調整用*/
.c-hamburger-btn .c-hamburger-btn__bar{
	height:2px;
	background-color:#ccc !important;
}
.c-hamburger-btn__bar:nth-of-type(2){
	height:2.5px;
}
.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:nth-of-type(2){
	background-color:initial !important;
}
.c-hamburger-btn__label{
	color:#ccc;
}

/*グローバルナビのフォントサイズ可変化　 ※狭めのPC幅でメニューが詰まる件の対策になります。ブレイクポイントやテキストサイズはサイトに合わせて変更してください。
可変化したタイミングでグローバルナビのデフォルトのフォントサイズ（アプデで変わるかも）を超えないように設定してます。*/
@media screen and (min-width: 1024px) and (max-width: 1200px){
	header.l-header .p-global-nav .c-navbar__item a:not(header.l-header .c-navbar__submenu a) {
		font-size: min(1.1vw, 14.2222px);
	}
}

/*フッターメニュー用デフォルトスタイル*/
@media screen and (min-width: 1024px){
	footer.l-footer .widget_nav_menu ul{
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 10px;
		color:#fff !important;
		
	}
	footer.l-footer .widget_nav_menu li{
		margin-top: 0;
	}
}
/*フッターsns用デフォルトスタイル*/
footer.l-footer .f_sns{
	max-width: 350px;
	margin-left:0;
}
/*フッターサイド余白消し*/
footer.l-footer .c-fluid-container{
	padding-left:0;
	padding-right:0;
}

/*フッター上下パディング消し*/
footer.l-footer .l-footer-widget-area{
	padding-top:0;
	padding-bottom:0;
}

/*フッターセクションごとにできるマージンボトム消し*/
footer.l-footer .l-footer-widget-area__item.c-row__col{
	margin-bottom:0;
}


/*コピーライト用デフォルトスタイル*/
footer.l-footer .c-copyright{
	background-color:#464646;
	color:#fff;
	margin-top: 47px;
}

/*トップコンテンツ上下余白消し*/
.home .l-contents .c-section{
	padding-top:0;
	padding-bottom:0;
}
/*コンテンツの上下余白消し（投稿と投稿の一覧ページを除く）*/
.l-contents .l-contents__inner:not(.archive .l-contents .l-contents__inner , .single .l-contents .l-contents__inner){
	padding-top: 0;
	padding-bottom: 0;
}
/*投稿のコメント機能トラックバック機能削除*/
.p-comments , .p-trackbacks{
	display:none;
}

/*スマホ時の見出しサイズ統一*/
@media screen and (max-width: 639px){
	.smb-section__title , h2.wp-block-heading , h3.wp-block-heading , .smb-media-text__title{
		font-size:23px;
	}
}



/* 共通 */
body .sec-heading{
	font-size:28px !important;
	font-weight:bold;
	margin-bottom:0 !important;
}
body .sec-heading-sub{
	color:#8B7709;
	font-weight:bold;
}


body .link-button-w .smb-btn{
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
}
body .link-button-w .smb-btn .smb-btn__label{
	color:#fff !important;
}
body .link-button-w .smb-btn .smb-btn__label:after{
	content:"▶︎";
}


body .link-button-b .smb-btn{
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
}
body .link-button-b .smb-btn .smb-btn__label{
	color:#000 !important;
}
body .link-button-b .smb-btn .smb-btn__label:after{
	content:"▶︎";
}

/* フッター */
footer-nav1,footer-nav2{
	color:#fff !important;
}


/*　ご予約はこちら エリア */
#reservation-area{
/* 	aspect-ratio:16/9 !important; */
	width:100vw !important;
	height:100vh !important; 
	transition-property:opacity,z-index !important;
	transition-duration:1s !important;
	z-index:-1000;
	opacity:0;
	position:fixed;
	top:0;
}
.reserv-button{
	background: #9A9262;
    padding: 5px 10px;
	max-width:300px;
	width: 100%;
    font-family: "FP-ヒラギノ角ゴ ProN W5";
	color:#fff;
}
.reserv-button .smb-btn__label{
	font-family: "FP-ヒラギノ角ゴ ProN W5";
	color:#fff !important;
}
.active{
	opacity:1 !important;
	z-index:5000 !important;
}

#header-cta{
	position: absolute;
    right: 10px;
    top: 45px;
}
#sp_header-cta{
	position:fixed;
	z-index:1010;
	top: 15px;
    right: 65px;
    color: #fff;
}

@media screen and (min-width:1024px){
	#sp_header-cta{
		display:none;
	}
}

@media screen and (max-width:639px){
	.res_content .smb-box{
		padding:10px 15px;
	}
	#reservation-area .res-heading{
		font-size:18px !important;  
		margin-top:0 !important;
	}
	.res_content{
		margin-bottom: 0 !important;
	}
	.res_content .smb-btn{
		padding: 3px !important;
	}
}

/* 宿泊のご予約　検索 */

@media screen and (min-width:1024px){
	div.reservation-block > div.c-row > div.c-row__col:nth-child(1){
		--_item-width: 50% !important;
	}
	div.reservation-block > div.c-row > div.c-row__col:nth-child(2){
		--_item-width: 20% !important;
	}
	div.reservation-block > div.c-row > div.c-row__col:nth-child(3){
		--_item-width: 30% !important;
	}
	div.reservation-block > div.c-row > div.c-row__col:nth-child(1) .smb-items__item__body .wp-block-group > p{
		margin-top:8px !important;
	}
}

div.reservation-block > div.c-row > div.c-row__col:nth-child(1) .smb-items__item__body .wp-block-group{
	gap:10px !important; 
}

input#reservation-sdate,
input#reservation-edate{
	margin-top:10px;
	width:150px;
}
select#reservation-num{
	margin-top: 10px;
    min-width: 100px;
    height: 34.8px;
}
input#reservation-submit{
	display: block;
	margin-top:10px;
	padding: 15px;
	background: #9B9262;
	color: #fff;
	font-size: 18px;
	border: none;
	margin: 10px auto 0;
	max-width:200px!important; 
	width:100% !important;
}

@media screen and (max-width:1024px){
	#sec-reservation .wp-block-snow-monkey-blocks-box{
		padding:20px !important;
	}	
	
	input#reservation-sdate,
	input#reservation-edate{
	    max-width: 120px;
	}
	select#reservation-num,
	input#reservation-submit{
		width:100%;
		max-width:none !important;
	}
}






/* トップ */

/* ファーストビュー */
body #sec-pc-firstview{
	aspect-ratio: 16 / 9;
	position:relative;    /*動画にする場合削除*/
}
body #sec-pc-firstview .smb-section__inner{
	height:100% !important;
	align-items: flex-end !important;
	margin-bottom:100px !important;
}


@media screen and (max-width:1024px){
	body #sec-pc-firstview{
		aspect-ratio: 4 / 6;
	}
}



/* consept */
@media screen and (min-width: 1024px){
	body .con-image-1{
		margin-top: -150px !important;
	}
	body .con-items{
		padding: 0 100px !important;
	}
	body .con-image-2{
		padding-left: 60px !important; 
    	margin-top: 40px !important;
	}
	body .con-image-3{
		width: 26vw !important;
		margin-left: auto !important;
	}
	body .con-image-4{
		width: 26vw !important;
		margin-left: 70px !important; 
		margin-top: 60px !important;
	}
	
}
@media screen and (max-width:1024px){
	body div.con-items{	
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	body .con-image-2{
		padding-left: 40px !important; 
		padding-right:0;
	}
	body .con-image-3{
		padding-right: 40px !important; 
		margin-top:20px
	}
	body .con-image-4{
		padding-left: 45px !important; 
		margin-top:20px
	}
}



/* stay */
@media screen and (min-width: 1024px){
	body .stay-items{
		padding:0 60px !important;
	}
	body .stay-items h3{
	    margin-top: 10px !important;
	}
	body .stay-image-2{
		width: 20vw !important;
		margin-top: 100px !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}
 	body .stay-image-3{
		width:50vw !important;
	}

}
@media screen and (max-width:1024px){
	body div.stay-items{	
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

 	body .stay-image-3{
		padding-left:40px !important;
	}
	body .stay-image-2{
		max-width:150px;
		width:100%;
		margin-left: 30px !important;
		margin-right: auto !important;	
	}
}
/* restrant */
@media screen and (min-width: 1900px){
	.pc-spacer{
		height:200px !important;
	}
}

.top-banner .smb-items__item__lede {
    font-family: "FuturaMaxiStd-Demi" !important;
    color: #9a9262;
}

.wp-block-snow-monkey-blocks-items-item-block-link:hover {
	opacity:0.6;
	transition:0.2s;
}


/* GoogleMAP */
#sec-map iframe{
	width:100vw !important;
}
#sec-map{
	padding:0 !important;
	filter: grayscale(1);
}