#wrap {width: 100%; overflow: hidden; margin-top: 6rem;}

header {display:flex; flex-flow:column; position: fixed; top: 0; background-color: #fff; z-index: 990; width: 100%; border-bottom: 1px solid #ddd;}
header h1 {}
header h1 a {display: flex; justify-content: center; height: 6rem; padding: 1.5rem;}
header h1 a img {height: 100%;}
header nav {}
header nav ul {display:flex; justify-content: flex-start;}
header nav ul li {margin:0 1.5rem;}
header nav ul li a {padding: 1rem 0;font-size:1.6rem; display: block; position: relative;}
header nav ul li a.active::after {content:''; display:block; width: 120%; height: 4px; background: #f0506b; position: absolute;left: 50%; margin-left: -60%; bottom:0;}
header nav ul li a.active {font-weight: 800;}
header button {
	position: absolute;
	top: 0;
	width: 6rem;
	height: 6rem;
	text-indent: -9999px;
	z-index: 9;
}
header button.back {
	display: none;
	right: 0;
	background: url("../img/prev.png") no-repeat center / 1rem;
}
header button.menu {
	left: 0;
	background: url("../img/allmenu.png") no-repeat center / 3rem;
}

.menu_wrap {
	position: fixed;
	top: 0;
	left: -100%;
	width: 70%;
	height: 100vh;
	background-color: #fff;
	z-index: 999;
}
.menu_wrap.on {
	left: 0;
	transition: all 0.5s;
}
.menu_wrap .logo_wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 15rem;
	background: linear-gradient(to right, #f0506b, #ef6d62);
	padding: 1.5rem;
}
.menu_wrap .logo_wrap .close {
	text-indent: -9999px;
	width: 3rem;
	height: 3rem;
	background: url("../img/allmenu_close.png") no-repeat center / 4rem;
}
.menu_wrap .logo_wrap img {
	display: block;
	width: 16rem;
}
.menu_wrap .list_wrap {
	padding: 1rem 1.5rem;
}
.menu_wrap .list_wrap > li {
	padding: 1.2rem 0;
	border-bottom: 1px solid #ffcbee;
}
.menu_wrap .list_wrap > li:last-child {
	border-bottom: none;
}
.menu_wrap .list_wrap .title {
	font-size: 1.7rem;
	font-weight: 900;
}
.menu_wrap .list_wrap ul {
	background-color: #f7e8e7;
	border: 1px solid #ffcbee;
	margin: 1rem 0;
	padding: 1rem;
}
.menu_wrap .list_wrap ul li {
	padding: .5rem 0;
}
.menu_wrap .list_wrap ul li a {
	font-size: 1.5rem;
	display: block;
}





.bg {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 998;
}