/**************************************** ヘッダー ****************************************/
.headerarea {position:fixed;top:0px;left:0px;width:100%;height:10vh;z-index:7000;background:linear-gradient(#003,#000);}

.logoarea {position:absolute;top:2vh;left:3vw;}
.logoarea a {display:block;float:left;}
.logoarea img {height:6vh;display:block;margin:0px auto;}

.menu {position:fixed;top:0px;right:0px;width:80vw;height:10vh;padding:0px 3vw 0px 3vw;z-index:7100;}
.menu .reservebtn {float:right;padding-top:2vh;padding-left:1.5vw;height:100%;width:11vw; }
.menu .reservebtn a {display:inline-block;border:solid #fff 0.4vh;height:6vh;font-size:0.9rem;width:100%;
	line-height:5.2vh;padding:0em 0em;text-align:center;color:#fff;font-weight:bold;}
.menu .reservebtn a:hover {color:#000;background:#fff;text-decoration:none;}

.menu .upmenu {width:63vw;height:6vh;float:right;}
.menu .upmenu a {font-size:0.9rem;font-weight:bold;color:#fff;display:inline-block;padding:0px 1rem;}
.menu .upmenu a:hover {text-decoration:none;}
.menu .upmenu .languagearea {float:right;padding:2vh 0px 1vh 0px;color:#fff;}
.menu .upmenu .language {height:6vh;}
.menu .upmenu .language a {line-height:3vh;font-size:1.2rem;}
.menu .upmenu .snsarea {float:right;height:6vh;padding:2vh 0px 1vh 0px;line-height:0;margin-right:1.5vw;}
.menu .upmenu .snsarea a {line-height:0;}
.menu .upmenu .snsarea img {height:3vh;display:block;}
.menu .menulist {width:63vw;float:right;height:4vh;text-align:right;}
.menu .menulist a {font-size:1rem;line-height:4vh;font-weight:normal;color:#fff;display:inline-block;padding:0px 1rem;}
.menu .menulist a:hover {text-decoration:none;}
/*SP*/
@media (max-width: 896px){
	.menu .menulist {display:none;}
	.menu .snsarea {display:none;}
	.menu .headercontact {display:none;}
	.menu .languagearea {display:none;}
	.menu .reservebtn {float:none;position:fixed;top:0px;right:11vh;padding-left:0%;width:30vw;}
/*
	.menu .languagearea {position:fixed;top:0px;left:50%;position:fixed;top:0px;left:50%;transform:translateX(-50%);color:#fff;height:10vh;line-height:10vh;}
	.menu .languagearea a {color:#fff;}
*/
	.menubtn {position:fixed;top:0%;right:0%;width:10vh;height:10vh;background:rgba(255,255,255,0.0);}
	.menubtn .bar {position:absolute;height:2px;width:5vh;background:#fff;}
	.menubtn .bar.bar1 {top:43%;left:30%;}
	.menubtn .bar.bar2 {top:57%;left:20%;}

}


/*
.submenu {}
.submenuarea {position:fixed;top:10vh;left:0px;width:100%;height:6vh;z-index:7000;
background:linear-gradient(45deg,#fdfdfd,#eee);}
.submenuarea .submenubox {position:relative;}
.submenuarea ul {text-align:right;padding-right:4rem;}
.submenuarea ul li {display:inline-block;}
.submenuarea ul li a {color:#000;font-size:0.9rem;line-height:6vh;height:6vh;display:block;padding:0px 2rem;border-bottom:solid #fff 0.3rem;box-sizing:border-box;}
.submenuarea ul li.on a {text-decoration:none;border-bottom:solid #000 0.3rem;}
.submenuarea ul li a:hover {text-decoration:none;border-bottom:solid #000 0.3rem;}
*/

/*PC*/
@media (min-width: 897px){
	@media (max-width: 1200px){
	}
}
/*SP*/
@media (max-width: 896px){

}