@keyframes kunai-animation {
  0% {
    transform: translate3d(0%, 0%, 0); }
  100% {
    transform: translate3d(4%, 4%, 0); } }

body .js-btn-menu {
  transform: translate3d(150%, 0, 0); }

@media (max-width: 768px) {
  body.js-ready .gnavi .js-btn-menu {
    transition: all 300ms; }
    body.js-ready .gnavi .js-btn-menu.js-show {
      transform: translate3d(0, 0, 0);
      transition-timing-function: cubic-bezier(0.585, 0.125, 0.4, 1.65); }
  body.js-ready .gnavi .header-inner {
    display: block;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.56);
    transition: all 200ms; }
    body.js-ready .gnavi .header-inner.js-open {
      opacity: 1;
      pointer-events: auto;
      transform: scale(1);
      transition: all 280ms;
      transition-timing-function: cubic-bezier(0.585, 0.125, 0.4, 1.65); } }

body .js-kunai-animation .js-icon-kunai {
  opacity: 0;
  transform: scale(0.7) translate3d(0, 0, 0);
  transition: all 170ms; }

@media (min-width: 769px) {
  body .js-kunai-animation:hover .js-icon-kunai {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0); }
    body .js-kunai-animation:hover .js-icon-kunai::before {
      animation: kunai-animation 400ms linear infinite;
      animation-delay: 170ms;
      animation-direction: alternate; } }