@charset "utf-8";

/*----------------------------- swipe_menu -----------------------------*/
#swipe_menu{
	width:100%;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	padding:30px 0;
	background:rgba(0, 0, 0, 0.5);
	position:fixed;
	top:0;
	right:0;
	z-index:2147483647;
	overscroll-behavior:contain;
	display:none;
}

#swipe_menu_contents{
	width:290px;
	height:100vh;
	background:#FFF;
	position:fixed;
	top:0;
	overscroll-behavior:contain;
	display:none;
}

#swipe_menu_inner_parent{
	width:100%;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	transform:translateZ(0);
	overscroll-behavior:contain;
}

#swipe_menu_inner_parent::-webkit-scrollbar{
	width:5px;
	height:5px;
}

#swipe_menu_inner_parent::-webkit-scrollbar-track{
	border-radius:5px;
	box-shadow:inset 0 0 5px rgba(0, 0, 0, .1);
}

#swipe_menu_inner_parent::-webkit-scrollbar-thumb{
	background-color:rgba(0, 0, 0, .5);
	border-radius:5px;
	box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

#swipe_menu_close_trigger{
	width:20px;
	height:20px;
	border:solid #000 1px;
	background:#FFF;
	cursor:pointer;
	position:absolute;
	top:18px;
	right:18px;
	z-index:2;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

#swipe_menu_close_trigger::before, 
#swipe_menu_close_trigger::after{
	content:"";
	background:#000;
	position:absolute;
	transform:rotate(45deg);
	display:block;
}

#swipe_menu_close_trigger::before{
	width:2px;
	height:14px;
	top:2px;
	left:calc(50% - 1px);
}

#swipe_menu_close_trigger::after{
	width:14px;
	height:2px;
	top:calc(50% - 1px);
	left:2px;
}

@media screen and (max-width:1000px){
	#swipe_menu_close_trigger{
		width:30px;
		height:30px;
		top:12px;
		right:12px;
	}
	
	#swipe_menu_close_trigger::before{
		height:24px;
		top:2px;
	}
	
	#swipe_menu_close_trigger::after{
		width:24px;
		left:2px;
	}
}
/*----------------------------- /swipe_menu -----------------------------*/