#navi {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	font-size: 0;
}
#navi .btn-menu {
	width: 32px;
	height: 25px;
	position: absolute;
	right: 3.37vw;
	top: 20px;
	cursor: pointer;
	z-index: 2;
}
#navi .btn-menu span {
	width: 32px;
	height: 2px;
	background: #FFF;
	position: absolute;
	-webkit-transition: opacity .4s ease, top .4s ease, -webkit-transform .4s ease;
	transition: opacity .4s ease, top .4s ease, transform .4s ease;
}
#navi .btn-menu span:nth-of-type(1) {
	top: 0;
}
#navi .btn-menu span:nth-of-type(2) {
	top: 11px;
}
#navi .btn-menu span:nth-of-type(3) {
	top: 22px;
}

#navi .btn-menu.active span:nth-of-type(1) {
	top: 11px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#navi .btn-menu.active span:nth-of-type(2) {
	top: 11px;
	opacity: 0;
}
#navi .btn-menu.active span:nth-of-type(3) {
	top: 11px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#navi .drawer {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
	display: none;
}
#navi .drawer .inner {
	width: 100%;
	height: 100vh;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
}
#navi .drawer .main {
	width: 294px;
	position: absolute;
	left: 50%;
	top: 18.96vh;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#navi .drawer .main li {
	text-align: center;
    position: relative;
}
#navi .drawer .main li.current {
	/* pointer-events: none; */
}
#navi .drawer .main li:first-child {
	margin-top: 0;
}
#navi .drawer .main li:nth-child(2) {
	margin-top: 5.92vh;
}
#navi .drawer .main li:nth-child(3) {
	margin-top: 5.62vh;
}
#navi .drawer .main li:nth-child(4) {
	margin-top: 8.84vh;
}
#navi .drawer .main li:nth-child(5) {
	margin-top: 7.27vh;
}
#navi .drawer .main li:nth-child(6) {
	margin-top: 7.27vh;
}
#navi .drawer .main li img {
	width: 100%;
	height: auto;
}
#navi .drawer .main li .new {
	width: 44px;
	position: absolute;
	left: 0;
	top: -19px;
}
#navi .drawer .sns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 204px;
	position: absolute;
	left: 50%;
	bottom: 11.119vh;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#navi .drawer .sns li {
	margin: 0 40px;
}
#navi .drawer .sns li img {
	width: 35px;
	height: 35px;
}