@charset "utf-8";

	nav {
		top:0;
		width: inherit;
		position: relative;
		z-index: 999 !important;
		display: block;
	}

	nav {
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	nav a:hover {
		text-decoration: none !important;
	}

	.overlay {
		position: fixed !important;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0.5;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=70)";
		z-index: 5;
	}

	header .inner {
		position: relative;
		padding: 1.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	header nav {
		overflow: scroll;
		position: fixed !important;
		left: -100%;
		width: 100% !important;
		height: 100% !important;
		background: #fff;
		z-index: 10279 !important;
		font-weight: 500;
		padding: 80px 0 0;
		box-sizing: border-box;
		display: block;
	}

	header.navOpen nav {
		top: 0;
		opacity: 1;
		left: 0;
		z-index: 6 !important;
		padding-bottom: 80px;
		padding-top:80px;
		border-radius: 0;
		overflow: scroll;
		background:#c3e8ff;
	}



	header .navBtn {
		display: none;
		width: 65px;
		height: 60px;
		cursor: pointer;
		padding: 16px 13px 0;
		z-index: 999 !important;
		box-sizing: border-box;
		transition: all 0.5s;
		position: fixed;
		top: 15px;
		right: 15px;
		z-index:10;
	}
	@media screen and (max-width: 1150px) {
		header .navBtn {
			display: block;
		}
	}

	header .navBtn.scrolled-out{
	}
	.navOpen .navBtn{
	}

	header.navOpen .navBtn {
		pointer-events: all;
		padding-top: 3px;
	}


	header .navBtn span {
		display: block;
		height: 3px;
		width: 40px;
		background: #000;
		border-radius: 0px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-aout;
		transition: all .5s ease-in-out;
		z-index: 99999 !important;
	}

	header .navBtn span:nth-of-type(2) {
		margin-top: 10px;
	}


	header.navOpen .navBtn span:nth-of-type(1) {
		-webkit-transform: translateY(21px) translateX(0) rotate(35deg);
		-ms-transform: translateY(21px) translateX(0) rotate(35deg);
		transform: translateY(21px) translateX(0) rotate(35deg);
		margin: 3px 0;
	}

	header.navOpen .navBtn span:nth-of-type(2) {
		-webkit-transform: translateY(8px) translateX(0) rotate(-35deg);
		-ms-transform: translateY(8px) translateX(0) rotate(-35deg);
		transform: translateY(8px) translateX(0) rotate(-35deg);
	}


	.line01,
	.line02 {
		display: none;
	}

	nav nav {
		display: none;
	}

	.nav_pc {
		display: block;
	}

	.nav_sp {
		display: none;
	}