@charset "UTF-8";
/* 1. 共通設定 */
.bubble {
  position: fixed !important;
  z-index: 9999;
  bottom: -100px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #6302ff;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

/* 2. アニメーション */
@keyframes bubble-rise {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-130vh);
    opacity: 0;
  }
}
/* 3. ランダム設定（エラー回避版） */
.is-active .bubble:nth-of-type(1) {
  width: 37px !important;
  height: 37px !important;
  left: 34% !important;
  animation: bubble-rise 8s ease-in 7.8s forwards !important;
}

.is-active .bubble:nth-of-type(2) {
  width: 52px !important;
  height: 52px !important;
  left: 11% !important;
  animation: bubble-rise 8s ease-in 7.2s forwards !important;
}

.is-active .bubble:nth-of-type(3) {
  width: 49px !important;
  height: 49px !important;
  left: 83% !important;
  animation: bubble-rise 5s ease-in 6.6s forwards !important;
}

.is-active .bubble:nth-of-type(4) {
  width: 47px !important;
  height: 47px !important;
  left: 68% !important;
  animation: bubble-rise 7s ease-in 8s forwards !important;
}

.is-active .bubble:nth-of-type(5) {
  width: 47px !important;
  height: 47px !important;
  left: 73% !important;
  animation: bubble-rise 7s ease-in 7.8s forwards !important;
}

.is-active .bubble:nth-of-type(6) {
  width: 53px !important;
  height: 53px !important;
  left: 24% !important;
  animation: bubble-rise 5s ease-in 6.6s forwards !important;
}

.is-active .bubble:nth-of-type(7) {
  width: 65px !important;
  height: 65px !important;
  left: 62% !important;
  animation: bubble-rise 8s ease-in 6.5s forwards !important;
}

.is-active .bubble:nth-of-type(8) {
  width: 40px !important;
  height: 40px !important;
  left: 12% !important;
  animation: bubble-rise 5s ease-in 7.6s forwards !important;
}

.is-active .bubble:nth-of-type(9) {
  width: 68px !important;
  height: 68px !important;
  left: 80% !important;
  animation: bubble-rise 8s ease-in 7.4s forwards !important;
}

.is-active .bubble:nth-of-type(10) {
  width: 43px !important;
  height: 43px !important;
  left: 77% !important;
  animation: bubble-rise 5s ease-in 6.4s forwards !important;
}

.is-active .bubble:nth-of-type(11) {
  width: 43px !important;
  height: 43px !important;
  left: 34% !important;
  animation: bubble-rise 6s ease-in 7.6s forwards !important;
}

.is-active .bubble:nth-of-type(12) {
  width: 44px !important;
  height: 44px !important;
  left: 43% !important;
  animation: bubble-rise 8s ease-in 7.1s forwards !important;
}

.is-active .bubble:nth-of-type(13) {
  width: 62px !important;
  height: 62px !important;
  left: 48% !important;
  animation: bubble-rise 7s ease-in 7.9s forwards !important;
}

.is-active .bubble:nth-of-type(14) {
  width: 32px !important;
  height: 32px !important;
  left: 68% !important;
  animation: bubble-rise 5s ease-in 7.3s forwards !important;
}

.is-active .bubble:nth-of-type(15) {
  width: 50px !important;
  height: 50px !important;
  left: 95% !important;
  animation: bubble-rise 7s ease-in 6.5s forwards !important;
}

.is-active .bubble:nth-of-type(16) {
  width: 57px !important;
  height: 57px !important;
  left: 89% !important;
  animation: bubble-rise 8s ease-in 8s forwards !important;
}

.is-active .bubble:nth-of-type(17) {
  width: 32px !important;
  height: 32px !important;
  left: 81% !important;
  animation: bubble-rise 8s ease-in 7.2s forwards !important;
}

.is-active .bubble:nth-of-type(18) {
  width: 46px !important;
  height: 46px !important;
  left: 35% !important;
  animation: bubble-rise 5s ease-in 7.7s forwards !important;
}

.is-active .bubble:nth-of-type(19) {
  width: 59px !important;
  height: 59px !important;
  left: 31% !important;
  animation: bubble-rise 5s ease-in 6.3s forwards !important;
}

.is-active .bubble:nth-of-type(20) {
  width: 69px !important;
  height: 69px !important;
  left: 26% !important;
  animation: bubble-rise 7s ease-in 6.6s forwards !important;
}/*# sourceMappingURL=bubble.css.map */