@charset "UTF-8";

nav {margin: 0 auto;}


.dropUl-wrapper {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
}

.drop .dropUl-wrapper {
	position: absolute;
	top: 70px;left: -50px;
	box-sizing: border-box;
	width: 100%;padding: 25px 0;
	background: rgba(255,255,255,0.9);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
	.drop.stay .dropUl-wrapper,
	.drop.ofuro .dropUl-wrapper,
	.drop.ganban .dropUl-wrapper,
	.drop.recliner .dropUl-wrapper,
	.drop.restaurant .dropUl-wrapper,
	.drop.yumemi .dropUl-wrapper {padding-top:0;}



/* floor 帯 */
.drop .floor {margin-bottom:25px;}
	.drop .floor.f5-3 {background:#770f0c;}
	.drop .floor.f2 {background:#b12e00;}
	.drop .floor.f1 {background:#09445a;}

.drop .floor .floor-num {position:relative;width:100px;height:50px;line-height:50px;float:left;margin-right:50px;}
	.drop .floor.f5-3 .floor-num {background: linear-gradient(90deg ,#770f0c , #b54441);width: 200px;}
	.drop .floor.f2 .floor-num {background: linear-gradient(90deg ,#b12e00 , #ea754c);}
	.drop .floor.f1 .floor-num {background: linear-gradient(90deg ,#09445a , #3d85a0);}

.drop .floor .floor-num:before {
	content:"";position:absolute;top:0;right:-10px;width: 0;height: 0;
	border-left: 10px solid black;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
}
	.drop .floor.f5-3 .floor-num:before {border-left-color:#b54441;}
	.drop .floor.f2 .floor-num:before {border-left-color:#ea754c;}
	.drop .floor.f1 .floor-num:before {border-left-color:#3c839e;}
.drop .floor .floor-name {line-height: 50px;color: #fff;text-align: left;font-size: 20px;font-style:italic;}




/* floor 帯 終わり */



.drop:hover .dropUl-wrapper {
	top:70px;
	left:0px;
	visibility: visible;
	opacity: 1;
}
.drop .dropUl-wrapper .leftArea {
	float:left;text-align:left;
	width:42%;
}
.drop .dropUl-wrapper .leftArea .tt {
	margin-top:30px;font-size:27px;text-align:left;
}
.drop .dropUl-wrapper .leftArea .txt {margin-top:30px;line-height: 180%;}

.drop .dropUl {
	float:right;
	width:50%;
	margin:auto;
	display:flex;flex-flow: row wrap;justify-content: space-between;
}
.drop.restaurant .dropUl,.drop.riyou .dropUl {width:100%;}
.drop.stay .leftArea,.drop.yumemi .leftArea {width:25%;}
.drop.stay .dropUl,.drop.yumemi .dropUl {width:75%;}
.drop.stay .dropUl li:nth-of-type(3),.drop.yumemi .dropUl li:nth-of-type(3) {margin-top:0;}
nav .drop .dropUl > li {
	position:relative;
	overflow:hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
nav .drop .dropUl > li {width:190px;}
nav .drop .dropUl > li .img {display:block;width: 100%;	border:1px solid #958339;box-sizing: border-box;}
nav .drop .dropUl > li .ttArea {border-left:1px solid #958339;border-right:1px solid #958339;margin-top: 15px;}
nav .drop .dropUl > li .name {font-size:20px;line-height: 200%;}
nav .drop .dropUl > li .name .eng {color:#958339;}
nav .drop .dropUl > li .link {position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;}
nav .drop .dropUl > li:hover {opacity:0.7;}
nav .drop .dropUl .link:hover::before {animation:none;}
#headerBottom.fixed nav .dropUl li a:link {color:transparent;}

/*
nav .drop.stay .dropUl {display:flex;flex-wrap:wrap;}
nav .drop.stay .dropUl > li {width:47%;margin-right:3%;margin-bottom:3%;padding-bottom:3%;border-bottom: 1px solid #c6af82;}
nav .drop.stay .dropUl > li:nth-child {margin-right:0;}
nav .drop.stay .dropUl > li figure {width:85px;height:85px;float:left;overflow: hidden;}
nav .drop.stay .dropUl > li figure img {display:block;width:auto;height:100%;}
nav .drop.stay .dropUl > li .ttArea {width:110px;float:right;margin-top:10px;text-align:left;border:none;}
nav .drop.stay .dropUl > li .name {font-size:14px;line-height: 140%;text-align:left;font-weight: bold;}
nav .drop.stay .dropUl > li .persons {font-size:11px;line-height:140%;background:#c6af82;color:#fff;display: inline-block;margin-top: 20px;padding:0 5px;}
nav .drop.stay .dropUl > li .persons img {padding-right:3px;}
nav .drop.stay .dropUl > li .icon {position:absolute;right:15px;bottom:15px;}
nav .drop.stay .dropUl > li .link {padding:0;}
*/


.dropUl-wrapper .leftArea .linkBtn a {width:100%;}
.dropUl-wrapper .leftArea .linkBtn:hover a {margin-left:0;}