/* -----------------------------------
  BASE
----------------------------------- */
@keyframes progress-bar-animation {
    0% {
        transform: translate3d(-101%, 0, 0);
    }

    100% {
        transform: translate3d(101%, 0, 0);
    }
}

@keyframes fire-particle0 {
    0% {
        transform: scale(1) translate3d(0, 37px, 0) rotateZ(-123deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1) translate3d(241px, -104vh, 0) rotateZ(-457deg);
    }
}

@keyframes logo-fire-particle0 {
    0% {
        transform: scale(0.95) translate3d(0, 0, 0) rotateZ(103deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.95) translate3d(169px, -402px, 0) rotateZ(264deg);
    }
}

@keyframes fire-particle1 {
    0% {
        transform: scale(1.2) translate3d(0, 22px, 0) rotateZ(-148deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.2) translate3d(145px, -105vh, 0) rotateZ(-35deg);
    }
}

@keyframes logo-fire-particle1 {
    0% {
        transform: scale(0.75) translate3d(0, 0, 0) rotateZ(-35deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.75) translate3d(-122px, -402px, 0) rotateZ(-289deg);
    }
}

@keyframes fire-particle2 {
    0% {
        transform: scale(0.8) translate3d(0, 33px, 0) rotateZ(70deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.8) translate3d(504px, -107vh, 0) rotateZ(196deg);
    }
}

@keyframes logo-fire-particle2 {
    0% {
        transform: scale(0.95) translate3d(0, 0, 0) rotateZ(-29deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.95) translate3d(-133px, -402px, 0) rotateZ(289deg);
    }
}

@keyframes fire-particle3 {
    0% {
        transform: scale(1.2) translate3d(0, 31px, 0) rotateZ(-58deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.2) translate3d(383px, -104vh, 0) rotateZ(-202deg);
    }
}

@keyframes logo-fire-particle3 {
    0% {
        transform: scale(0.5) translate3d(0, 0, 0) rotateZ(-64deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.5) translate3d(16px, -402px, 0) rotateZ(117deg);
    }
}

@keyframes fire-particle4 {
    0% {
        transform: scale(0.7) translate3d(0, 37px, 0) rotateZ(116deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.7) translate3d(435px, -110vh, 0) rotateZ(147deg);
    }
}

@keyframes logo-fire-particle4 {
    0% {
        transform: scale(0.4) translate3d(0, 0, 0) rotateZ(40deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.4) translate3d(-143px, -402px, 0) rotateZ(195deg);
    }
}

@keyframes fire-particle5 {
    0% {
        transform: scale(1.6) translate3d(0, 37px, 0) rotateZ(-20deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.6) translate3d(600px, -106vh, 0) rotateZ(-283deg);
    }
}

@keyframes logo-fire-particle5 {
    0% {
        transform: scale(0.6) translate3d(0, 0, 0) rotateZ(78deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.6) translate3d(-171px, -402px, 0) rotateZ(138deg);
    }
}

@keyframes fire-particle6 {
    0% {
        transform: scale(1.4) translate3d(0, 26px, 0) rotateZ(141deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.4) translate3d(269px, -106vh, 0) rotateZ(-40deg);
    }
}

@keyframes logo-fire-particle6 {
    0% {
        transform: scale(1) translate3d(0, 0, 0) rotateZ(-139deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1) translate3d(-36px, -402px, 0) rotateZ(-340deg);
    }
}

@keyframes fire-particle7 {
    0% {
        transform: scale(1.1) translate3d(0, 34px, 0) rotateZ(-50deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.1) translate3d(263px, -104vh, 0) rotateZ(45deg);
    }
}

@keyframes logo-fire-particle7 {
    0% {
        transform: scale(0.9) translate3d(0, 0, 0) rotateZ(171deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.9) translate3d(148px, -402px, 0) rotateZ(197deg);
    }
}

@keyframes fire-particle8 {
    0% {
        transform: scale(0.7) translate3d(0, 30px, 0) rotateZ(-163deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.7) translate3d(283px, -103vh, 0) rotateZ(53deg);
    }
}

@keyframes logo-fire-particle8 {
    0% {
        transform: scale(0.5) translate3d(0, 0, 0) rotateZ(26deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.5) translate3d(123px, -402px, 0) rotateZ(254deg);
    }
}

@keyframes fire-particle9 {
    0% {
        transform: scale(1.2) translate3d(0, 27px, 0) rotateZ(161deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.2) translate3d(156px, -101vh, 0) rotateZ(434deg);
    }
}

@keyframes logo-fire-particle9 {
    0% {
        transform: scale(0.9) translate3d(0, 0, 0) rotateZ(-6deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.9) translate3d(151px, -402px, 0) rotateZ(307deg);
    }
}

@keyframes fire-particle10 {
    0% {
        transform: scale(1.4) translate3d(0, 26px, 0) rotateZ(-71deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.4) translate3d(314px, -107vh, 0) rotateZ(-423deg);
    }
}

@keyframes logo-fire-particle10 {
    0% {
        transform: scale(0.9) translate3d(0, 0, 0) rotateZ(55deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.9) translate3d(190px, -402px, 0) rotateZ(92deg);
    }
}

@keyframes fire-particle11 {
    0% {
        transform: scale(2) translate3d(0, 39px, 0) rotateZ(174deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(2) translate3d(299px, -107vh, 0) rotateZ(209deg);
    }
}

@keyframes logo-fire-particle11 {
    0% {
        transform: scale(0.85) translate3d(0, 0, 0) rotateZ(30deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.85) translate3d(-135px, -402px, 0) rotateZ(108deg);
    }
}

@keyframes fire-particle12 {
    0% {
        transform: scale(1.3) translate3d(0, 29px, 0) rotateZ(152deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.3) translate3d(479px, -106vh, 0) rotateZ(290deg);
    }
}

@keyframes logo-fire-particle12 {
    0% {
        transform: scale(0.75) translate3d(0, 0, 0) rotateZ(-55deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.75) translate3d(56px, -402px, 0) rotateZ(172deg);
    }
}

@keyframes fire-particle13 {
    0% {
        transform: scale(0.9) translate3d(0, 26px, 0) rotateZ(28deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.9) translate3d(376px, -106vh, 0) rotateZ(350deg);
    }
}

@keyframes logo-fire-particle13 {
    0% {
        transform: scale(0.55) translate3d(0, 0, 0) rotateZ(-100deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.55) translate3d(63px, -402px, 0) rotateZ(-271deg);
    }
}

@keyframes fire-particle14 {
    0% {
        transform: scale(0.6) translate3d(0, 22px, 0) rotateZ(158deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.6) translate3d(280px, -108vh, 0) rotateZ(243deg);
    }
}

@keyframes logo-fire-particle14 {
    0% {
        transform: scale(0.75) translate3d(0, 0, 0) rotateZ(-16deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.75) translate3d(35px, -402px, 0) rotateZ(261deg);
    }
}

@keyframes fire-particle15 {
    0% {
        transform: scale(1) translate3d(0, 40px, 0) rotateZ(-70deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1) translate3d(346px, -110vh, 0) rotateZ(93deg);
    }
}

@keyframes logo-fire-particle15 {
    0% {
        transform: scale(0.4) translate3d(0, 0, 0) rotateZ(-127deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.4) translate3d(71px, -402px, 0) rotateZ(-429deg);
    }
}

@keyframes fire-particle16 {
    0% {
        transform: scale(1.9) translate3d(0, 29px, 0) rotateZ(-79deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.9) translate3d(546px, -105vh, 0) rotateZ(198deg);
    }
}

@keyframes logo-fire-particle16 {
    0% {
        transform: scale(0.9) translate3d(0, 0, 0) rotateZ(52deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.9) translate3d(-18px, -402px, 0) rotateZ(63deg);
    }
}

@keyframes fire-particle17 {
    0% {
        transform: scale(1.2) translate3d(0, 36px, 0) rotateZ(29deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.2) translate3d(348px, -101vh, 0) rotateZ(-284deg);
    }
}

@keyframes logo-fire-particle17 {
    0% {
        transform: scale(0.45) translate3d(0, 0, 0) rotateZ(-77deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.45) translate3d(14px, -402px, 0) rotateZ(-125deg);
    }
}

@keyframes fire-particle18 {
    0% {
        transform: scale(1.3) translate3d(0, 34px, 0) rotateZ(-141deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.3) translate3d(321px, -110vh, 0) rotateZ(-360deg);
    }
}

@keyframes logo-fire-particle18 {
    0% {
        transform: scale(0.5) translate3d(0, 0, 0) rotateZ(-158deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.5) translate3d(-118px, -402px, 0) rotateZ(-88deg);
    }
}

@keyframes fire-particle19 {
    0% {
        transform: scale(1.4) translate3d(0, 30px, 0) rotateZ(-86deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.4) translate3d(488px, -108vh, 0) rotateZ(-397deg);
    }
}

@keyframes logo-fire-particle19 {
    0% {
        transform: scale(0.9) translate3d(0, 0, 0) rotateZ(116deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.9) translate3d(-104px, -402px, 0) rotateZ(-218deg);
    }
}

@keyframes fire-particle20 {
    0% {
        transform: scale(0.7) translate3d(0, 40px, 0) rotateZ(-2deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.7) translate3d(180px, -106vh, 0) rotateZ(129deg);
    }
}

@keyframes logo-fire-particle20 {
    0% {
        transform: scale(0.85) translate3d(0, 0, 0) rotateZ(-155deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0.85) translate3d(-67px, -402px, 0) rotateZ(-382deg);
    }
}

.entry {
    position: fixed;
    z-index: 100;
    transform: translate3d(0, -100px, 0);
    transition: transform 200ms;
}

.entry.show {
    transform: translate3d(0, 0, 0);
    transition-duration: 300ms;
}

body a {
    display: block;
}

body img {
    pointer-events: none;
}

body.ready {
    transition: all 370ms;
    transition-timing-function: cubic-bezier(0.13, -0.205, 0.13, 0.97);
}

body.bounce {
    margin-top: 600px;
}

body #page {
    position: relative;
    z-index: 16;
}

body #main h1 picture {
    position: relative;
    z-index: 20;
}

body #main .bg_gon .mask div {
    transform: translate3d(300px, 0, 0);
}

body #main .bg_killua .mask div {
    transform: translate3d(-300px, 300px, 0);
}

@media print, screen and (min-width: 769px) {
    body #main .bg_killua .mask div {
        transform: translate3d(-300px, 0, 0);
    }
}

body #main.anime .bg_gon .mask div,
body #main.anime .bg_killua .mask div {
    transform: translate3d(0px, 0, 0);
    transition: all 500ms;
    transition-timing-function: cubic-bezier(0.11, 0.56, 0.19, 1);
    transition-delay: 550ms;
}

@media print, screen and (min-width: 769px) {
    body #main.anime .bg_gon .mask div,
    body #main.anime .bg_killua .mask div {
        transition-delay: 0ms;
    }
}

body .logo-fire-particle-container {
    position: absolute;
    width: 760px;
    height: 402px;
    top: 0;
    left: 50%;
    z-index: 3;
    transform: translate3d(-50%, 0, 0);
    display: none;
}

body .logo-fire-particle-container.active {
    display: block;
}

body .logo-fire-particle-container.active .fire-particle {
    opacity: 0;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(0) {
    animation: logo-fire-particle0 2087ms infinite;
    animation-delay: 569ms;
    left: 0%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(1) {
    animation: logo-fire-particle1 2471ms infinite;
    animation-delay: 9783ms;
    left: 2%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(2) {
    animation: logo-fire-particle2 1785ms infinite;
    animation-delay: 8087ms;
    left: 4%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(3) {
    animation: logo-fire-particle3 1490ms infinite;
    animation-delay: 7615ms;
    left: 6%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(4) {
    animation: logo-fire-particle4 1895ms infinite;
    animation-delay: 4084ms;
    left: 8%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(5) {
    animation: logo-fire-particle5 2374ms infinite;
    animation-delay: 7549ms;
    left: 10%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(6) {
    animation: logo-fire-particle6 1746ms infinite;
    animation-delay: 742ms;
    left: 12%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(7) {
    animation: logo-fire-particle7 1767ms infinite;
    animation-delay: 6211ms;
    left: 14%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(8) {
    animation: logo-fire-particle8 1767ms infinite;
    animation-delay: 5853ms;
    left: 16%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(9) {
    animation: logo-fire-particle9 2145ms infinite;
    animation-delay: 4237ms;
    left: 18%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(10) {
    animation: logo-fire-particle10 1378ms infinite;
    animation-delay: 7668ms;
    left: 20%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(11) {
    animation: logo-fire-particle11 1548ms infinite;
    animation-delay: 5592ms;
    left: 22%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(12) {
    animation: logo-fire-particle12 2447ms infinite;
    animation-delay: 1893ms;
    left: 24%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(13) {
    animation: logo-fire-particle13 2403ms infinite;
    animation-delay: 3954ms;
    left: 26%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(14) {
    animation: logo-fire-particle14 1973ms infinite;
    animation-delay: 2397ms;
    left: 28%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(15) {
    animation: logo-fire-particle15 1305ms infinite;
    animation-delay: 2786ms;
    left: 30%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(16) {
    animation: logo-fire-particle16 2203ms infinite;
    animation-delay: 8567ms;
    left: 32%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(17) {
    animation: logo-fire-particle17 2599ms infinite;
    animation-delay: 1018ms;
    left: 34%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(18) {
    animation: logo-fire-particle18 1768ms infinite;
    animation-delay: 9874ms;
    left: 36%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(19) {
    animation: logo-fire-particle19 1768ms infinite;
    animation-delay: 802ms;
    left: 38%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(20) {
    animation: logo-fire-particle0 1584ms infinite;
    animation-delay: 4032ms;
    left: 40%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(21) {
    animation: logo-fire-particle1 2124ms infinite;
    animation-delay: 7567ms;
    left: 42%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(22) {
    animation: logo-fire-particle2 2526ms infinite;
    animation-delay: 1131ms;
    left: 44%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(23) {
    animation: logo-fire-particle3 1886ms infinite;
    animation-delay: 8449ms;
    left: 46%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(24) {
    animation: logo-fire-particle4 2387ms infinite;
    animation-delay: 1721ms;
    left: 48%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(25) {
    animation: logo-fire-particle5 1683ms infinite;
    animation-delay: 6485ms;
    left: 50%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(26) {
    animation: logo-fire-particle6 1387ms infinite;
    animation-delay: 9254ms;
    left: 52%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(27) {
    animation: logo-fire-particle7 2308ms infinite;
    animation-delay: 9183ms;
    left: 54%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(28) {
    animation: logo-fire-particle8 2523ms infinite;
    animation-delay: 5788ms;
    left: 56%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(29) {
    animation: logo-fire-particle9 2559ms infinite;
    animation-delay: 755ms;
    left: 58%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(30) {
    animation: logo-fire-particle10 1454ms infinite;
    animation-delay: 94ms;
    left: 60%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(31) {
    animation: logo-fire-particle11 1393ms infinite;
    animation-delay: 3461ms;
    left: 62%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(32) {
    animation: logo-fire-particle12 2103ms infinite;
    animation-delay: 9640ms;
    left: 64%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(33) {
    animation: logo-fire-particle13 2460ms infinite;
    animation-delay: 9947ms;
    left: 66%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(34) {
    animation: logo-fire-particle14 1836ms infinite;
    animation-delay: 2575ms;
    left: 68%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(35) {
    animation: logo-fire-particle15 1544ms infinite;
    animation-delay: 1423ms;
    left: 70%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(36) {
    animation: logo-fire-particle16 1391ms infinite;
    animation-delay: 2361ms;
    left: 72%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(37) {
    animation: logo-fire-particle17 2384ms infinite;
    animation-delay: 1786ms;
    left: 74%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(38) {
    animation: logo-fire-particle18 1819ms infinite;
    animation-delay: 17ms;
    left: 76%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(39) {
    animation: logo-fire-particle19 2565ms infinite;
    animation-delay: 2118ms;
    left: 78%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(40) {
    animation: logo-fire-particle0 2484ms infinite;
    animation-delay: 4956ms;
    left: 80%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(41) {
    animation: logo-fire-particle1 1386ms infinite;
    animation-delay: 6567ms;
    left: 82%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(42) {
    animation: logo-fire-particle2 2375ms infinite;
    animation-delay: 403ms;
    left: 84%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(43) {
    animation: logo-fire-particle3 1771ms infinite;
    animation-delay: 6975ms;
    left: 86%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(44) {
    animation: logo-fire-particle4 2305ms infinite;
    animation-delay: 8054ms;
    left: 88%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(45) {
    animation: logo-fire-particle5 2469ms infinite;
    animation-delay: 3924ms;
    left: 90%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(46) {
    animation: logo-fire-particle6 2571ms infinite;
    animation-delay: 2603ms;
    left: 92%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(47) {
    animation: logo-fire-particle7 2373ms infinite;
    animation-delay: 7879ms;
    left: 94%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(48) {
    animation: logo-fire-particle8 1528ms infinite;
    animation-delay: 6279ms;
    left: 96%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(49) {
    animation: logo-fire-particle9 2494ms infinite;
    animation-delay: 3675ms;
    left: 98%;
}

body .logo-fire-particle-container.active .fire-particle:nth-child(50) {
    animation: logo-fire-particle10 2305ms infinite;
    animation-delay: 3193ms;
    left: 100%;
}

body .logo-fire-particle-container .fire-particle {
    position: absolute;
    bottom: 0px;
    width: 20px;
    height: 20px;
    background: url("../images/logo_particle_l_01.png") no-repeat center;
    background-size: cover;
    z-index: 15;
}

body .logo-fire-particle-container .fire-particle:nth-child(3n) {
    background-image: url("../images/logo_particle_l_02.png");
}

body .logo-fire-particle-container .fire-particle:nth-child(4n) {
    background-image: url("../images/logo_particle_l_03.png");
}

body .logo-fire-particle-container .fire-particle.fire-paticle_r {
    background: url("../images/logo_particle_r_01.png") no-repeat center;
}

body .logo-fire-particle-container .fire-particle.fire-paticle_r:nth-child(3n) {
    background-image: url("../images/logo_particle_r_02.png");
}

body .logo-fire-particle-container .fire-particle.fire-paticle_r:nth-child(4n) {
    background-image: url("../images/logo_particle_r_03.png");
}

body .fire-particle-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 15;
    opacity: 0;
    pointer-events: none;
    transition: opacity 600ms;
    transform: translate3d(0, 0, 0);
}

body .fire-particle-container .fire-particle {
    opacity: 0;
}

body .fire-particle-container .fire-particle:nth-child(0) {
    animation: fire-particle0 5230ms infinite;
    animation-delay: 6719ms;
    left: -5vw;
}

body .fire-particle-container .fire-particle:nth-child(1) {
    animation: fire-particle1 6397ms infinite;
    animation-delay: 6439ms;
    left: -3vw;
}

body .fire-particle-container .fire-particle:nth-child(2) {
    animation: fire-particle2 7928ms infinite;
    animation-delay: 6372ms;
    left: -1vw;
}

body .fire-particle-container .fire-particle:nth-child(3) {
    animation: fire-particle3 7778ms infinite;
    animation-delay: 8400ms;
    left: 1vw;
}

body .fire-particle-container .fire-particle:nth-child(4) {
    animation: fire-particle4 7896ms infinite;
    animation-delay: 5159ms;
    left: 3vw;
}

body .fire-particle-container .fire-particle:nth-child(5) {
    animation: fire-particle5 6610ms infinite;
    animation-delay: 8410ms;
    left: 5vw;
}

body .fire-particle-container .fire-particle:nth-child(6) {
    animation: fire-particle6 6204ms infinite;
    animation-delay: 9235ms;
    left: 7vw;
}

body .fire-particle-container .fire-particle:nth-child(7) {
    animation: fire-particle7 6761ms infinite;
    animation-delay: 3007ms;
    left: 9vw;
}

body .fire-particle-container .fire-particle:nth-child(8) {
    animation: fire-particle8 6086ms infinite;
    animation-delay: 8435ms;
    left: 11vw;
}

body .fire-particle-container .fire-particle:nth-child(9) {
    animation: fire-particle9 5780ms infinite;
    animation-delay: 7483ms;
    left: 13vw;
}

body .fire-particle-container .fire-particle:nth-child(10) {
    animation: fire-particle10 6457ms infinite;
    animation-delay: 6031ms;
    left: 15vw;
}

body .fire-particle-container .fire-particle:nth-child(11) {
    animation: fire-particle11 6177ms infinite;
    animation-delay: 5021ms;
    left: 17vw;
}

body .fire-particle-container .fire-particle:nth-child(12) {
    animation: fire-particle12 5510ms infinite;
    animation-delay: 5912ms;
    left: 19vw;
}

body .fire-particle-container .fire-particle:nth-child(13) {
    animation: fire-particle13 7479ms infinite;
    animation-delay: 2566ms;
    left: 21vw;
}

body .fire-particle-container .fire-particle:nth-child(14) {
    animation: fire-particle14 5375ms infinite;
    animation-delay: 6857ms;
    left: 23vw;
}

body .fire-particle-container .fire-particle:nth-child(15) {
    animation: fire-particle15 6286ms infinite;
    animation-delay: 3561ms;
    left: 25vw;
}

body .fire-particle-container .fire-particle:nth-child(16) {
    animation: fire-particle16 5837ms infinite;
    animation-delay: 391ms;
    left: 27vw;
}

body .fire-particle-container .fire-particle:nth-child(17) {
    animation: fire-particle17 6547ms infinite;
    animation-delay: 2593ms;
    left: 29vw;
}

body .fire-particle-container .fire-particle:nth-child(18) {
    animation: fire-particle18 5437ms infinite;
    animation-delay: 8076ms;
    left: 31vw;
}

body .fire-particle-container .fire-particle:nth-child(19) {
    animation: fire-particle19 7331ms infinite;
    animation-delay: 7297ms;
    left: 33vw;
}

body .fire-particle-container .fire-particle:nth-child(20) {
    animation: fire-particle0 5362ms infinite;
    animation-delay: 1324ms;
    left: 35vw;
}

body .fire-particle-container .fire-particle:nth-child(21) {
    animation: fire-particle1 6330ms infinite;
    animation-delay: 990ms;
    left: 37vw;
}

body .fire-particle-container .fire-particle:nth-child(22) {
    animation: fire-particle2 7555ms infinite;
    animation-delay: 1150ms;
    left: 39vw;
}

body .fire-particle-container .fire-particle:nth-child(23) {
    animation: fire-particle3 5615ms infinite;
    animation-delay: 467ms;
    left: 41vw;
}

body .fire-particle-container .fire-particle:nth-child(24) {
    animation: fire-particle4 7944ms infinite;
    animation-delay: 2658ms;
    left: 43vw;
}

body .fire-particle-container .fire-particle:nth-child(25) {
    animation: fire-particle5 7407ms infinite;
    animation-delay: 7688ms;
    left: 45vw;
}

body .fire-particle-container .fire-particle:nth-child(26) {
    animation: fire-particle6 7030ms infinite;
    animation-delay: 5997ms;
    left: 47vw;
}

body .fire-particle-container .fire-particle:nth-child(27) {
    animation: fire-particle7 6771ms infinite;
    animation-delay: 7898ms;
    left: 49vw;
}

body .fire-particle-container .fire-particle:nth-child(28) {
    animation: fire-particle8 6724ms infinite;
    animation-delay: 7411ms;
    left: 51vw;
}

body .fire-particle-container .fire-particle:nth-child(29) {
    animation: fire-particle9 7450ms infinite;
    animation-delay: 5106ms;
    left: 53vw;
}

body .fire-particle-container .fire-particle:nth-child(30) {
    animation: fire-particle10 6962ms infinite;
    animation-delay: 3679ms;
    left: 55vw;
}

body .fire-particle-container .fire-particle:nth-child(31) {
    animation: fire-particle11 6856ms infinite;
    animation-delay: 8289ms;
    left: 57vw;
}

body .fire-particle-container .fire-particle:nth-child(32) {
    animation: fire-particle12 6038ms infinite;
    animation-delay: 5843ms;
    left: 59vw;
}

body .fire-particle-container .fire-particle:nth-child(33) {
    animation: fire-particle13 7202ms infinite;
    animation-delay: 9838ms;
    left: 61vw;
}

body .fire-particle-container .fire-particle:nth-child(34) {
    animation: fire-particle14 7208ms infinite;
    animation-delay: 880ms;
    left: 63vw;
}

body .fire-particle-container .fire-particle:nth-child(35) {
    animation: fire-particle15 5831ms infinite;
    animation-delay: 9154ms;
    left: 65vw;
}

body .fire-particle-container .fire-particle:nth-child(36) {
    animation: fire-particle16 6447ms infinite;
    animation-delay: 5407ms;
    left: 67vw;
}

body .fire-particle-container .fire-particle:nth-child(37) {
    animation: fire-particle17 6733ms infinite;
    animation-delay: 4099ms;
    left: 69vw;
}

body .fire-particle-container .fire-particle:nth-child(38) {
    animation: fire-particle18 7609ms infinite;
    animation-delay: 74ms;
    left: 71vw;
}

body .fire-particle-container .fire-particle:nth-child(39) {
    animation: fire-particle19 7126ms infinite;
    animation-delay: 6106ms;
    left: 73vw;
}

body .fire-particle-container .fire-particle:nth-child(40) {
    animation: fire-particle0 7668ms infinite;
    animation-delay: 6360ms;
    left: 75vw;
}

body .fire-particle-container .fire-particle:nth-child(41) {
    animation: fire-particle1 7125ms infinite;
    animation-delay: 3925ms;
    left: 77vw;
}

body .fire-particle-container .fire-particle:nth-child(42) {
    animation: fire-particle2 5362ms infinite;
    animation-delay: 5807ms;
    left: 79vw;
}

body .fire-particle-container .fire-particle:nth-child(43) {
    animation: fire-particle3 7007ms infinite;
    animation-delay: 6768ms;
    left: 81vw;
}

body .fire-particle-container .fire-particle:nth-child(44) {
    animation: fire-particle4 6758ms infinite;
    animation-delay: 4906ms;
    left: 83vw;
}

body .fire-particle-container .fire-particle:nth-child(45) {
    animation: fire-particle5 5490ms infinite;
    animation-delay: 3705ms;
    left: 85vw;
}

body .fire-particle-container .fire-particle:nth-child(46) {
    animation: fire-particle6 7803ms infinite;
    animation-delay: 229ms;
    left: 87vw;
}

body .fire-particle-container .fire-particle:nth-child(47) {
    animation: fire-particle7 7225ms infinite;
    animation-delay: 8554ms;
    left: 89vw;
}

body .fire-particle-container .fire-particle:nth-child(48) {
    animation: fire-particle8 5256ms infinite;
    animation-delay: 8613ms;
    left: 91vw;
}

body .fire-particle-container .fire-particle:nth-child(49) {
    animation: fire-particle9 7970ms infinite;
    animation-delay: 7676ms;
    left: 93vw;
}

body .fire-particle-container .fire-particle:nth-child(50) {
    animation: fire-particle10 6727ms infinite;
    animation-delay: 8038ms;
    left: 95vw;
}

body .fire-particle-container.hide {
    display: none !important;
}

body .fire-particle-container.show {
    opacity: 1;
}

body .fire-particle-container .fire-particle {
    position: absolute;
    bottom: -40px;
    width: 20px;
    height: 20px;
    background: url("../images/particle01.png") no-repeat center;
    background-size: cover;
    z-index: 15;
}

body .fire-particle-container .fire-particle:nth-child(3n) {
    background-image: url("../images/particle03.png");
}

body .fire-particle-container .fire-particle:nth-child(4n) {
    background-image: url("../images/particle02.png");
}

body #loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000;
    transform: translate3d(0, 0, 0);
}

body #loading .loading-progress {
    position: absolute;
    width: 100px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;
    overflow: hidden;
}

body #loading .loading-progress .loading-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    animation: progress-bar-animation 1300ms ease-in-out infinite;
}

body #loading .bg-loading-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

body #loading .bg-loading-container .bg-loading {
    position: absolute;
    width: 5000px;
    height: 200vh;
    background: #000;
    transform: translate3d(-50%, 0, 0);
    left: 50%;
}

body #loading .bg-loading-container .bg-loading::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 100px;
    height: 3px;
    background: #fff;
    transform: translate3d(-50%, 0, 0);
    z-index: 1;
    opacity: 0;
}

body #loading .bg-loading-container .bg-loading.bg-loading-top {
    bottom: 50%;
}

body #loading .bg-loading-container .bg-loading.bg-loading-top::after {
    bottom: -2px;
}

body #loading .bg-loading-container .bg-loading.bg-loading-bottom {
    top: 50%;
}

body #loading .bg-loading-container .bg-loading.bg-loading-bottom::before {
    top: 0px;
}

body #loading .bg-loading-container .bg-loading.bg-loading-bottom::after {
    top: -2px;
}

body #loading.hide {
    pointer-events: none;
    background: transparent;
    transition: background 0ms;
    transition-delay: 1680ms;
}

@media print, screen and (min-width: 769px) {
    body #loading.hide {
        transition-delay: 1080ms;
    }
}

body #loading.hide .loading-progress {
    opacity: 0;
}

body #loading.hide .loading-progress .loading-progress-bar {
    animation: none;
}

body #loading.hide .bg-loading-container {
    transform: translate3d(0, 0, 0) rotateZ(-405deg);
    transition: transform 300ms;
    transition-delay: 1000ms;
}

@media print, screen and (min-width: 769px) {
    body #loading.hide .bg-loading-container {
        transition-delay: 400ms;
    }
}

body #loading.hide .bg-loading-container .bg-loading::after {
    opacity: 1;
    width: 100%;
    transition: width 600ms;
    transition-delay: 1500ms;
}

@media print, screen and (min-width: 769px) {
    body #loading.hide .bg-loading-container .bg-loading::after {
        transition-delay: 900ms;
    }
}

body #loading.hide .bg-loading-container .bg-loading.bg-loading-top {
    transition: transform 600ms;
    transform: translate3d(-50%, -150%, 0);
    transition-delay: 1700ms;
}

@media print, screen and (min-width: 769px) {
    body #loading.hide .bg-loading-container .bg-loading.bg-loading-top {
        transition-delay: 1100ms;
    }
}

body #loading.hide .bg-loading-container .bg-loading.bg-loading-bottom {
    transition: transform 600ms;
    transform: translate3d(-50%, 150%, 0);
    transition-delay: 1700ms;
}

@media print, screen and (min-width: 769px) {
    body #loading.hide .bg-loading-container .bg-loading.bg-loading-bottom {
        transition-delay: 1100ms;
    }
}

body .fix-bg {
    display: block;
    opacity: 0;
    transition: opacity 400ms;
    will-change: opacity;
    transform: translate3d(0, 0, 0);
}

body .fix-bg.bg-00, body .fix-bg.bg-07 {
    background: #000;
}

body .fix-bg.current {
    opacity: 1;
}

body .fix-bg.non-active {
    display: none;
}

body .fix-bg:nth-child(0) {
    z-index: 0;
}

body .fix-bg:nth-child(1) {
    z-index: 1;
}

body .fix-bg:nth-child(2) {
    z-index: 2;
}

body .fix-bg:nth-child(3) {
    z-index: 3;
}

body .fix-bg:nth-child(4) {
    z-index: 4;
}

body .fix-bg:nth-child(5) {
    z-index: 5;
}

body .fix-bg:nth-child(6) {
    z-index: 6;
}

body .fix-bg:nth-child(7) {
    z-index: 7;
}

body .fix-bg:nth-child(8) {
    z-index: 8;
}

body .fix-bg:nth-child(9) {
    z-index: 9;
}

body .fix-bg:nth-child(10) {
    z-index: 10;
}

body .fix-bg:nth-child(11) {
    z-index: 11;
}

body .fix-bg:nth-child(12) {
    z-index: 12;
}

body .fix-bg:nth-child(13) {
    z-index: 13;
}

body .fix-bg:nth-child(14) {
    z-index: 14;
}

body .fix-bg:nth-child(15) {
    z-index: 15;
}

body .js-parallax {
    display: block;
    will-change: transform;
}

body .list-anime li {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}

body .list-anime.anime li {
    transition: all 400ms;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

body .entry-block .mission h3,
body .entry-block .mission .cap,
body .entry-block .mission .btn {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}

body .entry-block .mission .bg {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
}

body .entry-block .mission.anime h3,
body .entry-block .mission.anime .cap,
body .entry-block .mission.anime .btn {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    transition: all 400ms;
}

body .entry-block .mission.anime .cap {
    transition-delay: 80ms;
}

body .entry-block .mission.anime .btn {
    transition-delay: 160ms;
}

body .entry-block .mission.anime .bg {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 400ms;
    transition-delay: 220ms;
}

body .entry-block .bnr {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}

body .entry-block .bnr.anime {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    transition: all 400ms;
}

body .movie-block .header h2,
body .about-block .header h2 {
    opacity: 0;
    transform: translate3d(-150px, 0, 0);
}

body .movie-block .header h2 span,
  body .about-block .header h2 span {
    opacity: 0;
}

body .movie-block .header .img,
body .about-block .header .img {
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
}

body .movie-block .header.anime h2,
body .about-block .header.anime h2 {
    opacity: 1;
    transform: translate3d(0px, 0, 0);
    transition: all 500ms;
}

body .movie-block .header.anime h2 span,
  body .about-block .header.anime h2 span {
    opacity: 1;
    transition-duration: 800ms;
    transition-delay: 300ms;
}

body .movie-block .header.anime .img,
body .about-block .header.anime .img {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 500ms;
    transition-delay: 350ms;
    transition-timing-function: cubic-bezier(0.11, 0.56, 0.19, 1);
}

body .movie-block .list li {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}

body .movie-block .list li.anime {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 400ms;
}

body .about-block .h-block .bg-text-line p::after {
    opacity: 0;
    transform: scale(0, 1);
    transform-origin: 0 50%;
}

body .about-block .h-block .bg-text-line p span {
    opacity: 0;
}

body .about-block .h-block .bg-text-line p em {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
}

body .about-block .h-block.anime .bg-text-line p::after {
    opacity: 1;
    transform: scale(1, 1);
    transition: all 400ms;
}

body .about-block .h-block.anime .bg-text-line p em {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    transition-timing-function: cubic-bezier(0.11, 0.56, 0.19, 1);
}

body .about-block .h-block.anime .bg-text-line p span {
    opacity: 1;
    transition: all 600ms;
}

body .about-block .h-block.anime .bg-text-line.line1 p::after {
    transition-delay: 0ms;
}

body .about-block .h-block.anime .bg-text-line.line1 p span {
    opacity: 1;
    transition-delay: 300ms;
}

body .about-block .h-block.anime .bg-text-line.line1 p em {
    opacity: 1;
    transition-delay: 300ms;
}

body .about-block .h-block.anime .bg-text-line.line2 p::after {
    transition-delay: 120ms;
}

body .about-block .h-block.anime .bg-text-line.line2 p span {
    opacity: 1;
    transition-delay: 420ms;
}

body .about-block .h-block.anime .bg-text-line.line2 p em {
    opacity: 1;
    transition-delay: 420ms;
}

body .about-block .h-block.anime .bg-text-line.line3 p::after {
    transition-delay: 240ms !important;
}

body .about-block .h-block.anime .bg-text-line.line3 p span {
    opacity: 1;
    transition-delay: 540ms !important;
}

@media print, screen and (min-width: 769px) {
    body .about-block .h-block.anime .bg-text-line.line3 p::after {
        transition-delay: 120ms !important;
    }

    body .about-block .h-block.anime .bg-text-line.line3 p span {
        opacity: 1;
        transition-delay: 420ms !important;
    }
}

body .about-block .swiper-container {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
}

body .about-block .swiper-container.anime {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 400ms;
}

body .mission-block .list li {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
}

body .mission-block .list.anime li {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 400ms;
}

body .mission-block .list + dl dt, body .mission-block .list + dl ul, body .mission-block .list + dl p {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
}

body .mission-block .list + dl.anime dt, body .mission-block .list + dl.anime ul, body .mission-block .list + dl.anime p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 400ms;
}

body .mission-block .list + dl.anime ul {
    transition-delay: 80ms;
}

body .mission-block .list + dl.anime p {
    transition-delay: 160ms;
}

body .mission-block .chara-head {
    opacity: 0;
    transform: translate3d(80px, 0px, 0);
}

body .mission-block .chara-head.anime {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    transition-timing-function: cubic-bezier(0.11, 0.56, 0.19, 1);
}

body .mission-block .mission-chara {
    opacity: 0;
    transform: translate3d(-80px, 0, 0);
}

body .mission-block .mission-chara.anime {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    transition-timing-function: cubic-bezier(0.11, 0.56, 0.19, 1);
}

body .end-contents .character {
    opacity: 0;
    will-change: opacity;
}

body .end-contents .character.slide-left {
    transform: translate3d(-120px, 0, 0);
}

body .end-contents .character.slide-right {
    transform: translate3d(120px, 0, 0);
}

body .end-contents .character.anime {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
}

body .end-contents .character.chara29 {
    position: fixed;
    transform: translate3d(0, 320px, 0);
    transition: none;
}

body .end-contents .character.chara29.hide {
    opacity: 0 !important;
    pointer-events: none;
    transition: 0ms;
    transition-delay: 100ms;
}

body .hisoka-animation {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

body .hisoka-animation > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("") no-repeat center top;
    background-size: auto 100%;
    opacity: 1;
}

body .hisoka-animation > div:nth-child(1) {
    background-image: url("../../assets/images/hisoka/back_to_top_05.png");
}

body .hisoka-animation > div:nth-child(2) {
    background-image: url("../../assets/images/hisoka/back_to_top_06.png");
}

body .hisoka-animation > div:nth-child(3) {
    background-image: url("../../assets/images/hisoka/back_to_top_07.png");
}

body .hisoka-animation > div:nth-child(4) {
    background-image: url("../../assets/images/hisoka/back_to_top_08.png");
}

body .hisoka-animation > div:nth-child(5) {
    background-image: url("../../assets/images/hisoka/back_to_top_09.png");
}

body .hisoka-animation > div:nth-child(6) {
    background-image: url("../../assets/images/hisoka/back_to_top_10.png");
}

body .hisoka-animation > div:nth-child(7) {
    background-image: url("../../assets/images/hisoka/back_to_top_11.png");
}

body .hisoka-animation > div:nth-child(8) {
    background-image: url("../../assets/images/hisoka/back_to_top_12.png");
}

body .hisoka-animation > div:nth-child(9) {
    background-image: url("../../assets/images/hisoka/back_to_top_13.png");
}

body .hisoka-animation > div:nth-child(10) {
    background-image: url("../../assets/images/hisoka/back_to_top_14.png");
}

body .hisoka-animation > div:nth-child(11) {
    background-image: url("../../assets/images/hisoka/back_to_top_15.png");
}

body .hisoka-animation > div:nth-child(12) {
    background-image: url("../../assets/images/hisoka/back_to_top_16.png");
}

body .hisoka-animation > div:nth-child(13) {
    background-image: url("../../assets/images/hisoka/back_to_top_17.png");
}

body .hisoka-animation > div:nth-child(14) {
    background-image: url("../../assets/images/hisoka/back_to_top_18.png");
}

body .hisoka-animation > div:nth-child(15) {
    background-image: url("../../assets/images/hisoka/back_to_top_19.png");
}

body .hisoka-animation > div:nth-child(16) {
    background-image: url("../../assets/images/hisoka/back_to_top_20.png");
}

body .hisoka-animation > div:nth-child(17) {
    background-image: url("../../assets/images/hisoka/back_to_top_21.png");
}

body .hisoka-animation > div:nth-child(18) {
    background-image: url("../../assets/images/hisoka/back_to_top_22.png");
}

body .hisoka-animation > div:nth-child(19) {
    background-image: url("../../assets/images/hisoka/back_to_top_23.png");
}

body .hisoka-animation > div:nth-child(20) {
    background-image: url("../../assets/images/hisoka/back_to_top_24.png");
}

body .hisoka-animation > div:nth-child(21) {
    background-image: url("../../assets/images/hisoka/back_to_top_25.png");
}

body .hisoka-animation > div:nth-child(22) {
    background-image: url("../../assets/images/hisoka/back_to_top_26.png");
}

body .hisoka-animation > div:nth-child(23) {
    background-image: url("../../assets/images/hisoka/back_to_top_27.png");
}

body .hisoka-animation > div:nth-child(24) {
    background-image: url("../../assets/images/hisoka/back_to_top_28.png");
}

body .hisoka-animation > div:nth-child(25) {
    background-image: url("../../assets/images/hisoka/back_to_top_29.png");
}

body .hisoka-animation > div:nth-child(26) {
    background-image: url("../../assets/images/hisoka/back_to_top_30.png");
}

body .hisoka-animation > div:nth-child(27) {
    background-image: url("../../assets/images/hisoka/back_to_top_31.png");
}

body .hisoka-animation > div:nth-child(28) {
    background-image: url("../../assets/images/hisoka/back_to_top_32.png");
}

body .hisoka-animation > div:nth-child(29) {
    background-image: url("../../assets/images/hisoka/back_to_top_33.png");
}

body .hisoka-animation > div:nth-child(30) {
    background-image: url("../../assets/images/hisoka/back_to_top_34.png");
}

body .hisoka-animation > div:nth-child(31) {
    background-image: url("../../assets/images/hisoka/back_to_top_35.png");
}

body .hisoka-animation > div:nth-child(32) {
    background-image: url("../../assets/images/hisoka/back_to_top_36.png");
}

body .hisoka-animation > div:nth-child(33) {
    background-image: url("../../assets/images/hisoka/back_to_top_37.png");
}

body .hisoka-animation > div:nth-child(34) {
    background-image: url("../../assets/images/hisoka/back_to_top_38.png");
}

body .hisoka-animation > div:nth-child(35) {
    background-image: url("../../assets/images/hisoka/back_to_top_39.png");
}

body .hisoka-animation > div:nth-child(36) {
    background-image: url("../../assets/images/hisoka/back_to_top_40.png");
}

body .hisoka-animation > div:nth-child(37) {
    background-image: url("../../assets/images/hisoka/back_to_top_41.png");
}

body .hisoka-animation > div:nth-child(38) {
    background-image: url("../../assets/images/hisoka/back_to_top_42.png");
}

body .hisoka-animation > div:nth-child(39) {
    background-image: url("../../assets/images/hisoka/back_to_top_43.png");
}

body .hisoka-animation > div:nth-child(40) {
    background-image: url("../../assets/images/hisoka/back_to_top_44.png");
}

body .hisoka-animation > div:nth-child(41) {
    background-image: url("../../assets/images/hisoka/back_to_top_45.png");
}

body .hisoka-animation > div:nth-child(42) {
    background-image: url("../../assets/images/hisoka/back_to_top_46.png");
}

body .hisoka-animation > div:nth-child(43) {
    background-image: url("../../assets/images/hisoka/back_to_top_47.png");
}

body .hisoka-animation > div:nth-child(44) {
    background-image: url("../../assets/images/hisoka/back_to_top_48.png");
}

body .hisoka-animation > div:nth-child(45) {
    background-image: url("../../assets/images/hisoka/back_to_top_49.png");
}

body .hisoka-animation > div:nth-child(46) {
    background-image: url("../../assets/images/hisoka/back_to_top_50.png");
}

body .hisoka-animation > div:nth-child(47) {
    background-image: url("../../assets/images/hisoka/back_to_top_51.png");
}

body .hisoka-animation > div:nth-child(48) {
    background-image: url("../../assets/images/hisoka/back_to_top_52.png");
}

body .hisoka-animation > div:nth-child(49) {
    background-image: url("../../assets/images/hisoka/back_to_top_53.png");
}