:root {
	--main-bg-color: #F4E8D1;
	--plate-bg-color: #674E47;
	--footer-bg-color: #674E47;
	--point-color01: #00B2C3;
	--point-color01-hover: #5FB7E1;
	--point-color-light01: #EAF5F8;
	--point-color-middle01: #5FB7E1;
	--point-bg-color01: #EAF5F8;
	--point-color-middle02: #A3DEF8;
	--point-color-dark01: #1A98D4;
	--point-color02: #F1E400;
	--point-color02-hover: #5FB7E1;
	--point-color-light02: #FFFF78;
}







body,div,p,a,img,h,h1,h2,h3,h4,h5,h6,hr,header,footer,section,article
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


body
{
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #674E47;
	background-color: var( --main-bg-color );
}


img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.anc01
{
	display: block;
	width: 0px;
	height: 0px;
	line-height: 0px;
	translate: 0 -183px;
}






#bodybox
{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	min-width: 1040px;
	background-image: url( '../images/common/nbg.png' );
	background-position: center 0px;
	background-repeat: repeat-y;
	overflow-x: hidden;
}


#headerbase
{
	display: block;
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}


header
{
	position: relative;
	width: 1040px;
	height: calc( 100% - 2px );
	margin: 0px auto 0px auto;
	padding-top: 1px;
	padding-bottom: 1px;
}


.midbase, #footerbase
{
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
}


.midbox, footer
{
	position: relative;
	width: 1040px;
	margin: 0px auto 0px auto;
	padding-top: 1px;
	padding-bottom: 1px;
}


#footerbase
{
	/*height: 440px;*/
	height: auto;
	background-color: var( --footer-bg-color );
}


footer
{
	/*height: calc( 100% - 1px - 100px );*/
	height: auto;
	padding-bottom: 100px;
	color: #FFFFFF;
}






.rtt01
{
	display: block;
	position: relative;
	width: 68px;
	height: 1em;
	margin: 60px 0px 82px auto;
	padding-top: 38px;
	/*font-family: 'Kaisei Tokumin', serif;*/
	font-size: 12px;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	color: inherit;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition-duration: 150ms;
	will-change: transform;
}


.rtt01:hover
{
	/*color: rgba( 240, 180, 0, 0.7 );*/
	/*opacity: 0.7;*/
	-webkit-filter: drop-shadow( 0px 0px 4px rgba( 255, 255, 255, 0.8 ) );
	drop-shadow( 0px 0px 4px rgba( 255, 255, 255, 0.8 ) );
}


.rtt01::before
{
	content: '';
	display: block;
	position: absolute;
	left: -3px;
	right: 0px;
	top: 0px;
	margin: auto;
	width: 0px;
	height: 29px;
	border-right: solid 1px inherit;
}


.rtt01::after
{
	content: '';
	display: block;
	position: absolute;
	left: -3px;
	right: -1px;
	top: 1px;
	margin: auto;
	width: 0px;
	height: 12px;
	border-left: solid 1px inherit;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotate( -52deg );
	transform: rotate( -52deg );
}


footer .rtt01
{
	position: absolute;
	left: -2048px;
	right: -2048px;
	bottom: 127px;
	margin: auto;
}












#obione
{
	display: block;
	position: fixed;
	top: 0;
	width: 1040px;
	height: 181px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	z-index: 3;
}


#obione::before
{
	content: '';
	display: block;
	position: absolute;
	left: -2048px;
	right: -2048px;
	top: 0;
	margin: auto;
	width: 2048px;
	height: 100%;
	background: -webkit-linear-gradient( 0deg, rgba( 255, 251, 199, 1.0 ) 6%, rgba( 255, 251, 199, 1.0 ) 45.77%, rgba( 198, 152, 62, 1.0 ) 94% );
	background: linear-gradient( 90deg, rgba( 255, 251, 199, 1.0 ) 6%, rgba( 255, 251, 199, 1.0 ) 45.77%, rgba( 198, 152, 62, 1 ) 94% );
	box-shadow: 3px 3px 6px rgba( 34, 23, 20, 0.5 );
}


#headlogo01
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: absolute;
	left: 46px;
	top: 53px;
	width: 236px;
	height: 60px;
	/*margin: 80px auto 0 auto;*/
	text-decoration: none;
	vertical-align: top;
	color: #674E47;
	will-change: transform;
}


#headlogo01 .logo01
{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.75 );
	transition-duration: 1000ms;
}


#headlogo01 .logo01 img, #headlogo01 .logo01 svg
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0;
}


#headlogo01 .bnbox01
{
	display: block;
	position: relative;
	width: 163px;
	margin: 4px 0 0 10px;
	color: #674E47;
}


#headlogo01:hover .logo01
{
	animation: hllogomarkhover 800ms linear 0s 1 normal forwards;
}


#headlogo01:hover .bnbox01
{
	animation: hlbnhover 800ms linear 0s 1 normal forwards;
}


#headlogo01 .hne01
{
	display: block;
	position: relative;
	margin: 0 0 0 2px;
	font-family: 'EB Garamond', serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.035em;
}


#headlogo01 .bne01
{
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	font-family: 'Ephesis', serif;
	font-size: 34px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.005em;
	transform: rotate( -1deg );
}


@keyframes hllogomarkhover
{
	15%
	{
		filter: brightness( 100% );
	}
	
	35%
	{
		filter: brightness( 120% );
	}
	
	90%
	{
		filter: brightness( 100% );
	}
	
	100%
	{
		color: #674E47;
	}
}



@keyframes hlbnhover
{
	35%
	{
		color: #FFFFFF;
		filter: blur( 0px );
	}
	
	50%
	{
		filter: blur( 2px );
	}
	
	65%
	{
		color: #FFFFFF;
		filter: blur( 0px );
	}
	
	100%
	{
		color: #674E47;
	}
}


#headrightbox
{
	display: block;
	position: absolute;
	right: 46px;
	top: 24px;
	width: 510px;
}


#hhotellogo01
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	width: 242px;
	height: 32px;
	margin: 0 0 0 auto;
	text-decoration: none;
	will-change: transform;
	transition-duration: 300ms;
}


#hhotellogo01 .hotellogo01
{
	display: block;
	position: relative;
	width: 26px;
	height: auto;
	vertical-align: top;
	filter: drop-shadow( 2px 2px 2px rgba( 0, 0, 0, 0.75 ) );
}


#hhotellogo01 .hotellogo01 img, #hhotellogo01 .hotellogo01 svg
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0;
}


#hhotellogo01 .hotelcname01
{
	display: block;
	position: relative;
	width: 210px;
	height: auto;
	margin-left: 5px;
	vertical-align: top;
	will-change: transform;
	transition-duration: 150ms;
}


#hhotellogo01 .hotelcname01 img, #hhotellogo01 .hotelcname01 svg
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0;
}


#hhotellogo01:hover .hotelcname01
{
	filter: brightness( 400% );
}


#hnavibox
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 422px;
	margin: 11px 0 0 auto;
	/*background-color: rgba( 200, 200, 255, 0.3 );*/
}


.hnavi
{
	display: block;
	position: relative;
	width: 98px;
	height: 20px;
	margin: 0 5px 0 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #ECDCBF;
	background: -webkit-linear-gradient( -90deg, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 151, 126, 92, 11.0 ) 12.24%, rgba( 109, 83, 59, 1.0 ) 32.16%, rgba( 75, 49, 33, 1.0 ) 51.42%, rgba( 51, 24, 15, 1.0 ) 69.6%, rgba( 37, 9, 4, 1.0 ) 86.27%, rgba( 32, 4, 0, 1.0 ) 100% );
	background: linear-gradient( 180deg, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 151, 126, 92, 1.0 ) 12.24%, rgba( 109, 83, 59, 1.0 ) 32.16%, rgba( 75, 49, 33, 1.0 ) 51.42%, rgba( 51, 24, 15, 1.0 ) 69.6%, rgba( 37, 9, 4, 1.0 ) 86.27%, rgba( 32, 4, 0, 1.0 ) 100% );
	border-radius: 4px;
	box-shadow: inset 0 0 10px rgba( 29, 17, 8, 0.6 ), 0 0 2px rgba( 0, 0, 0, 0.75 );
	will-change: transform;
}


.hnavi:first-of-type
{
	margin-left: 0;
}


.hnavi:last-of-type
{
	margin-right: 0;
}


.hnavi::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: -webkit-linear-gradient( -90deg, rgba( 255, 250, 198, 1.0 ) 0%, rgba( 255, 250, 198, 1.0 ) 45.77%, rgba( 197, 151, 62, 1.0 ) 100% );
	background: linear-gradient( 180deg, rgba( 255, 250, 198, 1.0 ) 0%, rgba( 255, 250, 198, 1.0 ) 45.77%, rgba( 197, 151, 62, 1.0 ) 100% );
	box-shadow: inset 0 0 10px rgba( 198, 152, 62, 0.75 );
	opacity: 0;
	transition-duration: 2000ms;
	will-change: transform;
	z-index: 0;
}


.hnavi .mtj
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 18px;
	text-align: center;
	vertical-align: top;
	color: #ECDCBF;
	will-change: transform;
	z-index: 1;
}


.hnavi:hover::before
{
	opacity: 1.0;
	transition-duration: 400ms;
}


.hnavi:hover .mtj
{
	animation: hnavimtjhover 600ms linear 0s 1 normal forwards;
}


@keyframes hnavimtjhover
{
	35%
	{
		color: #FFFFFF;
		filter: blur( 0px );
	}
	
	50%
	{
		filter: blur( 2px );
	}
	
	65%
	{
		color: #FFFFFF;
		filter: blur( 0px );
	}
	
	100%
	{
		color: #A6938D;
	}
}




#hinfobox
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	width: 400px;
	margin: 5px 0 0 auto;
	vertical-align: top;
	color: #674E47;
	mix-blend-mode: multiply;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}


#hinfobox .odt
{
	display: inline-block;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.1em;
	text-align: left;
	vertical-align: top;
}


#hinfobox .tel
{
	display: inline-block;
	position: relative;
	margin-left: 5px;
	font-family: 'EB Garamond', serif;
	font-size: 31px;
	font-weight: 400;
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: inherit;
	letter-spacing: 0.025em;
	transition-duration: 300ms;
}


#hinfobox .tel:hover
{
	opacity: 0.7;
}


#hinfobox .tinfo
{
	display: inline-block;
	position: relative;
	margin-left: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.1em;
	text-align: right;
	vertical-align: top;
}


#hinfobox .tinfo span
{
	letter-spacing: 0.026em;
}





#menubox
{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	margin: auto;
	width: 980px;
	height: 32px;
	font-size: 15px;
	mix-blend-mode: multiply;
}


#menucont
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
}


#menucont li
{
	display: inline-block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	height: 100%;
	vertical-align: top;
}


#menucont li::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 16px;
	border-left: solid 1px rgba( 103, 78, 71, 0.5 );
}


#menucont li:last-of-type::after
{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 16px;
	border-right: solid 1px rgba( 103, 78, 71, 0.5 );
}


#menucont li a
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 16px 0 16px;
	height: 100%;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: rgba( 103, 78, 71, 0.5 );
	transition-duration: 300ms;
	will-change: transform;
}


#menucont li a:hover
{
	color: rgba( 103, 78, 71, 1.0 );
}


#menucont li a .mte
{
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: 'EB Garamond', serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.05em;
}


#menucont li a .mtj
{
	display: block;
	position: relative;
	margin: 5px auto 0 auto;
	padding: 0;
	font-size: 10px;
	font-weight: 600;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
}







.stcont
{
	display: block;
	position: relative;
	width: 1024px;
	margin: 80px auto 80px auto;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	/*
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	*/
	/*background-color: rgba( 253, 255, 219, 1 );*/
}


.stbox01
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: top;
}


.stbox01 .ste
{
	display: inline-block;
	position: relative;
	font-family: 'EB Garamond', serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 48px;
	text-align: left;
	vertical-align: top;
}


.stbox01 .stj
{
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-top: 12px;
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: -0.075em;
}





.contlogo01
{
	display: block;
	position: relative;
	width: 290px;
	height: 128px;
	margin: 70px auto 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #674E47;
	transition-duration: 300ms;
	will-change: transform;
}

/*
.contlogo01:hover
{
	filter: brightness( 120% ) contrast( 0.9 ) hue-rotate( 1deg );
}
*/

.contlogo01.clbottom
{
	margin-top: -30px;
	margin-bottom: 40px;
}


.contlogo01 .logo01
{
	display: block;
	position: relative;
	width: 54px;
	height: 54px;
	margin: 0 auto 0 auto;
	vertical-align: top;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.75 );
	transition-duration: 300ms;
	will-change: transform;
}


.contlogo01 .logo01 img, .contlogo01 .logo01 svg
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0;
}


.contlogo01:hover .logo01
{
	filter: brightness( 140% ) contrast( 0.9 ) hue-rotate( 1deg );
}


.contlogo01 .bnbox01
{
	display: block;
	position: relative;
	margin: 16px auto 0 auto;
	text-align: center;
	vertical-align: top;
	color: #674E47;
	mix-blend-mode: multiply;
	transition-duration: 300ms;
	will-change: transform;
}


.contlogo01:hover .bnbox01
{
	filter: grayscale( 0.7 ) brightness( 220% );
}


.contlogo01 .hne01
{
	display: block;
	position: relative;
	font-family: 'EB Garamond', serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1em;
	vertical-align: top;
	letter-spacing: 0.005em;
}


.contlogo01 .bne01
{
	display: block;
	position: relative;
	margin: 4px auto 0 auto;
	font-family: 'Ephesis', serif;
	font-size: 33px;
	font-weight: 400;
	line-height: 1em;
	vertical-align: top;
	letter-spacing: 0.005em;
	transform: rotate( -4deg );
}




.contwide
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 880px;
	margin: 60px auto 0 auto;
	vertical-align: top;
	/*background-color: rgba( 200, 200, 255, 0.3 );*/
}


.cwcell01, .cwcell02
{
	display: block;
	position: relative;
	width: 400px;
	min-height: 360px;
	margin: 0 0 0 0;
	vertical-align: top;
	/*background-color: rgba( 255, 200, 200, 0.3 );*/
}


.cimage
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}


.csiblock
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 100%;
	margin: 26px auto 0 auto;
	vertical-align: top;
}


.csimage
{
	display: block;
	position: relative;
	width: 288px;
	height: auto;
	vertical-align: top;
}


.ccombox01
{
	display: block;
	position: relative;
	min-height: 298px;
	margin: 0 0 0 0;
	vertical-align: top;
}


.ccombox01 .hl01
{
	display: block;
	position: relative;
	margin: 0 -20px 0 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 38px;
	text-align: left;
	vertical-align: top;
}


.ccombox01 .com01
{
	display: block;
	position: relative;
	margin: 18px 0 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
	letter-spacing: 0.075em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}


.cbtnbox01
{
	display: block;
	position: relative;
	margin: 24px auto 0 auto;
	vertical-align: top;
}


.cbtn01
{
	display: block;
	position: relative;
	width: 400px;
	height: 48px;
	margin: 16px auto 0 auto;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	background-color: #E2CA9C;
	transition-duration: 300ms;
	will-change: transform;
}


.cbtn01:hover
{
	background-color: #D1AB62;
}


.cbtn01 .bt
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Noto Serif JP', serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 48px;
	color: #674E47;
	opacity: 0.5;
	mix-blend-mode: multiply;
	transition-duration: 300ms;
}


.cbtn01:hover .bt
{
	color: #867069;
	opacity: 1.0;
}


.cbtn01:first-of-type
{
	margin-top: 0;
}


.cpiblock
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 100%;
	margin: 6px auto 0 auto;
	vertical-align: top;
}


.cpimage
{
	display: block;
	position: relative;
	width: 228px;
	height: auto;
	vertical-align: top;
}


.ctiblock
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 100%;
	margin: 6px auto 0 auto;
	vertical-align: top;
}


.ctimage
{
	display: block;
	position: relative;
	width: 170px;
	height: auto;
	vertical-align: top;
}




.albox01
{
	display: block;
	position: relative;
	margin: 40px 0 0 0;
}


.alcont01
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	color: #674E47;
}


.alcont01 li
{
	display: block;
	position: relative;
	margin: 18px 0 0 0;
	padding: 0;
}


.alcont01 li:first-of-type
{
	margin-top: 0;
}


.alcont01 li a
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	height: 24px;
	margin: 0 0 0 0;
	padding: 0;
	text-decoration: none;
	color: inherit;
	mix-blend-mode: multiply;
}


.alcont01 li a::before
{
	content: url( '../images/common/albtn01.svg' );
	position: relative;
	width: 24px;
	height: 24px;
	vertical-align: top;
	opacity: 0.35;
	transition-duration: 300ms;
}


.alcont01 li a .mtj
{
	display: inline-block;
	position: relative;
	margin-left: 6px;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	vertical-align: top;
	opacity: 0.6;
	transition-duration: 300ms;
}


.alcont01 li a .mte
{
	display: inline-block;
	position: relative;
	margin-left: 12px;
	font-family: 'EB Garamond', serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	vertical-align: top;
	opacity: 0.6;
	transition-duration: 300ms;
}


.alcont01 li a:hover::before
{
	opacity: 1.0;
}


.alcont01 li a:hover .mtj
{
	opacity: 1.0;
}


.alcont01 li a:hover .mte
{
	opacity: 1.0;
}




.cinfoplate01
{
	display: block;
	position: relative;
	width: 432px;
	height: 136px;
	margin: 40px auto 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	/*mix-blend-mode: multiply;*/
	will-change: transform;
}


.cinfoplate01::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url( '../images/common/kado01_01.svg' ), url( '../images/common/kado01_02.svg' ), url( '../images/common/kado01_03.svg' ), url( '../images/common/kado01_04.svg' );
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 42px, 42px, 42px, 42px;
	background-position: left top, right top, left bottom, right bottom;
}


.cinfoplate01.cv03::before
{
	background-image: url( '../images/common/kado03_01.svg' ), url( '../images/common/kado03_02.svg' ), url( '../images/common/kado03_03.svg' ), url( '../images/common/kado03_04.svg' );
}


.cinfobox01
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 364px;
	margin: 22px auto 0 auto;
	vertical-align: top;
	mix-blend-mode: multiply;
	will-change: transform;
}


.cinfobox01 .bt
{
	display: block;
	position: relative;
	width: 100%;
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.05em;
}


.cinfobox01 .odt
{
	display: inline-block;
	position: relative;
	margin-top: 14px;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-size: 13px;
	font-weight: 500;
	line-height: 1.1em;
	text-align: left;
	vertical-align: top;
}


.cinfobox01 .tel
{
	display: inline-block;
	position: relative;
	margin-left: 5px;
	font-family: 'EB Garamond', serif;
	font-size: 51px;
	font-weight: 400;
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: inherit;
	letter-spacing: 0.025em;
	transition-duration: 300ms;
}


.cinfobox01 .tel:hover
{
	opacity: 0.7;
}


.cinfobox01 .tinfo
{
	display: inline-block;
	position: relative;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-size: 12px;
	font-weight: 500;
	line-height: 1.1em;
	text-align: right;
	vertical-align: top;
	letter-spacing: 0em;
}


.cinfobox01 .tinfo span
{
	margin-left: 0.5em;
}




.cinfoplate02
{
	display: block;
	position: relative;
	width: 100%;
	max-width: 377px;
	height: 158px;
	margin: 40px auto 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	/*mix-blend-mode: multiply;*/
	will-change: transform;
}


.cinfoplate02::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url( '../images/common/kado01_01.svg' ), url( '../images/common/kado01_02.svg' ), url( '../images/common/kado01_03.svg' ), url( '../images/common/kado01_04.svg' );
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 42px, 42px, 42px, 42px;
	background-position: left top, right top, left bottom, right bottom;
}


.cinfoplate02.cv03::before
{
	background-image: url( '../images/common/kado03_01.svg' ), url( '../images/common/kado03_02.svg' ), url( '../images/common/kado03_03.svg' ), url( '../images/common/kado03_04.svg' );
}


.cinfobox02
{
	display: block;
	position: relative;
	width: 300px;
	margin: 14px auto 0 auto;
	vertical-align: top;
	mix-blend-mode: multiply;
	will-change: transform;
}


.cinfobox02 .bt
{
	display: block;
	position: relative;
	width: 100%;
	font-family: 'EB Garamond', serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.35em;
}


.cinfobox02 .odt
{
	display: block;
	position: relative;
	margin: 13px auto 0 auto;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-size: 13px;
	font-weight: 500;
	line-height: 1.1em;
	text-align: center;
	vertical-align: top;
}


.cinfobox02 .odt br
{
	display: none;
}


.cinfobox02 .tel
{
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	font-family: 'EB Garamond', serif;
	font-size: 51px;
	font-weight: 400;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: inherit;
	letter-spacing: 0.025em;
	transition-duration: 300ms;
	will-change: transform;
}


.cinfobox02 .tel:hover
{
	opacity: 0.7;
}


.cinfobox02 .tinfo
{
	display: block;
	position: relative;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-size: 11px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.05em;
}


.cinfobox02 .tinfo span
{
	display: block;
	position: relative;
	letter-spacing: 0.084em;
}




.ccombox02
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	vertical-align: top;
}


.ccombox02 .hl01
{
	display: block;
	position: relative;
	margin: 0 -20px 0 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 38px;
	text-align: left;
	vertical-align: top;
}


.ccombox02 .com01
{
	display: block;
	position: relative;
	margin: 18px 0 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
	letter-spacing: 0.075em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}





.decosep01
{
	display: block;
	position: relative;
	width: 440px;
	height: 48px;
	margin: 70px auto 0 auto;
	background-image: url( '../images/common/decosep01.svg' );
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 440px 48px;
}






.rtt02
{
	display: block;
	position: relative;
	width: 120px;
	height: 1em;
	margin: 80px auto 80px auto;
	padding-top: 35px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #A6938D;
	letter-spacing: -0.05em;
	cursor: pointer;
	will-change: transform;
	transition-duration: 150ms;
}


.rtt02:hover
{
	opacity: 0.7;
}


.rtt02::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 28px;
	height: 28px;
	background-color: #B5A59F;
	border-radius: 50%;
}


.rtt02::after
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 11px;
	margin: auto;
	width: 9px;
	height: 9px;
	border-top: solid 2px #FFFFFF;
	border-left: solid 2px #FFFFFF;
	transform: rotate( 45deg );
}


#pgbadge
{
	display: block;
	position: absolute;
	left: 855px;
	top: 29px;
	width: 108px;
	height: 106px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	border-radius: 50%;
	box-shadow: inset 0px 0px 9px rgba( 29, 17, 8, 1.0 ), 3px 3px 6px rgba( 0, 0, 0, 0.7 );
	z-index: 1;
	cursor: pointer;
	will-change: transform;
	/*transition-duration: 100ms;*/
}


#pgbadge::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-radial-gradient( 50% -5%, circle farthest-corner, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 159, 136, 98, 1.0 ) 12%, rgba( 125, 103, 71, 1.0 ) 30%, rgba( 101, 79, 52, 1.0 ) 40%, rgba( 86, 64, 40, 1.0 ) 50%, rgba( 81, 59, 36, 1.0 ) 61%, rgba( 32, 4, 0, 1.0 ) 63%, rgba( 37, 9, 3, 1.0 ) 70%, rgba( 50, 23, 14, 1.0 ) 80%, rgba( 73, 47, 30, 1.0 ) 88%, rgba( 104, 80, 53, 1.0 ) 96%, rgba( 125, 102, 69, 1.0 ) 100% );
	background: radial-gradient( circle 152px at 50% -5%, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 159, 136, 98, 1.0 ) 6.47%, rgba( 125, 103, 71, 1.0 ) 18.49%, rgba( 101, 79, 52, 1.0 ) 29.9%, rgba( 86, 64, 40, 1.0 ) 40.37%, rgba( 81, 59, 36, 1.0 ) 49%, rgba( 32, 4, 0, 1.0 ) 50%, rgba( 37, 9, 3, 1.0 ) 59.07%, rgba( 50, 23, 14, 1.0 ) 69.72%, rgba( 73, 47, 30, 1.0 ) 81.18%, rgba( 104, 80, 53, 1.0 ) 93.12%, rgba( 125, 102, 69, 1.0 ) 100% );
	border-radius: 50%;
	will-change: transform;
	transition-duration: 200ms;
	z-index: -1;
}


#pgbadge:hover::before
{
	filter: brightness( 160% ) contrast( 0.9 ) hue-rotate( 1deg );
}


#pgbadge::after
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	will-change: transform;
	transition-duration: 200ms;
	box-shadow: inset 0px 0px 9px rgba( 29, 17, 8, 0.6 );
	mix-blend-mode: multiply;
	z-index: 0;
}


#pgbadge .btj
{
	display: block;
	position: relative;
	margin: 24px 0 0 15px;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 19px;
	text-align: left;
	vertical-align: top;
	color: #DCBE86;
	text-shadow: 1px 1px 2px rgba( 35, 24, 21, 1.0 );
	letter-spacing: -0.05em;
	transition-duration: 200ms;
}


#pgbadge .bte
{
	display: inline-block;
	position: relative;
	margin: 9px 0 0 24px;
	font-family: 'EB Garamond', serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	color: #C6983E;
	transition-duration: 200ms;
}


#pgbadge .bte::after
{
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	bottom: -10px;
	right: -10px;
	margin: auto;
	width: 0;
	height: 0;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	border-left: solid 7px #C6983E;
	transition-duration: 200ms;
}


#pgbadge:hover .btj
{
	color: #FFFFFF;
}


#pgbadge:hover .bte
{
	color: #FFFFFF;
}


#pgbadge:hover .bte::after
{
	border-left-color: #FFFFFF;
}






.sbannerbox
{
	display: block;
	position: relative;
	width: 960px;
	height: 108px;
	margin: 80px auto 0 auto;
	vertical-align: top;
}


.sbannercont
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	background-color: rgba( 255, 200, 200, 0.3 );
}


.sbanner
{
	display: block;
	position: relative;
	width: 236px;
	height: 108px;
	margin: 0 2px 0 2px;
	will-change: transform;
}


.sbanner::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}


.sbanner img
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0;
	transition-duration: 300ms;
}


.sbanner:hover img
{
	opacity: 0.7;
	filter: brightness( 110% );
}






.blink
{
	display: block;
	position: relative;
	width: 270px;
	height: 40px;
	margin: 18px auto 0 auto;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	background: -webkit-radial-gradient( center -1104px, 2260px 2260px, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 181, 157, 115, 1.0 ) 48.5%, rgba( 101, 79, 52, 1.0 ) 49.5%, rgba( 86, 64, 40, 1.0 ) 49.80%, rgba( 81, 59, 36, 1.0 ) 49.95%, rgba( 32, 4, 0, 1.0 ) 50%, rgba( 37, 9, 3, 1.0 ) 51%, rgba( 125, 102, 69, 1.0 ) 100% );
	background: radial-gradient( 2260px at center -1104px, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 181, 157, 115, 1.0 ) 48.5%, rgba( 101, 79, 52, 1.0 ) 49.5%, rgba( 86, 64, 40, 1.0 ) 49.80%, rgba( 81, 59, 36, 1.0 ) 49.95%, rgba( 32, 4, 0, 1.0 ) 50%, rgba( 37, 9, 3, 1.0 ) 51%, rgba( 125, 102, 69, 1.0 ) 100% );
	border-radius: 3px;
	box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.6 ), 0 0 4px rgba( 102, 77, 71, 0.75 );
}


.blink::before, .blink::after
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	opacity: 0;
	will-change: transform;
	z-index: 0;
}


.blink::before
{
	content: '';
	background: -webkit-radial-gradient( 50% 50%, circle farthest-corner, rgba( 255, 250, 198, 1.0 ) 0%, rgba( 197, 151, 62, 1.0 ) 100% );
	background: radial-gradient( circle farthest-corner at 50% 50%, rgba( 255, 250, 198, 1.0 ) 0%, rgba( 197, 151, 62, 1 ) 100% );
	mix-blend-mode: screen;
	transition-duration: 300ms;
}


.blink::after
{
	mix-blend-mode: multiply;
	/*
	background: -webkit-radial-gradient( 50% 50%, circle farthest-corner, rgba( 197, 151, 62, 0.6 ) 0%, rgba( 255, 250, 198, 1.0 ) 100% );
	background: radial-gradient( circle farthest-corner at 50% 50%, rgba( 98, 75, 31, 0.6 ) 0%, rgba( 128, 125, 99, 1.0 ) 100% );
	*/
	background: -webkit-radial-gradient( center -1104px, 2260px 2260px, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 181, 157, 115, 1.0 ) 48.5%, rgba( 101, 79, 52, 1.0 ) 49.5%, rgba( 86, 64, 40, 1.0 ) 49.80%, rgba( 81, 59, 36, 1.0 ) 49.95%, rgba( 32, 4, 0, 1.0 ) 50%, rgba( 37, 9, 3, 1.0 ) 51%, rgba( 125, 102, 69, 1.0 ) 100% );
	background: radial-gradient( 2260px at center -1104px, rgba( 181, 157, 115, 1.0 ) 0%, rgba( 181, 157, 115, 1.0 ) 48.5%, rgba( 101, 79, 52, 1.0 ) 49.5%, rgba( 86, 64, 40, 1.0 ) 49.80%, rgba( 81, 59, 36, 1.0 ) 49.95%, rgba( 32, 4, 0, 1.0 ) 50%, rgba( 37, 9, 3, 1.0 ) 51%, rgba( 125, 102, 69, 1.0 ) 100% );
	box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.6 );
	/*transition-duration: 1200ms;*/
	transition-duration: 400ms;
}


.blink:hover::before
{
	opacity: 0.65;
}


.blink:hover::after
{
	opacity: 0.75;
	transition: opacity 300ms 400ms linear;
}


.blink:first-of-type
{
	margin-top: 0;
}


.blink .btj
{
	display: block;
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
	text-align: center;
	vertical-align: top;
	z-index: 1;
}







#footercore
{
	display: block;
	position: relative;
	width: 100%;
	margin: 12px auto 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
}


#fmenubox
{
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	vertical-align: top;
}


#fmenucont
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	vertical-align: top;
}


#fmenucont li
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	vertical-align: top;
	border-left: solid 1px #D7B576;
}


#fmenucont li:last-of-type
{
	border-right: solid 1px #D7B576;
}


#fmenucont li a
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #D7B576;
	transition-duration: 300ms;
}


#fmenucont li a:hover
{
	color: #FFFFFF;
}


#fmenucont li a .mte
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	font-family: 'EB Garamond', serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.05em;
}


#footitembox
{
	display: block;
	position: relative;
	width: 840px;
	margin: 46px auto 20px auto;
}


#footitembox .aboutbox
{
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	color: #CCBBAA;
}


.aboutbox .at
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
}


.aboutbox .ac
{
	display: block;
	position: relative;
	margin: 5px 0 0 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 18px;
	text-align: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
}


#footerbottombox
{
	display: block;
	position: absolute;
	left: -2048px;
	right: -2048px;
	bottom: 24px;
	margin: auto;
	width: 840px;
	height: 60px;
	color: #FFFFFF;
	/*background-color: rgba( 200, 200, 255, 0.3 );*/
}


#fhotelinfo
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	margin: 0 0 0 0;
	vertical-align: top;
}


#footlogohotel
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	margin: 0 0 0 0;
	text-decoration: none;
	vertical-align: top;
	color: inherit;
	will-change: transform;
	transition-duration: 300ms;
}


#footlogohotel:hover
{
	opacity: 0.7;
}


#footlogohotel .hotellogo01
{
	display: block;
	position: relative;
	width: 27px;
	height: auto;
	border: 0;
	filter: drop-shadow( 1px 1px 2px rgba( 0, 0, 0, 0.5 ) );
}


#footlogohotel .hotelcname02
{
	display: block;
	position: relative;
	width: 223px;
	height: auto;
	margin-left: 3px;
	border: 0;
}


#footcopy
{
	display: block;
	position: relative;
	width: 300px;
	margin: 11px 0 0 14px;
	font-size: 10px;
	font-weight: 300;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
}


#fasoinfo
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	margin: 8px 0 0 4px;
	vertical-align: top;
}


#fasoinfo .asologo01
{
	display: block;
	position: relative;
	width: 21px;
	height: auto;
}


#fasoinfo .asologo01 img, #fasoinfo .asologo01 svg
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0;
}


#fasoinfo .asocname01
{
	display: block;
	position: relative;
	margin: 0 0 0 2px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
}


#fasoinfo .asoaddress, #fasoinfo .asotel
{
	display: block;
	position: relative;
	font-size: 10px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.025em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}


#fasoinfo .asoaddress
{
	margin-left: 8px;
}


#fasoinfo .asotel
{
	margin-left: 0;
}


#fasonavibox
{
	display: block;
	position: relative;
	margin-left: 14px;
	font-size: 10px;
}


#fasonavicont
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}


#fasonavicont li
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	border-left: solid 1px #FFFFFF;
}


#fasonavicont li:first-of-type
{
	border-left: 0;
}


#fasonavicont li a
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 8px 0 8px;
	text-decoration: none;
	color: inherit;
	transition-duration: 300ms;
}


#fasonavicont li a:hover
{
	opacity: 0.7;
}


#fasonavicont li:first-of-type a
{
	padding-left: 0;
}


#fasonavicont li:last-of-type a
{
	padding-right: 0;
}


#fasonavicont li a .mtj
{
	display: block;
	position: relative;
	font-weight: 400;
	line-height: 1em;
	vertical-align: top;
}














#hbmenuplate
{
	display: block;
	position: fixed;
	top: -200vh;
	left: 0px;
	width: 480px;
	height: calc( 120dvh - 2px );
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: var( --plate-bg-color );
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	transition-duration: 300ms;
	z-index: 2;
}


#hbmbtn
{
	display: none;
}


#hbmpheadbox
{
	display: block;
	position: relative;
	width: 100%;
	height: 64px;
	margin: -1px 0px 0px 0px;
	/*background-color: rgba( 200, 200, 255, 0.3 );*/
}


#hbmlogo01
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: absolute;
	left: 24px;
	top: 17px;
	margin: 0 0 0 0;
	width: 236px;
	height: 60px;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
	will-change: transform;
}

/*
#hbmlogo01:hover
{
	opacity: 0.7;
	transition-duration: 150ms;
}
*/

#hbmlogo01 .logo01
{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	vertical-align: top;
}


#hbmlogo01 .logo01 img, #hbmlogo01 .logo01 svg
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border: 0px;
}


#hbmlogo01 .bnbox01
{
	display: block;
	position: relative;
	width: 163px;
	height: auto;
	margin: 4px 0 0 10px;
	vertical-align: top;
}


#hbmlogo01 .hne01
{
	display: block;
	position: relative;
	margin: 0 0 0 2px;
	font-family: 'EB Garamond', serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.035em;
}


#hbmlogo01 .bne01
{
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	font-family: 'Ephesis', serif;
	font-size: 34px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.005em;
	transform: rotate( -1deg );
}


#hbmpcont
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding-top: 114px;
	padding-bottom: 1px;
	/*background-color: #CCFFCC;*/
}


#hbmenubox
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0px;
	/*background-color: rgba( 255, 200, 200, 0.3 );*/
}


#hbmenucont
{
	display: block;
	position: relative;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	color: #FFFFFF;
}


#hbmenucont li
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
}


#hbmenucont li a
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 20px 24px 20px 44px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: inherit;
}


#hbmenucont li a .mtj
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	/*font-family: 'Kaisei Tokumin', serif;*/
	font-size: 18px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.1em;
}


#hbmpfootbox
{
	display: block;
	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
}


#hbnavibox
{
	display: block;
	position: relative;
	margin: 57px 0 0 0;
}


#hbnavicont
{
	display: block;
	position: relative;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	color: #FFFFFF;
}


#hbnavicont li
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	vertical-align: top;
}


#hbnavicont li a
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 14px 24px 14px 44px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: inherit;
}


#hbnavicont li a .mtj
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.1em;
}





.pcbr
{
	display: block;
}


.mbbr
{
	display: none;
}


.pcbl
{
	display: block;
}


.mbbl
{
	display: none;
}


.pcil
{
	display: inline-block;
}


.mbil
{
	display: none;
}





#rsvt_pc
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
}


#rsvt_m
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
}






/*
@media ( max-width: 1280px )
{
	#bodybox
	{
		min-width: 960px;
	}
	
	
	header
	{
		width: calc( 960px - ( 32px * 2 ) );
	}
	
	
	.midbox, footer
	{
		width: calc( 960px - ( 32px * 2 ) );
	}
	
	
	#obione
	{
		
	}
	
	
	#headlogo01
	{
		
	}
	
	
	#headlogo01 .cnj01
	{
		
	}
	
	
	#menubox
	{
		width: 510px;
		font-size: 13px;
	}
	
	
	#menucont li
	{
		margin: 0 8px 0 8px;
	}
	
	
	.stcont
	{
		width: calc( 960px - ( 32px * 2 ) );
	}
	
	
	#footercore
	{
		width: calc( 960px - ( 32px * 2 ) );
	}
	
	
	#footcopy
	{
		
	}
}
*/