.gift-dialog {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(108, 108, 108, 0.8);
}

.popup-no-login {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
}

.gift_bana {
  width: 100%;
  max-width: 580px;
  aspect-ratio: 580 / 120;
  margin: 0 auto;
}

@keyframes moveCursor {
  0% {
    transform: translate(-50%, -50%) translate(-10px, -10px);
  }
  50% {
    transform: translate(-50%, -50%) translate(10px, 10px); /* 画像を左上から右下に30px動かす。この値は調整可能 */
  }
  100% {
    transform: translate(-50%, -50%) translate(-10px, -10px);
  }
}