/* 固定ポジションで画面外から飛んでくる ― 縦位置は style属性で JS が都度差し込み */
.toki-shot{
  position:fixed;      /* ページスクロールと独立 */
  width:90px;
  height:90px;
  z-index:9998;
  pointer-events:none; /* クリックを邪魔しない */
  animation:fly-across 3.5s ease-in-out forwards;
}

@keyframes fly-across{
  0%   { transform:translateX(-10vw)  translateY(0)   scale(.8); opacity:0; }
  10%  { opacity:1; }
  50%  { transform:translateX(50vw)   translateY(-6vh) scale(1); }
  90%  { opacity:1; }
  100% { transform:translateX(110vw)  translateY(-12vh) scale(.7); opacity:0; }
}

/* 逆向きに飛ばす用（class 付替えで使用） */
@keyframes fly-back{
  0%   { transform:translateX(110vw)  translateY(0)    scale(.8) scaleX(-1); opacity:0; }
  10%  { opacity:1; }
  50%  { transform:translateX(50vw)   translateY(-6vh) scale(1)  scaleX(-1); }
  90%  { opacity:1; }
  100% { transform:translateX(-10vw)  translateY(-12vh) scale(.7) scaleX(-1); opacity:0; }
}