/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
@-webkit-keyframes shine {
  0% {
    opacity: 0;
    -webkit-transform: skew(-45deg) translate3d(-120%, 0, 0);
            transform: skew(-45deg) translate3d(-120%, 0, 0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: skew(-45deg) translate3d(1000%, 0, 0);
            transform: skew(-45deg) translate3d(1000%, 0, 0); } }
@keyframes shine {
  0% {
    opacity: 0;
    -webkit-transform: skew(-45deg) translate3d(-120%, 0, 0);
            transform: skew(-45deg) translate3d(-120%, 0, 0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: skew(-45deg) translate3d(1000%, 0, 0);
            transform: skew(-45deg) translate3d(1000%, 0, 0); } }

@-webkit-keyframes bright {
  0%, 20%, 50%, 100% {
    -webkit-filter: none;
            filter: none; }
  35% {
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3); } }

@keyframes bright {
  0%, 20%, 50%, 100% {
    -webkit-filter: none;
            filter: none; }
  35% {
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3); } }

@-webkit-keyframes yokofuwa-right {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes yokofuwa-right {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes fadeInDawn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDawn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes scaleFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes scaleFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes guwanguwan {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  8% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  12% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  15% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  18% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes guwanguwan {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  8% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  12% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  15% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  18% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes bangbang {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bangbang {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes pikopiko {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  8% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  12% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  15% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  18% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  20% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); } }

@keyframes pikopiko {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  8% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  12% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  15% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  18% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  20% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); } }

@-webkit-keyframes pyonpyon {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  15% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  30% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  45% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  60% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); } }

@keyframes pyonpyon {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  15% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  30% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  45% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0); }
  60% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); } }

@-webkit-keyframes korokoro {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  24% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  32% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  46% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  48% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes korokoro {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  24% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  32% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  46% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  48% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes yoroyoro {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  10% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  20% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  40% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  50% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  60% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes yoroyoro {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  10% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  20% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  40% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  50% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  60% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(4);
            transform: scale(4); }
  68% {
    opacity: 1;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  78% {
    opacity: 1;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  88% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  93% {
    opacity: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(4);
            transform: scale(4); }
  68% {
    opacity: 1;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  78% {
    opacity: 1;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  88% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  93% {
    opacity: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes scaleUp {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  90% {
    opacity: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes scaleUp {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  90% {
    opacity: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(-1000px, 0, 0);
            transform: translate3d(-1000px, 0, 0); }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(-1000px, 0, 0);
            transform: translate3d(-1000px, 0, 0); }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeft {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
            transform: translate3d(-1000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes showInRight {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  75% {
    -webkit-transform: translate3d(15%, 0, 0);
            transform: translate3d(15%, 0, 0); }
  90% {
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes showInRight {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  75% {
    -webkit-transform: translate3d(15%, 0, 0);
            transform: translate3d(15%, 0, 0); }
  90% {
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0); }
  60% {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0); }
  75% {
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0); }
  60% {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0); }
  75% {
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRight {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1000px, 0, 0);
            transform: translate3d(1000px, 0, 0); }
  55% {
    opacity: 1;
    -webkit-transform: translate3d(80px, 0, 0);
            transform: translate3d(80px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
            transform: translate3d(0, 1000px, 0); }
  55% {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes bounceInDown {
  0%, 50% {
    -webkit-transform: translate3d(0, -200%, 0);
            transform: translate3d(0, -200%, 0); }
  58% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  65% {
    -webkit-transform: translate3d(0, -12%, 0);
            transform: translate3d(0, -12%, 0); }
  75% {
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  80% {
    -webkit-transform: translate3d(0, -7%, 0);
            transform: translate3d(0, -7%, 0); }
  83% {
    -webkit-transform: translate3d(0, 2.5%, 0);
            transform: translate3d(0, 2.5%, 0); }
  85% {
    -webkit-transform: translate3d(0, -1.2%, 0);
            transform: translate3d(0, -1.2%, 0); }
  87% {
    -webkit-transform: translate3d(0, 0.9%, 0);
            transform: translate3d(0, 0.9%, 0); }
  88% {
    -webkit-transform: translate3d(0, -0.3%, 0);
            transform: translate3d(0, -0.3%, 0); }
  89%, 100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInDown {
  0%, 50% {
    -webkit-transform: translate3d(0, -200%, 0);
            transform: translate3d(0, -200%, 0); }
  58% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  65% {
    -webkit-transform: translate3d(0, -12%, 0);
            transform: translate3d(0, -12%, 0); }
  75% {
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  80% {
    -webkit-transform: translate3d(0, -7%, 0);
            transform: translate3d(0, -7%, 0); }
  83% {
    -webkit-transform: translate3d(0, 2.5%, 0);
            transform: translate3d(0, 2.5%, 0); }
  85% {
    -webkit-transform: translate3d(0, -1.2%, 0);
            transform: translate3d(0, -1.2%, 0); }
  87% {
    -webkit-transform: translate3d(0, 0.9%, 0);
            transform: translate3d(0, 0.9%, 0); }
  88% {
    -webkit-transform: translate3d(0, -0.3%, 0);
            transform: translate3d(0, -0.3%, 0); }
  89%, 100% {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes fadeInDown {
  0%, 50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -120%, 0);
            transform: translate3d(0, -120%, 0); }
  58% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  65% {
    -webkit-transform: translate3d(0, -12%, 0);
            transform: translate3d(0, -12%, 0); }
  75% {
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  80% {
    -webkit-transform: translate3d(0, -7%, 0);
            transform: translate3d(0, -7%, 0); }
  83% {
    -webkit-transform: translate3d(0, 2.5%, 0);
            transform: translate3d(0, 2.5%, 0); }
  85% {
    -webkit-transform: translate3d(0, -1.2%, 0);
            transform: translate3d(0, -1.2%, 0); }
  87% {
    -webkit-transform: translate3d(0, 0.9%, 0);
            transform: translate3d(0, 0.9%, 0); }
  88% {
    -webkit-transform: translate3d(0, -0.3%, 0);
            transform: translate3d(0, -0.3%, 0); }
  89%, 100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDown {
  0%, 50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -120%, 0);
            transform: translate3d(0, -120%, 0); }
  58% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  65% {
    -webkit-transform: translate3d(0, -12%, 0);
            transform: translate3d(0, -12%, 0); }
  75% {
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  80% {
    -webkit-transform: translate3d(0, -7%, 0);
            transform: translate3d(0, -7%, 0); }
  83% {
    -webkit-transform: translate3d(0, 2.5%, 0);
            transform: translate3d(0, 2.5%, 0); }
  85% {
    -webkit-transform: translate3d(0, -1.2%, 0);
            transform: translate3d(0, -1.2%, 0); }
  87% {
    -webkit-transform: translate3d(0, 0.9%, 0);
            transform: translate3d(0, 0.9%, 0); }
  88% {
    -webkit-transform: translate3d(0, -0.3%, 0);
            transform: translate3d(0, -0.3%, 0); }
  89%, 100% {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes flash {
  0%, 19%, 28%, 23%, 100% {
    opacity: 1; }
  21%, 26% {
    opacity: 0; } }

@keyframes flash {
  0%, 19%, 28%, 23%, 100% {
    opacity: 1; }
  21%, 26% {
    opacity: 0; } }

@-webkit-keyframes bounceInRightForSPBtn {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(200%, 0, 0) scale(1.2);
            transform: translate3d(200%, 0, 0) scale(1.2); }
  60% {
    -webkit-transform: translate3d(-25%, 0, 0) scale(1.2);
            transform: translate3d(-25%, 0, 0) scale(1.2); }
  75% {
    -webkit-transform: translate3d(10%, 0, 0) scale(1.2);
            transform: translate3d(10%, 0, 0) scale(1.2); }
  90% {
    -webkit-transform: translate3d(-5%, 0, 0) scale(1.2);
            transform: translate3d(-5%, 0, 0) scale(1.2); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes bounceInRightForSPBtn {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    -webkit-transform: translate3d(200%, 0, 0) scale(1.2);
            transform: translate3d(200%, 0, 0) scale(1.2); }
  60% {
    -webkit-transform: translate3d(-25%, 0, 0) scale(1.2);
            transform: translate3d(-25%, 0, 0) scale(1.2); }
  75% {
    -webkit-transform: translate3d(10%, 0, 0) scale(1.2);
            transform: translate3d(10%, 0, 0) scale(1.2); }
  90% {
    -webkit-transform: translate3d(-5%, 0, 0) scale(1.2);
            transform: translate3d(-5%, 0, 0) scale(1.2); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

body {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background: #000;
  height: 100%;
  font-family: sans-serif; }
  body[data-modal='true'] {
    overflow: hidden; }

html {
  height: 100%; }

a {
  text-decoration: none;
  color: #000; }

.txt-hidden {
  display: none; }

.wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #fff; }

.preload {
  display: none; }

#top {
  position: relative; }
  #top[data-anime='true'] .kv-chojin {
    -webkit-animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.5s forwards;
            animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.5s forwards; }
  #top[data-anime='true'] .kv-applogo {
    -webkit-animation: bounceInLeft 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.9s forwards;
            animation: bounceInLeft 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.9s forwards; }
  #top[data-anime='true'] .kv-logo {
    -webkit-animation: scaleIn 0.3s cubic-bezier(0, 0.82, 1, 1.12) 1s forwards, bright 3s ease-in 2s infinite;
            animation: scaleIn 0.3s cubic-bezier(0, 0.82, 1, 1.12) 1s forwards, bright 3s ease-in 2s infinite; }
    #top[data-anime='true'] .kv-logo--cacth {
      -webkit-animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.4s forwards;
              animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.4s forwards; }
      #top[data-anime='true'] .kv-logo--cacth .cacth-txt {
        -webkit-animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.5s forwards;
                animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.5s forwards; }
      #top[data-anime='true'] .kv-logo--cacth .cacth-suguru {
        -webkit-animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.6s forwards;
                animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.6s forwards; }
  #top[data-anime='true'] .link-banner {
    -webkit-animation: fadeInUp 0.3s 1.9s forwards;
            animation: fadeInUp 0.3s 1.9s forwards; }
  #top .kv {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px; }
  #top .kv-confeti {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 920px;
    margin: 0 auto;
    opacity: 0; }
    #top .kv-confeti.is-show {
      -webkit-animation: fadeIn 1s forwards;
              animation: fadeIn 1s forwards; }
  #top .kv-chojin {
    width: 926.6667px;
    height: 908.8889px;
    background-image: url('/anniversary/4th/img/top/img-chojin.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0; }
  #top .kv-applogo {
    width: 174.1667px;
    height: 110.8333px;
    background-image: url('/anniversary/4th/img/common/logo-ms.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 6px;
    left: 3px;
    display: block;
    -webkit-transform: translate3d(-1000px, 0, 0);
            transform: translate3d(-1000px, 0, 0); }
  #top .kv-logo {
    width: 527px;
    height: 338px;
    background-image: url('/anniversary/4th/img/common/logo-4th.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -225px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
    #top .kv-logo--cacth {
      width: 223.871px;
      height: 138.7097px;
      background-image: url('/anniversary/4th/img/common/campaign-logo/logo-base.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: -17px;
      right: -111px;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
      opacity: 0; }
      #top .kv-logo--cacth .cacth-txt {
        width: 139.6774px;
        height: 96.129px;
        background-image: url('/anniversary/4th/img/common/campaign-logo/logo-txt.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: absolute;
        top: 13px;
        left: 0;
        right: 33px;
        margin: 0 auto;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0; }
      #top .kv-logo--cacth .cacth-suguru {
        width: 94.7059px;
        height: 53.8235px;
        background-image: url('/anniversary/4th/img/common/campaign-logo/logo-suguru.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: absolute;
        bottom: -2px;
        left: 0px;
        right: -5px;
        margin: 0 auto;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0; }
  #top .countdown {
    display: block;
    width: 100%;
    height: auto;
    background-image: url('/anniversary/4th/img/common/bg-stripe.png');
    background-repeat: repeat;
    background-position: top center;
    position: relative;
    margin: 400px auto 0;
    padding: 26px 0; }
    #top .countdown:before, #top .countdown:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #top .countdown:before {
      top: -12px; }
    #top .countdown:after {
      bottom: -5px; }
  #top .countdown-count {
    margin: 20px auto; }
    #top .countdown-count .count-ttl {
      width: 583px;
      height: 219px;
      background-image: url('/anniversary/4th/img/top/ttl-4yearsgong.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      margin: -80px auto 20px;
      opacity: 0; }
      #top .countdown-count .count-ttl[data-anime="true"] {
        -webkit-animation: scaleFadeIn 0.3s ease-out 0.5s forwards;
                animation: scaleFadeIn 0.3s ease-out 0.5s forwards; }
    #top .countdown-count .count-movie {
      width: 600px;
      height: 340px;
      position: relative;
      margin: 20px auto 60px;
      opacity: 0; }
      #top .countdown-count .count-movie[data-anime="true"] {
        -webkit-animation: fadeIn 0.8s ease-out 0.3s forwards;
                animation: fadeIn 0.8s ease-out 0.3s forwards; }
      #top .countdown-count .count-movie #count-player {
        margin: 10px auto; }
  #top .countdown-banner {
    width: 547px;
    height: 182px;
    background-image: url('/anniversary/4th/img/top/banner-countdown.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    display: block;
    margin: 30px auto;
    opacity: 0;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #top .countdown-banner:hover {
      -webkit-filter: contrast(1.5);
              filter: contrast(1.5);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #top .countdown-banner[data-anime="true"] {
      -webkit-animation: fadeIn 0.8s ease-out 0.3s forwards;
              animation: fadeIn 0.8s ease-out 0.3s forwards; }
  #top .share-middle {
    background: rgba(0, 0, 0, 0.7);
    padding: 30px 0; }
  #top .contents {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 20px 0; }
    #top .contents:before, #top .contents:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #top .contents:before {
      top: -12px; }
    #top .contents:after {
      bottom: -5px; }
  #top .contents-ttl {
    width: 502px;
    height: 127px;
    background-image: url('/anniversary/4th/img/top/ttl-contents.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 45px auto;
    opacity: 0; }
    #top .contents-ttl[data-anime="true"] {
      -webkit-animation: scaleFadeIn 0.3s ease-out 0.5s forwards;
              animation: scaleFadeIn 0.3s ease-out 0.5s forwards; }
  #top .contents-festival {
    position: relative;
    margin: 70px auto;
    opacity: 0; }
    #top .contents-festival[data-anime="true"] {
      -webkit-animation: fadeInUp 0.3s ease-out 0.5s forwards;
              animation: fadeInUp 0.3s ease-out 0.5s forwards; }
      #top .contents-festival[data-anime="true"] .festival-linkbtn::after {
        -webkit-animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards;
                animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards; }
    #top .contents-festival .festival-linkbtn {
      width: 560px;
      height: 254px;
      background-image: url('/anniversary/4th/img/top/btn-festival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      display: block;
      margin: 0 auto;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-festival .festival-linkbtn:hover {
        -webkit-filter: brightness(1.15);
                filter: brightness(1.15);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-festival .festival-linkbtn::after {
        width: 216.875px;
        height: 137.8125px;
        background-image: url('/anniversary/4th/img/top/btn-top-festival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        bottom: -37px;
        right: -68px;
        margin: 0 auto;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0; }
  #top .contents-ingame {
    position: relative;
    margin: 70px auto;
    opacity: 0; }
    #top .contents-ingame[data-anime="true"] {
      -webkit-animation: fadeInUp 0.3s ease-out 0.5s forwards;
              animation: fadeInUp 0.3s ease-out 0.5s forwards; }
      #top .contents-ingame[data-anime="true"] .ingame-linkbtn::after {
        -webkit-animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards;
                animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards; }
    #top .contents-ingame .ingame-linkbtn {
      width: 560px;
      height: 254px;
      background-image: url('/anniversary/4th/img/top/btn-ingame.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      display: block;
      margin: 0 auto;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-ingame .ingame-linkbtn:hover {
        -webkit-filter: brightness(1.15);
                filter: brightness(1.15);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-ingame .ingame-linkbtn::after {
        width: 216.875px;
        height: 139.375px;
        background-image: url('/anniversary/4th/img/top/btn-top-ingame.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        bottom: -37px;
        right: -68px;
        margin: 0 auto;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0; }
  #top .contents-event {
    position: relative;
    margin: 70px auto;
    opacity: 0; }
    #top .contents-event[data-anime="true"] {
      -webkit-animation: fadeInUp 0.3s ease-out 0.5s forwards;
              animation: fadeInUp 0.3s ease-out 0.5s forwards; }
      #top .contents-event[data-anime="true"] .event-linkbtn::after {
        -webkit-animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards;
                animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards; }
    #top .contents-event .event-linkbtn {
      width: 560px;
      height: 254px;
      background-image: url('/anniversary/4th/img/top/btn-event.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      display: block;
      margin: 0 auto;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-event .event-linkbtn:hover {
        -webkit-filter: brightness(1.15);
                filter: brightness(1.15);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-event .event-linkbtn::after {
        width: 216.875px;
        height: 134.375px;
        background-image: url('/anniversary/4th/img/top/btn-top-event.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        bottom: -37px;
        right: -68px;
        margin: 0 auto; }
  #top .contents-special {
    position: relative;
    margin: 70px auto;
    opacity: 0; }
    #top .contents-special[data-anime="true"] {
      -webkit-animation: fadeInUp 0.3s ease-out 0.5s forwards;
              animation: fadeInUp 0.3s ease-out 0.5s forwards; }
      #top .contents-special[data-anime="true"] .special-linkbtn::after {
        -webkit-animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards;
                animation: fadeInRight 0.1s cubic-bezier(0, 0.82, 1, 1.12) 0.8s forwards; }
    #top .contents-special .special-linkbtn {
      width: 560px;
      height: 254px;
      background-image: url('/anniversary/4th/img/top/btn-special.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      display: block;
      margin: 0 auto;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-special .special-linkbtn:hover {
        -webkit-filter: brightness(1.15);
                filter: brightness(1.15);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #top .contents-special .special-linkbtn::after {
        width: 230.9375px;
        height: 143.75px;
        background-image: url('/anniversary/4th/img/top/btn-top-special.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        bottom: -37px;
        right: -68px;
        margin: 0 auto; }
  #top .bottomarea {
    background: rgba(0, 0, 0, 0.8);
    width: 100%; }

#festival {
  position: relative; }
  #festival[data-anime='true'] .kv-house {
    -webkit-animation: scaleFadeIn 0.3s ease-out 0.3s forwards;
            animation: scaleFadeIn 0.3s ease-out 0.3s forwards; }
  #festival[data-anime='true'] .kv-flush {
    -webkit-animation: scaleFadeIn 0.2s ease-out 0.9s forwards;
            animation: scaleFadeIn 0.2s ease-out 0.9s forwards; }
  #festival[data-anime='true'] .kv-suguru {
    -webkit-animation: fadeInUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.5s forwards;
            animation: fadeInUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.5s forwards; }
  #festival[data-anime='true'] .kv-ttl {
    -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 5s ease-in 3s infinite;
            animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 5s ease-in 3s infinite; }
    #festival[data-anime='true'] .kv-ttl--cacth {
      -webkit-animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.2s forwards;
              animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.2s forwards; }
      #festival[data-anime='true'] .kv-ttl--cacth .cacth-txt {
        -webkit-animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.3s forwards;
                animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.3s forwards; }
      #festival[data-anime='true'] .kv-ttl--cacth .cacth-suguru {
        -webkit-animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.4s forwards;
                animation: fadeInRight 0.2s cubic-bezier(0, 0.82, 1, 1.12) 1.4s forwards; }
  #festival .kv {
    position: relative;
    width: 100%;
    text-align: center; }
  #festival .kv-house {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
    #festival .kv-house::before {
      content: '';
      position: absolute;
      bottom: -161px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 167px;
      background: linear-gradient(180deg, #00000c 0%, rgba(0, 0, 12, 0) 100%); }
    #festival .kv-house::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 167px;
      background: linear-gradient(rgba(0, 0, 12, 0) 0%, #00000c 100%); }
  #festival .kv-flush {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    opacity: 0; }
  #festival .kv-confeti {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0; }
    #festival .kv-confeti.is-show {
      -webkit-animation: fadeIn 1s forwards;
              animation: fadeIn 1s forwards; }
  #festival .kv-suguru {
    width: 746.6667px;
    height: 1042.2222px;
    background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0; }
  #festival .kv-applogo {
    width: 174.1667px;
    height: 110.8333px;
    background-image: url('/anniversary/4th/img/common/logo-ms.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 5px;
    left: 5px;
    display: block; }
  #festival .kv-ttl {
    width: 601px;
    height: 369px;
    background-image: url('/anniversary/4th/img/festival/logo-festival.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 370px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
    #festival .kv-ttl--cacth {
      width: 223.871px;
      height: 138.7097px;
      background-image: url('/anniversary/4th/img/common/campaign-logo/logo-base.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: -39px;
      right: -58px;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
      opacity: 0; }
      #festival .kv-ttl--cacth .cacth-txt {
        width: 139.6774px;
        height: 96.129px;
        background-image: url('/anniversary/4th/img/common/campaign-logo/logo-txt.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: absolute;
        top: 13px;
        left: 0;
        right: 33px;
        margin: 0 auto;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0; }
      #festival .kv-ttl--cacth .cacth-suguru {
        width: 94.7059px;
        height: 53.8235px;
        background-image: url('/anniversary/4th/img/common/campaign-logo/logo-suguru.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: absolute;
        bottom: -2px;
        left: 0px;
        right: -5px;
        margin: 0 auto;
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        opacity: 0; }
  #festival .kv-ttlcontent {
    position: relative;
    top: -260px; }
    #festival .kv-ttlcontent .kv-subttl {
      width: 402.5px;
      height: 96.6667px;
      background-image: url('/anniversary/4th/img/festival/txt-kvdate.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 50px auto;
      opacity: 0; }
    #festival .kv-ttlcontent .kv-anounce {
      width: 371.6667px;
      height: 97.5px;
      background-image: url('/anniversary/4th/img/festival/ttl-kvanounce.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 10px auto 35px;
      opacity: 0; }
    #festival .kv-ttlcontent .kv-catch {
      width: 587.5px;
      height: 251.6667px;
      background-image: url('/anniversary/4th/img/festival/ttl-festivalcatch.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 0 auto;
      opacity: 0; }
      #festival .kv-ttlcontent .kv-catch[data-anime="true"] {
        -webkit-animation: scaleUp 0.3s ease-out 0.5s forwards, guwanguwan 4s ease-out 1s infinite;
                animation: scaleUp 0.3s ease-out 0.5s forwards, guwanguwan 4s ease-out 1s infinite; }
  #festival .kv-ticket {
    position: relative;
    top: -245px;
    margin: 40px auto;
    text-align: center; }
  #festival .info {
    position: relative;
    margin: 40px auto 60px; }
  #festival .info-content {
    width: 594px;
    height: 1025px;
    background-image: url('/anniversary/4th/img/festival/bg-eventsection.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: -190px auto 0;
    text-align: center; }
  #festival .info-ttl {
    width: 102px;
    height: 53px;
    background-image: url('/anniversary/4th/img/festival/ttl-event.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0; }
    #festival .info-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  #festival .info-detail {
    width: 90%;
    padding: 110px 10px 0;
    margin: 0 auto;
    opacity: 0; }
    #festival .info-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.9s forwards;
              animation: fadeIn 0.5s ease-out 0.9s forwards; }
  #festival .detail-container {
    width: 100%;
    margin: 0 auto; }
  #festival .detail-ttl {
    width: 90%;
    margin: 25px auto 10px;
    text-align: left;
    color: #FFE800;
    font-size: 24px;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif"; }
    #festival .detail-ttl:after {
      content: '';
      width: 418px;
      height: 3px;
      background-image: url('/anniversary/4th/img/festival/line-festivalinfo.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      display: inline-block;
      width: 70%;
      margin-left: 10px;
      margin-bottom: 6px; }
  #festival .detail-content {
    width: 90%;
    margin: 5px auto;
    text-align: left;
    font-size: 24px;
    color: #fff;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif"; }
  #festival .detail-subcontent {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    font-size: 20px;
    color: #fff;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif"; }
  #festival .detail-apendix {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    color: #fff;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif"; }
  #festival .info-link {
    display: flex;
    justify-content: center;
    width: 85%;
    margin: 26px auto; }
  #festival .link-item {
    margin: 0 auto; }
    #festival .link-item a {
      position: relative;
      display: block;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #festival .link-item a:hover {
        -webkit-filter: contrast(2);
                filter: contrast(2);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #festival .link-item:nth-of-type(1) a {
      width: 240px;
      height: 66px;
      background-image: url('/anniversary/4th/img/festival/btn-festival-place.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #festival .link-item:nth-of-type(2) a {
      width: 240px;
      height: 66px;
      background-image: url('/anniversary/4th/img/festival/btn-festival-map.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #festival .performer {
    position: relative; }
  #festival .performer-content {
    width: 594px;
    height: 1172px;
    background-image: url('/anniversary/4th/img/festival/bg-peformersection.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: 20px auto; }
  #festival .performer-ttl {
    width: 152px;
    height: 53px;
    background-image: url('/anniversary/4th/img/festival/ttl-pefomer.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    margin: 0 auto;
    text-align: center;
    opacity: 0; }
    #festival .performer-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  #festival .performer-list {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: 0 auto;
    padding-top: 140px;
    opacity: 0; }
    #festival .performer-list[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.9s forwards;
              animation: fadeIn 0.5s ease-out 0.9s forwards; }
    #festival .performer-list--item {
      width: 40%;
      margin: 10px auto; }
      #festival .performer-list--item .item-img {
        width: 100%;
        height: auto;
        margin: 10px auto;
        overflow: hidden; }
        #festival .performer-list--item .item-img img {
          width: 100%;
          height: auto; }
      #festival .performer-list--item .item-name {
        font-size: 24px;
        text-align: center;
        font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
        color: #fff; }
  #festival .program {
    width: 594px;
    height: 645px;
    background-image: url('/anniversary/4th/img/festival/bg-programsection.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: 60px auto 100px;
    text-align: center; }
  #festival .program-ttl {
    width: 227px;
    height: 54px;
    background-image: url('/anniversary/4th/img/festival/ttl-program.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0; }
    #festival .program-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  #festival .program-content {
    opacity: 0; }
    #festival .program-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.9s forwards;
              animation: fadeIn 0.5s ease-out 0.9s forwards; }
  #festival .program-detail {
    width: 470px;
    height: 434px;
    background-image: url('/anniversary/4th/img/festival/txt-program.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 110px;
    margin: 0px auto;
    height: 434px; }
  #festival .program-attention {
    font-size: 14px;
    color: #fff;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif";
    margin-top: 135px; }
  #festival .showroom {
    width: 590px;
    height: 494px;
    background-image: url('/anniversary/4th/img/festival/bg-showroomsection.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: 20px auto 85px;
    text-align: center; }
  #festival .showroom-content {
    opacity: 0; }
    #festival .showroom-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.9s forwards;
              animation: fadeIn 0.5s ease-out 0.9s forwards; }
  #festival .showroom-ttl {
    width: 411px;
    height: 52px;
    background-image: url('/anniversary/4th/img/festival/ttl-showrrom.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 30px;
    left: 0;
    right: 0;
    margin: -20px auto;
    text-align: center;
    opacity: 0; }
    #festival .showroom-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  #festival .showroom-txt {
    width: 369px;
    height: 148px;
    background-image: url('/anniversary/4th/img/festival/txt-showrrom.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 95px;
    margin: 0px auto; }
  #festival .showroom-link {
    width: 441px;
    height: 134px;
    background-image: url('/anniversary/4th/img/festival/btn-showrrom.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 105px;
    display: block;
    margin: 25px auto 20px;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #festival .showroom-link:hover {
      -webkit-filter: contrast(2);
              filter: contrast(2);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
  #festival .campaign {
    position: relative; }
  #festival .campaign-content {
    width: 594px;
    height: 1467px;
    background-image: url('/anniversary/4th/img/festival/bg-campaignsection.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: 20px auto 85px;
    text-align: center; }
  #festival .campaign-ttl {
    width: 362px;
    height: 53px;
    background-image: url('/anniversary/4th/img/festival/ttl-campaign.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 30px;
    left: 0;
    right: 0;
    margin: -20px auto;
    text-align: center;
    opacity: 0; }
    #festival .campaign-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  #festival .campaign-detail {
    opacity: 0; }
    #festival .campaign-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.9s forwards;
              animation: fadeIn 0.5s ease-out 0.9s forwards; }
  #festival .campaign-catch {
    margin-top: 70px;
    font-size: 18px;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    color: #fff;
    text-align: center; }
  #festival .campaign-subttl {
    margin-top: 90px;
    font-size: 24px;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    color: #fff;
    text-align: center; }
    #festival .campaign-subttl:nth-of-type(2) {
      margin-top: 10px; }
  #festival .campaign-img {
    margin: 27px auto; }
    #festival .campaign-img[data-img='fescampaign1'] {
      width: 390.7143px;
      height: 165.7143px;
      background-image: url('/anniversary/4th/img/festival/banner-oshiete.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #festival .campaign-img[data-img='fescampaign2'] {
      width: 390.7143px;
      height: 165.7143px;
      background-image: url('/anniversary/4th/img/festival/banner-mozaiku.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #festival .campaign-term {
    display: flex;
    justify-content: center;
    margin: 10px auto;
    width: 450px;
    padding-left: 28px;
    color: #fff; }
    #festival .campaign-term--bacth {
      width: 59.1667px;
      height: 32.5px;
      background-image: url('/anniversary/4th/img/common/bacth-term.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      margin-right: 15px;
      margin-top: 15px; }
      #festival .campaign-term--bacth::before {
        width: 46.6667px;
        height: 49.1667px;
        background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        top: -8px;
        left: -50px; }
    #festival .campaign-term--content {
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 20px;
      text-align: left; }
  #festival .campaign-txt {
    width: 80%;
    margin: 20px auto 0;
    text-align: center;
    font-size: 20px;
    line-height: 2;
    color: #fff;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif"; }
  #festival .campaign-link {
    width: 240px;
    height: 66px;
    background-image: url('/anniversary/4th/img/festival/btn-detail.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    display: block;
    margin: 25px auto 20px;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #festival .campaign-link:hover {
      -webkit-filter: contrast(2);
              filter: contrast(2);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
  #festival .tokuten {
    position: relative; }
  #festival .tokuten-content {
    width: 594px;
    height: 1068px;
    background-image: url('/anniversary/4th/img/festival/bg-tokutensection.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: 20px auto 85px;
    text-align: center; }
  #festival .tokuten-ttl {
    width: 246px;
    height: 53px;
    background-image: url('/anniversary/4th/img/festival/ttl-tokuten.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    top: 30px;
    left: 0;
    right: 0;
    margin: -20px auto 80px;
    text-align: center;
    opacity: 0; }
    #festival .tokuten-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  #festival .tokuten-detail {
    opacity: 0; }
    #festival .tokuten-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.9s forwards;
              animation: fadeIn 0.5s ease-out 0.9s forwards; }
  #festival .tokuten-subttl {
    position: relative;
    margin: 60px auto 20px; }
    #festival .tokuten-subttl[data-img='festokuten1'] {
      width: 145px;
      height: 40px;
      background-image: url('/anniversary/4th/img/festival/ttl-present1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #festival .tokuten-subttl[data-img='festokuten2'] {
      width: 150px;
      height: 41px;
      background-image: url('/anniversary/4th/img/festival/ttl-present2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #festival .tokuten-subttl::after, #festival .tokuten-subttl::before {
      width: 148px;
      height: 10px;
      background-image: url('/anniversary/4th/img/festival/line-tokuten.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      display: block;
      top: 20px; }
    #festival .tokuten-subttl::before {
      left: 165px; }
    #festival .tokuten-subttl::after {
      right: 165px; }
  #festival .tokuten-cacth {
    margin: 10px auto 40px; }
    #festival .tokuten-cacth[data-img='festokuten1'] {
      width: 497px;
      height: 66px;
      background-image: url('/anniversary/4th/img/festival/subttl-tokuten1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #festival .tokuten-cacth[data-img='festokuten2'] {
      width: 238px;
      height: 32px;
      background-image: url('/anniversary/4th/img/festival/subttl-tokuten2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #festival .tokuten-img {
    margin: 20px auto; }
    #festival .tokuten-img[data-img='festokuten1'] {
      width: 450px;
      height: 223.6364px;
      background-image: url('/anniversary/4th/img/festival/banner-tokutenpresent1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #festival .tokuten-imglist {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    #festival .tokuten-imglist .imglist-item:nth-of-type(2) {
      margin-left: 42px; }
    #festival .tokuten-imglist .imglist-img {
      margin: 0 auto; }
      #festival .tokuten-imglist .imglist-img[data-img='festokuten2-1'] {
        width: 224.5455px;
        height: 161.8182px;
        background-image: url('/anniversary/4th/img/festival/img-festokuten2-1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 0 0 11px 14px; }
      #festival .tokuten-imglist .imglist-img[data-img='festokuten2-2'] {
        width: 167.2727px;
        height: 167.2727px;
        background-image: url('/anniversary/4th/img/festival/img-festokuten2-2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 0 0 6px 8px; }
    #festival .tokuten-imglist .imglist-txt {
      margin: 0 auto;
      color: #fff;
      font-size: 16px;
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      text-shadow: 1px 1px 0px #000,2px 1px 0px #000,2px 2px 0px #000; }
  #festival .tokuten-txt {
    width: 460.9091px;
    height: 70px;
    background-image: url('/anniversary/4th/img/festival/txt-tokutenpresent.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 35px auto;
    text-align: center; }
  #festival .ticket {
    position: relative;
    margin: 40px auto 100px;
    text-align: center; }
  #festival .ticket-txt {
    width: 705px;
    height: 302px;
    background-image: url('/anniversary/4th/img/festival/txt-ticketcheck.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    margin: 40px auto;
    opacity: 0; }
    #festival .ticket-txt[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards, guwanguwan 4s ease-out 1s infinite;
              animation: scaleIn 0.3s ease-out 0.5s forwards, guwanguwan 4s ease-out 1s infinite; }
  #festival .ticket-link {
    width: 441px;
    height: 134px;
    background-image: url('/anniversary/4th/img/common/btn-ticket.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: relative;
    display: block;
    margin: 0 auto;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #festival .ticket-link:hover {
      -webkit-filter: contrast(2);
              filter: contrast(2);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
  #festival .bottomarea {
    background: rgba(0, 0, 0, 0.8);
    width: 100%; }

.navimenu {
  display: block;
  width: 100%;
  height: 140px;
  background-image: url('/anniversary/4th/img/festival/bg-nav-festival.png');
  background-repeat: repeat-x;
  background-position: top center;
  position: fixed;
  z-index: 3;
  bottom: -28px;
  left: 0%;
  width: 100%; }
  .navimenu:before {
    display: block;
    width: 100%;
    height: 18px;
    background-image: url('/anniversary/4th/img/festival/nav-chain.png');
    background-repeat: repeat-x;
    background-position: top center;
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0; }

.navimenu-container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 600px;
  margin: 0 auto; }
  .navimenu-container:before {
    width: 245px;
    height: 68.3333px;
    background-image: url('/anniversary/4th/img/festival/nav-multiline.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    content: '';
    position: absolute;
    top: 13px;
    left: -243px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .navimenu-container:after {
    width: 245px;
    height: 68.3333px;
    background-image: url('/anniversary/4th/img/festival/nav-multiline.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    content: '';
    position: absolute;
    top: 13px;
    right: -248px; }

.navimenu-item {
  position: relative;
  width: 100px;
  height: 100%;
  color: #fff;
  text-align: center; }
  .navimenu-item a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .navimenu-item::before {
    width: 8.3333px;
    height: 65.8333px;
    background-image: url('/anniversary/4th/img/festival/nav-singleline.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    content: '';
    position: absolute;
    top: 13px;
    left: -4px; }
  .navimenu-item:nth-of-type(1)::before {
    content: '';
    background: none; }
  .navimenu-item:nth-of-type(1) a {
    position: relative;
    margin: -10px auto 0;
    display: block; }
    .navimenu-item:nth-of-type(1) a .item--icon {
      width: 63.3333px;
      height: 95px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-meat.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      top: -4px;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(1) a .item--txt {
      width: 54.1667px;
      height: 28.3333px;
      background-image: url('/anniversary/4th/img/festival/txt-navicon-info.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .navimenu-item:nth-of-type(2) a {
    position: relative;
    margin: -11px auto 0;
    display: block; }
    .navimenu-item:nth-of-type(2) a .item--icon1 {
      width: 65.3846px;
      height: 80px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-performerleft.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      top: 5px;
      left: -2px;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(2) a .item--icon2 {
      width: 59.2308px;
      height: 78.4615px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-performerright.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      top: 5px;
      right: -2px;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(2) a .item--txt {
      width: 73.3333px;
      height: 29.1667px;
      background-image: url('/anniversary/4th/img/festival/txt-navicon-performer.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      top: 67px;
      margin: 0 auto; }
  .navimenu-item:nth-of-type(3) a {
    position: relative;
    margin: -7px auto 0;
    display: block; }
    .navimenu-item:nth-of-type(3) a .item--icon {
      width: 85px;
      height: 90.8333px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-watch.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(3) a .item--txt {
      width: 91.6667px;
      height: 29.1667px;
      background-image: url('/anniversary/4th/img/festival/txt-navicon-program.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .navimenu-item:nth-of-type(4) a {
    position: relative;
    margin: 7px auto 0;
    display: block; }
    .navimenu-item:nth-of-type(4) a .item--icon {
      width: 76.6667px;
      height: 46.6667px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-showroom.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      top: 3px;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(4) a .item--txt {
      width: 51.6667px;
      height: 28.3333px;
      background-image: url('/anniversary/4th/img/festival/txt-navicon-showroom.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: -30px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .navimenu-item:nth-of-type(5) a {
    position: relative;
    margin: 7px auto 0;
    display: block; }
    .navimenu-item:nth-of-type(5) a .item--icon {
      width: 68.4615px;
      height: 60.7692px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-campaign.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      top: -18px;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(5) a .item--txt {
      width: 87.5px;
      height: 52.5px;
      background-image: url('/anniversary/4th/img/festival/txt-navicon-campaign.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: -17px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .navimenu-item:nth-of-type(6) a {
    position: relative;
    margin: 7px auto 0;
    display: block; }
    .navimenu-item:nth-of-type(6) a .item--icon {
      width: 81.6667px;
      height: 54.1667px;
      background-image: url('/anniversary/4th/img/festival/img-navicon-tokuten.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      top: -9px;
      margin: 0 auto; }
    .navimenu-item:nth-of-type(6) a .item--txt {
      width: 88.3333px;
      height: 29.1667px;
      background-image: url('/anniversary/4th/img/festival/txt-navicon-tokuten.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: absolute;
      bottom: -22px;
      left: 0;
      right: 0;
      margin: 0 auto; }

#event {
  position: relative; }
  #event[data-anime='true'] .kv-suguru {
    -webkit-animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.7s forwards;
            animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.7s forwards; }
  #event[data-anime='true'] .kv-ttl {
    -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 3s ease-in 2s infinite;
            animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 3s ease-in 2s infinite; }
  #event .kv {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px; }
  #event .kv-suguru {
    width: 746.6667px;
    height: 1042.2222px;
    background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0; }
  #event .kv-ttl {
    width: 650px;
    height: 159px;
    background-image: url('/anniversary/4th/img/event/ttl-campaign.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto;
    position: absolute;
    bottom: -67px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  #event .kv-applogo {
    width: 174.1667px;
    height: 110.8333px;
    background-image: url('/anniversary/4th/img/common/logo-ms.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 6px;
    left: 14px;
    display: block; }
  #event .campaign1 {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 100px auto 60px; }
    #event .campaign1:before, #event .campaign1:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #event .campaign1:before {
      top: -12px; }
    #event .campaign1:after {
      bottom: -5px; }
  #event .campaign1-content {
    width: 700px;
    margin: 20px auto 0px;
    text-align: center; }
  #event .campaign1-subttl {
    width: 235.4545px;
    height: 58.1818px;
    background-image: url('/anniversary/4th/img/event/subttl-campaign-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto; }
  #event .campaign1-cacth {
    width: 506.3636px;
    height: 128.1818px;
    background-image: url('/anniversary/4th/img/event/cacth-campaign-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
    #event .campaign1-cacth[data-anime="true"] {
      -webkit-animation: scaleUp 0.2s ease-out .5s forwards;
              animation: scaleUp 0.2s ease-out .5s forwards; }
  #event .campaign1-ttl {
    width: 561.8182px;
    height: 152.7273px;
    background-image: url('/anniversary/4th/img/event/ttl-campaign-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
    #event .campaign1-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s ease-out .6s forwards;
              animation: scaleIn 0.2s ease-out .6s forwards; }
  #event .campaign1-detail {
    opacity: 0; }
    #event .campaign1-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #event .campaign1-eventbanner {
    width: 622.2222px;
    height: 371.1111px;
    background-image: url('/anniversary/4th/img/event/banner-campaign1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 25px auto; }
  #event .campaign1-term {
    display: flex;
    justify-content: center;
    margin: 10px auto;
    width: 450px; }
    #event .campaign1-term--bacth {
      width: 59.1667px;
      height: 32.5px;
      background-image: url('/anniversary/4th/img/common/bacth-term.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      margin-right: 15px;
      margin-top: 15px; }
      #event .campaign1-term--bacth::before {
        width: 46.6667px;
        height: 49.1667px;
        background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        top: -8px;
        left: -50px; }
    #event .campaign1-term--content {
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 20px;
      text-align: left; }
    #event .campaign1-term--content {
      text-align: left;
      line-height: 1.2;
      margin-top: 5px; }
      #event .campaign1-term--content .content-small {
        font-size: 16px; }
  #event .campaign1-txt {
    margin: 20px auto;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif";
    font-size: 20px; }
  #event .campaign1-link {
    width: 251.6667px;
    height: 78.3333px;
    background-image: url('/anniversary/4th/img/common/btn-detail.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    display: block;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out;
    cursor: pointer;
    margin: 35px auto 0; }
    #event .campaign1-link:hover {
      -webkit-filter: contrast(2);
              filter: contrast(2);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #event .campaign1-link--disabled {
      width: 252px;
      height: 78px;
      background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 35px auto 0;
      cursor: auto; }
      #event .campaign1-link--disabled:hover {
        -webkit-filter: none;
                filter: none; }
  #event .campaign2 {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 100px auto 60px; }
    #event .campaign2:before, #event .campaign2:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #event .campaign2:before {
      top: -12px; }
    #event .campaign2:after {
      bottom: -5px; }
  #event .campaign2-content {
    width: 700px;
    margin: 20px auto 0px;
    text-align: center; }
  #event .campaign2-subttl {
    width: 242.7273px;
    height: 58.1818px;
    background-image: url('/anniversary/4th/img/event/subttl-campaign-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto; }
  #event .campaign2-ttl {
    width: 363.6364px;
    height: 110.9091px;
    background-image: url('/anniversary/4th/img/event/ttl-campaign-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 10px auto;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
    #event .campaign2-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s ease-out .5s forwards;
              animation: scaleIn 0.2s ease-out .5s forwards; }
  #event .campaign2-detail {
    opacity: 0; }
    #event .campaign2-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #event .campaign2-eventbanner {
    margin: 25px auto 0; }
    #event .campaign2-eventbanner[data-img="campaignoshiete"] {
      width: 497.2727px;
      height: 210.9091px;
      background-image: url('/anniversary/4th/img/event/banner-oshiete.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #event .campaign2-eventbanner[data-img="campaignmozaiku"] {
      width: 497.2727px;
      height: 210.9091px;
      background-image: url('/anniversary/4th/img/event/banner-mozaikuart.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #event .campaign2-term {
    display: flex;
    justify-content: center;
    margin: 10px auto;
    width: 450px;
    margin: 25px auto; }
    #event .campaign2-term--bacth {
      width: 59.1667px;
      height: 32.5px;
      background-image: url('/anniversary/4th/img/common/bacth-term.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      margin-right: 15px;
      margin-top: 15px; }
      #event .campaign2-term--bacth::before {
        width: 46.6667px;
        height: 49.1667px;
        background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        top: -8px;
        left: -50px; }
    #event .campaign2-term--content {
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 20px;
      text-align: left; }
  #event .campaign2-txt {
    margin: 25px auto;
    font-size: 20px;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif";
    color: #fff; }
  #event .campaign2-link {
    width: 201.3333px;
    height: 62.6667px;
    background-image: url('/anniversary/4th/img/common/btn-detail.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    display: block;
    margin: 0 auto 50px; }
  #event .twitter {
    display: block;
    width: 100%;
    height: 401.5385px;
    background-image: url('/anniversary/4th/img/event/bg-blueslash.png');
    background-repeat: repeat-x;
    background-position: top center;
    width: 100%;
    position: relative;
    margin: 70px auto 55px;
    padding: 30px 0 60px; }
    #event .twitter::after {
      content: '';
      position: absolute;
      top: -80px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 85px;
      background: linear-gradient(rgba(0, 0, 12, 0) 0%, #00000c 100%); }
  #event .twitter-content {
    width: 700px;
    margin: 0 auto;
    text-align: center; }
  #event .twitter-ttl {
    width: 323.6364px;
    height: 56.3636px;
    background-image: url('/anniversary/4th/img/event/ttl-twitter.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 20px auto 40px;
    opacity: 0; }
    #event .twitter-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards;
              animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards; }
  #event .twitter-detail {
    opacity: 0; }
    #event .twitter-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #event .twitter-subttl {
    margin: 20px auto;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    font-size: 30px; }
  #event .twitter-txt {
    margin: 20px auto;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    font-size: 21px; }
  #event .twitter-link {
    width: 400.9091px;
    height: 103.6364px;
    background-image: url('/anniversary/4th/img/event/btn-twitterfollow.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    display: block;
    margin: 20px auto;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out;
    cursor: pointer; }
    #event .twitter-link:hover {
      -webkit-filter: contrast(2);
              filter: contrast(2);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
  #event .bottomarea {
    background: rgba(0, 0, 0, 0.8);
    width: 100%; }

#ingame {
  position: relative; }
  #ingame[data-anime='true'] .kv-suguru {
    -webkit-animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.7s forwards;
            animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.7s forwards; }
  #ingame[data-anime='true'] .kv-ttl {
    -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 3s ease-in 2s infinite;
            animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 3s ease-in 2s infinite; }
  #ingame .kv {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px; }
  #ingame .kv-suguru {
    width: 746.6667px;
    height: 1042.2222px;
    background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0; }
  #ingame .kv-ttl {
    width: 650px;
    height: 159px;
    background-image: url('/anniversary/4th/img/ingame/ttl-ingame.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto;
    position: absolute;
    bottom: -67px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  #ingame .kv-applogo {
    width: 174.1667px;
    height: 110.8333px;
    background-image: url('/anniversary/4th/img/common/logo-ms.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 6px;
    left: 14px;
    display: block; }
  #ingame .bonus {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 100px auto 60px; }
    #ingame .bonus:before, #ingame .bonus:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #ingame .bonus:before {
      top: -12px; }
    #ingame .bonus:after {
      bottom: -5px; }
  #ingame .bonus-content {
    width: 700px;
    margin: 100px auto 0px;
    text-align: center;
    opacity: 0; }
    #ingame .bonus-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #ingame .bounus-eventbanner {
    position: relative;
    margin: 10px auto; }
    #ingame .bounus-eventbanner[data-batch="pre"]:after {
      width: 157.5px;
      height: 77.5px;
      background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -27px; }
    #ingame .bounus-eventbanner[data-batch="main"]:after {
      width: 135.8333px;
      height: 75px;
      background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -27px; }
    #ingame .bounus-eventbanner[data-img="bonus1"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-bonus1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventbanner[data-img="bonus2"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-bonus2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventbanner[data-img="maingachya"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-maingachya.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventbanner[data-img="maingachya2"] {
      width: 509.0909px;
      height: 303.6364px;
      background-image: url('/anniversary/4th/img/ingame/banner-maingachya2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventbanner[data-img="bingo"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-bingo.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventbanner[data-img="mainlogbo"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-mainlogbo.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .bounus-eventinfo {
    width: 700px;
    margin: 15px auto; }
    #ingame .bounus-eventinfo .info-ttl {
      margin: 20px auto;
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 24px; }
    #ingame .bounus-eventinfo .info-term {
      display: flex;
      justify-content: center;
      margin: 10px auto;
      width: 450px; }
      #ingame .bounus-eventinfo .info-term--bacth {
        width: 59.1667px;
        height: 32.5px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: relative;
        margin-right: 15px;
        margin-top: 15px; }
        #ingame .bounus-eventinfo .info-term--bacth::before {
          width: 46.6667px;
          height: 49.1667px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          content: '';
          position: absolute;
          top: -8px;
          left: -50px; }
      #ingame .bounus-eventinfo .info-term--content {
        font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
        font-size: 20px;
        text-align: left; }
    #ingame .bounus-eventinfo .info-link {
      width: 251.6667px;
      height: 78.3333px;
      background-image: url('/anniversary/4th/img/common/btn-detail.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      display: block;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out;
      cursor: pointer;
      margin: 35px auto 0; }
      #ingame .bounus-eventinfo .info-link:hover {
        -webkit-filter: contrast(2);
                filter: contrast(2);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #ingame .bounus-eventinfo .info-link--disabled {
        width: 252px;
        height: 78px;
        background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 35px auto 0;
        cursor: auto; }
        #ingame .bounus-eventinfo .info-link--disabled:hover {
          -webkit-filter: none;
                  filter: none; }
    #ingame .bounus-eventinfo .info-ttl[data-ttl='bonus1'] {
      width: 307.5px;
      height: 55px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-bonus1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventinfo .info-ttl[data-ttl='bonus2'] {
      width: 458.3333px;
      height: 55.8333px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-bonus2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventinfo .info-ttl[data-ttl='maingachya'] {
      width: 309.1667px;
      height: 85.8333px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-maingacha.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventinfo .info-ttl[data-ttl='maingachya2'] {
      width: 355.8333px;
      height: 55.8333px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-maingacha2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventinfo .info-ttl[data-ttl='bingo'] {
      width: 382.5px;
      height: 56.6667px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-mainbingo.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .bounus-eventinfo .info-ttl[data-ttl='mainlogbo'] {
      width: 410px;
      height: 85px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-mainlogbo.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .bounus-attention {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    font-family: "HiraKakuPro-W3", "Meiryo", "Droid Sans", "san-serif"; }
  #ingame .newevent {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 80px auto 60px; }
    #ingame .newevent:before, #ingame .newevent:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #ingame .newevent:before {
      top: -12px; }
    #ingame .newevent:after {
      bottom: -5px; }
  #ingame .newevent-ttl {
    width: 386.3636px;
    height: 56.3636px;
    background-image: url('/anniversary/4th/img/ingame/ttl-newevent.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 65px auto;
    opacity: 0; }
    #ingame .newevent-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards;
              animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards; }
  #ingame .newevent-content {
    width: 700px;
    margin: 70px auto 0px;
    text-align: center;
    opacity: 0; }
    #ingame .newevent-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #ingame .newevent-eventbanner {
    position: relative;
    margin: 10px auto; }
    #ingame .newevent-eventbanner[data-batch="pre"]:after {
      width: 157.5px;
      height: 77.5px;
      background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -27px; }
    #ingame .newevent-eventbanner[data-batch="main"]:after {
      width: 135.8333px;
      height: 75px;
      background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -27px; }
    #ingame .newevent-eventbanner[data-img="new1"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-new1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .newevent-eventinfo {
    width: 700px;
    margin: 15px auto; }
    #ingame .newevent-eventinfo .info-ttl {
      margin: 20px auto;
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 24px; }
    #ingame .newevent-eventinfo .info-term {
      display: flex;
      justify-content: center;
      margin: 10px auto;
      width: 450px; }
      #ingame .newevent-eventinfo .info-term--bacth {
        width: 59.1667px;
        height: 32.5px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: relative;
        margin-right: 15px;
        margin-top: 15px; }
        #ingame .newevent-eventinfo .info-term--bacth::before {
          width: 46.6667px;
          height: 49.1667px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          content: '';
          position: absolute;
          top: -8px;
          left: -50px; }
      #ingame .newevent-eventinfo .info-term--content {
        font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
        font-size: 20px;
        text-align: left; }
    #ingame .newevent-eventinfo .info-link {
      width: 251.6667px;
      height: 78.3333px;
      background-image: url('/anniversary/4th/img/common/btn-detail.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      display: block;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out;
      cursor: pointer;
      margin: 35px auto 0; }
      #ingame .newevent-eventinfo .info-link:hover {
        -webkit-filter: contrast(2);
                filter: contrast(2);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #ingame .newevent-eventinfo .info-link--disabled {
        width: 252px;
        height: 78px;
        background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 35px auto 0;
        cursor: auto; }
        #ingame .newevent-eventinfo .info-link--disabled:hover {
          -webkit-filter: none;
                  filter: none; }
    #ingame .newevent-eventinfo .info-ttl[data-ttl='new1'] {
      width: 487px;
      height: 67px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-new1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .newevent-eventinfo .info-term--content {
      margin-top: 14px; }
  #ingame .revival {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 80px auto 60px; }
    #ingame .revival:before, #ingame .revival:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #ingame .revival:before {
      top: -12px; }
    #ingame .revival:after {
      bottom: -5px; }
  #ingame .revival-ttl {
    width: 444.5455px;
    height: 118.1818px;
    background-image: url('/anniversary/4th/img/ingame/ttl-sansyunen.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 65px auto;
    opacity: 0; }
    #ingame .revival-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards;
              animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards; }
  #ingame .revival-content {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    opacity: 0; }
    #ingame .revival-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #ingame .revival-eventbanner {
    position: relative;
    margin: 60px auto 30px; }
    #ingame .revival-eventbanner[data-batch="pre"]:after {
      width: 157.5px;
      height: 77.5px;
      background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -15px; }
    #ingame .revival-eventbanner[data-batch="main"]:after {
      width: 135.8333px;
      height: 75px;
      background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -15px; }
    #ingame .revival-eventbanner[data-img="revival1"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-revival1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .revival-eventbanner[data-img="revival3"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-revival3.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .revival-eventinfo {
    width: 700px;
    margin: 15px auto; }
    #ingame .revival-eventinfo .info-ttl {
      margin: 20px auto;
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 24px; }
    #ingame .revival-eventinfo .info-term {
      display: flex;
      justify-content: center;
      margin: 10px auto;
      width: 450px; }
      #ingame .revival-eventinfo .info-term--bacth {
        width: 59.1667px;
        height: 32.5px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: relative;
        margin-right: 15px;
        margin-top: 15px; }
        #ingame .revival-eventinfo .info-term--bacth::before {
          width: 46.6667px;
          height: 49.1667px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          content: '';
          position: absolute;
          top: -8px;
          left: -50px; }
      #ingame .revival-eventinfo .info-term--content {
        font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
        font-size: 20px;
        text-align: left; }
    #ingame .revival-eventinfo .info-link {
      width: 251.6667px;
      height: 78.3333px;
      background-image: url('/anniversary/4th/img/common/btn-detail.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      display: block;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out;
      cursor: pointer;
      margin: 35px auto 0; }
      #ingame .revival-eventinfo .info-link:hover {
        -webkit-filter: contrast(2);
                filter: contrast(2);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #ingame .revival-eventinfo .info-link--disabled {
        width: 252px;
        height: 78px;
        background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 35px auto 0;
        cursor: auto; }
        #ingame .revival-eventinfo .info-link--disabled:hover {
          -webkit-filter: none;
                  filter: none; }
    #ingame .revival-eventinfo .info-ttl[data-ttl='revival1'] {
      width: 377.2727px;
      height: 70px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-revival1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .revival-eventinfo .info-ttl[data-ttl='revival3'] {
      width: 441.8182px;
      height: 30px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-revival3.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .revival-term {
    display: flex;
    justify-content: center;
    margin: 10px auto;
    width: 450px;
    margin: 40px auto 10px; }
    #ingame .revival-term--bacth {
      width: 59.1667px;
      height: 32.5px;
      background-image: url('/anniversary/4th/img/common/bacth-term.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      position: relative;
      margin-right: 15px;
      margin-top: 15px; }
      #ingame .revival-term--bacth::before {
        width: 46.6667px;
        height: 49.1667px;
        background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        content: '';
        position: absolute;
        top: -8px;
        left: -50px; }
    #ingame .revival-term--content {
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 20px;
      text-align: left; }
  #ingame .revival-link {
    width: 251.6667px;
    height: 78.3333px;
    background-image: url('/anniversary/4th/img/common/btn-detail.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    display: block;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out;
    cursor: pointer;
    margin: 35px auto 0; }
    #ingame .revival-link:hover {
      -webkit-filter: contrast(2);
              filter: contrast(2);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #ingame .revival-link--disabled {
      width: 252px;
      height: 78px;
      background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 35px auto 0;
      cursor: auto; }
      #ingame .revival-link--disabled:hover {
        -webkit-filter: none;
                filter: none; }
  #ingame .evolution {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 0; }
    #ingame .evolution:before, #ingame .evolution:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #ingame .evolution:before {
      top: -12px; }
    #ingame .evolution:after {
      bottom: -5px; }
  #ingame .evolution-ttl {
    width: 168.1818px;
    height: 58.1818px;
    background-image: url('/anniversary/4th/img/ingame/ttl-kakusei.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 65px auto 50px;
    opacity: 0; }
    #ingame .evolution-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards;
              animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards; }
  #ingame .evolution-content {
    width: 700px;
    margin: 0 auto 70px;
    text-align: center;
    opacity: 0; }
    #ingame .evolution-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #ingame .evolution-eventbanner {
    position: relative;
    margin: 10px auto; }
    #ingame .evolution-eventbanner[data-batch="pre"]:after {
      width: 157.5px;
      height: 77.5px;
      background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -15px; }
    #ingame .evolution-eventbanner[data-batch="main"]:after {
      width: 135.8333px;
      height: 75px;
      background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -15px; }
    #ingame .evolution-eventbanner[data-img="kakusei1"] {
      width: 510px;
      height: 190px;
      background-image: url('/anniversary/4th/img/ingame/banner-kakusei1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #ingame .evolution-eventbanner[data-img="kakusei2"] {
      width: 510.9091px;
      height: 400.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-kakusei2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .evolution-eventinfo {
    width: 700px;
    margin: 15px auto; }
    #ingame .evolution-eventinfo .info-ttl {
      margin: 20px auto;
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 24px; }
    #ingame .evolution-eventinfo .info-term {
      display: flex;
      justify-content: center;
      margin: 10px auto;
      width: 450px; }
      #ingame .evolution-eventinfo .info-term--bacth {
        width: 59.1667px;
        height: 32.5px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: relative;
        margin-right: 15px;
        margin-top: 15px; }
        #ingame .evolution-eventinfo .info-term--bacth::before {
          width: 46.6667px;
          height: 49.1667px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          content: '';
          position: absolute;
          top: -8px;
          left: -50px; }
      #ingame .evolution-eventinfo .info-term--content {
        font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
        font-size: 20px;
        text-align: left; }
    #ingame .evolution-eventinfo .info-link {
      width: 251.6667px;
      height: 78.3333px;
      background-image: url('/anniversary/4th/img/common/btn-detail.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      display: block;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out;
      cursor: pointer;
      margin: 35px auto 0; }
      #ingame .evolution-eventinfo .info-link:hover {
        -webkit-filter: contrast(2);
                filter: contrast(2);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #ingame .evolution-eventinfo .info-link--disabled {
        width: 252px;
        height: 78px;
        background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 35px auto 0;
        cursor: auto; }
        #ingame .evolution-eventinfo .info-link--disabled:hover {
          -webkit-filter: none;
                  filter: none; }
    #ingame .evolution-eventinfo .info-ttl[data-ttl="kakusei1"] {
      width: 270px;
      height: 60.9091px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-kakusei1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 30px auto; }
    #ingame .evolution-eventinfo .info-ttl[data-ttl="kakusei2"] {
      width: 390px;
      height: 29.0909px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-kakusei2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 30px auto; }
    #ingame .evolution-eventinfo .info-term--bacth {
      margin-top: 0; }
  #ingame .correction {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 80px auto 60px; }
    #ingame .correction:before, #ingame .correction:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #ingame .correction:before {
      top: -12px; }
    #ingame .correction:after {
      bottom: -5px; }
  #ingame .correction-ttl {
    width: 222.7273px;
    height: 58.1818px;
    background-image: url('/anniversary/4th/img/ingame/ttl-syuusei.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 65px auto 50px;
    opacity: 0; }
    #ingame .correction-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards;
              animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.4s forwards; }
  #ingame .correction-content {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    opacity: 0; }
    #ingame .correction-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #ingame .correction-eventbanner {
    position: relative;
    margin: 10px auto; }
    #ingame .correction-eventbanner:after {
      width: 135.8333px;
      height: 75px;
      background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      content: '';
      position: absolute;
      top: -30px;
      left: -15px; }
    #ingame .correction-eventbanner[data-img="soldier"] {
      width: 509.0909px;
      height: 230.9091px;
      background-image: url('/anniversary/4th/img/ingame/banner-soldier.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #ingame .correction-eventinfo {
    width: 700px;
    margin: 15px auto; }
    #ingame .correction-eventinfo .info-ttl {
      margin: 20px auto;
      font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
      font-size: 24px; }
    #ingame .correction-eventinfo .info-term {
      display: flex;
      justify-content: center;
      margin: 10px auto;
      width: 450px; }
      #ingame .correction-eventinfo .info-term--bacth {
        width: 59.1667px;
        height: 32.5px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        position: relative;
        margin-right: 15px;
        margin-top: 15px; }
        #ingame .correction-eventinfo .info-term--bacth::before {
          width: 46.6667px;
          height: 49.1667px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          content: '';
          position: absolute;
          top: -8px;
          left: -50px; }
      #ingame .correction-eventinfo .info-term--content {
        font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
        font-size: 20px;
        text-align: left; }
    #ingame .correction-eventinfo .info-link {
      width: 251.6667px;
      height: 78.3333px;
      background-image: url('/anniversary/4th/img/common/btn-detail.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      display: block;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out;
      cursor: pointer;
      margin: 35px auto 0; }
      #ingame .correction-eventinfo .info-link:hover {
        -webkit-filter: contrast(2);
                filter: contrast(2);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      #ingame .correction-eventinfo .info-link--disabled {
        width: 252px;
        height: 78px;
        background-image: url('/anniversary/4th/img/common/btn-detail-disable.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 35px auto 0;
        cursor: auto; }
        #ingame .correction-eventinfo .info-link--disabled:hover {
          -webkit-filter: none;
                  filter: none; }
    #ingame .correction-eventinfo .info-ttl[data-ttl="soldier"] {
      width: 438.1818px;
      height: 28.1818px;
      background-image: url('/anniversary/4th/img/ingame/ttl-ingame-soldier.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      margin: 30px auto; }
    #ingame .correction-eventinfo .info-term--bacth {
      margin-top: 0; }
  #ingame .bottomarea {
    background: rgba(0, 0, 0, 0.8);
    width: 100%; }

#special {
  position: relative; }
  #special[data-anime='true'] .kv-suguru {
    -webkit-animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.7s forwards;
            animation: scaleUp 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.7s forwards; }
  #special[data-anime='true'] .kv-ttl {
    -webkit-animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 3s ease-in 2s infinite;
            animation: scaleIn 0.2s cubic-bezier(0, 0.82, 1, 1.12) 0.9s forwards, bright 3s ease-in 2s infinite; }
  #special .kv {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px; }
  #special .kv-suguru {
    width: 746.6667px;
    height: 1042.2222px;
    background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0; }
  #special .kv-ttl {
    width: 650px;
    height: 159px;
    background-image: url('/anniversary/4th/img/special/ttl-special.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 0 auto;
    position: absolute;
    bottom: -67px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  #special .kv-applogo {
    width: 174.1667px;
    height: 110.8333px;
    background-image: url('/anniversary/4th/img/common/logo-ms.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    top: 6px;
    left: 14px;
    display: block; }
  #special .links {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 100px auto 60px; }
    #special .links:before, #special .links:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #special .links:before {
      top: -12px; }
    #special .links:after {
      bottom: -5px; }
  #special .links-content {
    width: 700px;
    margin: 70px auto 0px;
    text-align: center;
    opacity: 0; }
    #special .links-content[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #special .links-banner {
    display: block;
    margin: 0 auto;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #special .links-banner:hover {
      -webkit-filter: brightness(1.15);
              filter: brightness(1.15);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    #special .links-banner[data-img="speciallink1"] {
      width: 497.2727px;
      height: 165.4545px;
      background-image: url('/anniversary/4th/img/special/banner-youtube.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #special .links-banner[data-img="speciallink2"] {
      width: 497.2727px;
      height: 165.4545px;
      background-image: url('/anniversary/4th/img/special/banner-showroom.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #special .links-ttl {
    margin: 20px auto;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    font-size: 28px; }
    #special .links-ttl[data-ttl='speciallink1'] {
      width: 360px;
      height: 30px;
      background-image: url('/anniversary/4th/img/special/ttl-youtube.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #special .links-ttl[data-ttl='speciallink2'] {
      width: 371px;
      height: 31px;
      background-image: url('/anniversary/4th/img/special/ttl-showroom.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #special .movie {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 70px;
    background: rgba(0, 0, 0, 0.7);
    margin: 60px auto;
    text-align: center; }
    #special .movie:before, #special .movie:after {
      display: block;
      width: 100%;
      height: 15px;
      background-image: url('/anniversary/4th/img/top/img-chain.png');
      background-repeat: repeat-x;
      background-position: top center;
      content: '';
      height: 18px;
      display: block;
      position: absolute; }
    #special .movie:before {
      top: -12px; }
    #special .movie:after {
      bottom: -5px; }
  #special .movie-ttl {
    width: 512.7273px;
    height: 50.9091px;
    background-image: url('/anniversary/4th/img/special/ttl-specialmovie.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 65px auto;
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
    #special .movie-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.2s ease-out .5s forwards;
              animation: scaleIn 0.2s ease-out .5s forwards; }
  #special .movie-detail {
    opacity: 0; }
    #special .movie-detail[data-anime="true"] {
      -webkit-animation: fadeIn 0.5s ease-out 0.4s forwards;
              animation: fadeIn 0.5s ease-out 0.4s forwards; }
  #special .movie-content {
    position: relative;
    width: 600px;
    height: 350px;
    margin: 20px auto 40px; }
    #special .movie-content .item-player {
      margin: 10px auto; }
  #special .movie-subttl {
    margin: 20px auto 40px;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    font-size: 28px; }
    #special .movie-subttl[data-ttl='movie1'] {
      width: 497px;
      height: 33px;
      background-image: url('/anniversary/4th/img/special/ttl-movie1.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #special .movie-subttl[data-ttl='movie2'] {
      width: 623px;
      height: 31px;
      background-image: url('/anniversary/4th/img/special/ttl-movie2.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #special .movie-subttl[data-ttl='movie3'] {
      width: 143px;
      height: 31px;
      background-image: url('/anniversary/4th/img/special/ttl-movie3.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    #special .movie-subttl[data-ttl='movie4'] {
      width: 639px;
      height: 32px;
      background-image: url('/anniversary/4th/img/special/ttl-movie4.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
  #special .bottomarea {
    background: rgba(0, 0, 0, 0.8);
    width: 100%; }

.menucontent {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-out; }
  .menucontent[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .3s ease-out; }

.menucontent-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 474px;
  height: 452px;
  -webkit-transform: translate3d(0, -200%, 0);
          transform: translate3d(0, -200%, 0); }
  .menucontent-main[data-open="true"] {
    -webkit-animation: bounceInDown 0.5s cubic-bezier(0, 0.82, 1, 1.12) 0.2s forwards;
            animation: bounceInDown 0.5s cubic-bezier(0, 0.82, 1, 1.12) 0.2s forwards; }

.menucontent-chainleft {
  width: 12.5px;
  height: 1161.6667px;
  background-image: url('/anniversary/4th/img/menu/img-menuchain.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  position: absolute;
  bottom: -35px;
  left: 75px;
  margin: 0 auto; }

.menucontent-chainright {
  width: 12.5px;
  height: 1161.6667px;
  background-image: url('/anniversary/4th/img/menu/img-menuchain.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  position: absolute;
  bottom: -35px;
  right: 75px;
  margin: 0 auto; }

.menucontent-list {
  position: relative; }
  .menucontent-list__item {
    text-align: center;
    margin: 25px auto; }
    .menucontent-list__item a {
      color: #fff;
      display: block;
      margin: 0 auto;
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      .menucontent-list__item a:hover {
        -webkit-filter: contrast(3);
                filter: contrast(3);
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    .menucontent-list__item:nth-of-type(1) a {
      width: 339.2308px;
      height: 103.0769px;
      background-image: url('/anniversary/4th/img/menu/btn-menu-top.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .menucontent-list__item:nth-of-type(2) a {
      width: 339.2308px;
      height: 103.0769px;
      background-image: url('/anniversary/4th/img/menu/btn-menu-festival.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .menucontent-list__item:nth-of-type(3) a {
      width: 343.4426px;
      height: 104.918px;
      background-image: url('/anniversary/4th/img/menu/btn-menu-event.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .menucontent-list__item:nth-of-type(4) a {
      width: 343.4426px;
      height: 104.918px;
      background-image: url('/anniversary/4th/img/menu/btn-menu-ingame.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .menucontent-list__item:nth-of-type(5) a {
      width: 343.4426px;
      height: 104.918px;
      background-image: url('/anniversary/4th/img/menu/btn-menu-special.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }

.header {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%; }
  .header[data-anime='true'] .header-menu {
    -webkit-animation: bounceInRight 0.2s ease-out 1.85s forwards;
            animation: bounceInRight 0.2s ease-out 1.85s forwards; }

.header-menu {
  width: 97px;
  height: 97px;
  background-image: url('/anniversary/4th/img/menu/btn-menu-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  position: absolute;
  top: 12px;
  right: 5px;
  display: inline-block;
  -webkit-transform: translate3d(1000px, 0, 0);
          transform: translate3d(1000px, 0, 0);
  transition: -webkit-filter .3s ease-out;
  transition: filter .3s ease-out;
  transition: filter .3s ease-out, -webkit-filter .3s ease-out;
  cursor: pointer; }
  .header-menu:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15);
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
  .header-menu.no-animation {
    -webkit-transform: none;
            transform: none;
    -webkit-animation: none;
            animation: none; }
  .header-menu span {
    position: absolute;
    right: 34px;
    height: 6px;
    width: 32px;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease-out; }
    .header-menu span:nth-child(1) {
      background: #000;
      top: 29px; }
    .header-menu span:nth-child(2) {
      background: #000;
      top: 39px; }
    .header-menu span:nth-child(3) {
      background: #000;
      top: 49px; }
    .header-menu span:nth-child(4) {
      display: block;
      width: 77px;
      height: 23.5px;
      background-image: url('/anniversary/4th/img/menu/txt-menubtn.png');
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: top center;
      color: transparent;
      top: 64px;
      right: 11px; }
  .header-menu[data-open="true"] span:nth-child(1) {
    top: 40px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    transition: all 0.3s ease-out; }
  .header-menu[data-open="true"] span:nth-child(2) {
    width: 0px;
    transition: all 0.3s ease-out; }
  .header-menu[data-open="true"] span:nth-child(3) {
    top: 40px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    transition: all 0.3s ease-out; }
  .header-menu[data-open="true"] span:nth-child(4) {
    background-position: top -25px center;
    transition: background-position 0.3s ease-out; }

.footer {
  width: 100%;
  margin: 20px auto 0; }

.footer-chara {
  width: 1020.7692px;
  height: 429.2308px;
  background-image: url('/anniversary/4th/img/common/bg-footerfire-top.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  position: relative;
  bottom: 200px;
  margin: 0 auto;
  opacity: 0; }
  .footer-chara[data-anime="true"] {
    -webkit-animation: fadeIn 0.6s ease-in 0.6s forwards;
            animation: fadeIn 0.6s ease-in 0.6s forwards; }
  .footer-chara:after {
    width: 536.9231px;
    height: 418.4615px;
    background-image: url('/anniversary/4th/img/common/img-allstar.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    content: '';
    position: absolute;
    top: 156px;
    left: 0;
    right: 0;
    margin: auto; }

.footer-logo {
  display: block;
  width: 100%;
  height: 189px;
  background-image: url('/anniversary/4th/img/common/bg-footer-blue.jpg');
  background-repeat: repeat-x;
  background-position: top center;
  position: relative;
  color: #fff;
  text-align: center;
  margin-top: -260px; }
  .footer-logo:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 151px;
    height: 63px;
    background-image: url('/anniversary/4th/img/common/logo-dena.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent; }

.footer-rights {
  display: block;
  width: 100%;
  height: 106px;
  background-image: url('/anniversary/4th/img/common/bg-footer-red.jpg');
  background-repeat: repeat-x;
  background-position: top center;
  position: relative;
  color: #fff;
  text-align: center; }
  .footer-rights.is-festival {
    margin-bottom: 88px; }

.rights-copyrights {
  padding-top: 20px;
  text-shadow: 1px -1px 0 black; }

.rights-policies {
  display: flex;
  justify-content: center;
  width: 700px;
  height: 20px;
  text-align: center;
  margin: 11px auto 0; }
  .rights-policies--item {
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer; }
    .rights-policies--item:nth-child(2) {
      border-right: 1px dotted #e6e4e4;
      border-left: 1px dotted #e6e4e4; }
    .rights-policies--item a {
      text-align: center;
      text-shadow: 1px -1px 0 black;
      color: gold;
      display: block;
      width: 100%;
      height: 20px; }

.footer-modaloverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
  z-index: 10000; }
  .footer-modaloverlay[data-show='true'] {
    display: block;
    opacity: 0.4; }

.footer-modal {
  position: fixed;
  left: 50%;
  top: 0px;
  display: none;
  width: 90%;
  max-width: 900px;
  height: 80%;
  color: #fff;
  background: none repeat scroll 0 0 #000;
  overflow: auto;
  padding: 0;
  margin-top: 50px;
  border-radius: 10px;
  z-index: 11000;
  margin-left: -448px;
  opacity: 0; }
  .footer-modal[data-show='true'] {
    display: block;
    opacity: 1; }
  .footer-modal .modal_pad {
    margin: 10%; }
  .footer-modal .modal_close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url('/anniversary/4th/img/common/close.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2; }
  .footer-modal .terms_title {
    font-size: 22px;
    margin: 20px; }

.game {
  position: relative;
  width: 100%;
  margin: 0px auto 60px;
  padding: 20px 0; }
  .game .game-bgling {
    width: 1177px;
    height: 667px;
    background-image: url('/anniversary/4th/img/common/bg-ling.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -97px;
    margin: 0 auto;
    opacity: 0; }
    .game .game-bgling[data-anime="true"] {
      -webkit-animation: fadeIn .6s ease-out 0.5s forwards;
              animation: fadeIn .6s ease-out 0.5s forwards; }
  .game .game-slash {
    display: block;
    width: 100%;
    height: 744.6154px;
    background-image: url('/anniversary/4th/img/common/bg-redslash.png');
    background-repeat: repeat-x;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%; }
    .game .game-slash::after {
      content: '';
      position: absolute;
      top: -80px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 85px;
      background: linear-gradient(rgba(0, 0, 12, 0) 0%, #00000c 100%); }
  .game .game-about {
    position: relative;
    width: 60%;
    margin: 10px auto;
    padding-top: 50px;
    text-align: center; }
  .game .about-ttl {
    width: 372px;
    height: 92px;
    background-image: url('/anniversary/4th/img/common/ttl_aboutapp.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 10px auto;
    text-align: center;
    opacity: 0; }
    .game .about-ttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  .game .about-subttl {
    width: 438.3333px;
    height: 29.1667px;
    background-image: url('/anniversary/4th/img/common/subttl-aboutapp.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 10px auto;
    text-align: center;
    opacity: 0; }
    .game .about-subttl[data-anime="true"] {
      -webkit-animation: scaleIn 0.3s ease-out 0.5s forwards;
              animation: scaleIn 0.3s ease-out 0.5s forwards; }
  .game .about-icon {
    width: 180px;
    height: 180px;
    background-image: url('/anniversary/4th/img/common/icon-app.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    margin: 10px auto; }
  .game .about-explain {
    margin: 25px auto;
    font-family: "HiraKakuPro-W6", "Meiryo", "Droid Sans", "san-serif";
    font-size: 16px;
    line-height: 2;
    color: #fff; }
  .game .about-app {
    width: 80%;
    margin: 30px auto; }
  .game .app-links {
    margin: 0 auto;
    width: 50%;
    display: flex;
    justify-content: center; }
    .game .app-links__item {
      display: block;
      text-align: center;
      margin: auto 10px; }
      .game .app-links__item--ios {
        width: 204.1667px;
        height: 62.5px;
        background-image: url('/anniversary/4th/img/common/btn-iosdw.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        display: block; }
      .game .app-links__item--andoroid {
        width: 203.3333px;
        height: 62.5px;
        background-image: url('/anniversary/4th/img/common/btn-googledw.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        display: block; }
  .game .game-link {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 120px; }
  .game .link-list {
    width: 100%;
    margin: 0 auto; }
    .game .link-list__item {
      display: block;
      margin: 25px auto;
      text-align: center; }
      .game .link-list__item a {
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
        .game .link-list__item a:hover {
          -webkit-filter: contrast(2);
                  filter: contrast(2);
          transition: -webkit-filter .3s ease-out;
          transition: filter .3s ease-out;
          transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
      .game .link-list__item--wiki {
        width: 475px;
        height: 90px;
        background-image: url('/anniversary/4th/img/common/bnr-official-wiki.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        display: block;
        margin: 0 auto;
        text-align: center; }
      .game .link-list__item--line {
        width: 475px;
        height: 89.1667px;
        background-image: url('/anniversary/4th/img/common/bnr-official-line.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        display: block;
        margin: 0 auto;
        text-align: center; }
      .game .link-list__item--tw {
        width: 475px;
        height: 89.1667px;
        background-image: url('/anniversary/4th/img/common/bnr-official-twitter.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        display: block;
        margin: 0 auto;
        text-align: center; }
      .game .link-list__item--top {
        width: 417.5px;
        height: 111.6667px;
        background-image: url('/anniversary/4th/img/common/btn-totop.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        display: block;
        margin: 0 auto;
        text-align: center; }

.share {
  position: relative;
  top: 103px;
  z-index: 2;
  width: 100%;
  margin: 0 auto; }
  .share[data-pageid="ingame"] {
    top: -15px; }
  .share[data-pageid="topcontents"] {
    top: 10px; }

.share-list {
  margin-top: 10px;
  display: flex;
  justify-content: center; }

.share-txt {
  width: 494.5455px;
  height: 39.0909px;
  background-image: url('/anniversary/4th/img/common/ttl-share.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  text-align: center;
  margin: 0 auto;
  opacity: 0; }
  .share-txt[data-anime="true"] {
    -webkit-animation: scaleIn 0.3s ease-out 0.6s forwards;
            animation: scaleIn 0.3s ease-out 0.6s forwards; }

.share-item {
  margin: 20px 8px; }
  .share-item a {
    display: block;
    color: #fff;
    transition: -webkit-filter .3s ease-out;
    transition: filter .3s ease-out;
    transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
    .share-item a:hover {
      -webkit-filter: contrast(3);
              filter: contrast(3);
      transition: -webkit-filter .3s ease-out;
      transition: filter .3s ease-out;
      transition: filter .3s ease-out, -webkit-filter .3s ease-out; }
  .share-item--tw {
    width: 172.381px;
    height: 127.619px;
    background-image: url('/anniversary/4th/img/common/share-twitter.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent; }
  .share-item--fb {
    width: 172.381px;
    height: 127.619px;
    background-image: url('/anniversary/4th/img/common/share-facebook.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent; }
  .share-item--line {
    width: 172.381px;
    height: 127.619px;
    background-image: url('/anniversary/4th/img/common/share-line.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent; }

#festival .share {
  top: -30px; }

@media (min-width: 701px) {
    .wrapper {
      min-width: 1270px; }
    #top {
      width: 100%;
      min-width: 1270px;
      height: auto;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/festival/bg-flash.png'), url('/anniversary/4th/img/common/bg-house.jpg');
      background-repeat: no-repeat;
      background-position: center top -20px, center;
      background-size: cover;
      background-attachment: fixed;
      opacity: 0; }
    #top[data-anime='true'] {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
    #festival {
      width: 100%;
      min-width: 1270px;
      height: auto;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      opacity: 0; }
    #festival[data-anime='true'] {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
      #festival .kv-house {
        width: 100%;
        height: 700px;
        background-image: url('/anniversary/4th/img/common/bg-house.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      #festival .kv-flush {
        width: 100%;
        height: 700px;
        background-image: url('/anniversary/4th/img/festival/bg-flash.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
        #festival .kv-ttlcontent .kv-subttl[data-anime="true"] {
          -webkit-animation: scaleFadeIn 0.3s ease-out 0.5s forwards;
                  animation: scaleFadeIn 0.3s ease-out 0.5s forwards; }
        #festival .kv-ttlcontent .kv-anounce[data-anime="true"] {
          -webkit-animation: fadeInLeft 0.3s ease-out 0.5s forwards;
                  animation: fadeInLeft 0.3s ease-out 0.5s forwards; }
    .navimenu {
      min-width: 1270px;
      height: 88px;
      bottom: 0; }
      .navimenu-item:nth-of-type(1) a:hover .item--icon {
        -webkit-animation: pyonpyon .8s ease-out infinite;
                animation: pyonpyon .8s ease-out infinite; }
      .navimenu-item:nth-of-type(2) a:hover .item--icon1 {
        -webkit-animation: pyonpyon .8s ease-out infinite;
                animation: pyonpyon .8s ease-out infinite; }
      .navimenu-item:nth-of-type(2) a:hover .item--icon2 {
        -webkit-animation: pyonpyon .8s ease-out .2s infinite;
                animation: pyonpyon .8s ease-out .2s infinite; }
      .navimenu-item:nth-of-type(3) a:hover .item--icon {
        -webkit-animation: yoroyoro .8s ease-out infinite;
                animation: yoroyoro .8s ease-out infinite; }
      .navimenu-item:nth-of-type(4) a:hover .item--icon {
        -webkit-animation: bangbang .8s ease-out infinite;
                animation: bangbang .8s ease-out infinite; }
      .navimenu-item:nth-of-type(5) a:hover .item--icon {
        -webkit-animation: bangbang .8s ease-out infinite;
                animation: bangbang .8s ease-out infinite; }
      .navimenu-item:nth-of-type(6) a:hover .item--icon {
        -webkit-animation: bangbang .8s ease-out infinite;
                animation: bangbang .8s ease-out infinite; }
    #event {
      width: 100%;
      min-width: 1270px;
      height: auto;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      opacity: 0; }
    #event[data-anime='true'] {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
    #ingame {
      width: 100%;
      min-width: 1270px;
      height: auto;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      opacity: 0; }
    #ingame[data-anime='true'] {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
    #special {
      width: 100%;
      min-width: 1270px;
      height: auto;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      opacity: 0; }
    #special[data-anime='true'] {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
    .menucontent-list {
      top: -100px; }
    .header {
      right: 0; } }

@media (max-width: 700px) {
    #top::before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/festival/bg-flash.png'), url('/anniversary/4th/img/common/bg-house.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center top -30px, center top;
      opacity: 0; }
    #top[data-anime='true']::before {
      -webkit-animation: fadeIn 0.3s ease-out 0.5s forwards;
              animation: fadeIn 0.3s ease-out 0.5s forwards; }
      #top .kv {
        min-height: 600px; }
      #top .kv-chojin {
        width: 758.1818px;
        height: 743.6364px;
        background-image: url('/anniversary/4th/img/top/img-chojin.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        left: -40px; }
      #top .kv-applogo {
        width: 209px;
        height: 133px;
        background-image: url('/anniversary/4th/img/common/logo-ms.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        left: 0px; }
      #top .kv-logo {
        width: 527px;
        height: 338px;
        background-image: url('/anniversary/4th/img/common/logo-4th.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        bottom: -163px; }
        #top .kv-logo--cacth {
          width: 210.303px;
          height: 130.303px;
          background-image: url('/anniversary/4th/img/common/campaign-logo/logo-base.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          margin-top: 50px;
          bottom: -16px;
          right: -97px; }
          #top .kv-logo--cacth .cacth-txt {
            width: 131.2121px;
            height: 90.303px;
            background-image: url('/anniversary/4th/img/common/campaign-logo/logo-txt.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            top: 13px;
            left: 0;
            right: 33px; }
          #top .kv-logo--cacth .cacth-suguru {
            width: 89.4444px;
            height: 50.8333px;
            background-image: url('/anniversary/4th/img/common/campaign-logo/logo-suguru.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            bottom: -2px;
            left: 0px;
            right: -5px; }
      #top .countdown {
        margin: 230px auto 0; }
      #top .contents-ttl {
        width: 627.5px;
        height: 158.75px;
        background-image: url('/anniversary/4th/img/top/ttl-contents.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #top .contents-festival .festival-linkbtn {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/top/btn-festival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
        #top .contents-festival .festival-linkbtn::after {
          width: 216.875px;
          height: 137.8125px;
          background-image: url('/anniversary/4th/img/top/btn-top-festival.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -22px;
          right: -45px; }
      #top .contents-ingame {
        margin: 90px auto; }
        #top .contents-ingame .ingame-linkbtn {
          width: 622.2222px;
          height: 282.2222px;
          background-image: url('/anniversary/4th/img/top/btn-ingame.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
          #top .contents-ingame .ingame-linkbtn::after {
            width: 216.875px;
            height: 139.375px;
            background-image: url('/anniversary/4th/img/top/btn-top-ingame.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            bottom: -22px;
            right: -45px; }
      #top .contents-event {
        margin: 90px auto; }
        #top .contents-event .event-linkbtn {
          width: 622.2222px;
          height: 282.2222px;
          background-image: url('/anniversary/4th/img/top/btn-event.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
          #top .contents-event .event-linkbtn::after {
            width: 216.875px;
            height: 134.375px;
            background-image: url('/anniversary/4th/img/top/btn-top-event.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            bottom: -22px;
            right: -45px; }
      #top .contents-special {
        margin: 90px auto; }
        #top .contents-special .special-linkbtn {
          width: 622.2222px;
          height: 282.2222px;
          background-image: url('/anniversary/4th/img/top/btn-special.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
          #top .contents-special .special-linkbtn::after {
            width: 230.9375px;
            height: 143.75px;
            background-image: url('/anniversary/4th/img/top/btn-top-special.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            bottom: -22px;
            right: -45px; }
    #festival::before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center top;
      opacity: 0; }
    #festival[data-anime='true']::before {
      -webkit-animation: fadeIn 0.3s ease-out 0.5s forwards;
              animation: fadeIn 0.3s ease-out 0.5s forwards; }
    #festival[data-anime='true'] .kv-subttl {
      -webkit-animation: scaleFadeIn 0.3s ease-out 1.6s forwards;
              animation: scaleFadeIn 0.3s ease-out 1.6s forwards; }
    #festival[data-anime='true'] .kv-anounce {
      -webkit-animation: fadeInLeft 0.3s ease-out 1.7s forwards;
              animation: fadeInLeft 0.3s ease-out 1.7s forwards; }
      #festival .kv-house {
        width: 700px;
        height: 800px;
        background-image: url('/anniversary/4th/img/common/bg-house.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      #festival .kv-flush {
        width: 700px;
        height: 800px;
        background-image: url('/anniversary/4th/img/festival/bg-flash.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      #festival .kv-suguru {
        width: 746.6667px;
        height: 1042.2222px;
        background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        top: 14px;
        left: -38px; }
      #festival .kv-applogo {
        width: 209px;
        height: 133px;
        background-image: url('/anniversary/4th/img/common/logo-ms.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        top: 11px;
        left: 5px; }
      #festival .kv-ttl--cacth {
        width: 210.303px;
        height: 130.303px;
        background-image: url('/anniversary/4th/img/common/campaign-logo/logo-base.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin-top: 50px;
        bottom: -16px;
        right: -47px; }
        #festival .kv-ttl--cacth .cacth-txt {
          width: 131.2121px;
          height: 90.303px;
          background-image: url('/anniversary/4th/img/common/campaign-logo/logo-txt.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: 13px;
          left: 0;
          right: 33px; }
        #festival .kv-ttl--cacth .cacth-suguru {
          width: 89.4444px;
          height: 50.8333px;
          background-image: url('/anniversary/4th/img/common/campaign-logo/logo-suguru.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -2px;
          left: 0px;
          right: -5px; }
        #festival .kv-ttlcontent .kv-subttl {
          width: 483px;
          height: 116px;
          background-image: url('/anniversary/4th/img/festival/txt-kvdate.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        #festival .kv-ttlcontent .kv-anounce {
          width: 446px;
          height: 117px;
          background-image: url('/anniversary/4th/img/festival/ttl-kvanounce.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        #festival .kv-ttlcontent .kv-catch {
          width: 705px;
          height: 302px;
          background-image: url('/anniversary/4th/img/festival/ttl-festivalcatch.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
      #festival .detail-ttl:after {
        width: 75%; }
      #festival .performer-list--item {
        width: 42%; }
      #festival .campaign-term--bacth {
        width: 88.75px;
        height: 48.75px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin-right: 20px; }
        #festival .campaign-term--bacth::before {
          width: 56px;
          height: 59px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -7px;
          left: -57px; }
      #festival .campaign-term--content {
        font-size: 22px; }
    .navimenu-container {
      width: 100%; }
        .navimenu-item:nth-of-type(1) a .item--icon {
          width: 84.4444px;
          height: 126.6667px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-meat.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .navimenu-item:nth-of-type(1) a .item--txt {
          width: 72.2222px;
          height: 37.7778px;
          background-image: url('/anniversary/4th/img/festival/txt-navicon-info.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -5px; }
      .navimenu-item:nth-of-type(1) a[data-anime='true'] .item--icon {
        -webkit-animation: pyonpyon .5s ease-out infinite;
                animation: pyonpyon .5s ease-out infinite; }
        .navimenu-item:nth-of-type(2) a .item--icon1 {
          width: 80.9524px;
          height: 99.0476px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-performerleft.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -3px;
          left: -4px; }
        .navimenu-item:nth-of-type(2) a .item--icon2 {
          width: 73.3333px;
          height: 97.1429px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-performerright.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -3px;
          right: -4px; }
        .navimenu-item:nth-of-type(2) a .item--txt {
          width: 97.7778px;
          height: 38.8889px;
          background-image: url('/anniversary/4th/img/festival/txt-navicon-performer.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: 80px; }
      .navimenu-item:nth-of-type(2) a[data-anime='true'] .item--icon1 {
        -webkit-animation: pyonpyon .5s ease-out infinite;
                animation: pyonpyon .5s ease-out infinite; }
      .navimenu-item:nth-of-type(2) a[data-anime='true'] .item--icon2 {
        -webkit-animation: pyonpyon .5s ease-out .1s infinite;
                animation: pyonpyon .5s ease-out .1s infinite; }
        .navimenu-item:nth-of-type(3) a .item--icon {
          width: 102px;
          height: 109px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-watch.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .navimenu-item:nth-of-type(3) a .item--txt {
          width: 122.2222px;
          height: 38.8889px;
          background-image: url('/anniversary/4th/img/festival/txt-navicon-program.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -18px; }
      .navimenu-item:nth-of-type(3) a[data-anime='true'] .item--icon {
        -webkit-animation: yoroyoro .5s ease-out infinite;
                animation: yoroyoro .5s ease-out infinite; }
        .navimenu-item:nth-of-type(4) a .item--icon {
          width: 102.2222px;
          height: 62.2222px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-showroom.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: 4px; }
        .navimenu-item:nth-of-type(4) a .item--txt {
          width: 68.8889px;
          height: 37.7778px;
          background-image: url('/anniversary/4th/img/festival/txt-navicon-showroom.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -41px; }
      .navimenu-item:nth-of-type(4) a[data-anime='true'] .item--icon {
        -webkit-animation: bangbang .5s ease-out infinite;
                animation: bangbang .5s ease-out infinite; }
        .navimenu-item:nth-of-type(5) a .item--icon {
          width: 89px;
          height: 79px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-campaign.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -24px; }
        .navimenu-item:nth-of-type(5) a .item--txt {
          width: 116.6667px;
          height: 70px;
          background-image: url('/anniversary/4th/img/festival/txt-navicon-campaign.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -22px; }
      .navimenu-item:nth-of-type(5) a[data-anime='true'] .item--icon {
        -webkit-animation: bangbang .5s ease-out infinite;
                animation: bangbang .5s ease-out infinite; }
        .navimenu-item:nth-of-type(6) a .item--icon {
          width: 108.8889px;
          height: 72.2222px;
          background-image: url('/anniversary/4th/img/festival/img-navicon-tokuten.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -13px; }
        .navimenu-item:nth-of-type(6) a .item--txt {
          width: 117.7778px;
          height: 38.8889px;
          background-image: url('/anniversary/4th/img/festival/txt-navicon-tokuten.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          bottom: -28px; }
      .navimenu-item:nth-of-type(6) a[data-anime='true'] .item--icon {
        -webkit-animation: bangbang .5s ease-out infinite;
                animation: bangbang .5s ease-out infinite; }
    .navimenu-item {
      width: 17%; }
      .navimenu-item:after {
        left: -8px; }
      .navimenu-item:nth-of-type(1) a {
        margin: -23px auto 0; }
      .navimenu-item:nth-of-type(2) a {
        margin: -10px auto; }
      .navimenu-item:nth-of-type(3) a {
        margin: -18px auto 0; }
      .navimenu-item:nth-of-type(4) a {
        margin: 5px auto 0; }
    #event::before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center top;
      opacity: 0; }
    #event[data-anime='true']::before {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
      #event .kv {
        min-height: 600px; }
      #event .kv-suguru {
        width: 746.6667px;
        height: 1042.2222px;
        background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        top: 14px;
        left: -38px; }
      #event .kv-applogo {
        width: 209px;
        height: 133px;
        background-image: url('/anniversary/4th/img/common/logo-ms.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #event .campaign1-subttl {
        width: 259px;
        height: 64px;
        background-image: url('/anniversary/4th/img/event/subttl-campaign-1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 0 auto 20px; }
      #event .campaign1-cacth {
        width: 557px;
        height: 141px;
        background-image: url('/anniversary/4th/img/event/cacth-campaign-1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #event .campaign1-ttl {
        width: 618px;
        height: 168px;
        background-image: url('/anniversary/4th/img/event/ttl-campaign-1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #event .campaign1-term--bacth {
        width: 88.75px;
        height: 48.75px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin-right: 20px; }
        #event .campaign1-term--bacth::before {
          width: 56px;
          height: 59px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -7px;
          left: -57px; }
      #event .campaign1-term--content {
        font-size: 22px; }
      #event .campaign1-term--content {
        margin-top: 11px; }
      #event .campaign2-subttl {
        width: 267px;
        height: 64px;
        background-image: url('/anniversary/4th/img/event/subttl-campaign-2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #event .campaign2-ttl {
        width: 400px;
        height: 122px;
        background-image: url('/anniversary/4th/img/event/ttl-campaign-2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 20px auto; }
      #event .campaign2-eventbanner[data-img="campaignoshiete"] {
        width: 607.7778px;
        height: 257.7778px;
        background-image: url('/anniversary/4th/img/event/banner-oshiete.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #event .campaign2-eventbanner[data-img="campaignmozaiku"] {
        width: 607.7778px;
        height: 257.7778px;
        background-image: url('/anniversary/4th/img/event/banner-mozaikuart.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #event .campaign2-term--bacth {
        width: 88.75px;
        height: 48.75px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin-right: 20px; }
        #event .campaign2-term--bacth::before {
          width: 56px;
          height: 59px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -7px;
          left: -57px; }
      #event .campaign2-term--content {
        font-size: 22px; }
      #event .twitter {
        display: block;
        width: 100%;
        height: 522px;
        background-image: url('/anniversary/4th/img/event/bg-blueslash.png');
        background-repeat: repeat-x;
        background-position: top center;
        margin: 70px auto 0px; }
      #event .twitter-link {
        width: 441px;
        height: 114px;
        background-image: url('/anniversary/4th/img/event/btn-twitterfollow.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 30px auto; }
    #ingame::before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center top;
      opacity: 0; }
    #ingame[data-anime='true']::before {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
      #ingame .kv {
        min-height: 600px; }
      #ingame .kv-suguru {
        width: 746.6667px;
        height: 1042.2222px;
        background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        top: 14px;
        left: -38px; }
      #ingame .kv-applogo {
        width: 209px;
        height: 133px;
        background-image: url('/anniversary/4th/img/common/logo-ms.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-batch="pre"]:after {
        width: 210px;
        height: 103.3333px;
        background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-batch="main"]:after {
        width: 181.1111px;
        height: 100px;
        background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-img="bonus1"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-bonus1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-img="bonus2"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-bonus2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-img="maingachya"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-maingachya.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-img="maingachya2"] {
        width: 622.2222px;
        height: 371.1111px;
        background-image: url('/anniversary/4th/img/ingame/banner-maingachya2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-img="bingo"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-bingo.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventbanner[data-img="mainlogbo"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-mainlogbo.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
        #ingame .bounus-eventinfo .info-term--bacth {
          width: 88.75px;
          height: 48.75px;
          background-image: url('/anniversary/4th/img/common/bacth-term.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          margin-right: 20px; }
          #ingame .bounus-eventinfo .info-term--bacth::before {
            width: 56px;
            height: 59px;
            background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            top: -7px;
            left: -57px; }
        #ingame .bounus-eventinfo .info-term--content {
          font-size: 22px; }
      #ingame .bounus-eventinfo .info-ttl[data-ttl='bonus1'] {
        width: 369px;
        height: 66px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-bonus1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventinfo .info-ttl[data-ttl='bonus2'] {
        width: 550px;
        height: 67px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-bonus2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventinfo .info-ttl[data-ttl='maingachya'] {
        width: 371px;
        height: 103px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-maingacha.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventinfo .info-ttl[data-ttl='maingachya2'] {
        width: 427px;
        height: 67px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-maingacha2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventinfo .info-ttl[data-ttl='bingo'] {
        width: 459px;
        height: 68px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-mainbingo.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventinfo .info-ttl[data-ttl='mainlogbo'] {
        width: 492px;
        height: 102px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-mainlogbo.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .bounus-eventinfo .info-term--content {
        margin-top: 5px; }
      #ingame .newevent-eventbanner[data-batch="pre"]:after {
        width: 210px;
        height: 103.3333px;
        background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .newevent-eventbanner[data-batch="main"]:after {
        width: 181.1111px;
        height: 100px;
        background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .newevent-eventbanner[data-img="new1"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-new1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
        #ingame .newevent-eventinfo .info-term--bacth {
          width: 88.75px;
          height: 48.75px;
          background-image: url('/anniversary/4th/img/common/bacth-term.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          margin-right: 20px; }
          #ingame .newevent-eventinfo .info-term--bacth::before {
            width: 56px;
            height: 59px;
            background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            top: -7px;
            left: -57px; }
        #ingame .newevent-eventinfo .info-term--content {
          font-size: 22px; }
      #ingame .newevent-eventinfo .info-ttl[data-ttl='new1'] {
        width: 608.75px;
        height: 83.75px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-new1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .newevent-eventinfo .info-term--content {
        margin-top: 22px; }
      #ingame .revival-eventbanner[data-batch="pre"]:after {
        width: 210px;
        height: 103.3333px;
        background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .revival-eventbanner[data-batch="main"]:after {
        width: 181.1111px;
        height: 100px;
        background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .revival-eventbanner[data-img="revival1"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-revival1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .revival-eventbanner[data-img="revival3"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-revival3.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
        #ingame .revival-eventinfo .info-term--bacth {
          width: 88.75px;
          height: 48.75px;
          background-image: url('/anniversary/4th/img/common/bacth-term.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          margin-right: 20px; }
          #ingame .revival-eventinfo .info-term--bacth::before {
            width: 56px;
            height: 59px;
            background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            top: -7px;
            left: -57px; }
        #ingame .revival-eventinfo .info-term--content {
          font-size: 22px; }
      #ingame .revival-eventinfo .info-ttl[data-ttl='revival1'] {
        width: 461.1111px;
        height: 85.5556px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-revival1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .revival-eventinfo .info-ttl[data-ttl='revival3'] {
        width: 540px;
        height: 36.6667px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-revival3.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .revival-eventinfo .info-term--content {
        margin-top: 5px; }
      #ingame .revival-term--bacth {
        width: 88.75px;
        height: 48.75px;
        background-image: url('/anniversary/4th/img/common/bacth-term.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin-right: 20px; }
        #ingame .revival-term--bacth::before {
          width: 56px;
          height: 59px;
          background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          top: -7px;
          left: -57px; }
      #ingame .revival-term--content {
        font-size: 22px; }
      #ingame .evolution-eventbanner[data-batch="pre"]:after {
        width: 210px;
        height: 103.3333px;
        background-image: url('/anniversary/4th/img/ingame/batch-prefestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .evolution-eventbanner[data-batch="main"]:after {
        width: 181.1111px;
        height: 100px;
        background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .evolution-eventbanner[data-img="kakusei1"] {
        width: 623.3333px;
        height: 232.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-kakusei1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .evolution-eventbanner[data-img="kakusei2"] {
        width: 624.4444px;
        height: 490px;
        background-image: url('/anniversary/4th/img/ingame/banner-kakusei2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
        #ingame .evolution-eventinfo .info-term--bacth {
          width: 88.75px;
          height: 48.75px;
          background-image: url('/anniversary/4th/img/common/bacth-term.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          margin-right: 20px; }
          #ingame .evolution-eventinfo .info-term--bacth::before {
            width: 56px;
            height: 59px;
            background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            top: -7px;
            left: -57px; }
        #ingame .evolution-eventinfo .info-term--content {
          font-size: 22px; }
      #ingame .evolution-eventinfo .info-ttl[data-ttl="kakusei1"] {
        width: 330px;
        height: 74.4444px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-kakusei1.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .evolution-eventinfo .info-ttl[data-ttl="kakusei2"] {
        width: 476.6667px;
        height: 35.5556px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-kakusei2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .evolution-eventinfo .info-term--content {
        margin-top: 7px; }
      #ingame .correction-eventbanner:after {
        width: 181.1111px;
        height: 100px;
        background-image: url('/anniversary/4th/img/ingame/batch-mainfestival.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .correction-eventbanner[data-img="soldier"] {
        width: 622.2222px;
        height: 282.2222px;
        background-image: url('/anniversary/4th/img/ingame/banner-soldier.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
        #ingame .correction-eventinfo .info-term--bacth {
          width: 88.75px;
          height: 48.75px;
          background-image: url('/anniversary/4th/img/common/bacth-term.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent;
          margin-right: 20px; }
          #ingame .correction-eventinfo .info-term--bacth::before {
            width: 56px;
            height: 59px;
            background-image: url('/anniversary/4th/img/common/bacth-termicon.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            top: -7px;
            left: -57px; }
        #ingame .correction-eventinfo .info-term--content {
          font-size: 22px; }
      #ingame .correction-eventinfo .info-ttl[data-ttl="soldier"] {
        width: 535.5556px;
        height: 34.4444px;
        background-image: url('/anniversary/4th/img/ingame/ttl-ingame-soldier.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #ingame .correction-eventinfo .info-term--content {
        margin-top: 7px; }
    #special::before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
      background-image: url('/anniversary/4th/img/common/bg-lingspec.png');
      background-repeat: no-repeat;
      background-position: center top;
      opacity: 0; }
    #special[data-anime='true']::before {
      -webkit-animation: fadeIn 0.3s ease-out 0.4s forwards;
              animation: fadeIn 0.3s ease-out 0.4s forwards; }
      #special .kv {
        min-height: 600px; }
      #special .kv-suguru {
        width: 746.6667px;
        height: 1042.2222px;
        background-image: url('/anniversary/4th/img/common/img-kvsuguru.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        top: 14px;
        left: -38px; }
      #special .kv-applogo {
        width: 209px;
        height: 133px;
        background-image: url('/anniversary/4th/img/common/logo-ms.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #special .links-banner[data-img="speciallink1"] {
        width: 607.7778px;
        height: 202.2222px;
        background-image: url('/anniversary/4th/img/special/banner-youtube.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #special .links-banner[data-img="speciallink2"] {
        width: 607.7778px;
        height: 202.2222px;
        background-image: url('/anniversary/4th/img/special/banner-showroom.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      #special .movie-ttl {
        width: 626.6667px;
        height: 62.2222px;
        background-image: url('/anniversary/4th/img/special/ttl-specialmovie.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
    .menucontent {
      background-size: 100%; }
    .menucontent-main {
      width: 560px;
      height: 747px;
      bottom: 0; }
    .menucontent-chainleft {
      bottom: 50px;
      left: 105px; }
    .menucontent-chainright {
      bottom: 50px;
      right: 105px; }
        .menucontent-list__item:nth-of-type(1) a {
          width: 400.9091px;
          height: 121.8182px;
          background-image: url('/anniversary/4th/img/menu/btn-menu-top.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .menucontent-list__item:nth-of-type(2) a {
          width: 400.9091px;
          height: 121.8182px;
          background-image: url('/anniversary/4th/img/menu/btn-menu-festival.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .menucontent-list__item:nth-of-type(3) a {
          width: 410.7843px;
          height: 125.4902px;
          background-image: url('/anniversary/4th/img/menu/btn-menu-event.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .menucontent-list__item:nth-of-type(4) a {
          width: 410.7843px;
          height: 125.4902px;
          background-image: url('/anniversary/4th/img/menu/btn-menu-ingame.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .menucontent-list__item:nth-of-type(5) a {
          width: 410.7843px;
          height: 125.4902px;
          background-image: url('/anniversary/4th/img/menu/btn-menu-special.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
      .header[data-anime='true'] .header-menu {
        -webkit-animation: bounceInRightForSPBtn 0.2s ease-out 1.85s forwards;
                animation: bounceInRightForSPBtn 0.2s ease-out 1.85s forwards; }
      .header-menu.no-animation {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    .header-menu {
      top: 24px;
      right: 18px;
      -webkit-transform: translate3d(1000px, 0, 0) scale(1.2);
              transform: translate3d(1000px, 0, 0) scale(1.2); }
    .footer-chara {
      width: 1327px;
      height: 558px;
      background-image: url('/anniversary/4th/img/common/bg-footerfire-top.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      right: 300px;
      bottom: 145px; }
      .footer-chara:after {
        width: 698px;
        height: 544px;
        background-image: url('/anniversary/4th/img/common/img-allstar.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        top: 180px; }
      .footer-rights.is-festival {
        margin-bottom: 110px; }
    .footer-modal {
      margin-left: -311px; }
      .game .game-bgling {
        width: 100%; }
      .game .game-slash {
        display: block;
        width: 100%;
        height: 968px;
        background-image: url('/anniversary/4th/img/common/bg-redslash.png');
        background-repeat: repeat-x;
        background-position: top center; }
      .game .game-about {
        width: 100%; }
      .game .about-ttl {
        width: 558px;
        height: 138px;
        background-image: url('/anniversary/4th/img/common/ttl_aboutapp.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 10px auto 30px; }
      .game .about-subttl {
        width: 526px;
        height: 35px;
        background-image: url('/anniversary/4th/img/common/subttl-aboutapp.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
        margin: 10px auto 50px; }
      .game .about-icon {
        width: 300px;
        height: 300px;
        background-image: url('/anniversary/4th/img/common/icon-app.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: transparent; }
      .game .about-explain {
        margin: 35px auto;
        font-size: 21px; }
      .game .app-links {
        width: 100%;
        justify-content: space-between; }
        .game .app-links__item--ios {
          width: 245px;
          height: 75px;
          background-image: url('/anniversary/4th/img/common/btn-iosdw.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .game .app-links__item--andoroid {
          width: 244px;
          height: 75px;
          background-image: url('/anniversary/4th/img/common/btn-googledw.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
      .game .link-list__item {
        margin: 45px auto; }
        .game .link-list__item--wiki {
          width: 570px;
          height: 108px;
          background-image: url('/anniversary/4th/img/common/bnr-official-wiki.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .game .link-list__item--line {
          width: 570px;
          height: 107px;
          background-image: url('/anniversary/4th/img/common/bnr-official-line.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .game .link-list__item--tw {
          width: 570px;
          height: 107px;
          background-image: url('/anniversary/4th/img/common/bnr-official-twitter.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
        .game .link-list__item--top {
          width: 501px;
          height: 134px;
          background-image: url('/anniversary/4th/img/common/btn-totop.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          color: transparent; }
    .share-list {
      margin-top: 10px; }
    .share-txt {
      width: 604.4444px;
      height: 47.7778px;
      background-image: url('/anniversary/4th/img/common/ttl-share.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .share-item--tw {
      width: 181px;
      height: 134px;
      background-image: url('/anniversary/4th/img/common/share-twitter.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .share-item--fb {
      width: 181px;
      height: 134px;
      background-image: url('/anniversary/4th/img/common/share-facebook.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; }
    .share-item--line {
      width: 181px;
      height: 134px;
      background-image: url('/anniversary/4th/img/common/share-line.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: transparent; } }