@charset "utf-8";
/**************************************
 * CSS SP-Navi forHTML5 v1.0
**************************************/
header a.menu {
	display: block;
  position: absolute;
  z-index: 3;
  text-decoration: none;
  bottom: 0em;
  right: 1em;
  color: #fff;
  text-align:center;
  font-size: 0.65em;
  padding: 0;
  width:35px;
  height:33px;
  font:77% "Lato-Light";
}
header a.menu span {
	display:block;
	padding:18px 0 0 ;
}
header a.menu span img {
	width:30px;
}

.drawerwrap{
  position: absolute;
  width:100%;
  height:100%;
}
.drawer {
	transform: translate3d(0, -440px, 0);
	-webkit-transform: translate3d(0, -440px, 0);
	-moz-transform: translate3d(0, -440px, 0);
	-o-transform: translate3d(0, -440px, 0);
	transition:transform 0.25s linear;
	-webkit-transition:-webkit-transform 0.25s linear;
	-moz-transition:-moz-transform 0.25s linear;
	-o-transition:-o-transform 0.25s linear;
	position: relative;
    padding-top:47px;
}
.drawer.active {
	transform: translate3d(0,70px,0);
	-webkit-transform: translate3d(0,70px,0);
	-moz-transform: translate3d(0,70px,0);
	-o-transform: translate3d(0,70px,0);
}

/* Fallbacks */
.no-csstransforms .top {
  position: static;
}
.no-csstransforms .drawer nav {
  display: none;
}
.no-csstransforms .drawer.active nav {
  display: block;
}