#navi-wrap nav{
  position: fixed;
  z-index: 200;
}
/*  header  - - - - - - - - - - - - - - - - - - - - - - -*/
.menu li{
  font-family: 'Oswald', sans-serif;
  list-style: none;
  letter-spacing: 0.0em;
  text-align: center;
}
.menu li .top{
  font-family: 'Oswald', sans-serif;
}
.menu li a{
  text-decoration: none;
}
.menu li a:hover{
  color: #999;
}

#global-navi{
  position: absolute;
  /*
  background:rgba(0,0,0,0.8);*/
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}

#global-navi ul{
  text-align: right;
}

#navi-wrap nav ul li{
    display:inline-block;
    padding:  24px 25px 25px 28px;

}

#navi-wrap nav ul li a{
  color: #fff;
}

#navi-wrap nav ul li a span{
  font-size: 12px;
}

@media screen and (max-width: 480px){


/*　■　■　■　■　■　■　
ハンバーガー
　■　■　■　■　■　■*/
  .menui li{
    margin-top:1.5em;
    font-size: 6px;
  }

  .menui li span{
    margin-top:1.5em;
    font-size: 8px;
  }

  #navi-wrap nav{
      position: fixed;
      top: 0;
      right: -300px;
      width: 300px;
      height: 100%;
      padding-top: 50px;
      background:rgba(250,250,250,0.90);
      font-size: 16px;
      box-sizing: border-box;
  }

  #navi-wrap nav ul li{
    display:block;
    padding: 20px 28px;
  }
   
  #navi-wrap nav ul li a{
      text-decoration: none;
      color: #111;
  }
   
  #navi-wrap .btn-gnavi{
      position: fixed;
      z-index: 300;/*最上面*/
      top: 20px;
      right: 20px;
      width: 30px;
      height: 24px;
      box-sizing: border-box;
      cursor: pointer;
      -webkit-transition: all 300ms;
      transition: all 300ms;
  }
   
  #navi-wrap .btn-gnavi span{
      position: absolute;
      width: 30px;
      height: 4px;
      background: #e1e1e1;
      border-radius: 5px;
      -webkit-transition: all 3000ms;
      transition: all 3000ms;
  }
   
  #navi-wrap .btn-gnavi span:nth-child(1) {top:    0}/*ハンバーガーアイコン線　1*/
  #navi-wrap .btn-gnavi span:nth-child(2) {top: 10px}/*ハンバーガーアイコン線　2*/
  #navi-wrap .btn-gnavi span:nth-child(3) {top: 20px}/*ハンバーガーアイコン線　3*/
   
  #navi-wrap .btn-gnavi.open {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
  }
   
  #navi-wrap .btn-gnavi.open span{
      background: #333;
  }
   
  #navi-wrap .btn-gnavi.open span{
      width: 20px;
      -webkit-transition: all 1000ms;
      transition: all 1000ms;
  }
  #navi-wrap .contents section p{
      position: absolute;
      top: 50%;
      width: 30%;
      line-height: 1.4;
      font-size: 20px;
      color: #fff;
      text-shadow: 0 0 6px #666;
  }
   
  #navi-wrap .contents section:nth-child(odd) p{
      left: 10%;
  }
   
  #navi-wrap .contents section:nth-child(even) p{
      right: 10%;
  }
/*//ハンバーガーメニュー*/
}/*@media screen and (max-width: 480px)*/





@media screen and (max-width: 768px){
  #global-navi-base{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  background:rgba(0,0,0,0.8);
  height: 105px;
  width: 100%;
  display: block;
  }

  .shrink{
    display: none;
  }
  
  #navi-wrap nav ul li{
    font-size: 20px;
  }
  #navi-wrap nav ul li span{
    font-size: 12px;
  }
}




@media screen and (max-width: 1024px){
  #global-navi-base{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  background:rgba(0,0,0,0.8);
  height: 105px;
  width: 100%;
  display: block;
  }

  .shrink{
    display: none;
  }

  #navi-wrap nav ul li{
    font-size: 20px;
  }

  #navi-wrap nav ul li span{
    font-size: 12px;
  }
}

/**footer**/
.footer{
  text-align: center;
  color: #fff;
  padding: 10px;
  background: #000;
}