#wrap .main-overlay {
  opacity: 0;
}

#wrap .main-overlay.anime {
  opacity: 1;
  transition: all 2200ms;
  transition-delay: 200ms;
}

#wrap .main-video-container {
  position: fixed;
  width: 100%;
  height: 100vh;
  transform: translate(-50%, 0);
  top: 50px;
  left: 50%;
}

@media screen and (min-width: 768px) {
  #wrap .main-video-container {
    height: calc(100% - 66px);
    top: 66px;
  }
}

#wrap #main .title {
  opacity: 0;
}

#wrap #main .date {
  opacity: 0;
}

#wrap #main .mv-date {
  opacity: 0;
}

#wrap #main .nsw {
  opacity: 0;
}

#wrap #main .jga2018,
#wrap #main .platinum,
#wrap #main .main-banner {
  opacity: 0;
}

#wrap #main .btn-trailer-content a {
  opacity: 0;
}

#wrap #main .btn-trailer-content .btn-overlay {
  width: 150%;
  transform: translate(-100%, 0);
  opacity: 1;
}

#wrap #main .btn-trailer-container.new:after {
  transition: all 200ms 2000ms;
  opacity: 0;
}

#wrap #main+#contents {
  opacity: 0;
}

#wrap #main.anime .title {
  opacity: 1;
  transition: all 2200ms;
  transition-delay: 200ms;
}

#wrap #main.anime .mv-date {
  opacity: 1;
  transition: opacity 2200ms;
  transition-delay: 200ms;
}

#wrap #main.anime .nsw {
  opacity: 1;
  transition: opacity 2200ms;
  transition-delay: 200ms;
}

#wrap #main.anime .jga2018,
#wrap #main.anime .platinum,
#wrap #main.anime .main-banner {
  opacity: 1;
  transition: all 2200ms;
  transition-delay: 200ms;
}

#wrap #main.anime+#contents {
  opacity: 1;
  transition: all 2200ms;
  transition-delay: 200ms;
}

#wrap #main.anime .date {
  opacity: 1;
  transition: all 2000ms;
  transition-delay: 700ms;
}

#wrap #main.anime .btn-trailer-content .btn-overlay {
  transition: all 1800ms;
  transform: translate(200%, 0);
  transition-delay: 940ms;
}

#wrap #main.anime .btn-trailer-content a {
  transition: opacity 0ms;
  transition-delay: 1540ms;
  opacity: 1;
}

#wrap #main.anime .btn-trailer-container.new:after {
  opacity: 1;
}

#wrap #top-about .btn-more,
#wrap #top-spec .btn-more {
  opacity: 0;
}

#wrap #top-about.anime .btn-more,
#wrap #top-spec.anime .btn-more {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 600ms;
}

#wrap #top-about .fade-text {
  transition-delay: 800ms !important;
}

#wrap #top-about .head-typing .text-animation .line p .overlay:after {
  background: #272727;
}

#wrap #top-spec>div {
  overflow: hidden;
}

#wrap #top-spec .spec-area {
  opacity: 0;
}

#wrap #top-spec.anime .spec-area {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 300ms;
}

#wrap .effect-window .effects {
  pointer-events: none;
}

#wrap .effect-window>.effect-window-contents {
  opacity: 0;
}

#wrap .effect-window>.effect-window-contents .banner li {
  transform: translate(0, 50px);
  opacity: 0;
}

#wrap .effect-window>.effect-window-contents .twitter-list-item {
  transform: translate(0, 50px);
  opacity: 0;
}

#wrap .effect-window>.effect-overlay {
  transform: scale(1, 0);
  transform-origin: 50% 0%;
  pointer-events: none;
}

#wrap .effect-window.anime>.effects>div {
  transition: transform 160ms;
}

#wrap .effect-window.anime>.effects>div:nth-child(1) {
  transform: translate(0, 0);
  transition-delay: 0ms;
}

#wrap .effect-window.anime>.effects>div:nth-child(2) {
  transform: translate(0, 0);
  transition-delay: 160ms;
}

#wrap .effect-window.anime>.effects>div:nth-child(3) {
  transform: translate(0, 0);
  transition-delay: 320ms;
}

#wrap .effect-window.anime>.effects>div:nth-child(4) {
  transform: translate(0, 0);
  transition-delay: 480ms;
}

#wrap .effect-window.anime>.effect-overlay {
  transition: transform 530ms;
  transition-delay: 480ms;
  transition-timing-function: cubic-bezier(0.05, 0.55, 0.245, 1);
  transform: scale(1, 1);
}

#wrap .effect-window.anime>.effect-window-contents {
  transition: opacity 600ms;
  transition-delay: 1010ms;
  opacity: 1;
}

#wrap .effect-window.anime>.effect-window-contents .banner li {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1000ms;
  transition-delay: 1010ms;
}

#wrap .effect-window.anime>.effect-window-contents .banner li:nth-child(1) {
  transition-delay: 1110ms;
}

#wrap .effect-window.anime>.effect-window-contents .banner li:nth-child(2) {
  transition-delay: 1210ms;
}

#wrap .effect-window.anime>.effect-window-contents .twitter-list-item {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1000ms;
}

#wrap .effect-window.anime>.effect-window-contents .twitter-list-item.item01 {
  transition-delay: 1310ms;
}

#wrap .effect-window.anime>.effect-window-contents .twitter-list-item.item02 {
  transition-delay: 1410ms;
}

#wrap .effect-window.anime>.effect-window-contents .twitter-list-item.item03 {
  transition-delay: 1510ms;
}

#wrap .effect-window.anime>.effect-window-contents .twitter-list-item.item04 {
  transition-delay: 1610ms;
}