@charset "utf-8";


/* CMS Template(CSS編集はCMS管理画面から)

/asset/css/common.css

Update:  2025-10-01 AM 10:35

====================*/
/* ----------------------------------------------------
全端末共通
---------------------------------------------------- */
/* common reset ==== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding : 0; border: 0; font-style : normal; font-weight: normal;font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
html { overflow-y: scroll; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
input, textarea{ margin: 0; padding: 0; vertical-align: middle; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th{ text-align: left; }
a:focus { outline: none; }
a { -webkit-tap-highlight-color: transparent; }
main { display: block; }
a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea {-ms-touch-action: manipulation;touch-action: manipulation; }
svg { overflow: hidden; vertical-align: middle;}
img{ max-width: 100%; height: auto; vertical-align: bottom; image-rendering: -webkit-optimize-contrast;}
html, body { overflow-x: hidden;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* common ==== */
html { -webkit-text-size-adjust: 100%; /* フォントサイズ自動調整OFF */ font-size: 62.5%;/* 10px */}
body{
	color: #333333;
	font-size: 16px; font-size: 1.6rem;
	position: relative;/* page top ボタン用 */
  font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-feature-settings: "palt";
  letter-spacing: 1px;
}
.mincho{font-family: "Times New Roman", "Hiragino Mincho ProN","YuMincho","Yu Mincho",serif;}
strong, .bold{font-weight:bold !important;}
/* web font ==== */
.nsfont,main h1,main h1 span,main h2, main h3{
  font-family:'Noto Sans JP' ,"メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
}
/* clearFix ==== */
.cf::after {display: block;clear: both;content: "";}
/* particular case ==== */
.fl { float: left;}.fr { float: right;}.cl { clear: both;}
.tc { text-align: center !important; }.tl { text-align: left !important; }.tr { text-align: right !important; }.vt { vertical-align : top !important; }
.mt-15 { margin-top: -15px !important; }.mt-30 { margin-top: -30px !important; }.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt30 { margin-top: 30px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt80 { margin-top: 80px !important; }.mb0 { margin-bottom: 0 !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb80 { margin-bottom: 80px !important; }.mr0 { margin-right: 0 !important; }.mr10 { margin-right: 10px !important; }.mr20 { margin-right: 20px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; }.mr50 { margin-right: 50px !important; }.ml0 { margin-left: 0 !important; }.ml10 { margin-left: 10px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }.ml50 { margin-left: 50px !important; }.pt0 { padding-top: 0 !important; }.pt15 { padding-top: 15px !important; }.pt30 { padding-top: 30px !important; }.pl0 { padding-left: 0 !important; }.pl15 { padding-left: 15px !important; }.pl30 { padding-left: 30px !important; }.pr0 { padding-right: 0 !important; }.pr15 { padding-right: 15px !important; }.pr30 { padding-right: 30px !important; }.pb0 { padding-bottom: 0 !important; }.pb15 { padding-bottom: 15px !important; }.pb30 { padding-bottom: 30px !important; }.pb50 { padding-bottom: 50px !important; }.pb80 { padding-bottom: 80px !important; }

/* Others */
.hide {display:none;}
sup { font-size: 70%; vertical-align: top; position: relative; top: -0.1em;}
sub { font-size: 70%; vertical-align: bottom; position: relative; bottom: -0.1em;}
/* ----------------------------------------------------
Media query All
---------------------------------------------------- */
/* common */

/* header */
.site-header{
	background-color: #FFFFFF;
}
.site-header a {text-decoration: none !important;}
.header-text{
  position: absolute;
  top:15px; left: 14px;
  font-size: 1.4rem;
}
/* 70th/ */
/* .site-header .logo70 a{
  pointer-events: none;
}
.site-header .logo70:hover{
  opacity: 1 !important;
} */
.site-header .logo70{
	width: 68px;
	position: absolute;
	margin: auto;
	top:67px;
  left:274px;
	transition: .3s;
	opacity: 1;
}
.site-header .logo70:hover{
	opacity: .7;
}
.clone-nav .site-header .logo70{
  display: none;
}
@media (min-width: 1060px) and (max-width: 1140px) {
.site-header .logo70{
	width: 50px;
  height: 40px;
  top:74px;
  left:274px;
}
}
@media (min-width: 960px) and (max-width: 1059px) {
.site-header .logo70{
	width: 50px;
  height: 40px;
  top:74px;
  left:26%;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.site-header .logo70{
	width: 50px;
  height: 40px;
  top:17px;
  left:275px;
}
}
@media (max-width: 639px) {
.site-header .logo70{
	width: 50px;
  height: 40px;
  top:17px;
  left: calc(50% - 20px);
}
}
/* /70th */

/* nav */
.site-header nav a {color: #000000;}
.site-header nav li#gm1 {background: url("/asset/img/navi_spa.svg") no-repeat center 10%;background-size: 38px 33px;}
.site-header nav li#gm2 {background: url("/asset/img/navi_hotel.svg") no-repeat center 10%;background-size: 42px 34px;}
.site-header nav li#gm3 {background: url("/asset/img/navi_restaurant.svg") no-repeat center 10%;background-size: 37px 33px;}
.site-header nav li#gm4 {background: url("/asset/img/navi_sakudaira.svg") no-repeat center 10%;background-size: 36px 37px;}
.site-header nav li#gm5 {background: url("/asset/img/navi_group.svg") no-repeat center 20%;background-size: 38px 28px;}
/* nav */
/* .site-header nav li {position: relative;} */

.site-header nav a {color: #000000;}


/* footer */
.site-footer {
  position: relative;
	text-align: center;
}
.site-footer .inr{
  padding: 80px 8px 55px;
}
.fallback .site-footer .inr{
	background: url("/asset/img/bg_footer.jpg") no-repeat center top;
}
.webp .site-footer .inr{
	background: url("/asset/img/bg_footer.webp") no-repeat center top;
}
.avif .site-footer .inr{
	background: url("/asset/img/bg_footer.avif") no-repeat center top;
}
.site-footer .menu-footer-local {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 38px 0;
}
.site-footer .menu-footer-navi{
  margin-bottom: 50px;
}
.site-footer .menu-footer-local a {
	display: block;
	font-size: 1.4rem;
	padding: 1px 18px 1px 18px;
	color: #000000;
	text-decoration: none;
}
.site-footer .menu-footer-local li+li {border-left: 1px solid #c6c6c6;}
.site-footer .info-address {
  position: relative;
	max-width:850px;
	margin: 0 auto 0;
  padding-left: 196px;
	text-align: left;
  font-size: 1.4rem;
}
.site-footer .info-address::before {
  position: absolute;content: "";
  top: 0;left: 10px;
  margin: 0px 0 0 0;
  background:url("/asset/img/logo02.svg") no-repeat;
  width: 156px;height: 83px;
  background-size: 156px 83px;
}
.site-footer .info-address .address{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.site-footer .info-address .sub-text{
	font-size: 1.2rem;
	margin-top: 8px;
}
.site-footer .address span {
  display: inline-block;
	margin: 0 12px 0 15px;
	padding: 1px 8px 1px 8px;
	background: #70c5d4;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 1.4rem;
}
.site-footer .info-address address p {margin-bottom: 10px;}
.site-footer .info-address dd {margin: 0 35px 0 0;color: #333333; white-space: nowrap;}
.site-footer .menu-footer-global {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #FFFFFF;
	margin: 0 auto 0;
	padding: 23px 0 23px 0;
}
.site-footer .menu-footer-global a,.copy {font-size: 1.2rem;color: #878787;text-decoration: none;}
.site-footer .menu-footer-global li+li {margin-left: 50px;}
#page_top {
	width: 48px;
	height: 48px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	opacity: .3;
	background: #000000;
}
.site-footer .menu-footer-global a{
  position: relative;
}
.site-footer .menu-footer-global a[target="_blank"]::after{
  content: '';
  width: 11px; height: 10px;
  background-size: 11px 10px;
  border:none;
  background:url("/asset/img/icon_blank.png") no-repeat;
  transform:none;
  position: absolute;
  top: 35%;
  right: -18px;
  margin-top: -4px;
}
.site-footer .sns{
  display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 0;
}
.site-footer .sns li{
  margin: 0 4px 0;
}
#page_top a {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
	text-decoration: none;
}
#page_top a::before {
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -4px auto 0 auto;
	text-align: center;
}

/* slider */
.slider,.slide { opacity: 0; transition: opacity .3s linear;}
.slider.slick-initialized,.slide.slick-initialized { opacity: 1;}

#mainvis-slide{
	max-width: 1800px;
	position: relative;
	margin: 0 auto 60px auto;
}
#mainvis-slide h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 3.0rem;
  font-family: "Times New Roman", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", serif;
  color: #189fdd;
  text-shadow: 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF;
	z-index: 10;
}
/* mainvis */
#mainvis-normal {
  position: relative;
  margin: 0 0 60px 0;
  text-align: center;
}
#mainvis-normal img {
  width: 100%;
  height: 460px;
  object-fit: cover;
}
#mainvis-normal h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 3.0rem;
  font-family: "Times New Roman", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", serif;
  color: #189fdd;
  text-shadow: 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF;
}
/* グループ */
.shirakaba-info{
  width: 100%;
  margin: 50px auto 0;
  padding: 25px 50px 30px;
  background-color: #f9f9f9;
  border-radius: 10px;
  text-align: center;
}
.shirakaba-info .rogo-shirakaba{
  margin-bottom: 15px;
}
.shirakaba-info .txt-shirakaba{
  margin-bottom: 30px;
}
.shirakaba-info dl{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.shirakaba-info dt {
  max-width:1200px;
  display: flex;
  align-items: center;
  margin:0 auto 30px auto;
}
.shirakaba-info dt:before,
.shirakaba-info dt:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #e5e5e5;
}
.shirakaba-info dt::before {
  margin-right: 1rem;
}
.shirakaba-info dt::after {
  margin-left: 1rem;
}
.shirakaba-info dd{
	text-align: left;
	max-width:1100px;
  display: inline-block;
  margin: 0 50px 0 0;
}
.shirakaba-info dd a{
  background: url("/asset/img/icon_blank.png") no-repeat right center;
  background-size: 13px 11px;
  text-decoration: none;
  padding-right: 20px;
  color: #000000;
}

/* All END */

/* ----------------------------------------------------
- 520px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 520px) {




/* - 520px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
- 960px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 960px) {
	.pc-only {
		display: none;
	}
  .header-text{
    display: none;
  }
	.site-header{
		position: relative;
	}
	.openbtn1.active + .inr{
		position: relative;
		z-index: 99999999;
    padding-top: 0;
	}
	.nav-main.panelactive{
		position: relative;
		z-index: 99999999;
	}
	.site-header .inr {
		position: relative;
		margin: 0 auto 16px;
		padding: 20px 0 0;
	}
	.site-header .site-logo {
		z-index: 99999;
		width: 40%;
		max-width: 250px;
		position: relative;
    margin: 0 0 0 8px;
	}
	.clone-nav{
		display: none !important;
	}
  .sub-navi-pc{
    display: none !important;
  }
	/* sp用ハンバーガーナビ */
	.site-header {
		position: relative;
		height: 80px;
	}
	.nav-main {
		position: fixed;
		z-index: -1;
		opacity: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #FFFFFF;
		transition: all 0.3s;
	}
	.nav-main.panelactive {
		opacity: 1;
		z-index: 999;
	}
	.nav-main.panelactive .nav-main-list {
		position: fixed;
		z-index: 9999;
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
    background-color: #FFFFFF;
	}
	.openbtn1.active+.inr .site-logo {
		display: none !important;
	}
	.openbtn1 {
		position: fixed;
		background: #54b5c7;
		cursor: pointer;
		width: 50px;
		height: 50px;
		border-radius: 5px;
		z-index: 999999999;
		top: 10px;
		right: 10px;
		caret-color: transparent;
	}
	.openbtn1 span {
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 2px;
		border-radius: 5px;
		background: #fff;
		width: 45%;
	}
	.openbtn1 span:nth-of-type(1) {	top: 13px;}
	.openbtn1 span:nth-of-type(2) {	top: 19px;}
	.openbtn1 span:nth-of-type(3) {	top: 25px;}
	.openbtn1 span:nth-of-type(3)::after {content: "Menu";position: absolute;	top: 5px;	left: -3px;	color: #fff;	font-size: 0.6rem;	text-transform: uppercase;}
	.openbtn1.active span:nth-of-type(1) {top: 14px;	left: 18px;	transform: translateY(6px) rotate(-45deg);	width: 30%;}
	.openbtn1.active span:nth-of-type(2) {	opacity: 0;}
	.openbtn1.active span:nth-of-type(3) {top: 26px;left: 18px;transform: translateY(-6px) rotate(45deg);width: 30%;}
	.openbtn1.active span:nth-of-type(3)::after {	content: "Close";	transform: translateY(0) rotate(-45deg);top: 5px;	left: 1px;}
	/* nav */
	.nav-main-list {padding: 80px 4px 0;}
	.site-header nav ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		background: #FFFFFF;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		border-radius: 5px;
		margin-bottom: 30px;
	}
	.site-header nav li {
		width: 50%;
		height: auto;
		position: relative;
    border-bottom: 1px solid #e7e7e7;
	}
	.site-header nav li.active a {
		color: #54b5c7;
	}
	.site-header nav li#gm1,.site-header nav li#gm3,.site-header nav li#gm4 {
		border-right: 1px solid #e7e7e7;
	}
	.site-header nav li a {
		display: block;
		padding: 25px 0 25px 70px;
		position: relative;
		font-size: 1.3rem;
		text-align: left;
		z-index: 10;
	}
	.site-header nav li#gm4{
		border-bottom: none;
	}
  .site-header nav li a.pc-only{
    display: none !important;
  }
  .site-header nav li a span{
    display: none;
  }
.site-header nav a {color: #000000;}
.site-header nav li#gm1 {background: url("/asset/img/navi_spa.svg") no-repeat 15px center;background-size: 38px 33px;}
.site-header nav li#gm2 {background: url("/asset/img/navi_hotel.svg") no-repeat 15px center;background-size: 42px 34px;}
.site-header nav li#gm3 {background: url("/asset/img/navi_restaurant.svg") no-repeat 15px center;background-size: 37px 33px;}
.site-header nav li#gm4 {background: url("/asset/img/navi_sakudaira.svg") no-repeat 15px center;background-size: 36px 37px;}
.site-header nav li#gm5 {background: url("/asset/img/navi_group.svg") no-repeat 15px center;background-size: 40px 29px;}
	.nav-main-list .home a {
		display: block;
		background: #bfbf9d;
		width: 94%;
		margin: 0 auto 30px auto;
		padding: 20px 0 20px 0 !important;
		color: #FFFFFF;
		text-decoration: none;
		position: relative;
		text-align: center;
		border-radius: 6px;
	}
	.nav-main-list .home a::before {
		content: "";
		display: inline-block;
		margin: 0 8px 0 0;
		background: url("/asset/img/icon_home.svg") no-repeat;
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
		position: relative;
		top: 3px;
	}
	#nav-info,.sp-nav-global {
		padding: 0 6px 0;
	}
	.nav-main-list .menu-sub,.info-area ul {
		display: flex;
		flex-wrap: wrap;
	}
	.nav-main-list .menu-sub.txt,.info-area ul {
		margin: 0 10px 10px 10px;
		font-size: 1.3rem;
	}
	.nav-main-list .menu-sub.txt li,.info-area li {
		width: 48%;
		margin: 0 0 10px 0;
		padding: 0 0 0 15px;
		position: relative;
	}
	.nav-main-list .menu-sub.txt li a,.info-area li a {
		padding: 14px 0 14px 0;
		position: relative;
		color: #000;
	}
	.nav-main-list .menu-sub.txt li::before,.info-area li::before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #b1b1b1;
		border-right: solid 2px #b1b1b1;
		transform: rotate(45deg);
		position: absolute;
		top: 10px;
		left: 0;
		margin-top: -4px;
	}
	.nav-main-list .menu-sub.stay,.nav-main-list .menu-sub.others,.nav-main-list .menu-sub.contact,.nav-main-list .menu-sub.info {
		font-size: 1.3rem;
	}
  .nav-main-list .menu-sub.stay li{
    width: 100%;
    margin-bottom: 12px;
  }
	.nav-main-list .menu-sub.others li,.nav-main-list .menu-sub.contact li,.nav-main-list .menu-sub.info li {
		width: 48%;
		margin-bottom: 20px;
	}
	.nav-main-list .menu-sub.stay li a,.nav-main-list .menu-sub.contact li a,.nav-main-list .menu-sub.info li a {
		padding: 18px 0 18px 20px;
		display: block;
		position: relative;
		background: #eaeadc;
		color: #000000;
		border-radius: 6px;
	}
  .nav-main-list .others li a{
		padding: 18px 0 18px 20px;
		display: block;
		position: relative;
		background: #e3e3e3;
		color: #000000;
		border-radius: 6px;
	}
	.nav-main-list .menu-sub.contact li a {	background: #bfbf9d;}
	.nav-main-list .menu-sub.info li a {background: #e3e3e3;color: #000000;
	}
	.nav-main-list .menu-sub.stay li a::before,.nav-main-list .menu-sub.contact li a::before,.nav-main-list .menu-sub.info li a::before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -4px;
	}
	.nav-main-list .menu-sub.txt li:nth-child(odd),.nav-main-list .menu-sub.others li:nth-child(odd),.nav-main-list .menu-sub.contact li:nth-child(odd),.nav-main-list .menu-sub.info li:nth-child(odd) {
		margin-right: 4%;
	}
  /* nav rocal*/
  #mainvis-top{
    display: flex;
    flex-direction: column;
  }
	#mainvis-top .nav-sub {
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
    order: 1;
	}
  #mainvis-top picture, #mainvis-top > div{
    order: 2;
  }
	#mainvis-top .nav-sub a {
		color: #000000 !important;
		font-size: 1.1rem;
		text-decoration: none !important;
	}
  #mainvis-top .nav-sub li.active a{ background: #f9f3f0;}
	#mainvis-top .nav-sub {
		border-top: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
	}
	#mainvis-top .nav-sub ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto 0 auto;
	}
	#mainvis-top .nav-sub li {
		width: calc(100% / 3);
		text-align: center;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		margin-bottom: -1px;
	}
  #mainvis-top .nav-sub li:nth-child(3n){
    border-right: none;
  }
	#mainvis-top .nav-sub li > a {
    width: auto;
		padding: 0 0 0 0;
		height: 54px;
		color: #000000;
		text-decoration: none;
		vertical-align: middle;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.5;
		transition: all .3s;
    background: none;
	}
	#mainvis-top .nav-sub li a.active {
		background: #f9f3f0;
	}
  #mainvis-top .nav-sub li + li{
    margin-left: 0;
  }

  .nav-footer .nav-sub{
    margin: 0 auto 40px;
    border-top: 1px solid #e9e9e9;
  }
  .nav-footer .nav-sub li {
    width: 100%;  
    font-size: 1.4rem;
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
  }
  .nav-footer .nav-sub li a {
    display: block;
    width: auto;
    padding: 15px 10px 15px 20px;
    height: auto;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    background: none;
    color: #000;
    text-decoration: none;
  }
  .nav-footer .nav-sub li a.active{
    background-color: #f9f3f0;
    border: none;
  }
  .nav-footer .nav-sub li + li{
    margin-left: 0;
  }


 /* mainvis */
  #mainvis-normal {
    margin: 0 0 35px 0;
  }
  
	/* footer */
	.site-footer .menu-footer-local {
		display: none;
	}
  .site-footer .site-logo{
    margin-bottom: 40px;
  }
	.menu-footer-global li:not(:last-child) {
		display: none;
	}
	.site-footer .info-address {
		padding: 0 10px 25px 10px;
		text-align: left;
		position: relative;  
	}
	.site-footer .info-address::before {
		display: none;
	}
	.site-footer .info-address dl{
    flex-wrap: wrap;
  }
	.site-footer .info-address dt {
    width: 35%;
		margin: 0 12px 12px 0;
		padding: 2px 8px 2px 8px;
		background: #4fbec4;
		border-radius: 3px;
		color: #FFFFFF;
		font-size: 1.3rem;
    text-align: center;
	}
	.site-footer .info-address address p {
		margin-bottom: 10px;
		font-size: 1.3rem;
	}
	.site-footer .info-address dd {
    width: 60%;
		margin: 0 0 12px 0;
		font-size: 1.3rem;
	}
  .site-footer .info-sub{
    background: none;
  }
  .site-footer .sns{
    justify-content: space-between;
  }
  .site-footer .sns li{
    width: 32%;
    margin: 0;
  }
  /* mainvis-top */
  #mainvis-top{
    position: relative;
  }
  #mainvis-top h1{
		font-size: 3.6rem;
		color: #FFFFFF;
    text-shadow: 0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10,0 0 10px #af1e10;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateY(-60%) translateX(-50%);
	}
 /* others */
  a[href^="tel:"] {	pointer-events: auto;}
	/* gloup */
	.shirakaba-info{
    width: 98%;
    margin: 0 auto 0;
    padding: 10px 10px 15px;
  }
  .shirakaba-info .rogo-shirakaba{
    margin-bottom: 15px;
  }
  .shirakaba-info .txt-shirakaba{
    margin-bottom: 30px;
    text-align: left;
  }
  .shirakaba-info dd{
    display: block;
    margin: 0 0 8px 0;
    text-align: left;
  }

/* - 960px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
961px- (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 961px) {
	.sp-only {display: none;}

	/* header */
  .site-header  p,.site-header  a,.site-header  span{
		font-family: 'Noto Sans JP', sans-serif;font-weight: 300 !important;
		text-decoration: none;
		color: #000000;
	}
  .site-header .inr {
    position: relative;
		background-color: #FFFFFF;
  }
	.site-header .inr-menu {
		position: relative;
		max-width: 1200px;
		margin: 0 auto 16px;
		padding: 55px 0 0;
		display: flex;
		flex-wrap: wrap;
	}
  #shirakabaresort-nav{
    max-width: 620px;
    margin-left: 50px;
  }
  
	.site-header nav ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.site-header .site-logo {	width: 25%;padding-top: 20px;}
	.nav-main {	width: 75%;}
	.site-header #nav-info {position: absolute;	top: 0;	right: 0;}
	.site-header nav > ul > li {	width: calc(100% / 5);text-align: center;}
	.site-header li {	font-size: 1.3rem;}
	#nav-info {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#nav-info ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.info-area {
		background-color: #ededed;
		border-radius: 0 0 4px 4px;
		padding: 0 0 0 0;
	}
	.info-area a {
		color: #000000 !important;
		padding: 11px 15px 11px 15px;
		display: block;
	}
	.reserve-area {
		background-color: #54b5c7;
		border-radius: 0 0 4px 4px;
		margin-left: 6px;
		padding: 4px 6px 4px 6px;
	}
	.reserve-area a {
		display: block;
		background-color: #54b5c7;
		border-radius: 2px;
		color: #FFFFFF !important;
		padding: 9px 10px;
	}
	.reserve-area span {
		display: block;
		color: #FFFFFF !important;
		padding: 9px 10px;
	}
	.reserve-area li+li {	margin-left: 6px;}
	.site-header .nav-set a {
		display: block;
		padding: 50px 0 0 0;
		position: relative;
	}
  .sub-navi-pc{
    z-index: 999999;
  }
	.sub-navi-pc li{
		display: flex;
		flex-wrap: wrap;
		width: 100vw;
    max-width: 1200px;
    margin: 0 auto 0;
		text-align: left;
	}
  nav > ul > li:hover .sub-navi-pc {
    max-height: 9999px;
    opacity: 1;
		padding: 30px 0 25px;
  }
	#gm2 > a:hover{
		position: relative;
	}
	#gm2:hover .nav-set a::before {
		content: '';
		position: absolute;
		bottom: -16px;
		width:0;
		height:0;
		border-style:solid;
		border-width: 0 10px 12px 10px;
		border-color: transparent transparent #F5F2E9 transparent;
		left: 50%;
		transform: translateX(-50%) translateY(0%);
	}
  .sub-navi-pc:hover li > div {
    transition: all .2s ease-in;
  }
	nav > ul  > li .sub-navi-pc .sub-navi-top{
		width: 22%;
		margin: 0 77% 20px 1%;
	}
	nav > ul  > li .sub-navi-pc .sub-navi-top a{
    position: relative;
		display: block;
    color: #FFFFFF;
		background-color: #54b5c7;
		padding: 8px 0 8px;
		text-align: center;
		border-radius: 6px;
	}
  nav > ul  > li .sub-navi-pc .sub-navi-top a::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
  }
  nav > ul  > li .sub-navi-pc {
    transition: all .2s ease-in;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    left: 0;
		margin: 16px 0 0;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		position: absolute;
    background: rgba(255,255,255,0.9);
  }
	.sub-navi-pc div:not(.sub-navi-top){
		width: 23%;
    margin:0 1% 0
	}
	.sub-navi-pc div img{
		border-radius: 6px;
	}
	.sub-navi-pc div p{
		margin: 10px 0 0 8px;
	}
	/* nav rocal*/
	#nav-sub {background-color: #edfbe6;padding: 13px 8px 12px 8px;}
	#nav-sub ul {
		width:100%;
		max-width: 1400px;
		margin: 0 auto 0;
		display: flex;
		justify-content: center;
	}
	#nav-sub li{
		width: calc(160 / 1200 * 100%);
	}
	#nav-sub a {
		color: #000000 !important;
		font-size: clamp(11px, 1.083vw, 13px);
		text-decoration: none !important;
	}
	#nav-sub figure {	margin-bottom: 8px;}
	#nav-sub li.active,#nav-sub li div.active img {opacity: .5;}
  #nav-sub li img{
    border-radius: 4px;
  }

	/* nav スクロール・固定 */
	.clone-nav {
		max-width: none;
		width: 100%;
		position: fixed;
		top: 0;left: 0;right: 0;
		padding: 12px 8px 0 8px;
		z-index: 1000;
		transition: .3s;
		transform: translateY(-100%);
		background: rgba(255, 255, 255, 1);
		box-shadow: 0 4px 8px -3px rgba(17, 17, 17, .06);
	}
	.is-show {transform: translateY(0);}
  .clone-nav.is-show .sub-navi-pc{
    display: none !important;
  }
	.clone-nav.is-show .site-header .inr {
		margin: 0 auto 0;
		padding: 6px 0 0;
		flex-wrap: nowrap;
	}
	.clone-nav.is-show .site-header .inr-menu {padding: 0 0 0;}
	.clone-nav .header-text{ display: none;}
	.clone-nav #nav-sub {	background-color: #FFFFFF;	padding: 6px 0 6px 0; border-top: none;}
	.clone-nav #nav-sub ul {padding-top: 12px;}
	.clone-nav .nav-main ul {	max-width: 1400px;margin: 0 auto 0 auto;flex-wrap: nowrap;}
	.clone-nav .nav-main li a {	padding: 0px 0 0 0;	font-size: 1.2rem;}
	.clone-nav .nav-icon li {background: none;}
	.clone-nav .sub-area {display: none;}
	.clone-nav #nav-info {display: none;}
	.clone-nav .site-logo {	max-width: 150px;padding-top: 0;}
	.clone-nav #nav-sub figure {display: none;}
	.clone-nav .site-header{border-bottom: 1px dotted #e6e6e6;padding-bottom: 6px;}
	.clone-nav .site-header nav > ul > li {text-align: left;	padding: 5px 0 5px 45px;}
	.clone-nav .site-header nav li#gm1 {	background: url("/asset/img/navi_spa.svg") no-repeat left center;	background-size: 33px 29px;}
	.clone-nav .site-header nav li#gm2 {	background: url("/asset/img/navi_hotel.svg") no-repeat left center;	background-size: 33px 27px;}
  .clone-nav .site-header nav li#gm3 {	background: url("/asset/img/navi_restaurant.svg") no-repeat left center;	background-size: 33px 29px;}
  .clone-nav .site-header nav li#gm4 {	background: url("/asset/img/navi_sakudaira.svg") no-repeat left center;	background-size: 28px 28px;}
	.clone-nav .site-header nav li#gm5 {	background: url("/asset/img/navi_group.svg") no-repeat;	background-size: 33px 24px;}

	.clone-nav .site-header nav li.active::before {display: none;}
	.clone-nav .site-header nav li.active::after {display: none;}
	.clone-nav .site-header nav li a {display: flex;align-items: center;}
	.clone-nav .site-header .site-logo {width: 8%;}
	.clone-nav .nav-main {width: 90%;}
	.clone-nav .site-header nav li {width: auto;}
  
  /*others*/
  a[href^="tel:"] {	pointer-events: none;}
/* 961px - END*/
}

/* ----------------------------------------------------
- 1200px (Pc layout Only コンテンツ内 基本幅)
---------------------------------------------------- */
@media (max-width: 1200px) {

	



	/* - 1200px (Pc layout Only) END*/
}

/* ----------------------------------------------------
961px- 1250px (Pc layout Only)
---------------------------------------------------- */

@media (min-width: 961px) and (max-width: 1250px) {


}

/* ----------------------------------------------------
- 1920px (Pc layout Only)
---------------------------------------------------- */
@media (max-width: 1920px) {


/* - 1920px - END*/
}

/* ----------------------------------------------------
1921px- (Pc layout Only Wide)
---------------------------------------------------- */
@media (min-width: 1921px) {

  #mainvis-top img{
    width: 100%;
  }
  .fallback .site-footer .inr{ background: url("/asset/img/bg_footer.jpg") no-repeat center top; background-size: 100% auto;}
  .webp .site-footer .inr{ background: url("/asset/img/bg_footer.webp") no-repeat center top; background-size: 100% auto;}
  .avif .site-footer .inr{ background: url("/asset/img/bg_footer.avif") no-repeat center top; background-size: 100% auto;}

	/* 1921px - END*/
}