@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes upDown {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@-webkit-keyframes New_upDown {
  0% {
    -webkit-transform: translate(-50%, -130%);
    transform: translate(-50%, -130%); }
  100% {
    -webkit-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%); } }

@keyframes New_upDown {
  0% {
    -webkit-transform: translate(-50%, -130%);
    transform: translate(-50%, -130%); }
  100% {
    -webkit-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%); } }

.download-main {
  background: -webkit-gradient(linear, left top, left bottom, from(#3e3872), to(#2d2953));
  background: -webkit-linear-gradient(top, #3e3872 0%, #2d2953 100%);
  background: -o-linear-gradient(top, #3e3872 0%, #2d2953 100%);
  background: linear-gradient(to bottom, #3e3872 0%, #2d2953 100%); }
  .download-main span:nth-child(1) {
    color: #f1db8e; }
  .download-main span:nth-child(2) {
    color: #fff; }
  .download-main:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#2d2953), to(#3e3872));
    background: -webkit-linear-gradient(top, #2d2953 0%, #3e3872 100%);
    background: -o-linear-gradient(top, #2d2953 0%, #3e3872 100%);
    background: linear-gradient(to bottom, #2d2953 0%, #3e3872 100%); }

.JP .kv .slogan h1, .EN .kv .slogan h1 {
  width: auto !important; }

.kv {
  background-image: url("/online/edeneternal/assets/images/index/update_Ninja/kv-bg.webp"); }
  .kv .slogan {
    margin-bottom: 1.5em;
    text-shadow: none;
    -webkit-filter: drop-shadow(0px 0px 3px #382747) drop-shadow(0px 0px 3px #382747) drop-shadow(0px 0px 4px #382747) drop-shadow(0px 0px 5px #382747) drop-shadow(0px 0px 8px #382747);
    filter: drop-shadow(0px 0px 3px #382747) drop-shadow(0px 0px 3px #382747) drop-shadow(0px 0px 4px #382747) drop-shadow(0px 0px 5px #382747) drop-shadow(0px 0px 8px #382747); }
    .kv .slogan h1 {
      display: block;
      margin: 0 auto; }
      .kv .slogan h1 span {
        font-size: 1.5em;
        display: inline-block;
        background: -webkit-linear-gradient(top, #fff7b2 0, #ffffe2 22%, #e6ac2e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-box-decoration-break: clone; }
    .kv .slogan h3 {
      font-size: 24px;
      font-size: 1.3em;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0px 0px 15px black, 0px 0px 30px black; }

#news {
  background-image: url("/online/edeneternal/assets/images/index/update_Ninja/news-bg.webp");
  background-size: cover;
  background-position: 50% 0%;
  background-color: #1a1b31; }
  #news .tabNav {
    border-color: #ab5775; }
  #news .tab_nav.focus a {
    background-color: #ab5775;
    color: #2d151e; }
  #news .tabs {
    border-color: #ab5775; }
  #news .news .tabs .tab .list a.type_1 span {
    background: #358c47; }
  #news .news .tabs .tab .list a.type_2 span {
    background: #9b9171; }
  #news .news .tabs .tab .list a.type_3 span {
    background: #b24242; }

#world::before {
  background-image: url("/online/edeneternal/assets/images/index/update_Ninja/world-bg-top.webp"); }

#classes .remote-item-3 .classes-character img {
  -webkit-transform: translate(-60%, 0);
  -ms-transform: translate(-60%, 0);
  transform: translate(-60%, 0); }
  @media screen and (max-width: 1440px) {
    #classes .remote-item-3 .classes-character img {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  @media screen and (max-width: 820px) {
    #classes .remote-item-3 .classes-character img {
      height: 100%;
      -webkit-transform: translate(-35%, 0);
      -ms-transform: translate(-35%, 0);
      transform: translate(-35%, 0); } }

#classes .attack-item-3 .classes-character img {
  -webkit-transform: translate(-70%, 5%);
  -ms-transform: translate(-70%, 5%);
  transform: translate(-70%, 5%); }
  @media screen and (max-width: 1440px) {
    #classes .attack-item-3 .classes-character img {
      -webkit-transform: translate(-50%, 5%);
      -ms-transform: translate(-50%, 5%);
      transform: translate(-50%, 5%); } }
  @media screen and (max-width: 820px) {
    #classes .attack-item-3 .classes-character img {
      height: 130%;
      -webkit-transform: translate(-35%, 5%);
      -ms-transform: translate(-35%, 5%);
      transform: translate(-35%, 5%); } }

#classes .classes-info .classes-name.new {
  position: relative; }
  #classes .classes-info .classes-name.new::before {
    content: '';
    display: block;
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-80%, -50%);
    -ms-transform: translate(-80%, -50%);
    transform: translate(-80%, -50%);
    width: 4em;
    height: 1.2em;
    background-image: url("/online/edeneternal/assets/images/index/classes/classes-icon-new.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }

#classes .classes-nav li {
  position: relative; }
  #classes .classes-nav li.new::before, #classes .classes-nav li.new::after {
    content: '';
    display: block;
    position: absolute; }
  #classes .classes-nav li.new::before {
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, -120%);
    -ms-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%);
    width: 6em;
    height: 2.2em;
    background-image: url("/online/edeneternal/assets/images/index/classes/classes-nav-new.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-animation: New_upDown .5s infinite ease-in-out;
    animation: New_upDown .5s infinite ease-in-out; }
  #classes .classes-nav li.new::after {
    top: 0%;
    right: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .5em;
    height: .5em;
    background: #ca1e1e;
    border: .1em solid #fff;
    border-radius: 5em; }

@media screen and (max-width: 1180px) {
  .kv, #news {
    background-size: 120%;
    height: 63.5vw; }
  .kv .slogan h1 {
    width: 80vw; } }

@media screen and (max-device-width: 1180px) {
  #classes,
  .classes,
  .classes-character {
    height: 94vw; } }

@media screen and (max-width: 1024px) {
  .kv .game-logo {
    top: 9.5em; } }

@media screen and (max-width: 820px) {
  .kv, #news {
    background-size: 101%; }
  .kv {
    height: 161vw;
    background-image: url("/online/edeneternal/assets/images/index/update_Ninja/kv-bg-m.webp"); }
    .kv .game-logo {
      top: 10px; }
    .kv .container {
      padding-bottom: 37vw; }
  #news {
    background-image: none;
    background-color: #452631;
    height: auto;
    min-height: auto; }
  #classes,
  .classes,
  .classes-character {
    height: 100vh; } }

@media screen and (max-width: 480px) {
  .kv .slogan h3 {
    font-size: 1em; }
  .kv .container {
    padding-bottom: 15vw; } }