/* NAV BTN*/
.navBtn {
	position: fixed;
	width: 13.75vw;
	height: 13.75vw;
	top: 3vw;
	right: 3vw;
	background: url(../common/nav/navBtn_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	z-index: 999;
}
.navBtn:after {
	display: block;
	position: absolute;
	width: 13.75vw;
	height: 1.56vw;
	bottom: 2.8vw;
	left: 0;
	background: url(../common/nav/navTxt_off.png) no-repeat 0 0;
	background-size: 100% auto;
	content: "";
}
.navBtn.is-active:after {
	background: url(../common/nav/navTxt_on.png) no-repeat 0 0;
	background-size: 100% auto;
}
	.navBtnInner {
		position: absolute;
		width: 6.25vw;
		height: 3.44vw;
		top: 3.4vw;
		left: 50%;
		margin: 0 0 0 -3.125vw;
	}
		.navBtnInner p:first-child {
			position: absolute;
			width: 100%;
			height: 1px;
			top: 0;
			left: 0;
			background: #fff;
			-webkit-transition: all .25s ease-out;
			   -moz-transition: all .25s ease-out;
			    -ms-transition: all .25s ease-out;
			     -o-transition: all .25s ease-out;
			        transition: all .25s ease-out;
		}
			.is-active .navBtnInner p:first-child {
				top: 50%;
				background: #d23918;
				-webkit-transform: rotate( 315deg );
				   -moz-transform: rotate( 315deg );
				    -ms-transform: rotate( 315deg );
				     -o-transform: rotate( 315deg );
				        transform: rotate( 315deg );
			}
		.navBtnInner p:nth-child(2) {
			position: absolute;
			width: 100%;
			height: 1px;
			top: 50%;
			left: 0;
			background: #fff;
		}
			.is-active .navBtnInner p:nth-child(2) {
				display: none;
			}
		.navBtnInner p:last-child {
			position: absolute;
			width: 100%;
			height: 1px;
			top: 100%;
			left: 0;
			background: #fff;
			-webkit-transition: all .25s ease-out;
			   -moz-transition: all .25s ease-out;
			    -ms-transition: all .25s ease-out;
			     -o-transition: all .25s ease-out;
			        transition: all .25s ease-out;
		}
			.is-active .navBtnInner p:last-child {
				top: 50%;
				background: #d23918;
				-webkit-transform: rotate( -315deg );
				   -moz-transform: rotate( -315deg );
				    -ms-transform: rotate( -315deg );
				     -o-transform: rotate( -315deg );
				        transform: rotate( -315deg );
			}

/* NAVIGATION */
#navigation {
	position: absolute;
	width: 100%;
	min-height: 100vh;
	padding: 0 0 12.5vw;
	top: 0;
	left: 100%;
	background: url(../common/nav/navBg.png) no-repeat left top rgba(0, 0, 0, .9);
	background-size: 38% auto;
	z-index: 998;
}
	.navLogo {
		width: 49.8%;
		margin: 0 auto 15.6%;
		padding: 7.8% 0 0;
	}
	#navigation .gnav {
		width: 87.5%;
		margin: 0 auto;
	}
		.gnav01 {
			width: 21.25vw;
			margin: 1.8vw auto;
		}
		.gnav02 {
			width: 27.5vw;
			margin: 1.8vw auto;
		}
		.gnav03 {
			width: 38.125vw;
			margin: 1.8vw auto;
		}
		.gnav04 {
			width: 36.25vw;
			margin: 1.8vw auto;
		}
		#navigation .gnav hr {
			width: 2.5vw;
			height: 2.5vw;
			margin: 0 auto;
			background: url(../common/nav/ceparate.png) no-repeat 0 0;
			background-size: 100% 100%;
			border: none;
		}

		/* LOCAL NAVI*/
		.lnav {
			width: 100%;
			margin: 12.5vw auto;
		}
			.lnavTTL {
				width: 100%;
				margin: 0 0 6.25vw;
			}
			.lnav01 {
				width: 57.2vw;
				margin: 1.8vw auto;
			}
			.lnav02 {
				width: 30vw;
				margin: 1.8vw auto;
			}
			.lnav03 {
				width: 25.9vw;
				margin: 1.8vw auto;
			}
			.lnav04 {
				width: 28.4vw;
				margin: 1.8vw auto;
			}
			.lnav05 {
				width: 75.9vw;
				margin: 1.8vw auto;
			}
	/* SNS NAVI */
	.snsNav {
		width: 87.5%;
		margin: 12.5vw auto 0;
		text-align: center;
	}
		.snsNav ul {
			letter-spacing: -.4em;
		}
		.snsNav li {
			display: inline-block;
			width: 7.5vw;
			margin: 0 5vw;
			letter-spacing: normal;
		}