main{
    width: 100vw;
}
/********** ナビゲーション部分 **********/
.side_bar{
    right: -200px;
    width: 200px;
    padding-top: 3em;
    z-index: 4;
  }
  .side_bar .side_btn{
    /* width: 50%; */
    margin: 18px auto 0 auto;

    margin-top: 5px;
    transform: scale(.8);
  }
  .btn-gnavi {
      position: fixed;
      top: 15px;
      right: 20px;
      width: 30px;
      height: 30px;
      z-index: 5;
      cursor: pointer;
      background-color: #666;
      padding: 7px;
      border-radius: 50%;
      box-shadow: 0px 0px 8px gray;

  }
  .btn-gnavi.open{
    background: #fff;
  }
  .btn-gnavi.open span{
    background: #666;
  }
  .btn-gnavi-wrapper span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      border-radius: 10px;
      -webkit-transition: all 400ms;
      margin: 6px auto 6px auto;
  
  }
  .btn-gnavi-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .btn-gnavi.open span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .btn-gnavi.open span:nth-of-type(2) {
    opacity: 0;
  }
  .btn-gnavi.open span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }
  /********************/

  .input-wrapper{
      width: 100%;
  }

  .zs-slide-1{
    background-position: right bottom !important;
  }