@charset "utf-8";
/* CSS Document */

/*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
		float: lfet;
		margin-bottom:10px;
    }
    .gnav {
      list-style-type: none;
      background: #eee;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 99;
	}
 
    .gnav li {
      border-bottom: 1px solid #333;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: lfet;
      position: absolute;
      right: .5rem;
      text-align: center;
     /* top: .5rem;*/
    }
 
    .icon-animation span {
      width: 45px;
      height: 1px;
      display: block;
      background: #000;
      position: absolute;
      left: 45%;
      top: 25%;
      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(-7px);
      -ms-transform: translateY(-7px);
      transform: translateY(-7px);
    }
 
    .icon-animation .bottom {
      -webkit-transform: translateY(7px);
      -ms-transform: translateY(7px);
      transform: translateY(7px);
    }
 
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
	  margin-bottom:50px;
    }
 
 	.icon-animation .bottom2{
		font-size:10px;
		margin-top:10px;
		background-color:#00FFCC;
	}
 
    .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);
    }
