.nav-button {
		display:none;
}
.nav-wrap {
  display: none;
}

 @media (max-width: 945px){
.nav-wrap {
  display: none;
}
.nav-wrap.open {
  display: block;
}

.nav-wrap.close {
  display: none;
}

  .nav-button {
    display: block;
    cursor: pointer;
  }

  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 2000;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
  }
  .nav-wrapinner {
    display: block;
	margin:0 auto;
    z-index: 10;
	padding:4px 0 0 0;
    width: 100%;
    height: 100%;
	overflow: auto;
	box-sizing:border-box;
	-webkit-overflow-scrolling: touch;
	border-top:8px solid #003C78;
	
  }

.nav-wrapinner h2{ max-width:340px; width:57%; height:125px; padding:20px 10px 20px 10px; margin:0 auto; float: none; background: url(../images/logo_sp.png) center center no-repeat; background-size: contain; box-sizing: border-box; }
.nav-wrapinner h2 a { width:100%; height:85px; display: block; }
.nav-wrapinner h2 a span { display:none; }

.nav-wrapinner h3{ display:block; margin:0 0 20px 0; padding:0; border-bottom:1px solid #FFFFFF; fcolor:#003B77;  font-size:1.3rem; line-height:100%; text-decoration:none; text-indent:0; }
.nav-wrapinner ul{display:block; margin:0; padding:20px 10px 0 10px; color:#003B77; border-top:8px solid #003C78; }
.nav-wrapinner ul li{ display:block; margin:0 0 6px 0; padding:0 0 6px 20px; color:#003B77; border-bottom:1px solid #003B77; }
.nav-wrapinner ul li a{ display:block; padding:0; margin:0; color:#003B77; font-size:15px; font-weight:bold; line-height:150%; text-decoration:none; }
.nav-wrapinner ul li ul li ul { display:block; margin:0 0 15px 0; padding:0 0 0 10px; border-left:1px solid #003B77; border-bottom:1px solid #003B77; }
.nav-wrapinner ul li ul li ul li{ display:block; margin:0; padding:0 0 10px 0; }


.nav-wrap.close{}
  /*メニューボタン*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }

  .nav-button {
    z-index: 2001;
    position: relative;
    width: 40px;
    height: 54px;
    position:absolute; top:50px; right:20px; }

  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #003B77;
    border-radius: 4px;	

  }
  .nav-button.active span {

    background-color: #003B77;
  }

  .nav-button span:nth-of-type(1) {
    top: 0;
  }

  .nav-button span:nth-of-type(2) {
    top: 16px;
  }

  .nav-button span:nth-of-type(3) {
    bottom: 18px;
  }

  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }

  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }

  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
  .nav-button span:nth-of-type(4) {
    position: absolute;
    left: 0;
	bottom:0;
    width: 100%;
    height: 18px;
    background: none;
    border-radius: 0;
	 font-size: 12px; text-align: center;

  }
  .nav-button span:nth-of-type(4) , .nav-button span:nth-of-type(4):focus{ background: none; color:#333333;
		}
}