@charset "utf-8";
/* 紙吹雪を表示したい範囲のコンテナ */
.anime_bg{
  /*position: relative;*/
  position: fixed; inset: 0;
  overflow: hidden;        /* はみ出しをカット = 横スクロールの元を断つ */
  width: 100%;
  height: 100vh;           /* 例：ファーストビューだけなら */
  pointer-events: none;    /* クリックを邪魔しない（地味に大事） */
  z-index: 0;
}

/* 紙吹雪本体 */
.confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  opacity: .8;
  transform-origin: center;
  will-change: transform;  /* ブラウザに「動くよ」宣言して軽くする */
}

@media (max-width: 768px){
  .confetti{
    width: 8px !important;
    height: 8px !important;
  }
}