/*フォント適用（デフォルトでは見出し系とグローバルナビ（サブメニュー除く）に明朝、その他にゴシックを当ててます）*/
body{
	font-family: "FOT-ニューセザンヌ ProN M";
}
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: "FOT-ニューセザンヌ ProN M";*/
}
/*ヘッダーメニュー余白なくしてベタ付け*/
/*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:#666 !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:#666;
}

/*グローバルナビのフォントサイズ可変化　 ※狭めの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 1fr;
		row-gap: 10px;
	}
	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:#111;
	color:#4a4a4a;
	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;
	}
}


/*嵩下さん　追加*/
/*ヘッダー*/
.c-site-branding__title .custom-logo {
	width: 15vw !important;
}

.l-1row-header__branding, .l-1row-header__content, .l-2row-header__row:first-child{
	padding:0px;
}

.l-1row-header__branding, .l-1row-header__content, .l-2row-header__row:first-child{
	position:absolute;
	top:0px;
}

.l-header:not(.l-header--left) .c-row, .l-header:not(.l-header--left) .c-row__col.u-invisible-md-down{
	padding-right:70px;
}

.l-header__drop-nav{
	display:none !important;
}

.p-global-nav .menu-item img{
	max-width:25px;
}

#menu-item-628 img{
	max-width:200px;
	position:fixed;
}

@media (max-width: 1023px) {
	.l-header:not(.l-header--left) .c-row, .l-header:not(.l-header--left) .c-row__col.u-invisible-md-down{
		padding-right:10px;
	}
}

@media (min-width: 64em) {
    .c-site-branding__title .custom-logo {
		margin-top:20px;
        width: 10vw !important;
        max-width: 244px !important;
    }
}




/*フッター*/
.l-footer--default .l-footer-widget-area{
	padding:0px;
}
.l-footer-widget-area > .c-fluid-container,
.l-footer-widget-area__item{
	padding:0px !important;
}
.f_sns > .c-row{
	--_item-width: auto !important;
}

.l-footer .widget_nav_menu:nth-child(1) ul{
	display:flex;
	flex-wrap: wrap;
}
.l-footer .widget_nav_menu:nth-child(1) ul > li{
	position:relative;
	width: calc(50% - 20px);
	margin: 0px 20px 0px 0px;
	font-size: 20px;
	border-bottom: solid 1px #333;
	padding: 20px 10px;
}

.l-footer .widget_nav_menu:nth-child(1) ul > li:after{
	font-family: "Font Awesome 5 Free";
	content:"\f054";
	font-weight: bold;
	position:absolute;
	right: 0;
}

.l-footer .widget_nav_menu:nth-child(2) ul{
	display:flex;
	flex-wrap: wrap;
}
.l-footer .widget_nav_menu:nth-child(2) ul > li{
	width:auto;
	margin:0px;
	padding:5px 10px
}
.c-copyright--inverse{
	background:#fff !important;
	color:#333 !important;
}

@media (max-width: 1023px) {
	.l-footer .widget_nav_menu:nth-child(1) ul > li{
		font-size: 16px;
	}
}

@media (max-width: 1320px) {
	#block-13 .c-container{
		margin-left: var(--_container-margin-left);
		margin-right: var(--_container-margin-right);
	}
}

#block-13 .wp-block-column:not(:empty){
	margin-top:0px !important;
}



/*トップページ*/
body.home .wp-block-snow-monkey-blocks-section:first-child{
	padding-top:0px !important;
}

/*大石　追加（2025 07）*/
body{
	font-family: "FOT-ニューセザンヌ ProN M", sans-serif !important;
}

h2{
    background: transparent !important;
    border: none !important;
}
.page-id-2 h2{
	font-size: 2.2vw !important;
}


h2.h-eg, div.h-eg h2.smb-section__title{
	font-family: "PalatinoNovaPro-Light" !important;
}

/*header{
    width: 100%;
    position: absolute !important;
	background: transparent !important;
}
header .c-fluid-container{
	padding-left:30px !important;
}
header .l-1row-header__branding{
	padding:0 !important;
}
header .c-row{
	align-items: inherit !important;
}
header nav{
	margin: 20px 30px 0px 0px;
}
header span{
	font-family: "FOT-ニューセザンヌ ProN DB";
	color: #fff;
}*/

.c-page-header{
	height:300px !important;
}

.p-footer-sticky-nav a{
	padding:0 !important;
}
.footer-fixed{
	padding:20px;
	font-size: 14px !important;
	color: #fff;
}
.footer-fixed svg{
	padding-right: 5px;
}

#empty-room{
	background-color: #033D52;
}
#reservation{
	background-color: #E64807;
}

#slider_sec{
	margin-top:0;
    position: relative;
	padding-top:0 !important;
	padding-bottom:0 !important;
}
#slider_sec h2{
	color: #fff !important;
	letter-spacing: 0.3rem;
}
#slider_sec .c-container{
    position: initial !important;
}
#slider_text{
    position: absolute;
    top: 34%;
    right: 10%;
}

#top-sec1 h2, #top-kodawari h2, #top-kodawari h2.wp-block-heading, #top-kodawari h2.smb-section__header.wp-block-heading,#sec-spend h3,#slider_text, footer h4, #sec-insta span, #sec-news .smb-recent-posts, .c-page-header__title{
	font-family: "FOT-テロップ明朝 Pro D" !important;
}
#top-sec1 p{
	line-height: 3rem;
}

#top-kodawari .c-container.alignfull{
	padding-right:0 !important;
}
#top-kodawari .smb-section__title:after{
	background-color: #707070 !important;
}


#top-kodawari h2.smb-section-break-the-grid__title, #sec-spend h2, #sec-plan h2{
	font-size: 5.4vw !important
}


#top-room h2, #top-food h2{
	padding-left: 0 !important;
	line-height: normal;
}
#top-room h2.smb-section__title:after, #top-food h2.smb-section__title:after, #sec-spend h2:after, #sec-plan h2:after{
	display:block;
	font-size:14px;
	margin-top:0;
	border:none;
	background: transparent !important;
}

#top-room h2.smb-section__title:after{
	content: "お部屋";
}
#top-food h2.smb-section__title:after{
	content: "お食事";
}
#sec-spend h2:after{
	content: "過ごし方";
}
#sec-plan h2:after{
	content: "プラン";
}

#sec-spend .c-container{
	max-width: 100vw !important;
	padding:0;
}
#sec-spend #spend-box{
	min-width: 1200px;
	position: absolute;
	top: 15%;
	left: 50%;
    transform: translateX(-50%);
}
#sec-spend #spend-imgs{
	width: 85vw;
    position: absolute;
	
    left: 50%;
    transform: translateX(-50%);
}
#sec-spend #spend-imgs img{
	margin: auto !important;
}
#sec-spend #spend-imgs #spend-img-1{
	width:100% !important;
}
#sec-spend #spend-imgs #spend-img-2{
	width:80% !important;
}
#sec-spend #spend-imgs #spend-img-3{
	width:90% !important;
}
#sec-spend h2{
	padding-right:50px !important;
}
#sec-spend h3{
	font-size: 2vw !important;
	border: none;
	margin-bottom: 10px !important;
	line-height: nomal;
}
#sec-spend h2,#sec-spend h3,#sec-spend p{
		color: #fff;
}
#sec-spend h2, #sec-plan h2{
	line-height: normal;
	padding: 0;
}
#sec-banners strong, #sec-banners.smb-items__banner__lede{
	font-family: "FOT-ニューセザンヌ ProN DB";
}
#sec-banners [data-content-position=center-left]{
	justify-content:flex-end !important;
}
#sec-spend .wp-block-snow-monkey-blocks-section-with-bgimage{
	overflow:visible !important;
}
@media (min-width: 1024px) {
    #sec-news .c-entries {
        --entries--item-width: 25% !important;
    }
}

@media screen and (max-width: 1024px) {
/* 	.page-id-2 header{
		height:80px !important;
	} */
	#sec-spend #spend-box{
		top:3%;
		min-width: 800px !important;
		margin-right:40px !important;
	}
	#spend-eg{
		flex-basis: 50% !important;
	}
	#sec-spend .is-layout-flow{
		margin-top: 0 !important;
	}
	
	#top-sec1 h2, #top-kodawari h2.wp-block-heading, #sec-spend h3, #top-kodawari h2.smb-section__title, #sec-insta h2, #sec-news h2{
		font-size: 26px !important;
	}
	#top-kodawari h2.smb-section-break-the-grid__title, #sec-spend h2, #sec-plan h2{
		font-size: 61px !important;
	}
	#top-kodawari .wp-block-snow-monkey-blocks-buttons, #sec-spend .wp-block-snow-monkey-blocks-buttons{
		margin-bottom:30px !important;
	}
	
}

@media screen and (max-width: 1024px) {
	#sec-spend #spend-box{
		min-width: 600px !important;
	}
	#sec-spend #spend-box h2{
		text-align: left;
	}
}

@media screen and (max-width: 640px) {
	br.sp-none{
		display:none;
	}
	#top-sec1 p{
		line-height: 2.3rem;
	}
	.menu_slide_img_wrapper{
		height:400px !important;
　　}
	#top-kodawari .c-container.alignfull{
		padding-left:0 !important;
	}
	#top-kodawari .c-container.alignfull .smb-section-break-the-grid__content{
		padding-right:15px !important;
		padding-left:15px !important;
	}
	#sec-spend #spend-box{
		min-width: 85% !important;
	}
	#sec-spend h2{
		text-align:left !important;
	}
	#slider_text{
		font-size: 17px !important;
		bottom: 10% !important;
		top: initial;
		right: 5%;
		line-height:1.5em;
	}
	footer .wp-block-snow-monkey-blocks-section-with-bgimage{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (max-width: 480px) {
	#sec-spend #spend-box{
		top:1%;
	}
}

/* 宿泊のご予約エリア */
@media screen and (min-width: 1024px) {
		.reservation-area{	
			padding: 50px 100px !important;
			max-width:600px;
	}
}

#header-cta{
	position:fixed;
	top:12px;
	right:10px;
	max-width:200px;
}

.reservation-area h2.wp-block-heading.has-text-align-center.is-style-plain{
	font-family:"FOT-テロップ明朝 Pro D" !important;
	margin-bottom:0 !important;
}

.reservation-area{	
	position:fixed;
	opacity:0;
	
/* 	max-width:600px; */
    width: 100%;
    z-index: -100;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
	background-color: #fff;
    border-radius: 0;
    border: 1px solid #B1B1B1;
    box-shadow: 2px 2px 4px -2px gray ;
/* 	padding: 50px 100px !important; */
}

.reservation-area select,
.reservation-area input{
	margin-top:10px !important;
	padding:4px;
	border-radius: 0;
	border: 1px solid #707070;
}

.reservation-area select{
	padding: 10px;
}
.reservation-area input[type="checkbox"]{
	width: 20px !important;
    height: 20px !important;
    display: block;
    margin-top: 20px !important;
}
.reservation-area #reservation-submit{
	display: block;
	padding: 10px 25px;
    max-width: 300px;
    width: 100% !important;
    margin: 50px auto 0 !important;
	background-color:#A3958F;
	color:#fff;
	border:none;
}

.active{
	transition:0.5s;
	opacity:1;
	z-index: 100;
}
@media screen and (max-width: 480px) {
	.reservation-area{	
		max-width:300px !important;
	}
	.reservation-area h2.wp-block-heading.has-text-align-center.is-style-plain{
		font-size:23px !important;
	}
	.reservation-area #reservation-submit{
		margin: 20px auto 0 !important;
	}
	.reservation-area input[type="checkbox"]{
		width: 20px !important;
		height: 20px !important;
		display: block;
		margin-top:5px !important;
	}

}


@media screen and (max-width: 480px) {
	h1.c-entry__title{
		font-size:18px !important;
	}
}