@charset "utf-8";
@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverin_reverse {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: -101%;
    opacity: 1; } }
.buruburu {
  display: inline-block;
  animation: hurueru .1s  infinite; }

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg); }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg); }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg); }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
  0% {
    background-position: 0 0; }
  100% {
    background-position: round-decimal(5.2083333333vw, 3) 0; } }
@media screen and (min-width: 1025px) {
  @keyframes wave {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 100px 0; } } }
/* nav active */
/*
.top.mememori main .siteheader .wrap nav ul.link li.top a{text-shadow: 0 0 29px #ff6b37, 0 0 29px #ff6b37, 0 0 29px #ff6b37, 0 0 29px #ff6b37, 0 0 29px #ff6b37;}
*/
body.top #contents {
  text-align: center; }
  body.top #contents .btn a {
    font-size: 2.344vw;
    letter-spacing: 0.06em;
    color: #fff;
    display: flex;
    width: 18.945vw;
    height: 8.008vw;
    text-align: center;
    border: 1px solid #5e5e5e;
    justify-content: center;
    align-items: center; }
  body.top #contents a.moviemodal {
    position: relative;
    display: block;
    overflow: hidden; }
    body.top #contents a.moviemodal i {
      display: block;
      background: url("/assets/tw/img/top/btn_play.png") no-repeat center center/14.648vw 14.648vw;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      body.top #contents a.moviemodal i::before {
        content: '';
        background: url("/assets/tw/img/top/mask_movie.png") no-repeat center center/100% 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0; }
  body.top #contents .store ul{
    text-align: center;
    margin: 7vw auto 10vw; }
  body.top #contents .store ul li{
    display: inline-block;
    margin: 0 1.34vw; }
  body.top #contents .store ul li img{
    height: 13.96vw;
    width: auto; }
  body.top #contents .kv {
    position: relative;
    z-index: 10;
    overflow: hidden;
    /*#firebg{position: absolute; font-kerning: 0; top: 0; width: 100%; height: sp(1008); z-index: 20; overflow: hidden;}*/ }
    body.top #contents .kv .wrap {
      /*padding: 98.438vw 0 0;*/
      padding: 136.438vw 0 0;
      position: relative; }
    body.top #contents .kv img {
      position: relative;
      z-index: 0; }
    body.top #contents .kv .visual {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      z-index: 0; }
    body.top #contents .kv .sns {
      display: none; }
    body.top #contents .kv h1 {
      position: absolute;
      /*left: 3.32vw;*/
      /*top: 28.125vw;*/
      left: 4.012vw;
      top: 40.125vw;
      z-index: 2; }
      body.top #contents .kv h1 img {
        /*width: 47.559vw;*/
        width: 64.559vw;
        height: auto; }
    body.top #contents .kv .copy {
      position: absolute;
      /*right: 0vw;*/
      /*top: 17.09vw;*/
      right: 0vw;
      top: 118.005vw;
      z-index: 2; }
      body.top #contents .kv .copy img {
        /*width: 100%;*/
        /*height: 44.141vw;*/
        width: 83.918vw;
        height: auto; }
    body.top #contents .kv .jizen {
      position: relative;
      z-index: 30; }
      body.top #contents .kv .jizen img {
        width: 86.914vw;
        height: auto;
        margin: 0 auto; }
    body.top #contents .kv #firebg {
      position: absolute;
      font-kerning: 0;
      top: 0;
      width: 100%;
      height: 128.438vw;
      z-index: 20;
      overflow: hidden; }
  body.top #contents .img_section {
    padding: 12.207vw 0 0; }
    body.top #contents .img_section img {
      width: 100%;
      height: auto; }
  body.top #contents .news {
    margin: 12.207vw 0 0;
    position: relative;
    z-index: 30; }
    body.top #contents .news header {
      position: relative;
      padding: 0 2.93vw 6.836vw 7.324vw;
      margin-bottom: 6.348vw;
      text-align: left; }
      body.top #contents .news header::before {
        content: '';
        background: url("/assets/tw/img/top/bg_border-news.png") no-repeat center bottom/100% auto;
        width: 100%;
        height: 9.766vw;
        position: absolute;
        left: 0;
        bottom: 0; }
      body.top #contents .news header h2 {
        color: #fff;
        font-size: 9.863vw;
        letter-spacing: 0.08em; }
      body.top #contents .news header .btn {
        position: absolute;
        right: 2.93vw;
        top: 0.684vw; }
    body.top #contents .news .twitter_wrap {
      width: 88.281vw;
      padding: 0;
      height: 116.0vw;
      margin: 0 auto;
      overflow: hidden;
      /*overflow: hidden; overflow-y: scroll;*/ }
      body.top #contents .news .twitter_wrap .twitter_wrapin {
        position: relative;
        /*top: -0.195vw;
        height: 100.586vw;*/ }
  body.top #contents .movie {
    margin: 19.531vw 0 0;
    position: relative;
    z-index: 30; }
    body.top #contents .movie header {
      padding: 0 2.93vw 4.395vw 7.324vw;
      position: relative;
      margin-bottom: 7.617vw;
      text-align: left; }
      body.top #contents .movie header::before {
        content: '';
        background: url("/assets/tw/img/top/bg_border-movie.png") no-repeat center bottom/100% auto;
        width: 100%;
        height: 9.766vw;
        position: absolute;
        left: 0;
        bottom: 0; }
      body.top #contents .movie header h2 {
        color: #fff;
        font-size: 9.863vw;
        letter-spacing: 0.08em; }
      body.top #contents .movie header .btn {
        position: absolute;
        right: 2.93vw;
        top: 0.684vw; }
    body.top #contents .movie header ~ div p {
      width: 87.305vw;
      margin: 0 auto; }
    body.top #contents .movie div p + p {
      margin-top: 4.395vw; }
  body.top #contents .gallery {
    position: relative;
    z-index: 40; }
    body.top #contents .gallery h2 {
      font-size: 12.012vw;
      text-align: center;
      color: #000;
      position: absolute;
      left: 0;
      top: 33.008vw;
      width: 100%;
      letter-spacing: 0.08em; }
    body.top #contents .gallery span[data-nexttrigger] {
      display: block; }
    body.top #contents .gallery .characters {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      position: absolute;
      left: 0;
      top: 52.344vw; }
      body.top #contents .gallery .characters a {
        display: block;
        margin: 0 1.074vw 1.563vw;
        position: relative; }
        body.top #contents .gallery .characters a img {
          width: 28.516vw;
          height: auto; }
        body.top #contents .gallery .characters a.new::after {
          content: 'new';
          background: url("/assets/tw/img/gallery/nav_new.png") no-repeat left top/cover;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0.977vw;
          top: 1.465vw; }
      body.top #contents .gallery .characters a.comingsoon {
        pointer-events: none; }
    body.top #contents .gallery .note {
      font-size: 3.223vw;
      line-height: 2;
      text-align: center;
      position: absolute;
      left: 0;
      top: 210.938vw;
      z-index: 10;
      width: 100%;
      color: #000;
      letter-spacing: 0.04em; }
  body.top #contents .voice {
    text-align: center;
    position: relative;
    z-index: 30; }
    body.top #contents .voice h2 {
      font-size: 12.012vw;
      color: #fff;
      letter-spacing: 0.1em;
      margin: 5.469vw 0 4.102vw; }
    body.top #contents .voice p {
      font-size: 3.418vw;
      color: #fff;
      line-height: 6.934vw;
      letter-spacing: 0.18em; }
    body.top #contents .voice p.note {
      font-size: 2.734vw; }
    body.top #contents .voice p + p {
      line-height: 8.203vw;
      letter-spacing: 0.18em;
      margin-top: 4.883vw; }
  body.top #contents .song {
    text-align: center;
    background: url("/assets/tw/img/top/bg_border-song.png") no-repeat center top/100% auto;
    margin: 17.578vw 0 0;
    padding-top: 16.113vw;
    position: relative;
    z-index: 30; }
    body.top #contents .song h2 {
      font-size: 12.012vw;
      color: #fff;
      letter-spacing: 0.1em;
      margin-bottom: 2.93vw; }
    body.top #contents .song p {
      font-size: 3.418vw;
      color: #fff;
      line-height: 6.934vw;
      letter-spacing: 0.18em; }
    body.top #contents .song p.note {
      font-size: 2.734vw; }
    body.top #contents .song p + p {
      line-height: 8.203vw;
      letter-spacing: 0.18em;
      margin-top: 4.883vw;
      padding-bottom: 4.395vw; }
    body.top #contents .song ul {
      display: flex;
      flex-wrap: wrap;
      color: #fff;
      justify-content: center;
      margin-top: 12.988vw; }
      body.top #contents .song ul li {
        width: 50%;
        text-align: center;
        font-size: 3.125vw;
        letter-spacing: 0.18em; }
        body.top #contents .song ul li small {
          font-size: 2.637vw;
          color: #d43241;
          display: block;
          margin-top: 2.441vw; }
      body.top #contents .song ul li:nth-child(n+3) {
        margin-top: 4.883vw; }
    body.top #contents .song ul + p {
      padding: 7.813vw 0 10.059vw;
      line-height: 1; }
    body.top #contents .song .youtube {
      padding-bottom: 3.418vw; }
    body.top #contents .song .youtube a {
      width: 72.266vw;
      border: 1px solid #c0c0c0;
      height: 15.039vw;
      background: url("/assets/tw/img/top/btn_youtube.png") no-repeat 1.465vw top/100% 100%;
      color: #fff;
      letter-spacing: 0.18em;
      font-size: 3.027vw;
      display: flex;
      margin: 0 auto;
      justify-content: flex-end;
      align-items: center;
      padding: 0 14.648vw 0 0; }
  body.top #contents .story {
    height: 317.188vw;
    position: relative;
    color: #000;
    text-align: center;
    padding: 33.203vw 0 0;
    z-index: 50; }
    body.top #contents .story .bg {
      position: absolute;
      left: 0;
      top: 0; }
    body.top #contents .story h2 {
      font-size: 12.012vw;
      letter-spacing: 0.1em;
      padding-bottom: 3.418vw; }
    body.top #contents .story p {
      font-size: 3.613vw;
      line-height: 2;
      letter-spacing: 0.14em; }
    body.top #contents .story p em {
      color: #d43241;
      line-height: 1; }
    body.top #contents .story p b {
      font-size: 6.543vw;
      line-height: 1; }
    body.top #contents .story p b em {
      font-size: 4.59vw; }
    body.top #contents .story p + p {
      margin-top: 7.031vw; }

  /*body.top #contents .special {
    text-align: center;
    position: relative;
    height: 82.227vw;
    color: #fff;
    padding: 28.027vw 0 0;
    margin: -19.531vw 0 -10.352vw;
    z-index: 40; }
    body.top #contents .special h2 {
      font-size: 12.012vw;
      letter-spacing: 0.1em;
      padding-bottom: 5.957vw;
      color: #fff; }
    body.top #contents .special p {
      font-size: 3.613vw;
      letter-spacing: 0.1em; }
    body.top #contents .special .bg {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }*/

  body.top #contents .special {
    text-align: center;
    position: relative;
    height: 113.227vw;
    color: #fff;
    padding: 18.9vw 0 0;
    margin: -19.531vw 0 -10.352vw;
    z-index: 40; }
    body.top #contents .special h2 {
      font-size: 12.012vw;
      letter-spacing: 0.1em;
      padding-bottom: 5.957vw;
      color: #fff; }
    body.top #contents .special p {
      font-size: 3.613vw;
      letter-spacing: 0.1em; }
    body.top #contents .special .bg {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }
body.top #contents .special .special_nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 10;
  margin: 0 0 3.766vw; }
  body.top #contents .special .special_nav h1,
  body.top #contents .special .special_nav p {
    width: 45.215vw;
    height: 13.379vw;
    font-size: 4.395vw;
    color: #fff;
    font-family: "Cinzel", serif;
    text-align: center;
    margin: 0 2vw 1.953vw;
    letter-spacing: 0em; }
  body.top #contents .special .special_nav p.btn_beginner {
    width: 74.215vw;
    height: 26.379vw; }
    body.top #contents .special .special_nav p.btn_beginner a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      padding: 3.6vw 0 0; }
    body.top #contents .special .special_nav h1 a,
		body.top #contents .special .special_nav p a {
      display: block;
      color: #fff;
      width: 100%;
      height: 100%;
      position: relative;
      padding: 3.6vw 0 0; }
      body.top #contents .special .special_nav h1 a:before,
			body.top #contents .special .special_nav h1 a:after,
			body.top #contents .special .special_nav p a:before,
			body.top #contents .special .special_nav p a:after,
			body.top #contents .special .special_nav p.btn_beginner a:before,
			body.top #contents .special .special_nav p.btn_beginner a:after {
        content: "";
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
        position: absolute;
        left: 0;
        top: 0;
        transition: opacity 0.3s; }
      body.top #contents .special .special_nav h1 a:before,
      body.top #contents .special .special_nav p a:before {
        background-image: url("/assets/tw/img/top/btn_tab.png"); }
      body.top #contents .special .special_nav h1 a:after,
      body.top #contents .special .special_nav p a:after {
        background-image: url("/assets/tw/img/top/btn_tab_active.png");
        opacity: 0; }
			body.top #contents .special .special_nav p.btn_beginner a:before {
        background-image: url("/assets/tw/img/top/btn_beginner.png"); }
			body.top #contents .special .special_nav p.btn_beginner a:after {
        background-image: url("/assets/tw/img/top/btn_beginner_active.png");
        opacity: 0; }

      body.top #contents .special .special_nav h1 a span,
			body.top #contents .special .special_nav p a span {
        display: inline-block;
        text-align: center;
        position: relative;
        z-index: 5;
        transition: color 0.3s; }
			body.top #contents .special .special_nav p.btn_beginner a span {
				display: none; }
    body.top #contents .special .special_nav h1.active a span,
    body.top #contents .special .special_nav p.active a span {
      color: #000; }
    body.top #contents .special .special_nav h1.active a:before,
    body.top #contents .special .special_nav p.active a:before {
      opacity: 0; }
    body.top #contents .special .special_nav h1.active a:after,
    body.top #contents .special .special_nav p.active a:after {
      opacity: 1; }

  body.top #contents .game {
    text-align: center;
    position: relative;
    width: 100%;
    height: auto;
    color: #000;
    z-index: 30;
    padding: 16.0vw 0;
    overflow: hidden; }
    body.top #contents .game h2 {
      font-size: 12.012vw;
      letter-spacing: 0.1em;
      padding-bottom: 5.273vw; }
    body.top #contents .game p {
      font-size: 3.613vw;
      letter-spacing: 0.1em; }
    body.top #contents .game .bg {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }
    body.top #contents .game::before {
      content: '';
      background: ;
      height: 9.766vw;
      width: 100%;
      position: absolute;
      right: 50%;
      top: 0;
      z-index: 50;
      /*margin-right: 960px;*/ }
    body.top #contents .game::after {
      content: '';
      background: ;
      height: 9.766vw;
      width: 100%;
      position: absolute;
      left: 50%;
      top: 0;
      z-index: 50;
      /*margin-left: 960px;*/ }
/*スライダーの設定*/
  body.top #contents .game .slider_pict {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 100%;
    margin: 10px auto -20px;}
  body.top #contents .game .slider_text {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 100%;
    margin: 0 auto;}
  body.top #contents .game .cover {/*SP用対策…テキストスライダーのスワイプ操作不可に*/
    display: none;
    /*position: absolute;
    left:0;
    top:46vw;
    width:100%;
    height:30vw;*/}
  body.top #contents .game .cover img {
    width:100%;
    height:100%;
    pointer-events: none;
    z-index: 10001;}
  body.top #contents .game .slider_pict img,
  body.top #contents .game .slider_pict video{
    width: 80vw;/*スライダー内の画像を80vwにしてレスポンシブ化*/
    height: auto;
		/*margin: 0 5.6vw;*/}
  body.top #contents .game .slider_text img {
    width: 90vw;/*スライダー内の画像を80vwにしてレスポンシブ化*/
    height: auto;
		margin: 0 5.6vw;}
  body.top #contents .game .slider_pict div.txt_ss {
    position: relative;
    display: block;
    height: 30px;
    width: 100%;
    text-align: right;
    padding: 5px 0;
    font-size: 2.0vw;
    color: #333;}
  body.top #contents .game .slider_text p {
    display: block;
    text-align: left;
    line-height: 1.4em;
    width: 80vw;/*スライダー内の画像と同じ幅*/
    height: auto;
		margin: 0 1.1vw;
    font-size: 3.0vw;}
  body.top #contents .game .slider_pict .slick-slide {
    transform: scale(0.8);/*左右の画像のサイズを80%に*/
    transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
    opacity: 0.5;/*透過50%*/}
  body.top #contents .game .slider_pict .slick-slide.slick-center{
    transform: scale(1);/*中央の画像のサイズだけ等倍に*/
    opacity: 1;/*透過なし*/
    margin: 0 -1.8vw;}
  body.top #contents .game .slider_pict a.moviemodal i::before {
    background: none;/*スライダー内の動画の枠を非表示に*/}
  body.top #contents .game .slider_pict .slick-slide:focus,
  body.top #contents .game .slider_text .slick-slide:focus {
    outline: none;/*スライドタップ時の青いアウトラインを消す*/}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
  body.top #contents .game .slick-prev, 
  body.top #contents .game .slick-next {
    position: absolute;/*絶対配置にする*/
    top: 41%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 4vw;
    width: 4vw;
    z-index: 10001;
    display: none !important;}
  body.top #contents .game .slick-prev {/*戻る矢印の位置と形状*/
    left: 4.0%;
    transform: rotate(-135deg);}
  body.top #contents .game .slick-next {/*次へ矢印の位置と形状*/
    right: 4.0%;
    transform: rotate(45deg);}
/*ドットナビゲーションの設定*/
  body.top #contents .game .slick-dots {
    text-align: center;
  	margin: 5.5vw 0 0;}
  body.top #contents .game .slick-dots li {
    display:inline-block;
  	margin: 0 5px;}
  body.top #contents .game .slick-dots button {
    color: transparent;
    outline: none;
    width: 7px;/*ドットボタンのサイズ*/
    height: 14px;/*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #ccc;/*ドットボタンの色*/
    border: none;
    font-size: 2.0vw;}
  body.top #contents .game .slick-dots .slick-active button{
    background: #333;/*ドットボタンの現在地表示の色*/}


@media screen and (min-width: 1025px) {
  /* PC */
  body.top #contents::before {
    content: '';
    background: linear-gradient(to bottom, black 0%, black 89%, rgba(125, 185, 232, 0) 100%);
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 0;
    width: 200vw;
    height: 955.2px;
    margin-right: -50vw; }
  body.top #contents .btn a {
    font-size: 14px;
    width: 110px;
    height: 46px;
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top #contents .btn a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top #contents a.moviemodal {
    display: block;
    overflow: hidden;
    box-shadow: 0 0 24px rgba(255, 107, 55, 0);
    transition: 0.45s;
    backface-visibility: hidden; }
    body.top #contents a.moviemodal i {
      background: url("/assets/tw/img/top/btn_play.png") no-repeat center center/auto 84px;
      transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    body.top #contents a.moviemodal img {
      transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      backface-visibility: hidden; }
    body.top #contents a.moviemodal:hover img {
      transform: scale(1.12);
      transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    body.top #contents a.moviemodal:hover i {
      filter: brightness(1.3);
      transition: 0.45 cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    body.top #contents a.moviemodal:hover {
      box-shadow: 0 0 24px rgba(255, 107, 55, 0.5);
      transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top #contents .kv {
    position: relative;
    z-index: 10;
    height: 812.8px;
    overflow: hidden; }
    body.top #contents .kv .wrap {
      padding: 0;
      position: relative; }
    body.top #contents .kv .visual {
      position: absolute;
      left: 50%;
      top: 0;
      width: 1536px;
      height: auto;
      margin-left: -768px; }
    body.top #contents .kv .sns {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 106px;
      right: 18px;
      z-index: 50; }
      body.top #contents .kv .sns img {
        width: 38px;
        height: auto; }
      body.top #contents .kv .sns li {
        padding: 5px 0; }
      body.top #contents .kv .sns li a img {
        transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      body.top #contents .kv .sns li a:hover img {
        opacity: 0.5;
        transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    body.top #contents .kv h1 {
      left: 180.8px;
      top: 220.8px; }
      body.top #contents .kv h1 img {
        width: 383.2px;
        height: auto; }
    body.top #contents .kv .copy {
      right: 216.8px;
      top: 97.6px; }
      body.top #contents .kv .copy img {
        width: 193.6px;
        height: auto; }
    body.top #contents .kv .jizen {
      top: 528px;
      left: 50%;
      margin-left: 240px;
      position: absolute;
      z-index: 50; }
      body.top #contents .kv .jizen img {
        width: 416px; }
    body.top #contents .kv .appstore {
      position: absolute;
      top: 600px;
      left: inherit;
      right: 50%;
      margin-right: 30px;
      z-index: 50;}
    body.top #contents .kv .googleplay {
      position: absolute;
      top: 600px;
      left: inherit;
      right: 50%;
      margin-right: -230px;
      z-index: 50;}
      body.top #contents .kv .appstore img,
      body.top #contents .kv .googleplay img{
        height: 67px;
        width: auto;
        margin: 0; }
      body.top #contents .kv .jizen a,
      body.top #contents .kv .appstore a,
      body.top #contents .kv .googleplay a {
        display: block;
        transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        backface-visibility: hidden;
        box-shadow: 0 0 0 rgba(255, 107, 55, 0); }
      body.top #contents .kv .jizen a:hover,
      body.top #contents .kv .appstore a:hover,
      body.top #contents .kv .googleplay a:hover {
        filter: brightness(1.4);
        transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        box-shadow: 0 0 24px rgba(255, 107, 55, 0.5); }
    body.top #contents .kv #firebg {
      height: 812.8px; }
  body.top #contents .img_section {
    padding: 100px 0;
    position: relative;
    height: 3380px;
    width: 100%;
    min-width: 1280px;
    overflow: hidden; }
    body.top #contents .img_section img {
      width: 1920px;
      height: auto;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -960px; }
  body.top #contents .news_movie {
    display: flex;
    justify-content: center;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden; }
  body.top #contents .news {
    margin: 0;
    width: 640px; }
    body.top #contents .news header {
      padding: 0 0 39px 70px;
      position: relative;
      margin-bottom: 30px; }
      body.top #contents .news header::before {
        background: url("/assets/tw/img/top/bg_border-news@pc.png") no-repeat center bottom/528px 24px;
        height: 25px; }
      body.top #contents .news header h2 {
        font-size: 57px;
        text-align: left; }
      body.top #contents .news header .btn {
        right: 50px;
        top: 0; }
    body.top #contents .news .twitter_wrap {
      width: 530px;
      padding: 0;
      height: 562px;
      margin: 0 auto;
      /*overflow: hidden; overflow-y: scroll;*/ }
      body.top #contents .news .twitter_wrap .twitter_wrapin {
        position: relative;
        height: 560px; }
  body.top #contents .movie {
    margin: 0;
    width: 640px; }
    body.top #contents .movie header {
      padding: 0 0 39px 70px;
      position: relative;
      margin-bottom: 30px; }
      body.top #contents .movie header::before {
        background: url("/assets/tw/img/top/bg_border-movie@pc.png") no-repeat center bottom 15px/528px 9px;
        height: 25px; }
      body.top #contents .movie header h2 {
        font-size: 57px;
        text-align: left; }
      body.top #contents .movie header .btn {
        right: 50px;
        top: 0; }
    body.top #contents .movie header ~ div p {
      width: 470px;
      margin: 0 auto; }
    body.top #contents .movie div p + p {
      margin-top: 28px; }
  body.top #contents .gallery {
    height: 1080px;
    position: relative;
    width: 100%;
    min-width: 1280px;
    overflow: hidden; }
    body.top #contents .gallery::before {
      content: '';
      background: #eae4da;
      height: 866px;
      width: 100vw;
      position: absolute;
      right: 50%;
      top: 127px;
      z-index: 50;
      margin-right: 960px; }
    body.top #contents .gallery::after {
      content: '';
      background: #eae4da;
      height: 866px;
      width: 100vw;
      position: absolute;
      left: 50%;
      top: 127px;
      z-index: 50;
      margin-left: 960px; }
    body.top #contents .gallery h2 {
      font-size: 57px;
      top: 202px; }
    body.top #contents .gallery .characters {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      position: absolute;
      left: 50%;
      top: 300px;
      width: 1000px;
      margin: 0 0 0 -500px; }
      body.top #contents .gallery .characters a {
        display: block;
        margin: 0 8px 6px;
        position: relative; }
        body.top #contents .gallery .characters a img {
          width: 171px;
          height: auto; }
        body.top #contents .gallery .characters a.new::after {
          left: 6px;
          top: 4px; }
        body.top #contents .gallery .characters a {
          transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          box-shadow: 0 0 0 rgba(255, 107, 55, 0); }
        body.top #contents .gallery .characters a:hover {
          filter: brightness(1.1);
          transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    body.top #contents .gallery .note {
      font-size: 17px;
      line-height: 1.75;
      left: 50%;
      top: 875px;
      width: 1000px;
      margin-left: -500px; }
    body.top #contents .gallery .bg {
      width: 1920px;
      height: auto;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -960px; }
  body.top #contents .voice {
    padding: 52px 0 0; }
    body.top #contents .voice h2 {
      font-size: 77px;
      margin: 0 auto 20px; }
    body.top #contents .voice p {
      font-size: 20px;
      line-height: 36px; }
    body.top #contents .voice p.note {
      font-size: 17px; }
    body.top #contents .voice p + p {
      font-size: 22px;
      line-height: 56px;
      margin-top: 18px; }
  body.top #contents .song {
    background: url("/assets/tw/img/top/bg_border-song.png") no-repeat center top/auto 17px;
    margin: 65px 0;
    padding-top: 100px; }
    body.top #contents .song h2 {
      font-size: 77px;
      margin: 0 auto 20px; }
    body.top #contents .song p {
      font-size: 20px;
      line-height: 36px; }
    body.top #contents .song p.note {
      font-size: 17px; }
    body.top #contents .song p + p {
      font-size: 22px;
      line-height: 56px;
      margin-top: 18px;
      padding-bottom: 0;
      margin-bottom: 30px; }
    body.top #contents .song ul {
      margin-top: 0;
      width: 1280px;
      justify-content: center;
      margin: 45px auto 0; }
      body.top #contents .song ul li {
        width: calc( 100% / 3);
        font-size: 22px; }
        body.top #contents .song ul li small {
          font-size: 13px;
          margin-top: 13px; }
      body.top #contents .song ul li:nth-child(n+3) {
        margin-top: 0; }
      body.top #contents .song ul li:nth-child(n+4) {
        margin-top: 38px; }
    body.top #contents .song ul + p {
      padding: 40px 0 65px;
      line-height: 1;
      font-size: 18px; }
    body.top #contents .song .youtube {
      padding-bottom: 0; }
    body.top #contents .song .youtube a {
      width: 380px;
      border: 1px solid #c0c0c0;
      height: 80px;
      font-size: 16px;
      padding-right: 56px;
      transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    body.top #contents .song .youtube a:hover {
      background-color: rgba(255, 255, 255, 0.2);
      transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top #contents .story {
    height: 1399px;
    padding: 218px 0 0;
    position: relative;
    overflow: hidden; }
    body.top #contents .story::before {
      content: '';
      background: #cecece;
      height: 1192px;
      width: 100vw;
      position: absolute;
      right: 50%;
      top: 107px;
      z-index: 50;
      margin-right: 960px; }
    body.top #contents .story::after {
      content: '';
      background: #cecece;
      height: 1192px;
      width: 100vw;
      position: absolute;
      left: 50%;
      top: 107px;
      z-index: 50;
      margin-left: 960px; }
    body.top #contents .story .bg {
      position: absolute;
      left: 50%;
      top: 0;
      width: 1920px;
      height: auto;
      margin-left: -960px; }
    body.top #contents .story h2 {
      font-size: 77px;
      padding-bottom: 0;
      margin-bottom: 34px; }
    body.top #contents .story p {
      font-size: 19px;
      line-height: 36px; }
    body.top #contents .story p b {
      font-size: 29px;
      line-height: 1; }
    body.top #contents .story p b em {
      font-size: 19px; }
    body.top #contents .story p + p {
      margin-top: 26px; }

  body.top #contents .special {
    text-align: center;
    position: relative;
    height: 794px;
    padding: 134px 0 0;
    margin: -101px 0 -37px;
    overflow: hidden; }
    body.top #contents .special::before {
      content: '';
      background: #4a4948;
      height: 724px;
      width: 100vw;
      position: absolute;
      right: 50%;
      top: 0;
      z-index: 50;
      margin-right: 960px; }
    body.top #contents .special::after {
      content: '';
      background: #4a4948;
      height: 724px;
      width: 100vw;
      position: absolute;
      left: 50%;
      top: 0;
      z-index: 50;
      margin-left: 960px; }
    body.top #contents .special h2 {
      font-size: 77px;
      padding-bottom: 50px; }
    body.top #contents .special p {
      font-size: 23px;
      line-height: 1; }
    body.top #contents .special .bg {
      position: absolute;
      left: 50%;
      top: 0;
      z-index: -1;
      width: 1920px;
      height: auto;
      margin-left: -960px; }
  
  body.top #contents .special .special_nav {
    margin: 0 0 80px; }
    body.top #contents .special .special_nav h1,
    body.top #contents .special .special_nav p {
      width: 310px;
      height: 90px;
      font-size: 30px;
      margin: 0 14px 20px; }
		body.top #contents .special .special_nav p.btn_beginner {
      width: 600px;
      height: 200px;
      font-size: 30px;
      margin: 0 14px 20px; }
      body.top #contents .special .special_nav h1 a,
			body.top #contents .special .special_nav p a,
			body.top #contents .special .special_nav p.btn_beginner a	{
        padding: 22px 0 0; }
        body.top #contents .special .special_nav h1 a:hover span,
				body.top #contents .special .special_nav p a:hover span,
				body.top #contents .special .special_nav p.btn_beginner a:hover span {
          color: #000; }
        body.top #contents .special .special_nav h1 a:hover:before,
				body.top #contents .special .special_nav p a:hover:before,
	      body.top #contents .special .special_nav p.btn_beginner a:hover:before {
          opacity: 0; }
        body.top #contents .special .special_nav h1 a:hover:after,
				body.top #contents .special .special_nav p a:hover:after,
				body.top #contents .special .special_nav p.btn_beginner a:hover:after {
          opacity: 1; }

    body.top #contents .game {
      padding: 100px 0;
			margin-top: -70px;
      position: relative;
      width: 100%;
      min-width: 1280px;
      height: auto; 
      overflow: hidden;
      background: url("/assets/tw/img/top/bg_game@pc.jpg") no-repeat center center/cover; }
    body.top #contents .game h2 {
      font-size: 77px;
      padding-bottom: 15px;
      background: url("/assets/tw/img/top/bg_border-game@pc.png") no-repeat center bottom; }
    body.top #contents .game p {
      font-size: 23px;
      line-height: 1;
      margin-top: 15px; }
    body.top #contents .game .bg {
      display: none; }
    body.top #contents .game::before {
      content: '';
      background: ;
      height: 866px;
      width: 100vw;
      position: absolute;
      right: 60%;
      top: 127px;
      z-index: 50;
      margin-right: 960px; }
    body.top #contents .game::after {
      content: '';
      background: ;
      height: 866px;
      width: 100vw;
      position: absolute;
      left: 60%;
      top: 127px;
      z-index: 50;
      margin-left: 960px; }
/*スライダーの設定*/
    body.top #contents .game .slider_pict{/*横幅94%で左右に余白を持たせて中央寄せ*/
      width: 100%;
      margin: 40px auto -20px;
      max-width: 4000px; }
    body.top #contents .game .slider_text {/*横幅94%で左右に余白を持たせて中央寄せ*/
      width: 100%;
      margin: 0 auto;
      max-width: 4000px; }
  body.top #contents .game .cover {/*SP用対策*/
      display: none; }
    body.top #contents .game .slider_pict img,
    body.top #contents .game .slider_pict video {
      width: 40vw;/*スライダー内の画像を40vwにしてレスポンシブ化*/
      height: auto;
      margin: 0 4.4vw;}
    body.top #contents .game .slider_text img {
      width: 34vw;/*スライダー内の画像を40vwにしてレスポンシブ化*/
      height: auto;
      margin: 0 8.4vw;}
    body.top #contents .game .slider_pict div.txt_ss {
      position: relative;
      display: block;
      height: 20px;
      width: 100%;
      text-align: right;
      padding: 5px 4.4vw;
      font-size: 0.5vw;
      color: #333;}
    body.top #contents .game .slider_text p {
      display: block;
      text-align: left;
      line-height: 1.4em;
      width: 50vw;
      height: auto;
      margin: 0px;
      font-size: 1.0vw;}
    body.top #contents .game .slider_pict .slick-slide,
    body.top #contents .game .slider_text .slick-slide,
    body.top #contents .game .slider_text p {
      transform: scale(0.8);/*左右の画像のサイズを80%に*/
      transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
      opacity: 0.5;/*透過50%*/}
    body.top #contents .game .slider_pict .slick-slide.slick-center,
    body.top #contents .game .slider_text .slick-slide.slick-center {
      transform: scale(1);/*中央の画像のサイズだけ等倍に*/
      opacity: 1;/*透過なし*/}
    body.top #contents .game .slider_pict a.moviemodal:hover {
      box-shadow: none;/*発光なしに*/}
    body.top #contents .game .slider_pict a.moviemodal i {
      background-size: auto 150px;/*再生ボタンサイズ*/}
    body.top #contents .game .slider_pict a.moviemodal i::before {
      background: none;/*スライダー内の動画の枠を非表示に*/}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
    body.top #contents .game .slick-prev, 
    body.top #contents .game .slick-next {
      position: absolute;/*絶対配置にする*/
      top: 40%;
      cursor: pointer;/*マウスカーソルを指マークに*/
      outline: none;/*クリックをしたら出てくる枠線を消す*/
      border-top: 2px solid #666;/*矢印の色*/
      border-right: 2px solid #666;/*矢印の色*/
      height: 50px;
      width: 50px;
      z-index: 10000;
      display: block !important; }
    body.top #contents .game .slick-prev {/*戻る矢印の位置と形状*/
      left: 25.0%;
      transform: rotate(-135deg);}
    body.top #contents .game .slick-next {/*次へ矢印の位置と形状*/
      right: 25.0%;
      transform: rotate(45deg);}
/*ドットナビゲーションの設定*/
    body.top #contents .game .slick-dots {
      text-align: center;
      margin: 20px 0 0 0;}
    body.top #contents .game .slick-dots li {
      display: inline-block;
      margin: 0 5px;}
    body.top #contents .game .slick-dots button {	
      color: transparent;
      outline: none;
      width: 8px;/*ドットボタンのサイズ*/
      height: 12px;/*ドットボタンのサイズ*/
      display: block;
      border-radius: 50%;
      background: #ccc;/*ドットボタンの色*/
      border: none;}
    body.top #contents .game .slick-dots .slick-active button{
      background: #333;/*ドットボタンの現在地表示の色*/}

    body.top #contents .store {
      display: none; }}

@media screen and (min-width: 1281px) and (max-width: 1600px) {
  /* PC */
  body.top #contents::before {
    height: 74.625vw; }
  body.top #contents .kv {
    height: 63.5vw; }
    body.top #contents .kv .visual {
      position: absolute;
      left: 50%;
      top: 0;
      width: 120vw;
      height: auto;
      margin-left: -60vw; }
    body.top #contents .kv .sns {
      position: absolute;
      top: 106px;
      right: 1.125vw; }
      body.top #contents .kv .sns img {
        width: 38px;
        height: auto; }
      body.top #contents .kv .sns li {
        padding: 5px 0; }
    body.top #contents .kv h1 {
      left: 14.125vw;
      top: 17.25vw; }
      body.top #contents .kv h1 img {
        width: 29.938vw;
        height: auto; }
    body.top #contents .kv .copy {
      right: 16.938vw;
      top: 7.625vw; }
      body.top #contents .kv .copy img {
        width: 15.125vw;
        height: auto; }
    body.top #contents .kv .jizen {
      top: 41.25vw;
      left: 50%;
      margin-left: 18.75vw; }
      body.top #contents .kv .jizen img {
        width: 32.5vw; }
    body.top #contents .kv .appstore {
      top: 46.95vw;
      left: inherit;
      right: 50%;
      margin-right: 2vw; }
    body.top #contents .kv .googleplay {
      top: 46.95vw;
      left: inherit;
      right: 50%;
      margin-right: -18vw; }
      body.top #contents .kv .appstore img,
      body.top #contents .kv .googleplay img {
        height: 5.193vw;
        width: auto;
        margin: 0; }
    body.top #contents .kv #firebg {
      height: 63.5vw; } }
@media screen and (min-width: 1601px) {
  /* PC */
  body.top #contents::before {
    height: 1194px; }
  body.top #contents .kv {
    height: 1016px; }
    body.top #contents .kv .visual {
      position: absolute;
      left: 50%;
      top: 0;
      width: 1920px;
      height: auto;
      margin-left: -960px; }
    body.top #contents .kv .sns {
      position: absolute;
      top: 106px;
      right: inherit;
      left: 50%;
      margin-left: 743px; }
      body.top #contents .kv .sns img {
        width: 38px;
        height: auto; }
      body.top #contents .kv .sns li {
        padding: 5px 0; }
    body.top #contents .kv h1 {
      left: inherit;
      right: 50%;
      top: 276px;
      margin-right: 92px; }
      body.top #contents .kv h1 img {
        width: 479px;
        height: auto; }
    body.top #contents .kv .copy {
      right: inherit;
      top: 122px;
      left: 50%;
      margin-left: 284px; }
      body.top #contents .kv .copy img {
        width: 242px;
        height: auto; }
    body.top #contents .kv .jizen {
      position: absolute;
      top: 660px;
      left: 50%;
      margin-left: 300px; }
      body.top #contents .kv .jizen img {
        width: 520px; }
    body.top #contents .kv .appstore {
      position: absolute;
      top: 751px;
      left: inherit;
      right: 50%;
      margin-right: 40px; }
    body.top #contents .kv .googleplay {
      position: absolute;
      top: 751px;
      left: inherit;
      right: 50%;
      margin-right: -280px; }
      body.top #contents .kv .appstore img,
      body.top #contents .kv .googleplay img {
        height: 84px;
        width: auto;
        margin: 0; }
    body.top #contents .kv #firebg {
      height: 1016px; } }

@media screen and (min-width: 1921px) {
  /* PC */
    body.top #contents .game .slider_pict img,
    body.top #contents .game .slider_pict video,
    body.top #contents .game .slider_text img {
      width: 40vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
      max-width: 1000px !important;
      height: auto;
      margin: 0 13vw;}
    body.top #contents .game .slider_pict div.txt_ss {
      position: relative;
      display: block;
      height: 20px;
      width: 100%;
      text-align: right;
      padding: 5px 12.6vw;
      font-size: 0.5vw;
      color: #333;}
    body.top #contents .game .slider_text p {
      display: block;
      text-align: left;
      line-height: 1.4em;
      width: 41vw;
      height: auto;
      margin: 0 8.0vw;
      font-size: 0.8vw;}
    body.top #contents .game .slick-prev {/*戻る矢印の位置と形状*/
      left: 18%;
      transform: rotate(-135deg);}
    body.top #contents .game .slick-next {/*次へ矢印の位置と形状*/
      right: 18%;
      transform: rotate(45deg);}}

@media screen and (min-width: 1025px) {
  /* PC */
  .top #contents [data-nexttrigger] {
    transform: scale(1.06) translateY(0);
    filter: blur(1px); }

  .imgloaded .top #contents [data-scale].animated h2 + p.btn {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition: 2s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .imgloaded .top #contents [data-scale].animated h2 + p.btn[data-nextcount='5'] {
    transition-delay: 0.54s; }
  .imgloaded .top #contents [data-scale].animated h2 + p.btn[data-nextcount='6'] {
    transition-delay: 0.67s; }
  .imgloaded .top #contents [data-scale].animated [data-nexttrigger] {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition: 2s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='5'] {
    transition-delay: 0.54s; }
  .imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='6'] {
    transition-delay: 0.67s; }
  .imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='7'] {
    transition-delay: 0.8s; }
  .imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='8'] {
    transition-delay: 0.93s; }
  .imgloaded .top #contents .movie[data-scale].animated [data-nexttrigger][data-nextcount='7'] {
    transition-delay: 0.67s; }}

@media screen and (max-width: 1024px) {
    body.top #contents .kv .appstore, .googleplay, .dmg {
      display: none; }}



.top #contents .kv h1 {
  filter: blur(10px);
  transform: scale(1.06);
  opacity: 0; }
  .top #contents .kv h1 b {
    display: block; }
  .top #contents .kv h1 span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    filter: blur(100px) brightness(2);
    transform: scale(1);
    opacity: 1; }
.top #contents .kv .copy {
  display: block;
  filter: blur(2px);
  transform: translate(0, 0);
  opacity: 0; }
.top #contents [data-scale] h2 span {
  overflow: hidden; }
  .top #contents [data-scale] h2 span em {
    opacity: 0;
    transform: scale(1.2);
    filter: blur(1px);
    display: inline-block; }
.top #contents [data-scale] h2 + p.btn {
  opacity: 0;
  transform: scale(1.06);
  filter: blur(1px);
  display: inline-block; }
.top #contents [data-scale] header::before {
  opacity: 0; }
.top #contents [data-nexttrigger] {
  opacity: 0;
  transform: scale(1) translateY(2vw);
  filter: blur(1px); }
.top .official_twitter {
  transform: translateY(50%);
  filter: blur(2px) brightness(2);
  opacity: 0; }

.imgloaded .top #contents .kv h1 {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  transition: 3s 3.2s cubic-bezier(0.19, 1, 0.22, 1); }
  .imgloaded .top #contents .kv h1 span {
    filter: blur(0);
    transform: scale(1);
    opacity: 0;
    transition: 3s 3.4s cubic-bezier(0.19, 1, 0.22, 1); }
.imgloaded .top #contents .kv .copy {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  transition: 3s 2s cubic-bezier(0.19, 1, 0.22, 1); }
.imgloaded .top #contents [data-scale].animated h2 span em {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(2) em {
  transition: 1.5s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(3) em {
  transition: 1.5s 0.28s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(4) em {
  transition: 1.5s 0.41s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(5) em {
  transition: 1.5s 0.54s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(6) em {
  transition: 1.5s 0.67s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(7) em {
  transition: 1.5s 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 span:nth-of-type(8) em {
  transition: 1.5s 0.93s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 + p.btn {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: 2s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated h2 + p.btn[data-nextcount='5'] {
  transition-delay: 0.54s; }
.imgloaded .top #contents [data-scale].animated h2 + p.btn[data-nextcount='6'] {
  transition-delay: 0.67s; }
.imgloaded .top #contents [data-scale].animated [data-nexttrigger] {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: 2s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='5'] {
  transition-delay: 0.54s; }
.imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='6'] {
  transition-delay: 0.67s; }
.imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='7'] {
  transition-delay: 0.8s; }
.imgloaded .top #contents [data-scale].animated [data-nexttrigger][data-nextcount='8'] {
  transition-delay: 0.93s; }
.imgloaded .top #contents [data-scale].animated header::before {
  opacity: 1;
  transition: 1.5s 0.93s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgloaded .top .official_twitter {
  transform: scale(1);
  filter: blur(0) brightness(1);
  opacity: 1;
  transition: 3s 4.5s cubic-bezier(0.19, 1, 0.22, 1); }