@charset "UTF-8";
.bg {
  background: white;
  overflow: hidden;
  background: url("../images/background.png") repeat center;
}

.visual-container {
  position: relative;
  width: 985px;
  height: 100%;
  margin: 0 auto;
  left: 0px;
  right: 0px;
}
.visual-container > *,
.visual-container picture img {
  position: absolute;
}
.visual-container > picture {
  position: initial;
}

.absolute-center {
  margin: 0 auto;
  left: 0;
  right: 0;
}

#mainvisual {
  position: relative;
  height: 775px;
  overflow: hidden;
}
#mainvisual .bg2-image,
#mainvisual .bg3-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#mainvisual .bg2-image {
  background: url("../images/jumbotron/bg.jpg") no-repeat center top;
  animation: open-bg2-image 2500ms ease-in-out 0ms 1 normal both;
}
@keyframes open-bg2-image {
  0% {
    filter: hue-rotate(120deg) opacity(0.5);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}
#mainvisual .bg3-image {
  background: url("../images/jumbotron/bg1.png") repeat center bottom;
  animation: open-bg3-image 2000ms ease-in-out 0ms infinite normal both;
}
@keyframes open-bg3-image {
  0% {
    filter: brightness(100%);
  }
  50% {
    filter: brightness(135%);
  }
  100% {
    filter: brightness(100%);
  }
}
#mainvisual .product-text-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 94px;
  background: url("../images/jumbotron/title-background.png") repeat center top;
}
#mainvisual .product-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
#mainvisual .campaign-box {
  mask-image: url("../images/jumbotron/campaign_frame_mask.png");
  -webkit-mask-image: url("../images/jumbotron/campaign_frame_mask.png");
  mask-position: right;
  -webkit-mask-position: right;
  animation: mask-right-to-left 1500ms ease-in-out 4000ms 1 normal both;
}
#mainvisual .visual-container .character {
  top: 0;
  left: -166px;
}
#mainvisual .visual-container .characterl {
  animation: right-to-left-slidein 1500ms ease-in-out 2500ms 1 normal both, fade-in 1500ms ease-in-out 2500ms 1 normal both;
}
#mainvisual .visual-container .characterr {
  animation: left-to-right-slidein 1500ms ease-in-out 3000ms 1 normal both, fade-in 1500ms ease-in-out 3000ms 1 normal both;
}
#mainvisual .visual-container .characterc {
  animation: fall-slidein 1500ms ease-in-out 3500ms 1 normal both, fade-in 1500ms ease-in-out 3500ms 1 normal both;
}
#mainvisual .visual-container .campaign-text,
#mainvisual .visual-container .campaign-box,
#mainvisual .visual-container .campaign1,
#mainvisual .visual-container .campaign2,
#mainvisual .visual-container .campaign3,
#mainvisual .visual-container .campaign4 {
  left: 74px;
  top: 533px;
}
#mainvisual .visual-container .campaign0 {
  transform-origin: center bottom;
  animation: left-to-right-slidein 500ms ease-out 4500ms 1 normal both, fade-in 500ms ease-in-out 4500ms 1 normal both;
}
#mainvisual .visual-container .campaign1 {
  transform-origin: center bottom;
  animation: left-to-right-slidein 500ms ease-out 5000ms 1 normal both, fade-in 500ms ease-in-out 5000ms 1 normal both;
}
#mainvisual .visual-container .campaign2 {
  transform-origin: center bottom;
  animation: left-to-right-slidein 500ms ease-out 5500ms 1 normal both, fade-in 500ms ease-in-out 5500ms 1 normal both;
}
#mainvisual .visual-container .campaign3 {
  transform-origin: center bottom;
  animation: left-to-right-slidein 500ms ease-out 6000ms 1 normal both, fade-in 500ms ease-in-out 6000ms 1 normal both;
}
#mainvisual .visual-container .campaign4 {
  transform-origin: center bottom;
  animation: left-to-right-slidein 500ms ease-out 6500ms 1 normal both, fade-in 500ms ease-in-out 6500ms 1 normal both;
}
@keyframes star-glow-blink {
  from {
    filter: brightness(1);
  }
  50% {
    transform: translateX(8px);
  }
  30%, 90% {
    filter: brightness(2);
  }
  60%, to {
    filter: brightness(1);
  }
}
#mainvisual .visual-container .product-button {
  top: 372px;
  right: 12px;
  width: 147px;
  height: 165px;
  animation: fade-in 500ms ease-in-out 4500ms 1 normal both;
}
#mainvisual .visual-container .product-button .border-background {
  transition: filter 250ms;
}
#mainvisual .visual-container .product-button .product-button-text {
  transition: filter 250ms;
}
#mainvisual .visual-container .product-button:hover .border-background {
  filter: brightness(150%);
}
#mainvisual .visual-container .product-button:hover .product-button-text {
  filter: brightness(120%);
}
#mainvisual .visual-container .product-button > * {
  position: absolute;
  left: 0;
  right: 0;
}

#campaign1,
#campaign2,
#campaign3,
#campaign4 {
  position: relative;
}
#campaign1 > div,
#campaign2 > div,
#campaign3 > div,
#campaign4 > div {
  position: absolute;
}
#campaign1 h2,
#campaign2 h2,
#campaign3 h2,
#campaign4 h2 {
  margin: 0;
  font-size: 19px;
  line-height: 1.5em;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
#campaign1 h3,
#campaign2 h3,
#campaign3 h3,
#campaign4 h3 {
  font-size: 14.5px;
  margin: 0.5em 0;
}
#campaign1 .background,
#campaign2 .background,
#campaign3 .background,
#campaign4 .background {
  top: 0;
  bottom: 0;
  width: 100%;
  background-repeat: repeat-x;
  background-position: center bottom;
}
@keyframes campaign-background-loop {
  from {
    background-position-x: 0, 0;
  }
  to {
    background-position-x: 2004px, -2004px;
  }
}
#campaign1 .campaign-number-overlay,
#campaign2 .campaign-number-overlay,
#campaign3 .campaign-number-overlay,
#campaign4 .campaign-number-overlay {
  animation: glow-overlay-left-to-right 5000ms ease-in-out 0ms infinite normal both;
}
@supports (mix-blend-mode: color-dodge) {
  #campaign1 .campaign-number-overlay,
#campaign2 .campaign-number-overlay,
#campaign3 .campaign-number-overlay,
#campaign4 .campaign-number-overlay {
    mix-blend-mode: color-dodge;
    background: linear-gradient(135deg, #000 45%, #777 50%, #000 55%);
    background-size: 1000% 1000%;
  }
}
#campaign1 .background-accent,
#campaign2 .background-accent,
#campaign3 .background-accent,
#campaign4 .background-accent {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center;
}
#campaign1 .campaign-box,
#campaign2 .campaign-box,
#campaign3 .campaign-box,
#campaign4 .campaign-box {
  mask-image: url("../images/campaign-frame-mask.png");
  -webkit-mask-image: url("../images/campaign-frame-mask.png");
  animation: mask-bottom-to-top 1000ms ease-in 2000ms 1 both paused;
}
#campaign1 .text-content,
#campaign2 .text-content,
#campaign3 .text-content,
#campaign4 .text-content {
  text-align: left;
}
#campaign1 .text-content span,
#campaign1 .text-content p,
#campaign2 .text-content span,
#campaign2 .text-content p,
#campaign3 .text-content span,
#campaign3 .text-content p,
#campaign4 .text-content span,
#campaign4 .text-content p {
  font-family: Meiryo, "メイリオ", Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
}
#campaign1 .cards,
#campaign2 .cards,
#campaign3 .cards,
#campaign4 .cards {
  letter-spacing: -1px;
  display: flex;
  justify-content: space-around;
  text-align: center;
}
#campaign1 .cards.center,
#campaign2 .cards.center,
#campaign3 .cards.center,
#campaign4 .cards.center {
  justify-content: center;
}
#campaign1 .cards .sub-heading,
#campaign2 .cards .sub-heading,
#campaign3 .cards .sub-heading,
#campaign4 .cards .sub-heading {
  display: block;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 12px;
}
#campaign1 .cards .cardzoom,
#campaign1 .cards .card-nozoom,
#campaign2 .cards .cardzoom,
#campaign2 .cards .card-nozoom,
#campaign3 .cards .cardzoom,
#campaign3 .cards .card-nozoom,
#campaign4 .cards .cardzoom,
#campaign4 .cards .card-nozoom {
  margin: 0 auto;
}
#campaign1 .cards .card-nozoom,
#campaign2 .cards .card-nozoom,
#campaign3 .cards .card-nozoom,
#campaign4 .cards .card-nozoom {
  display: block;
}
#campaign1 .cards .card + .card,
#campaign2 .cards .card + .card,
#campaign3 .cards .card + .card,
#campaign4 .cards .card + .card {
  margin-left: 34px;
}
#campaign1 .cards .card-container,
#campaign2 .cards .card-container,
#campaign3 .cards .card-container,
#campaign4 .cards .card-container {
  display: inline-block;
  min-height: 209px;
}
#campaign1 .cards .card-container-small,
#campaign2 .cards .card-container-small,
#campaign3 .cards .card-container-small,
#campaign4 .cards .card-container-small {
  display: inline-block;
}
#campaign1 .cards .card-container + .card-container,
#campaign2 .cards .card-container + .card-container,
#campaign3 .cards .card-container + .card-container,
#campaign4 .cards .card-container + .card-container {
  margin-left: 34px;
}
#campaign1 .cards .no-margin,
#campaign2 .cards .no-margin,
#campaign3 .cards .no-margin,
#campaign4 .cards .no-margin {
  margin: 0 !important;
}

#campaign1 .visual-container.request-inview-root.viewed h2,
#campaign1 .visual-container.request-inview-root.viewed .campaign-box,
#campaign1 .visual-container.request-inview-root.viewed .text-content,
#campaign1 .visual-container.request-inview-root.viewed .campaign-number,
#campaign1 .visual-container.request-inview-root.viewed .character-main,
#campaign1 .visual-container.request-inview-root.viewed .character-shadow,
#campaign1 .visual-container.request-inview-root.viewed .character-shadow-border,
#campaign1 .visual-container.request-inview-root.viewed .character,
#campaign3 .visual-container.request-inview-root.viewed h2,
#campaign3 .visual-container.request-inview-root.viewed .campaign-box,
#campaign3 .visual-container.request-inview-root.viewed .text-content,
#campaign3 .visual-container.request-inview-root.viewed .campaign-number,
#campaign3 .visual-container.request-inview-root.viewed .character-main,
#campaign3 .visual-container.request-inview-root.viewed .character-shadow,
#campaign3 .visual-container.request-inview-root.viewed .character-shadow-border,
#campaign3 .visual-container.request-inview-root.viewed .character {
  animation-play-state: running;
}
#campaign1 .visual-container .campaign-number,
#campaign3 .visual-container .campaign-number {
  transform-origin: center bottom;
}
#campaign1 .visual-container .character-main,
#campaign3 .visual-container .character-main {
  animation: fade-in 1000ms ease-out 2400ms 1 both paused, campaign-character-keyframe-13 1000ms ease-out 2200ms 1 both paused;
}
#campaign1 .visual-container .character-shadow,
#campaign3 .visual-container .character-shadow {
  animation: fade-in 1000ms ease-out 1600ms 1 both paused, campaign-character-keyframe-13 1000ms ease-out 1600ms 1 both paused, hue-animation 1500ms ease-out 1600ms 1 both paused;
}
#campaign1 .visual-container .character-shadow-border,
#campaign3 .visual-container .character-shadow-border {
  animation: fade-in 1000ms ease-out 1600ms 1 both paused, campaign-character-keyframe-24 1000ms ease-out 1600ms 1 both paused;
}
#campaign1 .visual-container h2,
#campaign1 .visual-container .text-content,
#campaign3 .visual-container h2,
#campaign3 .visual-container .text-content {
  animation: fade-in 1000ms ease-out 2900ms 1 both paused, fall-slidein 1000ms ease-out 2900ms 1 both paused;
}
@keyframes campaign-character-keyframe-13 {
  from {
    transform: translate(-80px, 0px);
  }
  to {
    transform: translate(0, 0);
  }
}

#campaign2 .visual-container.request-inview-root.viewed h2,
#campaign2 .visual-container.request-inview-root.viewed .campaign-box,
#campaign2 .visual-container.request-inview-root.viewed .text-content,
#campaign2 .visual-container.request-inview-root.viewed .cards-content,
#campaign2 .visual-container.request-inview-root.viewed .campaign-number,
#campaign2 .visual-container.request-inview-root.viewed .character-main,
#campaign2 .visual-container.request-inview-root.viewed .character-shadow,
#campaign2 .visual-container.request-inview-root.viewed .character-shadow-border,
#campaign2 .visual-container.request-inview-root.viewed .character,
#campaign4 .visual-container.request-inview-root.viewed h2,
#campaign4 .visual-container.request-inview-root.viewed .campaign-box,
#campaign4 .visual-container.request-inview-root.viewed .text-content,
#campaign4 .visual-container.request-inview-root.viewed .cards-content,
#campaign4 .visual-container.request-inview-root.viewed .campaign-number,
#campaign4 .visual-container.request-inview-root.viewed .character-main,
#campaign4 .visual-container.request-inview-root.viewed .character-shadow,
#campaign4 .visual-container.request-inview-root.viewed .character-shadow-border,
#campaign4 .visual-container.request-inview-root.viewed .character {
  animation-play-state: running;
}
#campaign2 .visual-container .campaign-number,
#campaign4 .visual-container .campaign-number {
  transform-origin: center bottom;
}
#campaign2 .visual-container .character-main,
#campaign4 .visual-container .character-main {
  animation: fade-in 1000ms ease-out 2400ms 1 both paused, campaign-character-keyframe-24 1000ms ease-out 2200ms 1 both paused;
}
#campaign2 .visual-container .character-shadow,
#campaign4 .visual-container .character-shadow {
  animation: fade-in 1000ms ease-out 1600ms 1 both paused, campaign-character-keyframe-24 1000ms ease-out 1600ms 1 both paused, hue-animation 1500ms ease-out 1600ms 1 both paused;
}
#campaign2 .visual-container .character-shadow-border,
#campaign4 .visual-container .character-shadow-border {
  animation: fade-in 1000ms ease-out 1600ms 1 both paused, campaign-character-keyframe-13 1000ms ease-out 1600ms 1 both paused;
}
#campaign2 .visual-container h2,
#campaign2 .visual-container .text-content,
#campaign2 .visual-container .cards-content,
#campaign4 .visual-container h2,
#campaign4 .visual-container .text-content,
#campaign4 .visual-container .cards-content {
  animation: fade-in 1000ms ease-out 2900ms 1 both paused, fall-slidein 1000ms ease-out 2900ms 1 both paused;
}
@keyframes campaign-character-keyframe-24 {
  from {
    transform: translate(80px, 0px);
  }
  to {
    transform: translate(0, 0);
  }
}

#campaign1 {
  height: 1533px;
}
#campaign1 .background {
  background-image: url("../images/campaign1/background-bottom.png");
}
#campaign1 .background-accent {
  background-image: url("../images/campaign1/background.png");
}
#campaign1 .character {
  width: 413px;
  height: 1233px;
}
#campaign1 .character-shadow,
#campaign1 .character-shadow-border {
  width: 367px;
  height: 1158px;
}
#campaign1 .character-shadow {
  left: -30px;
  top: 287px;
  background-image: url("../images/campaign1/character-shadow.jpg");
  background-repeat: no-repeat;
}
#campaign1 .character-shadow-border {
  left: -48px;
  top: 302px;
  border: 2px solid #4ab5ff;
}
#campaign1 .visual-container .campaign-number {
  right: -22px;
  top: 120px;
}
#campaign1 .visual-container .campaign-number-overlay {
  width: 644px;
  height: 210px;
}
#campaign1 .visual-container .character {
  left: -52px;
  top: 197px;
}
#campaign1 .visual-container h2 {
  top: 418px;
  right: 58px;
  color: #ffffff;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  width: 480px;
  height: 123px;
}
#campaign1 .visual-container .campaign-box {
  top: 367px;
  right: 0;
}
#campaign1 .visual-container .text-content {
  top: 584px;
  left: 454px;
  width: 488px;
}
#campaign1 .visual-container .text-content > div {
  font-size: 14.5px;
}
#campaign1 .visual-container p {
  margin: 0;
}
#campaign1 .cards {
  margin-top: 2em;
}

#campaign2 {
  height: 1141px;
}
#campaign2 .background {
  background-image: url("../images/campaign2/background-bottom.png");
}
#campaign2 .background-accent {
  background-image: url("../images/campaign2/background.png");
}
#campaign2 .character {
  width: 563px;
  height: 966px;
}
#campaign2 .character-shadow,
#campaign2 .character-shadow-border {
  width: 367px;
  height: 776px;
}
#campaign2 .character-shadow {
  right: -30px;
  top: 264px;
  background-image: url("../images/campaign2/character-shadow.jpg");
  background-repeat: no-repeat;
}
#campaign2 .character-shadow-border {
  right: -46px;
  top: 274px;
  border: 2px solid #ff734a;
}
#campaign2 .visual-container .campaign-number {
  left: -30px;
  top: 97px;
}
#campaign2 .visual-container .campaign-number-overlay {
  width: 656px;
  height: 210px;
}
#campaign2 .visual-container .character {
  right: -186px;
  top: 138px;
}
#campaign2 .visual-container h2 {
  top: 397px;
  left: 58px;
  color: #ffffff;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  width: 479px;
  height: 189px;
}
#campaign2 .visual-container .campaign-box {
  top: 346px;
  left: 0;
}
#campaign2 .visual-container .text-content {
  top: 629px;
  left: 58px;
  width: 493px;
  text-align: left;
}

#campaign3 {
  height: 1487px;
}
#campaign3 .background {
  background-image: url("../images/campaign3/background-bottom.png");
}
#campaign3 .background-accent {
  background-image: url("../images/campaign3/background.png");
}
#campaign3 .character {
  width: 501px;
  height: 1172px;
}
#campaign3 .character-shadow,
#campaign3 .character-shadow-border {
  width: 367px;
  height: 1158px;
}
#campaign3 .character-shadow {
  left: -32px;
  top: 262px;
  background-image: url("../images/campaign3/character-shadow.jpg");
  background-repeat: no-repeat;
}
#campaign3 .character-shadow-border {
  left: -48px;
  top: 277px;
  border: 2px solid #5649ff;
}
#campaign3 .visual-container .campaign-number {
  right: -25px;
  top: 94px;
}
#campaign3 .visual-container .campaign-number-overlay {
  width: 651px;
  height: 210px;
}
#campaign3 .visual-container .character {
  left: -125px;
  top: 194px;
}
#campaign3 .visual-container .campaign-box {
  top: 344px;
  right: 0;
}
#campaign3 .visual-container h2 {
  top: 394px;
  right: 57px;
  color: #ffffff;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  width: 479px;
  height: 165px;
}
#campaign3 .visual-container .text-content {
  top: 625px;
  right: 49px;
  width: 493px;
}
#campaign3 .visual-container .cards {
  letter-spacing: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
#campaign3 .visual-container .cards.center {
  justify-content: center;
}
#campaign3 .visual-container .cards .sub-heading {
  display: block;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 6px;
}
#campaign3 .visual-container .cards .cardzoom,
#campaign3 .visual-container .cards .card-nozoom {
  margin: 0 auto;
}
#campaign3 .visual-container .cards .card-nozoom {
  display: block;
}
#campaign3 .visual-container .cards .card + .card {
  margin-left: 34px;
}
#campaign3 .visual-container .cards .card-container {
  display: inline-block;
  min-height: 209px;
}
#campaign3 .visual-container .cards .card-container-small {
  display: inline-block;
}
#campaign3 .visual-container .cards .card-container + .card-container {
  margin-left: 34px;
}
#campaign3 .visual-container .cards .no-margin {
  margin: 0 !important;
}
#campaign3 .visual-container .cards + .cards {
  margin-top: 30px;
}
#campaign3 .visual-container p {
  margin: 0;
}

#campaign4 {
  height: 1762px;
}
#campaign4 .background {
  background-image: url("../images/campaign4/background-bottom.png");
}
#campaign4 .background-accent {
  background-image: url("../images/campaign4/background.png");
}
#campaign4 .character {
  width: 604px;
  height: 1297px;
}
#campaign4 .character-shadow,
#campaign4 .character-shadow-border {
  width: 368px;
  height: 1242px;
}
#campaign4 .character-shadow {
  right: -30px;
  top: 300px;
  background-image: url("../images/campaign4/character-shadow.jpg");
  background-repeat: no-repeat;
}
#campaign4 .character-shadow-border {
  right: -46px;
  top: 316px;
  border: 2px solid #ff4ac5;
}
#campaign4 .visual-container .campaign-number {
  left: -24px;
  top: 134px;
}
#campaign4 .visual-container .campaign-number-overlay {
  width: 656px;
  height: 210px;
}
#campaign4 .visual-container .character {
  right: -221px;
  top: 212px;
}
#campaign4 .visual-container h2 {
  top: 432px;
  left: 30px;
  color: #ffffff;
  width: 540px;
  height: 188px;
}
#campaign4 .visual-container .h2-hr-top {
  top: 432px;
  left: 59px;
  background-color: white;
  height: 2px;
  width: 480px;
}
#campaign4 .visual-container .h2-hr-bottom {
  top: 620px;
  left: 59px;
  background-color: white;
  height: 2px;
  width: 480px;
}
#campaign4 .visual-container .campaign-box {
  top: 381px;
  left: 0;
}
#campaign4 .visual-container .text-content {
  top: 675px;
  left: 60px;
  width: 478px;
}
#campaign4 .visual-container .text-content a {
  color: black;
  text-decoration: underline;
}
#campaign4 .visual-container .text-content .cards-root {
  display: flex;
  justify-content: center;
}
#campaign4 .visual-container .text-content .cards-root > div:nth-child(1) {
  width: 285px;
}
#campaign4 .visual-container .text-content .cards-root > div:nth-child(2) {
  width: 340px;
}
#campaign4 .visual-container .cards-content {
  z-index: 5;
  top: 767px;
  left: 128px;
  width: 346px;
}
#campaign4 .visual-container .cards-content h3 {
  font-size: 14.5px;
  margin: 2em 0 0.5em 0;
}
#campaign4 .visual-container .cards-content .wrapped {
  font-size: 14.5px;
  padding-left: 40px;
  line-height: 1.7em;
}
#campaign4 .visual-container .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
#campaign4 .visual-container .cards.center {
  justify-content: center;
}
#campaign4 .visual-container .cards .sub-heading {
  display: block;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 1em;
}
#campaign4 .visual-container .cards .sub-heading .highlight {
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: black;
}
#campaign4 .visual-container .cards .cardzoom,
#campaign4 .visual-container .cards .card-nozoom {
  margin: 0 auto;
}
#campaign4 .visual-container .cards .card-nozoom {
  display: block;
}
#campaign4 .visual-container .cards .card + .card {
  margin-left: 34px;
}
#campaign4 .visual-container .cards .card-container {
  display: inline-block;
  min-height: 209px;
}
#campaign4 .visual-container .cards .card-container-small {
  display: inline-block;
}
#campaign4 .visual-container .cards .card-container + .card-container {
  margin-left: 34px;
}
#campaign4 .visual-container .cards .no-margin {
  margin: 0 !important;
}
#campaign4 .visual-container .cards + .cards {
  margin-top: 30px;
}
#campaign4 .visual-container p {
  margin: 0;
}

.txt {
  font-weight: bold;
  padding: 2em 0;
}

/* Aniamtion */
@keyframes glow-heading {
  0% {
    filter: brightness(100%);
  }
  20% {
    filter: brightness(250%);
  }
  30% {
    filter: brightness(150%);
  }
  100% {
    filter: brightness(100%);
  }
}
@keyframes drop-number {
  0% {
    transform: translate(5px, -25px) scaleY(0.9);
    filter: opacity(0);
  }
  25% {
    filter: opacity(1);
  }
  50% {
    transform: translate(0, 0) scaleY(0.9);
  }
  50% {
    transform: translate(0, 0) scaleY(0.7);
  }
  100% {
    transform: translate(0, 0) scaleY(1);
  }
}
@keyframes rotate-in {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes background-character-in {
  0% {
    background-position: left -50px, left top;
  }
  80% {
    background-position: left 10px, left top;
  }
  100% {
    background-position: left 0px, left top;
  }
}
@keyframes right-to-left-slidein {
  0% {
    transform: translateX(25px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes left-to-right-slidein {
  0% {
    transform: translateX(-125px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes fall-slidein {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blur-in {
  from {
    filter: blur(100px) opacity(0);
  }
  to {
    filter: blur(0px) opacity(1);
  }
}
@keyframes blur-out {
  from {
    filter: blur(0px) opacity(1);
  }
  to {
    filter: blur(100px) opacity(0);
  }
}
@keyframes blink-in {
  from, 30%, 80% {
    opacity: 0;
  }
  10%, 60%, to {
    opacity: 1;
  }
}
@keyframes left-to-right-scroll-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes scale-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes mask-gradient-left-to-right {
  from {
    mask-position: 100%;
    -webkit-mask-position: 100%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  to {
    mask-position: 50%;
    -webkit-mask-position: 50%;
  }
}
@keyframes mask-right-to-left {
  from {
    mask-position: right;
    -webkit-mask-position: right;
  }
  to {
    mask-position: left;
    -webkit-mask-position: left;
  }
}
@keyframes mask-bottom-to-top {
  from {
    mask-position: bottom;
    -webkit-mask-position: bottom;
  }
  to {
    mask-position: top;
    -webkit-mask-position: top;
  }
}
@keyframes glow-overlay-left-to-right {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
@keyframes glow-overlay-right-to-left {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
@keyframes hue-animation {
  from {
    filter: hue-rotate(90deg);
  }
  to {
    filter: hue-rotate(0deg);
  }
}

/*# sourceMappingURL=event_56.css.map */