@charset "utf-8";
@media screen and (max-width:640px){
.sp-menu {
	background: #fff;
	color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 9999;
}
.drawer {
	width:100%;
	z-index: 9997;
	transition:all 0.7s ease-in-out;
	display:none;
}
.drawer.active {
	display:block;
}
a.menu {
	position: absolute;
	z-index: 9998;
	border: 1px solid #0043CB;
	text-decoration: none;
	top: 5px;
	right: 5px;
	color: #0043CB;
	text-transform: uppercase;
	font-size: 0.65em;
	padding: 0.4em 0.7em;
	border-radius: 4px;
}
a.menu span {
	font-size: 3em;
	vertical-align: -0.15em;
}
.drawer nav {
	display:block;
}
.drawer nav ul {
	list-style: none;
	margin:0;
	padding:0;
}
.drawer nav ul li:after {
	content:"";
	display:block;
	width:100%;
	border-bottom:1px solid #2059D0;
}
.drawer nav ul li a {
  display: block;
  text-decoration: none;
  background: #0043CB;
  color: white;
  padding: 1em;
  border-bottom: 1px solid #0D3AA2;
}
}