@charset "utf-8";

/* .loading */
.loading-finished .loading {
  animation: loading-screen 1.5s ease .3s forwards;
}
@keyframes loading-screen {
  0% {
    z-index: 101;
    opacity: 1;
  }
  39% {
    z-index: 101;
    opacity: 1;
  }
  99.7% {
    z-index: 101;
    opacity: 0;
  }
  100% {
    z-index: -101;
    opacity: 0;
  }
}

/* .base-bg */
.base-bg .halo-01 {
  opacity: 0;
  transition: opacity .5s ease 3.5s;
}
.base-bg.is-show .halo-01 {
  opacity: 1;
}
.dec-bg .dec {
  opacity: 0;
  transition: width .3s ease, height .3s ease, opacity .5s ease 4s;
}
.dec-bg.is-show .dec {
  opacity: 1;
}
@media screen and (min-width: 860px) {
  .site-header .heading-outer::before,
  .site-header .heading-outer::after {
    opacity: 0;
    transition: opacity .25s linear 2.15s, translate .3s ease 2.1s;
  }
  .site-header .heading-outer::before {
    translate: 17px 0;
  }
  .site-header .heading-outer::after {
    translate: -17px 0;
  }
  .loading-finished .site-header .heading-outer::before,
  .loading-finished .site-header .heading-outer::after {
    opacity: 1;
    translate: 0 0;
  }
}

/* .site-header */
.site-header .ttl.img-01 {
  opacity: 0;
  translate: 0 17px;
  transition: opacity .4s linear 1.25s, translate .5s ease 1.2s;
}
.site-header .ttl.img-02 {
  opacity: 0;
  translate: 0 23px;
  transition: opacity .4s linear 1.35s, translate .5s ease 1.3s;
}
.site-header .ttl.img-03 {
  opacity: 0;
  translate: 0 33px;
  transition: opacity .4s linear 1.55s, translate .5s ease 1.5s;
}
.site-subheading {
  opacity: 0;
  translate: 0 -27px;
  transition: opacity .4s linear 1.45s, translate .5s ease 1.4s;
}
.site-header .tagline-01 .img-text,
.data-outer .tagline-02 .img-text {
  opacity: 0;
  transition: opacity .7s linear 1.8s;
}
.site-header .data-outer .date_time {
  opacity: 0;
  translate: -17px 0;
  transition: opacity .4s linear 1.75s, translate .5s ease 1.7s;
}
.site-header .data-outer .venue {
  opacity: 0;
  translate: 17px 0;
  transition: opacity .4s linear 1.75s, translate .5s ease 1.7s;
}
.loading-finished .site-header .ttl.img-01,
.loading-finished .site-header .ttl.img-02,
.loading-finished .site-header .ttl.img-03,
.loading-finished .site-subheading,
.loading-finished .site-header .tagline-01 .img-text,
.loading-finished .data-outer .tagline-02 .img-text,
.loading-finished .site-header .data-outer .date_time,
.loading-finished .site-header .data-outer .venue {
  opacity: 1;
  translate: 0 0;
}

/* .header-performer */
.header-performer .comedy-outer {
  opacity: 0;
  translate: 0 57px;
  transition: opacity .2s linear 1.95s, translate .25s ease 1.9s;
}
.header-performer .science-outer {
  opacity: 0;
  translate: 0 -27px;
  transition: opacity .4s linear 1.95s, translate .5s ease 1.9s;
}
.header-performer .host-outer {
  opacity: 0;
  translate: -17px 0;
  transition: opacity .4s linear 1.95s, translate .5s ease 1.9s;
}
.header-performer .character-outer .nebaru {
  opacity: 0;
  transition: opacity .5s linear 1.65s;
}
.header-performer .character-outer .fukkun {
  opacity: 0;
  transition: opacity .5s linear 1.75s;
}
.loading-finished .header-performer .is-show .comedy-outer,
.loading-finished .header-performer .is-show .science-outer,
.loading-finished .header-performer .is-show .host-outer,
.loading-finished .header-performer .is-show .character-outer .nebaru,
.loading-finished .header-performer .is-show .character-outer .fukkun {
  opacity: 1;
  translate: 0 0;
}
@media screen and (min-width: 768px) {
  .header-performer .character-outer .nebaru {
    transition: opacity .5s linear 1.95s;
  }
  .header-performer .character-outer .fukkun {
    transition: opacity .5s linear 1.85s;
  }
}

/* .workshop */
.header-performer .workshop {
  opacity: 0;
  translate: 0 17px;
  transition: opacity .4s linear .55s, translate .5s ease .5s;
}
.loading-finished .workshop.is-show {
  opacity: 1;
  translate: 0 0;
}

/* #id-date */
.table .in-view .time .td-inner,
.table .in-view .event .td-inner {
  opacity: 0;
  transition: opacity .15s linear .15s, translate .3s ease .1s;
}
.table .in-view .time .td-inner {
  translate: -17px 0;
}
.table .in-view .event .td-inner {
  translate: 17px 0;
}
.table .in-view.is-show .time .td-inner,
.table .in-view.is-show .event .td-inner {
  opacity: 1;
  translate: 0 0;
}

/* common */
.in-view .transition {
  opacity: 0;
  translate: 0 23px;
  transition: opacity .3s linear .25s, translate .4s ease .2s;
}
.in-view.is-show .transition {
  opacity: 1;
  translate: 0 0;
}



/* *** */