@charset "utf-8";
/*
Theme Name: ホテルサンバリーアネックス2024
Author: adgraphy
Author URI: http://adgraphy.jp
Version: 1.0
License: Adgraphy all rights reserved.
*/


/*------------------------------------------------
reset
--------------------------------------------------*/
html, body, header, footer, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address , abbr, acronym, aress, article, aside, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, section,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, nav,
dl, dt, dd , ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
button, hr, time{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:inherit;
	background: transparent;
	font-weight:inherit;  
	text-decoration:none;
	font-family:inherit;
	color:inherit;
	box-sizing:border-box;
	font-style:normal;
	text-align:left;
	list-style: none;
	position:relative;
	line-height: inherit;
	word-break: inherit;
	letter-spacing: inherit;
	text-shadow: inherit;
}
html{
	font-size: 10px;
	word-break: keep-all;
	-webkit-text-size-adjust: 100%;
}
body{
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.06em;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}
body.scroll{
	padding-top: 176px;
}
body.scrollnone{
	overflow:hidden !important;
	height:100% !important;
}
img{
	vertical-align:bottom;
	max-width:100%;
    height: auto;
}
img.maxWidthNone{
	max-width:none;
}
p{
	line-break: strict;
    line-height: 2.6;
	word-break: break-word;
}
th,td{
	line-break: strict;
    line-height: 1.6;
	word-break: break-word;
}
a,
.pointer,
button,
input[type="submit"]{
    cursor: pointer;
    transition: opacity 0.5s ease;
	text-decoration: none;
}
a:hover,
.pointer:hover,
button:hover,
input[type="submit"]:hover{
    opacity: 0.4;
}
p > a,
td > a{
	text-decoration: underline;
}
main{
	overflow: hidden;
}
.nolink{
	pointer-events: none;
}
@media only screen and (max-width: 810px) {
	a:hover,
	.pointer:hover,
	button:hover,
	input[type="submit"]:hover{
		opacity: 1;
		transition: none;
	}
}


/*------------------------------------------------
layout
--------------------------------------------------*/
.absolute{
	position:absolute;
}
.absolute img,
img.absolute{
	max-width:none;
}
.flexSpace{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.flexStart{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
}
.flexCenter{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: center; /*Android4.3*/
	-moz-box-pack: center;    /*Firefox21*/
	-ms-flex-pack: center;    /*IE10*/
	-webkit-justify-content: center; /*PC-Safari,iOS8.4*/
	justify-content: center;
}
.flexEnd{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-justify-content:flex-end;         /* Safari etc. */
	-ms-justify-content:flex-end;         /* IE10        */
	justify-content:flex-end;
}
.flexSpace.reverse,
.flexStart.reverse,
.flexEnd.reverse{
	flex-direction: row-reverse;
}
.flexSpace.center,
.flexStart.center,
.flexEnd.center,
.flexCenter.center{
	align-items: center;
}
.flexSpace.bottom,
.flexStart.bottom,
.flexEnd.bottom,
.flexCenter.bottom{
	align-items: flex-end;
}
.gap8{ column-gap: 8px;}
.gap16{ column-gap: 16px;}
.gap20{ column-gap: 20px;}
.gap24{ column-gap: 24px;}
.gap32{ column-gap: 32px;}
.gap40{ column-gap: 40px;}
img.flLeft{
	float: left;
	max-width: none;
}
img.flRight{
	float: right;
	max-width: none;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.container1080{
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.container1280{
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(100% - 30px);
	min-width: 1080px;
}
.anchor{
	height: 0;
	display: block;
	margin-top: -88px;
	padding-top: 88px;
	position: relative;
	z-index: -99999;
}

/*------------------------------------------------
margin
--------------------------------------------------*/
.mt8{ margin-top: 8px;}
.mt16{ margin-top: 16px;}
.mt24{ margin-top: 24px;}
.mt32{ margin-top: 32px;}
.mt40{ margin-top: 40px;}
.mt48{ margin-top: 48px;}
.mt56{ margin-top: 56px;}
.mt64{ margin-top: 64px;}
.mt72{ margin-top: 72px;}
.mt80{ margin-top: 80px;}
.mt88{ margin-top: 88px;}
.mt96{ margin-top: 96px;}
.mt104{ margin-top: 104px;}
.mt112{ margin-top: 112px;}
.mt120{ margin-top: 120px;}
.mt128{ margin-top: 128px;}
.mt192{ margin-top: 192px;}
.mt256{ margin-top: 256px;}
.mb8{ margin-bottom: 8px;}
.mb16{ margin-bottom: 16px;}
.mb24{ margin-bottom: 24px;}
.mb32{ margin-bottom: 32px;}
.mb40{ margin-bottom: 40px;}
.mb48{ margin-bottom: 48px;}
.mb56{ margin-bottom: 56px;}
.mb64{ margin-bottom: 64px;}
.mb72{ margin-bottom: 72px;}
.mb80{ margin-bottom: 80px;}
.mb88{ margin-bottom: 88px;}
.mb96{ margin-bottom: 96px;}
.mb104{ margin-bottom: 104px;}
.mb112{ margin-bottom: 112px;}
.mb120{ margin-bottom: 120px;}
.mb128{ margin-bottom: 128px;}
.mb192{ margin-bottom: 192px;}
.mb256{ margin-bottom: 256px;}
.pt8{ padding-top: 8px;}
.pt16{ padding-top: 16px;}
.pt24{ padding-top: 24px;}
.pt32{ padding-top: 32px;}
.pt40{ padding-top: 40px;}
.pt48{ padding-top: 48px;}
.pt56{ padding-top: 56px;}
.pt64{ padding-top: 64px;}
.pt72{ padding-top: 72px;}
.pt80{ padding-top: 80px;}
.pt88{ padding-top: 88px;}
.pt96{ padding-top: 96px;}
.pt104{ padding-top: 104px;}
.pt112{ padding-top: 112px;}
.pt120{ padding-top: 120px;}
.pt128{ padding-top: 128px;}
.pt192{ padding-top: 192px;}
.pt256{ padding-top: 256px;}
.pb8{ padding-bottom: 8px;}
.pb16{ padding-bottom: 16px;}
.pb24{ padding-bottom: 24px;}
.pb32{ padding-bottom: 32px;}
.pb40{ padding-bottom: 40px;}
.pb48{ padding-bottom: 48px;}
.pb56{ padding-bottom: 56px;}
.pb64{ padding-bottom: 64px;}
.pb72{ padding-bottom: 72px;}
.pb80{ padding-bottom: 80px;}
.pb88{ padding-bottom: 88px;}
.pb96{ padding-bottom: 96px;}
.pb104{ padding-bottom: 104px;}
.pb112{ padding-bottom: 112px;}
.pb120{ padding-bottom: 120px;}
.pb128{ padding-bottom: 128px;}
.pb192{ padding-bottom: 192px;}
.pb256{ padding-bottom: 256px;}
.mlr_auto{
	margin-left: auto;
	margin-right: auto;
}


/*------------------------------------------------
font
--------------------------------------------------*/
.roboto{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}
.fz14{ font-size: 1.4rem;}
.fz15{ font-size: 1.5rem;}
.fz16{ font-size: 1.6rem;}
.fz20{ font-size: 2rem;}
.fz22{ font-size: 2.2rem;}
.fz24{ font-size: 2.4rem;}
.fz28{ font-size: 2.8rem;}
.fz32{ font-size: 3.2rem;}
.fz40{ font-size: 4rem;}
.fz44{ font-size: 4.4rem;}
.fz48{ font-size: 4.8rem;}
.fz56{ font-size: 5.6rem;}
.fz64{ font-size: 6.4rem;}
.fz72{ font-size: 7.2rem;}
.fz80{ font-size: 8rem;}
.fz96{ font-size: 9.6rem;}
.fz120{ font-size: 12rem;}
.fz144{ font-size: 14.4rem;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700{ font-weight: 700;}
.fw900{ font-weight: 900;}
.ls0{ letter-spacing: 0;}
.ls100{ letter-spacing: 0.1em;}
.ls200{ letter-spacing: 0.2em;}
.ls300{ letter-spacing: 0.3em;}
.ls400{ letter-spacing: 0.4em;}
.ls500{ letter-spacing: 0.5em;}
.lh100{ line-height: 1;}
.lh120{ line-height: 1.2;}
.lh130{ line-height: 1.3;}
.lh150{ line-height: 1.5;}
.lh200{ line-height: 2;}
.lh220{ line-height: 2.2;}
.lh260{ line-height: 2.6;}
.taCenter{ text-align: center;}
.taRight{ text-align: right;}
.tategaki{
	writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
	display:inline-block;
}

/*------------------------------------------------
common
--------------------------------------------------*/
.scroll_fadein{
	opacity: 0;
	visibility: hidden;
}
@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
body.scroll .scroll_fadein{
	opacity: 1;
	visibility: visible;
	animation: fadein 0.5s ease;
}
.objectfit{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}


/*------------------------------------------------
header
--------------------------------------------------*/
#header{
	height: 176px;
	width: 100%;
	background-color: #FFF;
	min-width: 1080px;
	z-index: 9999;
}
#header .logo{
	width: 520px;
}
#header .logo h1 a{
	display: block;
	text-indent: -9999px;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/header_logo.png") no-repeat center center;
	background-size: 100%;
	width: 100%;
	height: 95px;
}
#header .laurel li{
	height: 64px;
	padding: 0 20px;
	max-width: calc(50% - 4px);
}
#header .laurel li::before,
#header .laurel li::after{
	content: "";
	display: block;
	position: absolute;
	width: 32px;
	height: 100%;
	background: no-repeat center center;
	background-size: 100%;
	top: 0;
}
#header .laurel li::before{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/header_laurel_left.png");
	left: 0;
}
#header .laurel li::after{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/header_laurel_right.png");
	right: 0;
}
#header .reservation{
	width: 104px;
	height: 104px;
	display: block;
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_reservation_white.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center 20px;
	padding-top: 60px;
	position: absolute;
	top: 0;
	right: 0;
}
#header_menu .menu{
	padding-right: 115px;
	height: 104px;
}
#header_menu .menu .main > li > a{
	padding-bottom: 16px;
	display: block;
}
#header_menu .menu .main > li > a::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #0058a4;
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 1;
}
#header_menu .menu .main > li > a:hover,
#header_menu .menu .main > li > a:hover:after{
	opacity: 1;
}
#header_menu .menu .main .child{
	position: absolute;
	z-index: 9;
	left: 0;
	top: calc(100% - 1px);
	border: 1px solid #80abd1;
	border-top-color: #0058a4;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease;
}
#header_menu .menu .main li:hover .child{
	opacity: 1;
	visibility: visible;
}
#header_menu .menu .main .child li:not(:last-of-type){
	border-bottom: 1px solid #80abd1;
}
#header_menu .menu .main .child li a{
	display: block;
	line-height: 32px;
	padding: 0 12px;
	width: auto;
	white-space: nowrap;
	color: #000;
}
#header_menu .menu .main .child li::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: #d9e6f1;
	opacity: 0;
	transition: opacity 0.5s ease;
}
#header_menu .menu .main .child li:hover::before{
	opacity: 1;
}
#header_menu .menu .main .child li a:hover{
	opacity: 1;
}

#header_menu .header_menu_bottom{
	padding-right: 16px;
}
#header_menu .bestrate {
    text-indent: -9999px;
    background: url(https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/header_bestrate.jpg) no-repeat center center;
    background-size: 100%;
    width: 200px;
    height: 36px;
}
#header_menu .language dt{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_language_gray.png") no-repeat left center;
	background-size: 20px;
	line-height: 20px;
	padding: 8px 8px 8px 24px;
}
#header_menu .language .inner{
	position: absolute;
	z-index: 9;
	left: 0;
	top: 100%;
	border: 1px solid #80abd1;
	border-top-color: #0058a4;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease;
	width: 100%;
}
#header_menu .language dd{
	width: 100%;
}
#header_menu .language dd:not(:last-of-type){
	border-bottom: 1px solid #80abd1;
}
#header_menu .language dd a{
	display: block;
	text-align: center;
	line-height: 32px;
}
#header_menu .language:hover .inner{
	opacity: 1;
	visibility: visible;
}

#header_menu .sns li a{
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: no-repeat center center;
	background-size: 100%;
}
#header_menu .sns li.instagram a{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_instagram_black.png");
}
#header_menu .sns li.youtube a{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_youtube_black.png");
}
#header_menu .others li a{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 16px;
}
@media only screen and (max-width: 1580px) {
	#header_menu .menu .main > li > a{
		font-size: 1.6rem;
	}
	#header_menu .menu .main > li .child a,
	#header_menu .menu .sub > li > a{
		font-size: 1.5rem;
	}
	#header .logo{
		width: 450px;
	}
	#header .logo h1 a{
		height: 70px;
	}
	#header .laurel li{
		font-size: 1.2rem;
		height: 42px;
		padding: 0 16px;
	}
	#header .laurel li::before,
	#header .laurel li::after{
		width: 20px;
	}
}
@media only screen and (max-width: 1430px) {
	#header_menu .gap20,
	#header_menu .gap24{
		column-gap: 12px;
	}
}
@media only screen and (max-width: 1330px) {
	#header_menu .menu .main > li > a{
		font-size: 1.5rem;
	}
	#header_menu .menu .main > li .child a,
	#header_menu .menu .sub > li > a{
		font-size: 1.4rem;
	}
	#header .logo{
		width: 320px;
	}
	#header .laurel li{
		margin-bottom: 12px;
		width: 210px;
		max-width: none;
	}
}
body.scroll #header{
	background-color: #f2f7fa;
	height: 88px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	animation: fadein 0.5s ease;
}
body.scroll #header .logo{
	width: 310px;
	height: 88px;
}
body.scroll #header .logo a{
	height: 88px !important;
}
body.scroll #header .logo .laurel,
body.scroll #header_menu .menu .sub{
	display: none;
}
body.scroll #header_menu .menu{
	padding-top: 8px;
	padding-right: 220px;
	height: auto;
}
body.scroll #header_menu .menu .main > li > a{
	padding-bottom: 12px;
}
body.scroll #header_menu .header_menu_top{
	padding-top: 5px;
}
body.scroll #header_menu .header_menu_bottom{
	margin-top: 0;
	padding-right: 220px;
}
body.scroll #header .reservation{
	height: 88px;
	padding-top: 56px;
	right: 104px;
}
body.scroll #header .reservation .fz16{
	font-size: 1.4rem;
}
body.scroll #header .reservation .roboto{
	display: none;
}
@media only screen and (max-width: 1260px) {
  body.scroll #header .logo{
    width: 240px;
  }
	body.scroll #header .reservation .fz16{
		font-size: 1.2rem;
	}
	body.scroll #header .reservation{
		width: 80px;
		right: 80px;
	}
	body.scroll #header .menu_btn{
		width: 80px;
	}
	body.scroll #header_menu .menu,
	body.scroll #header_menu .header_menu_bottom{
		padding-right: 170px;
	}
	body.scroll #header_menu .menu .main li:first-of-type{
		display: none;
	}
}
@media only screen and (max-width: 1160px) {
	#header .logo{
		width: 250px;
	}
	#header_menu .gap20,
	#header_menu .gap24{
		column-gap: 10px;
	}
}

#header .menu_btn{
	width: 104px;
	height: 88px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: #003a7b url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/header_menu_btn.png") no-repeat center 24px;
	background-size: 36px;
	padding-top: 56px;
	display: none;
}
body.scroll #header .menu_btn{
	display: block;
}

#pageHeader .image{
	height: 440px;
	width: 100%;
}
#pageHeader .image::after{
	content: "";
	display: block;
	width: 100%;
	height: 210px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(0,rgba(0,63,164,0.7),rgba(0,63,164,0));
}
#pageHeader .text{
	margin-top: -114px;
}
.page_nav01 li{
	width: calc((100% - 72px) / 4);
}
.page_nav01 li a{
	box-shadow: none;
}
.page_nav02 li a{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_lightblue.png") no-repeat right center;
	background-size: 70px;
	padding-right: 95px;
}
.page_nav04 li{
	width: calc((100% - 48px) / 3);
}


/*------------------------------------------------
searchPanel
--------------------------------------------------*/
#searchPanel{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	transition: all 0.5s ease;
	transform: translateY(calc(100% - 40px));
}
#searchPanel.open,
#searchPanel.fv_open{
	transform: translateY(0);
}
#searchPanel h2{
	width: 325px;
	line-height: 40px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	cursor: pointer;
}
#searchPanel h2::after{
	content: "";
	display: block;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/angle01_up_white.png") no-repeat center center;
	background-size: 100%;
	width: 16px;
	height: 8px;
	position: absolute;
	top: calc(50% - 4px);
	right: 24px;
	transition: all 0.5s ease;
}
#searchPanel.open h2::after,
#searchPanel.fv_open h2::after{
	transform: rotate(180deg);
}
#searchPanel .panel{
	height: 72px;
}
#searchPanel .panel h3{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/searchPanel_bestrate.png");
	background-size: 100%;
	width: 250px;
	height: 72px;
	text-indent: -9999px;
}
#searchPanel .directin-sp-form{
	padding: 0;
}
#searchPanel .directin-sp-form,
#searchPanel .directin-sp-form .directin-sp-form-input-group,
#searchPanel .directin-sp-form .directin-sp-form-input-group div.directin-sp-form-input{
	margin: 0;
	column-gap: 8px;
	align-items: center;
}
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-separator{
	padding: 0;
	margin: 0;
}
#searchPanel .directin-sp-form-label{
	display: none;
}
#searchPanel .directin-sp-form .directin-sp-form-submit-button{
	margin: 0;
	padding: 0;
}
#searchPanel .directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-nodate-checkbox{
	padding-bottom: 0;
	color: #FFF;
}
#searchPanel .directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label{
	color: #FFF;
}
#searchPanel .directin-sp-form .directin-sp-form-submit-button button{
	height: 40px;
	line-height: 40px;
	padding: 0;
	border-radius: 20px;
	width: 96px;
	background-color: #cec5bf;
	color: #000;
}
#searchPanel .directin-sp-form .directin-sp-form-input label input[type="checkbox"]{
	margin-top: 0;
	margin-bottom: 0;
}
#searchPanel .directin-sp-form input[type="text"],
#searchPanel .directin-sp-form select{
	border: 0;
	background-color: #FFF;
	box-sizing: border-box;
	height: 40px;
}

/*------------------------------------------------
menu
--------------------------------------------------*/
#menu{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	overflow-y: scroll;
	z-index: 99999;
	display: none;
}
#menu .right{
	width: 780px;
	min-height: 100%;
	padding-left: 112px;
	padding-right: 112px;
	margin: 0 0 0 auto;
}
#menu .left{
	width: calc(100% - 780px);
	height: 100svh;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/menu_left.jpg") no-repeat right center;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
}
#menu .footer_menu_main + div{
	width: 310px;
}
#menu .footer_reservation .btn01{
	width: 400px;
}
#menu .close{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/menu_close.png") no-repeat center center;
	background-size: 100%;
	width: 120px;
	height: 94px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}


/*------------------------------------------------
parts
--------------------------------------------------*/
.box01 .text{
	width: 460px;
}
.box01 .image{
	width: calc(100% - 80px - 460px);
}
.box01 .image .slider01{
	width: 800px;
	float: right;
	padding-bottom: 20px;
}
.box01 .image > img{
	width: 800px;
	float: right;
	max-width: none;
}
.box01 .image.w640 .slider01,
.box01 .image.w640 > img{
	width: 640px;
}
.box01 .image.w100 .slider01,
.box01 .image.w100 > img{
	width: 100%;
}
.box01.reverse .image .slider01,
.box01.reverse .image > img{
	float: left;
}
.box01 .image .slider01 .swiper-pagination{
	text-align: right;
}
.box01.reverse .image .slider01 .swiper-pagination{
	text-align: left;
}
.box01 .text .table01 th{
	width: 144px;
}
.box02{
	padding-left: 100px;
	padding-right: 100px;
}
.box02.border{
	border: 7px solid #ccdeed;
}
.box02 .image{
	width: 400px;
}
.box02 .text{
	width: calc(100% - 400px - 80px);
}


.images01 li{
	width: 25%;
}
.swiper-pagination01{
	bottom: 0;
}
.swiper-pagination01 .swiper-pagination-bullet{
	border-radius: 0;
	height: 2px;
	width: 40px;
	background-color: #80abd1;
	opacity: 1;
	transition: all 0.5s ease;
}
.swiper-pagination01 .swiper-pagination-bullet-active{
	background-color: #0058a4;
	height: 4px;
	transform: translateY(1px);
}
.btn01{
	display: flex;
	width: 360px;
	height: 72px;
	max-width: 100%;
	border-radius: 36px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	background-color: #1969ad;
	border: 1px solid #f4d663;
	color: #FFF;
}
.btn01.bg_yellow{
	color: #0058a4;
}
.btn01.bg_green{
	border: none;
}
.btn01.blank span{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_blank_blue.png") no-repeat left center;
	background-size: 16px;
	padding-left: 24px;
}
.btn01.wide{
	width: 600px;
	max-width: 100%;
}
.btn02{
	display: block;
}
.btn02::before{
	content: "";
	display: block;
	width: calc(100% + 48px);
	height: 100%;
	position: absolute;
	top: 0;
	right: -24px;
	z-index: 9;
	background-color: rgba(0,58,123,0.7);
	transition: opacity 0.5s ease;
	opacity: 0;
	visibility: hidden;
}
.btn02:hover{
	opacity: 1;
}
.btn02 .text{
	z-index: 999;
}
.btn02 .viewmore{
	position: absolute;
	top: 160px;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_lightblue.png") no-repeat center bottom;
	background-size: 70px;
	padding-bottom: 32px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease;
}

.btn02:hover::before,
.btn02:hover .viewmore{
	opacity: 1;
	visibility: visible;
}
.title01 span:nth-of-type(1){
	vertical-align: middle;
	display: inline-block;
	margin-right: 32px;
}
.title03{
	background-color: #80abd1;
	color: #FFF;
	padding: 24px;
}
.title_underline{
	border-bottom: 1px solid #80abd1;
	padding-bottom: 32px;
}
.btn02 .viewmore.horizontal{
	top: 144px;
	left: 50%;
	width: auto;
	padding-right: 96px;
	padding-bottom: 0;
	transform: translateX(-50%);
	background-position: right center;
}
.table01{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}
.table01 th,
.table01 td{
	padding: 12px 16px;
	border-bottom: 1px solid #80abd1;
	vertical-align: middle;
}
.table01 th{
	background-color: #80abd1;
	color: #FFF;
	width: 256px;
}

.table02{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #80abd1;
	border-left: 1px solid #80abd1;
}
.table02 th,
.table02 td{
	text-align: center;
	border-bottom: 1px solid #80abd1;
	border-right: 1px solid #80abd1;
	padding: 16px;
	background-clip: border-box;
}
.table02 thead th{
	background-color: #4c8abf;
	color: #FFF;
}
.table02 tbody th{
	background-color: #ccdeed;
}
.table02 tbody td{
	background-color: #fff;
}

.sns_list li a{
	display: block;
	width: 35px;
	height: 35px;
	background: no-repeat center center;
	background-size: 100%;
	text-indent: -9999px;
}
.sns_list li.instagram a{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_instagram_circle_white.png");
}
.sns_list li.youtube a{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_youtube_circle_white.png");
}
.list01 li{
	width: calc(50% - 8px);
	height: 88px;
}
.list02 li{
	width: calc((100% - 48px) / 3);
}
.list03{
	border-top: 1px solid #80abd1;
}
.list03 li{
	border-bottom: 1px solid #80abd1;
}
.list03 li .image{
	width: 420px;
}
.list03 li .text{
	width: calc(100% - 420px - 80px);
}
.list04 li{
	width: calc(50% - 8px);
}
.list04 li .text em{
	padding: 0 8px;
	display: inline-block;
	margin-right: 16px;
	line-height: 32px;
	vertical-align: baseline;
}
.page_nav03 li{
	width: calc((100% - 48px) / 3);
}
.reservation01{
	background-color: #336195;
	color: #FFF;
}
.reservation01 .bestrate{
	text-indent: -9999px;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/reservation_bestrate_w.png") no-repeat center center;
	background-size: 100%;
	width: 360px;
	height: 64px;
}
.details.flexSpace .table01{
	width: calc(50% - 8px);
}
.details .table01 th{
	width: 144px;
}
.gmap iframe{
	width: 100%;
	height: 450px;
}
.nearby_list li{
	width:  calc((100% - 72px) / 4);
}
.nearby_list li .category{
	background-color: #669bc8;
	line-height: 32px;
	color: #FFF;
}
.nearby_list li .body{
	padding: 24px;
}
.nearby_list li .famous{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/nearby_list_famous.png");
	background-size: 100%;
	width: 108px;
	line-height: 24px;
	text-align: center;
	color: #FFF;
}
.nearby_list li a{
	display: block;
	width: 100%;
	line-height: 48px;
	text-align: center;
	border-radius: 24px;
}
.nearby_list li a.hp{
	background-color: #f4d663;
	color: #0058a4;
}
.nearby_list li a.map{
	background-color: #ccdeed;
	color: #0058a4;
}
.nearby_list li a::before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 23px;
	margin-right: 8px;
	vertical-align: middle;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.nearby_list li a.hp::before{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_blank_blue.png");
}
.nearby_list li a.map::before{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_map_blue.png");
}
.slider02{
	padding-bottom: 20px;
}
.slider02 .swiper-pagination{
	bottom: 0;
}
.border01{
	width: 100%;
	height: 1px;
	background-color: #0058a4;
	border: none;
	display: block;
}

/*------------------------------------------------
color
--------------------------------------------------*/
.blue{ color: #0058a4;}
.lightblue{ color: #99bcdb;}
.lightblue02{ color: #4c8abf;}
.white{ color: #FFF;}
.yellow{ color: #f4d663;}
.red{ color: #FF0000;}
.gradation01,
.gradation01 i{
	background: linear-gradient(90deg,#99bcdb,#4c8abf);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg_white{
	background-color: #fff;
}
.bg_green{
	background-color: #22a773;
	color: #FFF;
}
.bg_blue{
	background-color: #0058a4;
	color: #FFF;
}
.bg_lightblue{
	background-color: #99bcdb;
	color: #FFF;
}
.bg_lightblue02{
	background-color: #ebf1f3;
}
.bg_lightblue03{
	background-color: #e5eef6;
}
.bg_lightblue04{
	background-color: #ccdeed;
}
.bg_pink{
	background-color: #ff8cb6;
	color: #FFF;
}
.bg_navy{
	background-color: #002b53;
	color: #FFF;
}
.bg_navy02{
	background-color: #003a7b;
	color: #FFF;
}
.bg_gradation01{
	background: linear-gradient(90deg,#0058a4,#2b74b3);
	color: #FFF;
}
.bg_yellow{
	background-color: #f4d663;
}
.br40{ border-radius: 40px;}

/*------------------------------------------------
mailForm
--------------------------------------------------*/
.mailForm input[type="text"],
.mailForm input[type="email"]{
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	-webkit-appearance:none;
    box-sizing: border-box;
	height: 64px;
	line-height: 62px;
	width: 100%;
	border: 1px solid #bebebe;
	background-color: #fff;
	padding: 0 10px;
	border-radius: 0;
}
.mailForm textarea{
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	-webkit-appearance:none;
	appearance:none;
	border: 1px solid #bebebe;
	background-color: #fff;
    box-sizing: border-box;
	height: 200px;
	line-height: 1.5;
	width: 100%;
	border-radius: 0;
	padding: 10px;
}
.mailForm .submit_btn{
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	-webkit-appearance:none;
	appearance:none;
	max-width: 100%;
	display: block;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	height: 72px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #0058a4;
	border-radius: 35px;
	background: #FFF;
	color: #0058a4;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.mwform-checkbox-field label{
	white-space: nowrap;
}
.mw_wp_form_input,
.mw_wp_form_confirm,
.mw_wp_form_complete{
}
.confirmOn,
.completeOn{
	display: none;
}
.mw_wp_form_confirm .inputOn{
	display: none;
}
.mw_wp_form_confirm .questionnaire + br{
	display: none;
}
.mw_wp_form_confirm .confirmOn{
	display: block;
}
.mw_wp_form_complete .inputOn{
	display: none;
}
.mw_wp_form_complete .completeOn{
	display: block;
}
.mw_wp_form_confirm .mailForm td p,
.mw_wp_form_confirm .mailForm_p01{
	display: none;
}
.mw_wp_form_confirm .confirmCompleteOff,
.mw_wp_form_complete .confirmCompleteOff{
	display: none;
}



/*------------------------------------------------
footer
--------------------------------------------------*/
.totop{
	width: 35px;
	height: 72px;
	position: fixed;
	z-index: 999;
	bottom: 24px;
	right: 24px;
}
.totop a{
	display: block;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/totop.png") no-repeat center top;
	background-size: 100%;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}
#footer{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/footer_bg.jpg") no-repeat center center;
	background-size: cover;
}
.footer_logo{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/footer_logo.png") no-repeat center top;
	background-size: 400px;
	height: 80px;
	border-bottom: 1px solid #99bcdb;
	text-indent: -9999px;
}
.footer_arucode{
	display: block;
	width: 409px;
}
#footer .footer_arucode{
	transform: translateX(-25px);
}
.footer_nav{
	column-gap: 72px;
}
.footer_menu_main li + li{
	margin-top: 40px;
}
.footer_menu_sub li + li{
	margin-top: 24px;
}
.footer_language li + li::before{
	content: "　/　";
}
.footer_language .spacer{
	width: 100%;
}
.footer_reservation{
	background-color: rgba(0,58,123,0.8);
	border: 1px solid #99bcdb;
}
.footer_reservation .bestrate{
	text-indent: -9999px;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/reservation_bestrate_w.png") no-repeat center center;
	background-size: 100%;
	width: 372px;
	height: 66px;
}
.footer_reservation a.btn01{
	width: 300px;
}
#grouplinks h3{
	padding-bottom: 16px;
	border-bottom: 1px solid #99bcdb;
}
.grouplinks_list li{
	width: calc((100% - 80px) / 3);
	margin-top: 24px;
}
.grouplinks_list li .image{
	width: 105px;
}
.grouplinks_list li .text{
	width: calc(100% - 105px - 16px);
}
.grouplinks_list li .text address{
	letter-spacing: 0;
}

/*------------------------------------------------
sp
--------------------------------------------------*/
.sp_inline,
.sp_block,
.sp_flex{
	display: none;
}
@media screen and (max-width: 540px){
	html{
		font-size: 8px;
	}
	body.scroll{
		padding-top: 0 !important;
	}
	p{
		line-height: 2;
	}
	th,td{
		line-height: 1.6;
	}
	/*------------------------------------------------
	layout
	--------------------------------------------------*/
	.sp_inline{ display: inline;}
	.sp_block{ display: block;}
	.sp_flex{ display: flex;}
	.sp_none{ display: none;}
	.anchor{
		margin-top: 0;
		padding-top: 0;
	}
	.container1080,
	.container1280{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
		min-width: 0;
	}
	img.flRight,
	img.flLeft{
		float: none !important;
		max-width: 100%;
	}

	
	/*------------------------------------------------
	margin
	--------------------------------------------------*/
	.mt8{ margin-top: 4px;}
	.mt16{ margin-top: 8px;}
	.mt24{ margin-top: 12px;}
	.mt32{ margin-top: 16px;}
	.mt40{ margin-top: 20px;}
	.mt48{ margin-top: 24px;}
	.mt56{ margin-top: 28px;}
	.mt64{ margin-top: 32px;}
	.mt72{ margin-top: 36px;}
	.mt80{ margin-top: 40px;}
	.mt88{ margin-top: 44px;}
	.mt96{ margin-top: 48px;}
	.mt104{ margin-top: 52px;}
	.mt112{ margin-top: 56px;}
	.mt120{ margin-top: 60px;}
	.mt128{ margin-top: 64px;}
	.mt192{ margin-top: 96px;}
	.mt256{ margin-top: 128px;}
	.mb8{ margin-bottom: 4px;}
	.mb16{ margin-bottom: 8px;}
	.mb24{ margin-bottom: 12px;}
	.mb32{ margin-bottom: 16px;}
	.mb40{ margin-bottom: 20px;}
	.mb48{ margin-bottom: 24px;}
	.mb56{ margin-bottom: 28px;}
	.mb64{ margin-bottom: 32px;}
	.mb72{ margin-bottom: 36px;}
	.mb80{ margin-bottom: 40px;}
	.mb88{ margin-bottom: 44px;}
	.mb96{ margin-bottom: 48px;}
	.mb104{ margin-bottom: 52px;}
	.mb112{ margin-bottom: 56px;}
	.mb120{ margin-bottom: 60px;}
	.mb128{ margin-bottom: 64px;}
	.mb192{ margin-bottom: 96px;}
	.mb256{ margin-bottom: 128px;}
	.pt8{ padding-top: 4px;}
	.pt16{ padding-top: 8px;}
	.pt24{ padding-top: 12px;}
	.pt32{ padding-top: 16px;}
	.pt40{ padding-top: 20px;}
	.pt48{ padding-top: 24px;}
	.pt56{ padding-top: 28px;}
	.pt64{ padding-top: 32px;}
	.pt72{ padding-top: 36px;}
	.pt80{ padding-top: 40px;}
	.pt88{ padding-top: 44px;}
	.pt96{ padding-top: 48px;}
	.pt104{ padding-top: 52px;}
	.pt112{ padding-top: 56px;}
	.pt120{ padding-top: 60px;}
	.pt128{ padding-top: 64px;}
	.pt192{ padding-top: 96px;}
	.pt256{ padding-top: 128px;}
	.pb8{ padding-bottom: 4px;}
	.pb16{ padding-bottom: 8px;}
	.pb24{ padding-bottom: 12px;}
	.pb32{ padding-bottom: 16px;}
	.pb40{ padding-bottom: 20px;}
	.pb48{ padding-bottom: 24px;}
	.pb56{ padding-bottom: 28px;}
	.pb64{ padding-bottom: 32px;}
	.pb72{ padding-bottom: 36px;}
	.pb80{ padding-bottom: 40px;}
	.pb88{ padding-bottom: 44px;}
	.pb96{ padding-bottom: 48px;}
	.pb104{ padding-bottom: 52px;}
	.pb112{ padding-bottom: 56px;}
	.pb120{ padding-bottom: 60px;}
	.pb128{ padding-bottom: 64px;}
	.pb192{ padding-bottom: 96px;}
	.pb256{ padding-bottom: 128px;}
	
	/*------------------------------------------------
	font
	--------------------------------------------------*/
	.fz80{ font-size: 5.5rem;}
	.fz144{ font-size: 7rem;}
	.roboto{
		word-break: keep-all;
	}







	/*------------------------------------------------
	common
	--------------------------------------------------*/



	/*------------------------------------------------
	header
	--------------------------------------------------*/
	#header{
		min-width: 0;
		padding-bottom: 8px;
		position: relative !important;
		height: 70px;
	}
	#header .logo{
		width: 100%;
	}
	#header .logo a{
		height: 15vw;
	}
	#header .laurel{
		display: none;
	}
	#header .laurel li{
		width: calc(50% - 16px);
		font-size: 10px;
		margin-bottom: 0;
		padding: 0 12px;
	}
	#header .laurel li::before,
	#header .laurel li::after{
		width: 16px;
	}
	#header_menu{
		display: none;
	}
	#pageHeader .image{
		height: 200px;
	}
	#pageHeader .image::after{
		height: 72px;
	}
	#pageHeader .text{
		margin-top: -56px;
	}
	#pageHeader .text h1 .roboto{
		font-size: 7rem;
	}
	#pageHeader .text p{
		text-align: left;
	}
	#pageHeader .text p br{
		display: none;
	}
	.page_nav01 li{
		width: 100%;
	}
	.btn01.bg_yellow{
		height: 48px;
		border-radius: 24px;
	}
	.page_nav02 li{
		margin-top: 24px;
	}
	.page_nav02 li a{
		background-size: 40px;
		padding-right: 56px;
	}
	.page_nav_select{
		font-family:inherit;
		-webkit-appearance:none;
		box-sizing: border-box;
		width: 100%;
		height: 48px;
		border-radius: 24px;
		border: none;
		background: #f4d663 url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/angle01_down_blue.png") no-repeat calc(100% - 16px) center;
		background-size: 15px;
		font-size: inherit;
		padding-right: 18px;
		text-align: center;
		font-weight: 500;
	}
	.page_nav01.list02 li{
		margin-top: 12px;
	}
	

	/*------------------------------------------------
	searchPanel
	--------------------------------------------------*/
	#searchPanel{
		bottom: 72px;
	}
	#searchPanel.fv_open{
		transform: translateY(calc(100% - 40px));
	}
	#searchPanel.fv_open h2::after {
		transform: rotate(0);
	}
	#searchPanel .panel{
		height: auto;
		padding-bottom: 20px;
	}
	#searchPanel .panel h3{
		margin: 0 auto 8px;
	}
	#searchPanel .directin-sp-form{
		flex-direction: row;
		justify-content: space-between;
	}
	#searchPanel .searchform{
		margin-top: 16px;
	}
	#searchPanel .directin-sp-form-date-input-group{
		margin-bottom: 16px !important;
	}
	#searchPanel .directin-sp-form .directin-sp-form-submit-button button{
		width: 100%;
	}
	#searchPanel .directin-sp-form-date-input{
		width: 100%;
	}

	/*------------------------------------------------
	parts
	--------------------------------------------------*/
	.swiper-pagination{
		bottom: 0 !important;
		text-align: center !important
	}
	.box01 .image{
		width: 100%;
	}
	.box01 .image .slider01,
	.box01 .image > img{
		float: none !important;
		width: 100% !important;
	}
	.box01 .text{
		width: 100%;
		margin-top: 24px;
	}
	.box02{
		width: calc(100% - 40px);
		padding: 20px;
		border-radius: 14px;
	}
	.box02 .text,
	.box02 .image{
		width: 100%;
	}
	.box02 .text + .image{
		margin-top: 24px;
	}
	.title02{
		column-gap: 16px;
	}
	.title02.flexCenter{
		justify-content: flex-start;
	}
	.btn01{
		max-width: calc(100vw - 40px);
		height: 56px;
		border-radius: 28px;
	}
	.btn02{
		padding: 0 !important;
	}
	.btn02::before,
	.btn02 .viewmore{
		display: none;
	}
	.table01 th,
	.table01 td{
		display: block;
		width: 100% !important;
	}
	.table02_wrapper{
		overflow-x: scroll;
	}
	.table02{
		width: 800px;
	}
	.list01 li{
		width: 100%;
	}
	.list01 li + li{
		margin-top: 16px;
	}
	.list02 li{
		width: 100%;
	}
	.list02 li + li{
		margin-top: 40px;
	}
	.list04 li{
		width: 100%;
	}
	.list04 li + li{
		margin-top: 24px;
	}
	.list04 li .text em{
		position: absolute;
		left: 0;
		top: -8px;
		transform: translateY(-100%);
	}
	.gmap iframe{
		height: 100vw;
	}
	.nearby_list li{
		width: 100%;
	}
	.nearby_list li .body{
		padding: 16px;
	}
	.nearby_list li .body h4 br{
		display: none;
	}
	.nearby_list li .body .links{
		display: flex;
		justify-content: space-between;
		margin-top: 16px;
	}
	.nearby_list li .body .links a{
		width: calc(50% - 4px);
	}
	.nearby_list li .body .famous{
		display: inline-block;
		margin-right: 8px;
	}
	.nearby_list li .body h4{
		display: inline-block;
		margin-right: 8px;
		font-size: 2.2rem;
	}
	.nearby_list li .body .distance{
		display: inline-block;
	}
	.spot_list h3,
	#sightseeing03 .list02 h3,
	#sightseeing04 .list02 h3{
		font-size: 2.4rem;
	}
	.title_underline{
		padding-bottom: 24px;
	}
	.details.flexSpace .table01{
		width: 100%;
	}
	.page_nav03 li{
		width: 100%;
	}
	.page_nav03 li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #80abd1;
	}
	.page_nav03 li a .image{
		width: 40%;
	}
	.page_nav03 li a .text{
		width: 60%;
		margin-top: 0;
		padding-bottom: 20px;
		background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/angle01_down_lightblue.png") no-repeat center bottom;
		background-size: 12px;
	}
	.page_nav04 li{
		width: 100%;
	}
	.reservation01{
		padding: 20px;
	}
	.reservation01 .bestrate{
		margin-bottom: 16px;
	}
	.list03 li .image{
		width: 100%;
	}
	.list03 li .text{
		width: 100%;
		margin-top: 24px;
	}
	.mainimage01{
		aspect-ratio:3/2;
	}
	.slider02{
		aspect-ratio: 3/2;
	}
	
	
	/*------------------------------------------------
	menu
	--------------------------------------------------*/
	#sp_menu{
		position: fixed;
		z-index: 99999;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 72px;
		background-color: #f2f7fa;
	}
	#sp_menu ul li{
		width: calc(100% / 7);
		height: 100%;
	}
	#sp_menu ul li a{
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		font-size: 13px;
		letter-spacing: 0;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: center 12px;
		padding-top: 50px;
	}
	#sp_menu ul li.sp_menu_01 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_01.png");
	}
	#sp_menu ul li.sp_menu_02 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_02.png");
	}
	#sp_menu ul li.sp_menu_03 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_03.png");
	}
	#sp_menu ul li.sp_menu_04 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_04.png");
	}
	#sp_menu ul li.sp_menu_05 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_05.png");
	}
	#sp_menu ul li.sp_menu_06 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_06.png");
	}
	#sp_menu ul li.sp_menu_07 a{
		background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/sp_menu_07.png");
	}
	#menu .right{
		width: 100%;
		padding: 10px 20px 40px;
	}
	#menu .close{
		width: 70px;
		height: 70px;
		background-size: 90px;
	}
	#menu .footer_logo{
		background-size: 280px;
		background-position: left top;
		height: 64px;
	}
	#menu .footer_menu_main + div{
		width: auto;
	}
	#menu .footer_menu_main,
	#menu .footer_menu_sub{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#menu .footer_menu_main li,
	#menu .footer_menu_sub li{
		width: calc(50% - 8px);
		margin-top: 0;
		border-bottom: 1px solid #99bcdb;
	}
	#menu .footer_menu_main li a,
	#menu .footer_menu_sub li a{
		display: block;
		padding: 20px 0 20px 24px;
		background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/angle01_right_white.png") no-repeat 6px center;
		background-size: 6px;
		font-size: 1.8rem;
		font-weight: 500;
		word-break: break-all;
	}
	#menu .sns_list{
		width: 100%;
		justify-content: center;
	}
	#menu .footer_reservation{
		width: 100%;
		display: flex;
		padding: 20px;
		margin-top: 20px;
	}
	#menu .footer_reservation .btn01{
		width: 100%;
	}	


	
	/*------------------------------------------------
	footer
	--------------------------------------------------*/
	#footer{
		padding-bottom: 40px;
	}
	.footer_logo{
		background-size: 100%;
		height: 20vw;
	}
	.footer_arucode{
		width: 100%;
		transform: translateX(0) !important;
	}
	#footer .left address p{
		text-align: center;
	}
	#footer .sns_list{
		justify-content: center;
	}
	.footer_language{
		justify-content: center;
		font-size: 1.8rem;
	}
	.footer_reservation{
		width: calc(100% - 40px);
		flex-direction: column;
		row-gap: 16px;
	}
	.footer_reservation .bestrate{
		width: 100%;
		height: 16vw;
	}
	.footer_reservation a.btn01{
		width: 100%;
	}
	.footer_reservation > div div{
		text-align: center;
	}
	#grouplinks{
		padding-bottom: 128px;
	}
	.grouplinks_list li{
		width: 100%;
		margin-top: 8px;
	}
	.grouplinks_list li .image{
		width: 80px;
	}
	.grouplinks_list li .text {
		width: calc(100% - 80px - 16px);
	}

	
	
}


/*------------------------------------------------
英語
--------------------------------------------------*/
.en_visible{
	display: none;
}
html[lang="en"] .en_visible{
	display: block;
}
html[lang="en"] .en_hidden{
	display: none;
}
html[lang="en"]{
	font-size: 9px !important;
}
html[lang="en"] body{
	letter-spacing: 0;
}
html[lang="en"] #header .laurel li br,
html[lang="en"] #header .laurel li > font:first-of-type{
	display: none;
}