.sp .menu {
      background: #000000;
      color: #ffffff;
      padding:8px;
    }
    /*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
	    z-index: 1000;
        top: 0;
        width: 100%;
		height:60px;
    }
    .gnav {
      list-style-type: none;
      background: #ffffff;
      width: 100%;
    }
    .gnav li {
      border-bottom: 1px solid #000000;
    }
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
	  color:#000000;
    }
	
	
	ul.gnav ul{
	  display:none;
    }
    ul.gnav li p span{
	  display:block;
	  padding:0.875rem 1rem;
	  color:#000000;
    }
    ul.gnav > li > ul{
	  background-color:#ffffff;
	  border-top:1px solid #000000;
    }
    ul.gnav > li > ul a{
  	  color:#000000;
    }
    ul.gnav > li > ul > li:last-child{
	  border-bottom:none;
    }
	
	
	
	
	
	
	
    /*ハンバーガーボタン*/
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: .4rem;
    }
    .icon-animation span {
      width: 39px;
      height: 1px;
      display: block;
      background: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    .icon-animation .top {
      -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
      transform: translateY(-13px);
    }
    .icon-animation .bottom {
      -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
      transform: translateY(13px);
    }
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }
    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }