@charset "UTF-8";

@import url("content.css");
@import url("slider-pro.min.css");
@import url("animate.min.css");


header {
	background-color: rgba(20, 11, 0, .75);
}

#maincontainer {
	padding-bottom: 0;
}


/* Top Site Main-Banner */
#mainbanner {
	width: 100%;
	height: 95vh;
	margin: 0;
	padding: 0;
	position: relative;
	background: linear-gradient(130deg, rgba(70,58,56,1) 0%, rgba(23,17,16,1) 100%) 0 0 no-repeat rgb(70,58,56);
}

#mainbanner:before {
	content: "";
	width: calc((480 / 1600) * 100%);
	height: calc((120 / 480) * 100%);
	margin: auto;
	background: url(../images/home/mainbanner_logo_transmitted@2x.png) 50% 50% no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.lazyload {
	opacity: 0;
}

#mainbanner.lazyloading {
	opacity: 1!important;
	transition: opacity 350ms;
}

site-slider.lazyloading {
	opacity: 0!important;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 700ms;
}

#mainbanner .sp-slide a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 2;
}

#mainbanner .slide-main .sp-layer h3 {
	//max-width: calc(110px + 30px);
	max-width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: calc((488 / 1600) * 100%);
	padding-bottom: 0;
	display: block;
	overflow: hidden;
	background: url(../images/home/mainbanner_catch_main@2x.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

#mainbanner .slide-spring .sp-layer h3 {
	//max-width: calc(115px + 30px);
	max-width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: calc((569 / 1600) * 100%);
	padding-bottom: 0;
	display: block;
	overflow: hidden;
	background: url(../images/home/mainbanner_catch_spring@2x.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

#mainbanner .slide-dish .sp-layer h3 {
	//max-width: calc(120px + 30px);
	max-width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: calc((602 / 1600) * 100%);
	padding-bottom: 0;
	display: block;
	overflow: hidden;
	background: url(../images/home/mainbanner_catch_dish@2x.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

/* Customized Slider */
.sp-arrow {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.sp-previous-arrow:before, .sp-next-arrow:before {
	color: #fff;
	font: bold 32px "Font Awesome 5 Free";
	text-shadow: 0 0 3px #000;
	width: 0;
	height: 0;
	position: absolute;
}

.sp-previous-arrow:before {
	content:"\f053";
}

.sp-next-arrow:before {
	content:"\f054";
}

.sp-previous-arrow:after, .sp-next-arrow:after {
	display: none;
}

.sp-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.sp-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.sp-next-arrow {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.sp-horizontal.sp-rtl .sp-next-arrow {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}


/* Anchor Navigation */
#mainbanner .anchor-prd {
	text-align: center;
	width: 54px;
	height: 54px;
	margin: 0 auto;
	display: table;
	display: block;
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0;
}

#mainbanner .anchor-prd a {
	color: transparent;
	font-size: 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
	display: block;
	background-color: rgba(0, 0, 0, .2);
	border: 2px solid rgba(255, 255, 255, .8);
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, .8));
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#mainbanner .anchor-prd a:hover {
	color: transparent;
	background-color: rgba(255, 255, 255, .9);
	border: 2px solid rgba(255, 255, 255, 0);
}

#mainbanner .anchor-prd a:after {
	content: "";
	width: 40px;
	height: 40px;
	margin: auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 256 232'%3E%3Cpath d='M236.14,96.2,128,204,19.86,96.2A11.61,11.61,0,1,0,3.41,112.6h0l116.37,116a11.65,11.65,0,0,0,16.45,0l116.36-116a11.61,11.61,0,0,0-16.45-16.4Z'/%3E%3Cpath d='M119.78,135.8a11.65,11.65,0,0,0,16.45,0l116.36-116A11.61,11.61,0,0,0,236.14,3.4L128,111.19,19.86,3.4A11.61,11.61,0,1,0,3.41,19.8Z'/%3E%3C/svg%3E");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 0;
	left: 0;
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, .5));
	webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#mainbanner .anchor-prd a:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000' viewBox='0 0 256 232'%3E%3Cpath d='M236.14,96.2,128,204,19.86,96.2A11.61,11.61,0,1,0,3.41,112.6h0l116.37,116a11.65,11.65,0,0,0,16.45,0l116.36-116a11.61,11.61,0,0,0-16.45-16.4Z'/%3E%3Cpath d='M119.78,135.8a11.65,11.65,0,0,0,16.45,0l116.36-116A11.61,11.61,0,0,0,236.14,3.4L128,111.19,19.86,3.4A11.61,11.61,0,1,0,3.41,19.8Z'/%3E%3C/svg%3E");
	bottom: 0;
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}


/* Contents */
/* Introduction of Plans & Relaxation */
/* Common Setting */
#intro_plans, #intro_relax {
	font-family: "Noto Serif JP", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	width: 100%;
	margin-top: 2px;
	position: relative;
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

#intro_plans .wrapper, #intro_relax .wrapper {
	height: 100%;
	z-index: 1;
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-flex-direction: column; 
	-ms-flex-direction: column; 
	flex-direction: column;
	-webkit-flex-wrap: nowrap; 
	-ms-flex-wrap: nowrap; 
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#intro_plans h3, #intro_relax h3 {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 .75em;
	padding: 0;
}

#intro_plans p, #intro_relax p {
	font-size: 24px;
	line-height: 1.42;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

#intro_plans p span, #intro_relax p span {
	display: block;
}

#intro_plans .anchor-link, #intro_relax .anchor-link {
	min-width: 278px;
	min-height: 148px;
	margin-top: 50px;
}

#intro_plans .anchor-link a, #intro_relax .anchor-link a {
	font-size: 27px;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.2em 1em;
	position: relative;
	display: block;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#intro_plans .anchor-link a:before, #intro_relax .anchor-link a:before {
	content: "";
	width: auto;
	height: 42px;
	margin: 0 auto .7em;
	display: block;
	background-size: auto 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	webkit-transition: background-image .25s ease-in-out;
	-ms-transition: background-image .25s ease-in-out;
	transition: background-image .25s ease-in-out;
}

#intro_plans .shots, #intro_relax .shots {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#intro_plans .shots > div, #intro_relax .shots > div {
	height: 100%;
}

#intro_plans .shots img, #intro_relax .shots img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

/* Plans Only */
#intro_plans {
	color: #fff;
	height: 640px;
	min-height: 640px;
	max-height: 800px;
}

#intro_plans h3 {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 0 5px rgba(0, 0, 0, .5), 0 0 7px rgba(0, 0, 0, .3), 0 0 8px rgba(0, 0, 0, .6), 0 0 10px rgba(0, 0, 0, 1);

}

#intro_plans p {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 0 4px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, .8), 0 0 10px rgba(0, 0, 0, .8);
}

#intro_plans .anchor-link a {
	color: #fff;
	background-color: rgba(0, 0, 0, .8);
	border: 1px solid rgba(0, 0, 0, .9);
}

#intro_plans .anchor-link a:hover {
	color: #ef7f42;
	background-color: rgba(0, 0, 0, .9);
}

#intro_plans .anchor-link a:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2242%22%3E%3Cpath%20d%3D%22M31.58%2015.92a.632.632%200%200%200-.4-.38%201.01%201.01%200%200%200-.8.79c.234-.1.549-.21%201.008-.36.079-.02.143-.04.192-.05zm22.2-7.27V4.03H42.709v4.62h-5.152V4.03H24.495v4.62h-5.152V4.03H8.273v4.62H3.705V42h17.626V23.02h1.168V42h17.047V23.02h1.168V42h17.63V8.65h-4.569zM32.792%2024.94a.425.425%200%200%200-.354.24%207.926%207.926%200%200%201-2.068%201.61%204.869%204.869%200%200%201-1.071.45h-.292l-.11-.39a.872.872%200%200%201%20.566-.62%205.436%205.436%200%200%200%201.634-1.67.035.035%200%200%201-.034.02%201.055%201.055%200%200%201-.342-.19%204.217%204.217%200%200%201-.243-.18%205.45%205.45%200%200%201-1.705-4.32c0-.11.024-.44.048-.75.008-.1.016-.19.021-.28a6.272%206.272%200%200%200-1.323%203.05%206.484%206.484%200%200%200%20.108.67%207.369%207.369%200%200%201%20.11.74%201.022%201.022%200%200%201-.93%201.05c-.848%200-2.021-1.35-2.021-3.88a9.451%209.451%200%200%201%20.3-2.37l.123-.49a3.733%203.733%200%200%200%20.195-.97.836.836%200%200%200-.244-.61.767.767%200%200%201-.255-.47.806.806%200%200%201%20.806-.56%202%202%200%200%201%201.569%201.6%202.2%202.2%200%200%201-.365.94%206.387%206.387%200%200%200-.834%203.1%201.307%201.307%200%200%200%20.189.91%201.484%201.484%200%200%201%20.266-.68%2012.911%2012.911%200%200%201%202.4-3.51.681.681%200%200%200%20.175-.45c.462-2.12%201.443-2.42%201.987-2.42a2.448%202.448%200%200%201%201.878%201.08.838.838%200%200%200%20.717.22%203.983%203.983%200%200%201%203.569%204.22%204.783%204.783%200%200%201-4.472%204.91zm-.737-7.79a4.5%204.5%200%200%200-2.021.7%202.774%202.774%200%200%200-.179%201.25c0%203.12%201.71%203.99%201.941%204a10.9%2010.9%200%200%200%20.574-3.87%207.345%207.345%200%200%200-.253-1.97zm2.389.09a2.643%202.643%200%200%200-.762-.26l.022.07a7.856%207.856%200%200%201%20.31%202.42%2011.982%2011.982%200%200%201-.569%203.71c.617-.16%202.07-.97%202.07-3.45-.002-.58-.104-1.98-1.073-2.49zM3.705%200v8.06h3.984V0H3.705zm3.4%207.06a.289.289%200%200%201%200%20.41.282.282%200%200%201-.413%200l-1-1.01-1%201.01a.282.282%200%200%201-.413%200%20.289.289%200%200%201%200-.41l1-1.02-1-1.01a.295.295%200%200%201%20.413-.42l1%201.02%201-1.02a.295.295%200%200%201%20.413.42l-1%201.01zM19.931%200v8.06h3.983V0h-3.983zm3.406%207.06a.289.289%200%200%201%200%20.41.282.282%200%200%201-.413%200l-1-1.01-1%201.01a.282.282%200%200%201-.206.09.3.3%200%200%201-.207-.5l1-1.02-1-1.01a.295.295%200%200%201%20.413-.42l1%201.02%201-1.02a.295.295%200%201%201%20.413.42l-1%201.01zM38.145%200v8.06h3.983V0h-3.983zm3.408%207.06a.292.292%200%201%201-.415.41l-1-1.01-1%201.01a.291.291%200%200%201-.414-.41l1-1.02-1-1.01a.295.295%200%200%201%20.414-.42l1%201.01%201-1.01a.3.3%200%200%201%20.415.42l-1%201.01zM54.365%200v8.06h3.985V0h-3.985zm3.41%207.06a.292.292%200%201%201-.415.41l-1-1.01-1%201.01a.291.291%200%200%201-.414-.41l1-1.02-1-1.01a.295.295%200%200%201%20.414-.42l1%201.01%201-1.01a.3.3%200%200%201%20.415.42l-1%201.01zM3.124.3H.017v2.57h3.107V.3zm16.222%200H8.276v2.57h11.07V.3zM37.56.3H24.495v2.57h13.062V.3zm5.152%200v2.57h11.069V.3H42.709zm16.223%200v2.57h3.111V.3h-3.115z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}

#intro_plans .anchor-link a:hover:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2242%22%3E%3Cpath%20d%3D%22M31.58%2015.92a.632.632%200%200%200-.4-.38%201.01%201.01%200%200%200-.8.79c.234-.1.549-.21%201.008-.36.079-.02.143-.04.192-.05zm22.2-7.27V4.03H42.709v4.62h-5.152V4.03H24.495v4.62h-5.152V4.03H8.273v4.62H3.705V42h17.626V23.02h1.168V42h17.047V23.02h1.168V42h17.63V8.65h-4.569zM32.792%2024.94a.425.425%200%200%200-.354.24%207.926%207.926%200%200%201-2.068%201.61%204.869%204.869%200%200%201-1.071.45h-.292l-.11-.39a.872.872%200%200%201%20.566-.62%205.436%205.436%200%200%200%201.634-1.67.035.035%200%200%201-.034.02%201.055%201.055%200%200%201-.342-.19%204.217%204.217%200%200%201-.243-.18%205.45%205.45%200%200%201-1.705-4.32c0-.11.024-.44.048-.75.008-.1.016-.19.021-.28a6.272%206.272%200%200%200-1.323%203.05%206.484%206.484%200%200%200%20.108.67%207.369%207.369%200%200%201%20.11.74%201.022%201.022%200%200%201-.93%201.05c-.848%200-2.021-1.35-2.021-3.88a9.451%209.451%200%200%201%20.3-2.37l.123-.49a3.733%203.733%200%200%200%20.195-.97.836.836%200%200%200-.244-.61.767.767%200%200%201-.255-.47.806.806%200%200%201%20.806-.56%202%202%200%200%201%201.569%201.6%202.2%202.2%200%200%201-.365.94%206.387%206.387%200%200%200-.834%203.1%201.307%201.307%200%200%200%20.189.91%201.484%201.484%200%200%201%20.266-.68%2012.911%2012.911%200%200%201%202.4-3.51.681.681%200%200%200%20.175-.45c.462-2.12%201.443-2.42%201.987-2.42a2.448%202.448%200%200%201%201.878%201.08.838.838%200%200%200%20.717.22%203.983%203.983%200%200%201%203.569%204.22%204.783%204.783%200%200%201-4.472%204.91zm-.737-7.79a4.5%204.5%200%200%200-2.021.7%202.774%202.774%200%200%200-.179%201.25c0%203.12%201.71%203.99%201.941%204a10.9%2010.9%200%200%200%20.574-3.87%207.345%207.345%200%200%200-.253-1.97zm2.389.09a2.643%202.643%200%200%200-.762-.26l.022.07a7.856%207.856%200%200%201%20.31%202.42%2011.982%2011.982%200%200%201-.569%203.71c.617-.16%202.07-.97%202.07-3.45-.002-.58-.104-1.98-1.073-2.49zM3.705%200v8.06h3.984V0H3.705zm3.4%207.06a.289.289%200%200%201%200%20.41.282.282%200%200%201-.413%200l-1-1.01-1%201.01a.282.282%200%200%201-.413%200%20.289.289%200%200%201%200-.41l1-1.02-1-1.01a.295.295%200%200%201%20.413-.42l1%201.02%201-1.02a.295.295%200%200%201%20.413.42l-1%201.01zM19.931%200v8.06h3.983V0h-3.983zm3.406%207.06a.289.289%200%200%201%200%20.41.282.282%200%200%201-.413%200l-1-1.01-1%201.01a.282.282%200%200%201-.206.09.3.3%200%200%201-.207-.5l1-1.02-1-1.01a.295.295%200%200%201%20.413-.42l1%201.02%201-1.02a.295.295%200%201%201%20.413.42l-1%201.01zM38.145%200v8.06h3.983V0h-3.983zm3.408%207.06a.292.292%200%201%201-.415.41l-1-1.01-1%201.01a.291.291%200%200%201-.414-.41l1-1.02-1-1.01a.295.295%200%200%201%20.414-.42l1%201.01%201-1.01a.3.3%200%200%201%20.415.42l-1%201.01zM54.365%200v8.06h3.985V0h-3.985zm3.41%207.06a.292.292%200%201%201-.415.41l-1-1.01-1%201.01a.291.291%200%200%201-.414-.41l1-1.02-1-1.01a.295.295%200%200%201%20.414-.42l1%201.01%201-1.01a.3.3%200%200%201%20.415.42l-1%201.01zM3.124.3H.017v2.57h3.107V.3zm16.222%200H8.276v2.57h11.07V.3zM37.56.3H24.495v2.57h13.062V.3zm5.152%200v2.57h11.069V.3H42.709zm16.223%200v2.57h3.111V.3h-3.115z%22%20fill%3D%22%23fc7328%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}

#intro_plans .shots > div {
	width: 50%;
}

#intro_plans .shots img[alt="露天風呂"] {
	object-position: 100% 50%;
	font-family: 'object-fit: cover; object-position: 100% 50%;';
}

/* Relaxation Only */
#intro_relax {
	color: #261f1c;
	height: 540px;
	min-height: 540px;
	max-height: 700px;
}

#intro_relax h3 {
	text-shadow: 0 1px 2px rgba(255, 255, 255, .3), 0 0 5px rgba(255, 255, 255, .5), 0 0 7px rgba(255, 255, 255, .5), 0 0 8px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1);
}

#intro_relax p {
	text-shadow: 0 1px 2px rgba(255, 255, 255, .8), 0 0 4px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1);
}

#intro_relax .anchor-link a {
	color: #261f1c;
	background-color: rgba(255, 255, 255, .8);
	border: 1px solid rgba(255, 255, 255, .9);
}

#intro_relax .anchor-link a:hover {
	color: #059287;
	background-color: rgba(255, 255, 255, .9);
}

#intro_relax .anchor-link a:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%3E%3Cpath%20d%3D%22M21%200a21%2021%200%201%200%2021%2021A21%2021%200%200%200%2021%200zm18.707%2021a18.682%2018.682%200%200%201-.257%202.96h-1.62v-5.93h1.622A18.793%2018.793%200%200%201%2039.71%2021zm-4.956%202.96v-5.93h1.756v5.93h-1.756zm1.756%201.33v6.12h-1.756v-6.12h1.756zm-1.756-8.58v-6.12h1.756v6.12h-1.756zm0-7.44v-.92c.277.3.552.6.809.92h-.809zm-3.077%2014.69v-5.93h1.753v5.93h-1.753zm1.753%201.33v6.12h-1.753v-6.12h1.753zm-1.753-8.58v-6.12h1.753v6.12h-1.753zm0-7.44V5.65a17.133%2017.133%200%200%201%201.753%201.39v2.23h-1.753zm-3.229%2014.69v-5.93h1.906v5.93h-1.906zm1.906%201.33v6.12h-1.906v-6.12h1.906zm-1.906-8.58v-6.12h1.906v6.12h-1.906zm0-7.44V3.84a18.737%2018.737%200%200%201%201.906.97v4.46h-1.906zm-1.284%2010.24h.656v2.98h-.656v-2.98zm1.284%2013.22h1.906v4.46a21.035%2021.035%200%200%201-1.906.97v-5.43zm3.229%200h1.753v2.23a20.409%2020.409%200%200%201-1.753%201.39v-3.62zm3.077%200h.81c-.257.32-.533.62-.81.92v-.92zm3.076-7.44H39.2a18.468%2018.468%200%200%201-1.367%203.84v-3.84zm0-8.58v-3.84a18.525%2018.525%200%200%201%201.367%203.84H37.83zM2.8%2025.29h1.369v3.85A18.709%2018.709%200%200%201%202.8%2025.29zM2.29%2021a18.793%2018.793%200%200%201%20.258-2.97h1.624v5.93H2.547A18.682%2018.682%200%200%201%202.29%2021zm9.357%202.96v-5.93h1.906v5.93h-1.906zm1.906%201.33v6.12h-1.906v-6.12h1.906zm-1.906-8.58v-6.12h1.906v6.12h-1.906zm-3.075%207.25v-5.93h1.753v5.93H8.572zm1.753%201.33v6.12H8.572v-6.12h1.753zm-1.753-8.58v-6.12h1.753v6.12H8.572zm0-7.44V7.04a17.025%2017.025%200%200%201%201.753-1.39v3.62H8.572zM5.493%2023.96v-5.93h1.755v5.93H5.493zm1.755%201.33v6.12H5.493v-6.12h1.755zm-1.755-8.58v-6.12h1.755v6.12H5.493zm.944-7.44c.258-.32.534-.62.811-.93v.93h-.811zm-3.634%207.44a18.768%2018.768%200%200%201%201.369-3.85v3.85H2.8zm4.445%2016.02v.92c-.278-.3-.554-.6-.811-.92h.811zm1.324%200h1.753v3.62a20.256%2020.256%200%200%201-1.753-1.39v-2.23zm3.075%200h1.906v5.43a21.035%2021.035%200%200%201-1.906-.97v-4.46zm3.189-10.24h-.658v-2.98h.658v2.98zM13.553%209.27h-1.906V4.81a21.035%2021.035%200%200%201%201.906-.97v5.43zm1.909%2029.6V3.12a18.887%2018.887%200%200%201%2011.075%200v35.75a18.672%2018.672%200%200%201-11.075%200z%22%20fill%3D%22%23261f1c%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}

#intro_relax .anchor-link a:hover:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%3E%3Cpath%20d%3D%22M21%200a21%2021%200%201%200%2021%2021A21%2021%200%200%200%2021%200zm18.707%2021a18.682%2018.682%200%200%201-.257%202.96h-1.62v-5.93h1.622A18.793%2018.793%200%200%201%2039.71%2021zm-4.956%202.96v-5.93h1.756v5.93h-1.756zm1.756%201.33v6.12h-1.756v-6.12h1.756zm-1.756-8.58v-6.12h1.756v6.12h-1.756zm0-7.44v-.92c.277.3.552.6.809.92h-.809zm-3.077%2014.69v-5.93h1.753v5.93h-1.753zm1.753%201.33v6.12h-1.753v-6.12h1.753zm-1.753-8.58v-6.12h1.753v6.12h-1.753zm0-7.44V5.65a17.133%2017.133%200%200%201%201.753%201.39v2.23h-1.753zm-3.229%2014.69v-5.93h1.906v5.93h-1.906zm1.906%201.33v6.12h-1.906v-6.12h1.906zm-1.906-8.58v-6.12h1.906v6.12h-1.906zm0-7.44V3.84a18.737%2018.737%200%200%201%201.906.97v4.46h-1.906zm-1.284%2010.24h.656v2.98h-.656v-2.98zm1.284%2013.22h1.906v4.46a21.035%2021.035%200%200%201-1.906.97v-5.43zm3.229%200h1.753v2.23a20.409%2020.409%200%200%201-1.753%201.39v-3.62zm3.077%200h.81c-.257.32-.533.62-.81.92v-.92zm3.076-7.44H39.2a18.468%2018.468%200%200%201-1.367%203.84v-3.84zm0-8.58v-3.84a18.525%2018.525%200%200%201%201.367%203.84H37.83zM2.8%2025.29h1.369v3.85A18.709%2018.709%200%200%201%202.8%2025.29zM2.29%2021a18.793%2018.793%200%200%201%20.258-2.97h1.624v5.93H2.547A18.682%2018.682%200%200%201%202.29%2021zm9.357%202.96v-5.93h1.906v5.93h-1.906zm1.906%201.33v6.12h-1.906v-6.12h1.906zm-1.906-8.58v-6.12h1.906v6.12h-1.906zm-3.075%207.25v-5.93h1.753v5.93H8.572zm1.753%201.33v6.12H8.572v-6.12h1.753zm-1.753-8.58v-6.12h1.753v6.12H8.572zm0-7.44V7.04a17.025%2017.025%200%200%201%201.753-1.39v3.62H8.572zM5.493%2023.96v-5.93h1.755v5.93H5.493zm1.755%201.33v6.12H5.493v-6.12h1.755zm-1.755-8.58v-6.12h1.755v6.12H5.493zm.944-7.44c.258-.32.534-.62.811-.93v.93h-.811zm-3.634%207.44a18.768%2018.768%200%200%201%201.369-3.85v3.85H2.8zm4.445%2016.02v.92c-.278-.3-.554-.6-.811-.92h.811zm1.324%200h1.753v3.62a20.256%2020.256%200%200%201-1.753-1.39v-2.23zm3.075%200h1.906v5.43a21.035%2021.035%200%200%201-1.906-.97v-4.46zm3.189-10.24h-.658v-2.98h.658v2.98zM13.553%209.27h-1.906V4.81a21.035%2021.035%200%200%201%201.906-.97v5.43zm1.909%2029.6V3.12a18.887%2018.887%200%200%201%2011.075%200v35.75a18.672%2018.672%200%200%201-11.075%200z%22%20fill%3D%22%23059287%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}

#intro_relax .shots > div {
	width: calc(100% / 2);
}

#intro_relax .shots img[alt="サウナ"] {
	object-position: 0 50%;
	font-family: 'object-fit: cover; object-position: 0 50%;';
}

#intro_relax .shots img[alt="客室"] {
	object-position: 85% 50%;
	font-family: 'object-fit: cover; object-position: 100% 50%;';
}


/* Information Area */
#info-area {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 100px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, .86) 100%), url(../images/home/img_bg_info.jpg) 70% 50% / cover no-repeat;
}

#information {
	width: 100%;
	//max-width: 1080px;
	margin: 0;
	padding: 0;
}

#information h3 {
	font: 500 22px "Noto Serif JP", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1;
	width: 100%;
	margin: 0;
	padding: 0 0 6px 40px;
	position: relative;
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

#information h3:before {
	content: "";
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../images/home/icon_info@2x.png) 50% 5px no-repeat #3a578c;
	background-size: 20px 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-border-radius: 3px 3px 0 3px;
	-ms-border-radius: 3px 3px 0 3px;
	border-radius: 3px 3px 0 3px;
}

#information h3:after {
	content: "";
	width: calc(100% - 30px);
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #bbbdbf;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

#information dl {
	font-size: 14px;
	width: 100%;
	height: calc(86px * 5);
	min-height: calc(86px * 5);
	max-height: calc(86px * 6);
	margin: 0;
	padding: 0;
	position: relative;
	overflow: auto;
}

#information dt {
	font: 14px "Open Sans", "Lucida Grande", Arial, sans-serif;
	margin: 0;
	padding: .8em 1em .5em 1.7em;
	background: url(../images/home/icon_list@2x.png) 10px 17px no-repeat;
	background-size: 7px 7px;
}

#information dd {
	margin: 0;
	padding: 0 1em .5em 1.7em;
	border-bottom: 1px dotted #bbbdbf;
	-webkit-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}

#information dl a {
	color: #383a3b;
	display: block;
	height: 100%;
}

#information dl a:hover {
	color: #0092ac;
}

#information dd h4 {
	margin: 0 0 .3em;
	padding: 0;
	display: inline-block;
}

#information dd p {
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

#information .new {
	font: 600 8px "Open Sans", "Lucida Grande", Arial, sans-serif;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	margin-left: 10px;
	padding: 0 .3em 0 .5em;
	position: relative;
	display: inline-block;
	top: -2px;
	background-color: #3a578c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}


/* Minimum width 959px and Tablet */
@media all and (max-width: 959px) and (min-width: 600px) {
header {
	background-color: rgba(255, 255, 255, 0);
	background-image: none;
}

#main-nav > ul > li:first-child a:before {
	background-image: none;
}

#maincontainer {
	margin-top: -46px;
	padding-top: 0;
}


/* Top Site Main-Banner */
#mainbanner {
	width: 100%;
	height: 800px;
	max-height: 800px;
}

#mainbanner .slide-main .sp-layer h3 {
	padding-top: calc((488 / 960) * 100%);
}

#mainbanner .slide-spring .sp-layer h3 {
	padding-top: calc((569 / 960) * 100%);
}

#mainbanner .slide-dish .sp-layer h3 {
	padding-top: calc((602 / 960) * 100%);
}

/* Anchor Navigation */
#mainbanner .anchor-prd {
	width: 40px;
	height: 40px;
	bottom: 30px;
}

#mainbanner .anchor-prd a:after {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23fff' viewBox='0 0 256 232'%3E%3Cpath d='M236.14,96.2,128,204,19.86,96.2A11.61,11.61,0,1,0,3.41,112.6h0l116.37,116a11.65,11.65,0,0,0,16.45,0l116.36-116a11.61,11.61,0,0,0-16.45-16.4Z'/%3E%3Cpath d='M119.78,135.8a11.65,11.65,0,0,0,16.45,0l116.36-116A11.61,11.61,0,0,0,236.14,3.4L128,111.19,19.86,3.4A11.61,11.61,0,1,0,3.41,19.8Z'/%3E%3C/svg%3E");
	bottom: 7px;
}

#mainbanner .anchor-prd a:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23000' viewBox='0 0 256 232'%3E%3Cpath d='M236.14,96.2,128,204,19.86,96.2A11.61,11.61,0,1,0,3.41,112.6h0l116.37,116a11.65,11.65,0,0,0,16.45,0l116.36-116a11.61,11.61,0,0,0-16.45-16.4Z'/%3E%3Cpath d='M119.78,135.8a11.65,11.65,0,0,0,16.45,0l116.36-116A11.61,11.61,0,0,0,236.14,3.4L128,111.19,19.86,3.4A11.61,11.61,0,1,0,3.41,19.8Z'/%3E%3C/svg%3E");
	bottom: 2px;
}


/* Contents */
/* Introduction of Plans & Relaxation */
/* Common Setting */
#intro_plans h3, #intro_relax h3 {
	font-size: 38px;
}

#intro_plans p, #intro_relax p {
	font-size: 20px;
}

#intro_plans .anchor-link a, #intro_relax .anchor-link a {
	font-size: 24px;
}

/* Information Area */
#info-area {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 80px;
}

#information h3 {
	font-size: 20px;
	padding-bottom: 7px;
}

#information dl {
	font-size: 14px;
}

#information dl a {
	display: block;
	height: 100%;
}

}


/* Phone */
/* Portrait mode */
@media only screen and (max-width: 599px) {
header {
	background-color: rgba(255, 255, 255, 0);
	background-image: none;
}

#main-nav > ul > li:first-child a:before {
	background-image: none;
}

#maincontainer {
	margin-top: -46px;
	padding-top: 0;
}


/* Top Site Main-Banner */
#mainbanner {
	width: 100%;
	height: 500px;
	max-height: 500px;
}

#mainbanner:before {
	width: calc((480 / 960) * 100%);
	height: calc((120 / 480) * 100%);
}

#mainbanner .slide-main .sp-layer h3 {
	padding-top: calc((488 / 720) * 100%);
}

#mainbanner .slide-spring .sp-layer h3 {
	padding-top: calc((569 / 720) * 100%);
}

#mainbanner .slide-dish .sp-layer h3 {
	padding-top: calc((602 / 720) * 100%);
}

/* Anchor Navigation */
#mainbanner .anchor-prd {
	width: 40px;
	height: 40px;
	bottom: 30px;
}

#mainbanner .anchor-prd a:after {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23fff' viewBox='0 0 256 232'%3E%3Cpath d='M236.14,96.2,128,204,19.86,96.2A11.61,11.61,0,1,0,3.41,112.6h0l116.37,116a11.65,11.65,0,0,0,16.45,0l116.36-116a11.61,11.61,0,0,0-16.45-16.4Z'/%3E%3Cpath d='M119.78,135.8a11.65,11.65,0,0,0,16.45,0l116.36-116A11.61,11.61,0,0,0,236.14,3.4L128,111.19,19.86,3.4A11.61,11.61,0,1,0,3.41,19.8Z'/%3E%3C/svg%3E");
	bottom: 6px;
}

#mainbanner .anchor-prd a:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23000' viewBox='0 0 256 232'%3E%3Cpath d='M236.14,96.2,128,204,19.86,96.2A11.61,11.61,0,1,0,3.41,112.6h0l116.37,116a11.65,11.65,0,0,0,16.45,0l116.36-116a11.61,11.61,0,0,0-16.45-16.4Z'/%3E%3Cpath d='M119.78,135.8a11.65,11.65,0,0,0,16.45,0l116.36-116A11.61,11.61,0,0,0,236.14,3.4L128,111.19,19.86,3.4A11.61,11.61,0,1,0,3.41,19.8Z'/%3E%3C/svg%3E");
	bottom: 2px;
}


/* Contents */
/* Introduction of Plans & Relaxation */
/* Common Setting */
#intro_plans h3, #intro_relax h3 {
	font-size: 26px;
}

#intro_plans p, #intro_relax p {
	font-size: 18px;
}

#intro_plans p span, #intro_relax p span {
	display: none;
}

#intro_plans .anchor-link, #intro_relax .anchor-link {
	min-width: 240px;
	min-height: 124px;
	margin-top: 30px;
}

#intro_plans .anchor-link a, #intro_relax .anchor-link a {
	font-size: 22px;
}

#intro_plans .anchor-link a:before, #intro_relax .anchor-link a:before {
	height: 32px;
}

#intro_plans .shots, #intro_relax .shots {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#intro_plans .shots:before, #intro_relax .shots:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .2);
	position: absolute;
	top: 0;
	left: 0;
}

/* Plans Only */
#intro_plans {
	color: #fff;
	height: 460px;
	min-height: 460px;
	max-height: 600px;
}

#intro_plans .shots > div {
	width: 100%;
	height: 50%;
}

#intro_plans .shots img[alt="露天風呂"] {
	object-position: 100% 40%;
	font-family: 'object-fit: cover; object-position: 100% 40%;';
}

#intro_plans .shots img[alt="岩盤浴場"] {
	object-position: 100% 20%;
	font-family: 'object-fit: cover; object-position: 100% 20%;';
}

/* Relaxation Only */
#intro_relax {
	color: #261f1c;
	height: 460px;
	min-height: 460px;
	max-height: 600px;
}

#intro_relax .shots > div {
	width: 100%;
	height: calc(100% / 2);
}

#intro_relax .shots img[alt="サウナ"] {
	object-position: 70% 85%;
	font-family: 'object-fit: cover; object-position: 70% 85%;';
}

#intro_relax .shots img[alt="客室"] {
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

#intro_relax .shots img[alt="館内"] {
	object-position: 100% 50%;
	font-family: 'object-fit: cover; object-position: 100% 50%;';
}


/* Information Area */
#info-area {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

#information h3 {
	font-size: 18px;
	padding: 0 0 8px 37px;
}

#information dl {
	font-size: 14px;
}

#information dl a {
	display: block;
	height: 100%;
}

}