/*
@media screen and (min-width: 1024px) {
	.menu_sp_wrapper{
		margin-right: 0 !important;
	}
	.filter{
		display: none !important;
	}
}
*/


	html.open .filter {
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		z-index: 300;
		top: -5000px;
		right: -5000px;
		bottom: -5000px;
		left: -5000px;
		backface-visibility: hidden;
		transition: all .3s;
	}
	.menu_sp_wrapper{
		padding: 0;
		width: 300px;
		position: fixed!important;
		box-sizing: border-box;
		overflow: auto;
		top: 70px;
		bottom: 0;
		right: 0;
/*		left: 0;*/
/*		color: #fff;*/
		z-index: 500;
		backface-visibility: hidden;
		-webkit-overflow-scrolling: touch;
/*		margin-left: -300px;*/
		margin-right: -300px;
		background-color: #333;
	}
	html.open .menu_sp_wrapper{
		box-shadow: 0 4px 4px rgba(0,0,0,0.3);
	}
	.menu_sp_wrapper::-webkit-scrollbar,
	.menu_sp_wrapper::-webkit-scrollbar-track,
	.menu_sp_wrapper::-webkit-scrollbar-thumb {
		display: none;
	}

	.spmenu .menu-trigger,
	.spmenu .menu-trigger span {
		transition: all .4s;
		box-sizing: border-box;
	}
	.spmenu .menu-trigger {
		position: relative;
		width: 30px;
		height: 30px;
		display: block;
	}
	.spmenu .menu-trigger span {
		position: absolute;
		left: 50%;
		width: 22px;
		height: 2px;
		background-color: #68502A;
		margin-left: -11px;
		border-radius: 1px;
	}
	.spmenu .menu-trigger span:nth-of-type(1) {
		top: 7px;
	}
	.spmenu .menu-trigger span:nth-of-type(2) {
		top: 50%;
		margin-top: -1px;
	}
	.spmenu .menu-trigger span:nth-of-type(3) {
		bottom: 7px;
	}
	.spmenu .menu-trigger.active{
	}
	.spmenu .menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 50%;
		margin-top: -1px;
	}
	.spmenu .menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.spmenu .menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px;
	}

@media only screen and (max-width: 767px) {
	.menu_sp_wrapper{
		top: 60px;
	}
}