/*general*/
h2 {font-size:5vw;}
#areas h2 {margin:40px 0 0;}

nav a.logo {padding:10px 0 0 15%;width:35%;margin-right:10px;}
nav a.logo h1 {font-size:3vw;}

nav > ul {
	margin-top:15px;
	overflow-x:hidden;
	display:block;
	width:22%;
	background-color:darkkhaki;
 box-sizing: border-box;
 padding-top:30px;
 position:relative;
 border-radius:5px 5px 0 0;
}
nav > ul:hover {overflow-x:inherit;}

nav > ul::before {
	content:"↓";
	background-color:darkkhaki;
	width:100%;
	height:100%;
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	display:block;
	pointer-events:all;
	text-align:center;
	font-size:5vw;
 border-radius:5px 5px 0 0;
}

html:not([data-scroll="0"]) nav > ul {margin-top:15px;}

nav ul li {background-color:darkkhaki;}

nav > ul > li {float:none;width:210%;}
nav ul li ul {position:inherit;transform:none;overflow:inherit;background-color:#808080f0;}

nav ul li ul li {background-color:#38310b;border-bottom:1px solid white;}

.flagen, .flagjp {display:none;}

.tel {top:30%;width:35%;height:70%;}

.locations, .inner .locations {
	top:50px;
	left:0;
	width:100%;
	padding:0;
	position:absolute;
}
.locations[title]::before {font-size:3vw;margin-left:0;}

.locations li a {
	width:20%;
	padding:10px 5px;
	margin:0;
	font-size:3.3vw;
	float:left;
	height:35px;
	text-align:center;
	border:1px solid darkgoldenrod;
 background-color:lightgoldenrodyellow;
}
.locations li a::before {content:none;}

.container {
	width:100%;
	top:25%;
	left:0;
	padding:0 5px;
}


/*top*/
li.slick-slide {width:170px!important;margin-right:20px;}

.slick-dots, .prev, .next, .aside1, .aside2 {display:none!important;}

aside {position:static;margin:0;width:0;} 

.inner main {width:100%;}

.viewfull::before, .viewfull::after {width:3%;}


#features {padding:20px 0;}
#features article {
	width:95%;
	margin-right:0;
	margin-left:10px;
}

#callnow article:first-child {display:none;}
#callnow article {width:100%;}

#callnow article {padding:10px;}

input, select, textarea {width:100%;}
textarea {margin-bottom:10px;}
input[type="submit"] {float:none;margin:5px auto;}

#areas article {
	width:100%;
	padding:0;
	float:none;
	min-height:0;
}
#areas article:nth-child(2) {opacity:0.2;}

#areas img {width:100%; min-height:0;}
#areas p {font-size:4vw;line-height:125%;}

.arealink {font-size:3.5vw;padding:10px 5px;}
p + a.arealink {margin-left:5px;}


/*footer*/
footer section:first-child {position:relative;padding:0;width:0;}
footer section:nth-child(2) {width:100%;}
footer section:nth-child(2) {
	width:97%;
	padding:0;
	margin:70px 0 0 0;
	font-size:3.3vw;
}

footer section p:first-child {
	position:absolute;
	width:auto;
	padding:10px;
	top:20px;
	font-size:4vw;
	white-space:nowrap;
 z-index:99;
}
footer section p:first-child a {font-size:6vw;}
footer ul {margin:0 0 0 5%;}
footer ul[title]::before {font-size: 5vw;margin-bottom:0;}
footer ul li {line-height:250%;}

#copyright {width:300px;}


/*rooms*/
.rooms td {vertical-align:middle;}
.rooms td, .rooms th {width:30%;padding:5px;}

.rooms a::before {
	width:100%;
	font-size:4vw;
	white-space:normal;
	padding:2px;
	height:18vw;
}

.roomchange td {padding:10px 2px;}
.roomchange img {width:40px;height:60px;}

.plan {display:none;}

.roomtable {font-size:3.5vw;border-spacing:0px;} 

#facilities {font-size:3.4vw;}
#facilities img {width:40px;height:60px;}

#notes {font-size:3.3vw;}

.thumbs a {width:48%;}


/*faq*/ 
#faq, #answers {margin-left:10px;margin-right:10px;}


/*available rooms*/
#roomlist img {width:15%;}

#roomlist dt {width:80%;font-size:4vw;}
#roomlist a {width:30%;font-size:4vw;}


/*testimony*/
#testimony dl {width:70%;margin:0;}
#testimony img {width:15%;vertical-align:top;}
#testimony dt, #testimony dd {font-size:5vw;}


/*events*/
#events p {width:80%;font-size:5vw;}


/*select language*/
#selectlang div {margin:10% 45px;}
#selectlang a {border:none;}
#selectlang a:nth-child(2) {font-size:16.4px;}
.inner #selectlang div {width:75%;}