/* CSS Document */

/*==================================================ハンバーガー===================================*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 30;
	right : 20px;
	top   : 30px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	transform: scale(1.3)
}

.hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {top: 10px;}
.hamburger span:nth-child(2) {top: 20px;}
.hamburger span:nth-child(3) {top: 30px;}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1),.hamburger.active span:nth-child(2),.hamburger.active span:nth-child(3){top:16px;background :#fff;}
.hamburger.active span:nth-child(1) {
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index : 20;
	top  : 0;
	left : 0;
	color: #fff;
	background: rgba(0,0,0,0.7);
	text-align: center;
	width: 100%;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
	margin: 100px auto 0px auto;
	width: 100%;
}

nav.globalMenuSp ul li {
	width: 100%;
	transition: .4s all;
}
nav.globalMenuSp ul li:hover{
	background :#ddd;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	visibility: visible;
	opacity: 100;
}











@media screen and (min-width:1000px){
	
	.hamburger, .globalMenuSp{
		display: none;
	}
	.navPC{
		display: flex;
	}
	
	
	
	
	
	.hide{
		transform: translate(0,-250%); /* 上に消えるようにする */
	}
	.hideNav{
		transform: translate(-50%,-250%); /* 上に消えるようにする */
	}
	.hideNavBg{
		transform: translate(0%,-250%); /* 上に消えるようにする */
	}
	
	.nav_W{
		color: #fff;
	}
	.nav_B{
		color: #000;
	}
	
	#logoCompany{
	    position: fixed; /* 固定して表示されるようにする */
	    transition: .6s; /* スクロール時に.hideの処理を0.5秒で行う */
	    z-index: 1000; /* 前面に表示されるようにする */
	}
	#logoIzakaya_top{
	    position: fixed; /* 固定して表示されるようにする */
	    transition: .6s; /* スクロール時に.hideの処理を0.5秒で行う */
	    z-index: 1000; /* 前面に表示されるようにする */
	}
	#logoIzakaya{
	    position: fixed; /* 固定して表示されるようにする */
	    transition: .6s; /* スクロール時に.hideの処理を0.5秒で行う */
	    z-index: 1000; /* 前面に表示されるようにする */
	}
	
	#navPC{
	    position: fixed; /* 固定して表示されるようにする */
	    transition: .6s; /* スクロール時に.hideの処理を0.5秒で行う */
	    z-index: 100; /* 前面に表示されるようにする */
	}
	
}