<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
  font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

.joinad-wrap, .bn-wrap {
  text-decoration: none;
}

.joinad-wrap .date, .bn-wrap .date {
  color: white;
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
  -webkit-animation: flicker 1.5s infinite alternate;
  animation: flicker 1.5s infinite alternate;
}

.joinad-wrap .date.gameover, .bn-wrap .date.gameover {
  color: #75d2d0;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
  -webkit-animation: none;
  animation: none;
  text-shadow: none;
}

.joinad-wrap #countdownHolder, .bn-wrap #countdownHolder {
  display: none;
}

.joinad-wrap #countdownHolder .countdown-container, .bn-wrap #countdownHolder .countdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.joinad-wrap #countdownHolder .countdown-container #countdown, .bn-wrap #countdownHolder .countdown-container #countdown {
  color: rgba(255, 192, 216, 0.77);
  -webkit-animation: pulsate 0.11s ease-in-out infinite alternate;
  animation: pulsate 0.11s ease-in-out infinite alternate;
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #f09, 0 0 82px #f09, 0 0 92px #f09, 0 0 102px #f09, 0 0 151px #f09;
}

.joinad-wrap {
  height: 140px;
  background-color: black;
  background: -webkit-gradient(linear, left top, left bottom, from(#5477b1), color-stop(65%, #282727));
  background: linear-gradient(#5477b1, #282727 65%);
  -webkit-box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.45) inset;
  box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.45) inset;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 0 8px;
}

.joinad-wrap .title {
  height: 70%;
}

.joinad-wrap .date {
  font-size: 18px;
}

.joinad-wrap .countdownHolder .countdown-container .countdownTitle {
  color: #ffefbd;
  font-size: 18px;
  margin-right: 24px;
}

.joinad-wrap .countdownHolder .countdown-container #countdown {
  font-size: 25px;
}

.bn-wrap {
  width: 100%;
  height: 100%;
  background-image: url(../images/bn_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

.bn-wrap .date, .bn-wrap .countdownHolder {
  font-size: 2.5vw;
  margin: 0 12px;
}

.bn-wrap .countdownHolder .countdown-container .countdownTitle {
  color: white;
  font-size: 2.2vw;
  text-shadow: 0px 0px 6px black, 0px 0px 8px black;
  margin-right: 1vw;
}

.bn-wrap .countdownHolder .countdown-container #countdown {
  font-size: 3.5vw;
}

@-webkit-keyframes flicker {
  100% {
    text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #0fa, 0 0 80px #0fa, 0 0 90px #0fa, 0 0 100px #0fa, 0 0 150px #0fa;
  }
  0% {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #0fa, 0 0 45px #0fa, 0 0 55px #0fa, 0 0 70px #0fa, 0 0 80px #0fa;
  }
}
@keyframes flicker {
  100% {
    text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #0fa, 0 0 80px #0fa, 0 0 90px #0fa, 0 0 100px #0fa, 0 0 150px #0fa;
  }
  0% {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #0fa, 0 0 45px #0fa, 0 0 55px #0fa, 0 0 70px #0fa, 0 0 80px #0fa;
  }
}
@-webkit-keyframes pulsate {
  100% {
    text-shadow: 0 0 4px #ff0000, 0 0 11px #ff0000, 0 0 19px #ff0000, 0 0 40px #f09, 0 0 80px #f09, 0 0 90px #c70077, 0 0 100px #d2007e, 0 0 150px #da0083;
  }
  0% {
    text-shadow: 0 0 4px #ff0000, 0 0 10px #ff0000, 0 0 18px #ff0000, 0 0 38px #f09, 0 0 73px #f09, 0 0 80px #f09, 0 0 94px #f09, 0 0 140px #f09;
  }
}
@keyframes pulsate {
  100% {
    text-shadow: 0 0 4px #ff0000, 0 0 11px #ff0000, 0 0 19px #ff0000, 0 0 40px #f09, 0 0 80px #f09, 0 0 90px #c70077, 0 0 100px #d2007e, 0 0 150px #da0083;
  }
  0% {
    text-shadow: 0 0 4px #ff0000, 0 0 10px #ff0000, 0 0 18px #ff0000, 0 0 38px #f09, 0 0 73px #f09, 0 0 80px #f09, 0 0 94px #f09, 0 0 140px #f09;
  }
}
/*# sourceMappingURL=bn.css.map */

/*# sourceMappingURL=bn.css.map */
</pre></body></html>