/**************************************** ヘッダー ****************************************/
.headerarea {position:fixed;top:0px;left:0px;width:100%;height:10vh;z-index:7000;background:#000;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 .menulist {width:63vw;float:right;height:6vh;margin-top:2vh;text-align:right;}
.menu .menulist .menuwrap ul.menuitem {}
.menu .menulist .menuwrap ul.menuitem li {display:inline-block;}
.menu .menulist a {font-size:1rem;line-height:6vh;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 {position:fixed;top:0px;right:0px;margin:0vh;float:none;width:100vw;height:100vh;background:#000;
		transform:translateX(300vw) scale(3);z-index:3000;padding:20vh 10vw 10vh 10vw;}
	.menu.on .menulist {transform:translateX(0vw) scale(1);transition:0.5s;}
	.menu .menulist .menuwrap {}
	.menu .menulist .menuwrap ul.menuitem li {display:block;width:100%;}
	.menu .menulist a {font-size:1.2rem;}
	.menu .reservebtn {float:none;padding:5vh 0vh 0vh 0vh;height:auto;width:80vw;}

	.menubtn {position:fixed;top:0%;right:0%;width:10vh;height:10vh;background:rgba(255,255,255,0.0);z-index:9000;}
	.menubtn .bar {position:absolute;height:2px;width:5vh;background:#fff;transition:0.3s;}
	.menubtn .bar.bar1 {top:43%;left:30%;}
	.menubtn .bar.bar2 {top:57%;left:20%;}
	.menubtn.on .bar {transition:0.5s;}
	.menubtn.on .bar.bar1 {top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotateZ(45deg);}
	.menubtn.on .bar.bar2 {top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotateZ(-45deg);}
	.logoarea {position:absolute;top:3vh;left:3vw;}
	.logoarea img {height:4vh;}
}


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

}