/* タッチ環境のみ */
@media only screen and (max-width: 640px) {
  .pinch-hint-badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 13.5vw;
    height: 13.5vw;
    display: grid;
    place-items: center;
    border-radius: 9999px;
    pointer-events: none;
    opacity: 0;
    animation: pinch-in-appear 0.25s ease-out forwards, pinch-pulse 1s ease-in-out infinite 0.25s;
    z-index: 10;
  }

  /* アイコン画像 */
  .pinch-hint-badge::before {
    content: "";
    width: 12vw;
    height: 12vw;
    background: url("../img/common/icon_pinch-hint.svg") no-repeat center/contain;
    opacity: 1;
  }

  /* 登場アニメ */
  @keyframes pinch-in-appear {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  /* 退場アニメ（ふわっと消える） */
  .pinch-hint-badge.is-hiding {
    animation: pinch-fadeout 0.6s ease-out forwards;
  }

  @keyframes pinch-fadeout {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  /* ゆっくり鼓動アニメ（表示中のみ） */
  @keyframes pinch-pulse {

    0%,
    100% {
      transform: translate(-50%, -50%) scale(1);
    }

    50% {
      transform: translate(-50%, -50%) scale(1.2);
    }
  }
}

/*# sourceMappingURL=module.css.map */