.follow-btn {
  right: -30%;
  transition: all 0.5s;
}
.follow-btn.is-fixed {
  right: 0;
  transition: all 0.5s;
}
.follow-btn.is-fixed.is-remove {
  right: -30%;
  transition: all 0.5s;
}

@media (max-width: 768px) {
  .gnavi {
    opacity: 0;
    top: 0;
    pointer-events: none;
    transition: all 0.5s;
  }
  .gnavi .navi-contents {
    display: block;
    pointer-events: none;
  }
  .gnavi a {
    pointer-events: none;
  }
  .gnavi.is-fixed {
    position: fixed;
    top: 0;
    opacity: 0;
    pointer-events: auto;
    transition: all 0.5s;
  }
  .gnavi.is-fixed.active {
    opacity: 1;
    transition: all 0.5s;
  }
  .gnavi.is-fixed.active .navi-contents {
    pointer-events: auto;
  }
  .gnavi.is-fixed.active a {
    pointer-events: auto;
  }
  .gnavi.active {
    opacity: 1;
    transition: all 0.5s;
  }
  .gnavi.active .navi-contents {
    pointer-events: auto;
  }
  .gnavi.active a {
    pointer-events: auto;
  }

  .btn-menu.close {
    width: 134px;
    height: 134px;
    background: url(../images/btn-menu-close.jpg) no-repeat;
    background-size: 100%;
  }
  .btn-menu.close img {
    opacity: 0;
    transition: all 0.5s;
  }

  .follow-btn {
    right: -100%;
    transition: all 0.5s;
  }
  .follow-btn.is-fixed {
    right: 0;
    transition: all 0.5s;
  }
  .follow-btn.is-fixed.is-remove {
    right: -100%;
    transition: all 0.5s;
  }
}