#en header,
#de header,
#es header,
#fr header,
#tw header,
#kr header {
  z-index: 999;
}

#en .wrapper .bg,
#de .wrapper .bg,
#es .wrapper .bg,
#fr .wrapper .bg,
#tw .wrapper .bg,
#kr .wrapper .bg {
  position: fixed;
  height: 110vh;
  z-index: 0;
  max-width: none;
}

#en .wrapper .bg-lang,
#de .wrapper .bg-lang,
#es .wrapper .bg-lang,
#fr .wrapper .bg-lang,
#tw .wrapper .bg-lang,
#kr .wrapper .bg-lang {
  background: url(../img/common/lang_bg.png) no-repeat center top;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  height: 860px;
  position: absolute;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#en .wrapper .main_bg,
#de .wrapper .main_bg,
#es .wrapper .main_bg,
#fr .wrapper .main_bg,
#tw .wrapper .main_bg,
#kr .wrapper .main_bg {
  background: url(../img/common/main.png) no-repeat center top;
  top: 0;
  min-width: 1000px;
  width: 100%;
  height: 1120px;
  overflow: hidden;
  z-index: 11;
}

#en .wrapper .main_bg .fade-left,
#en .wrapper .main_bg .fade-right,
#de .wrapper .main_bg .fade-left,
#de .wrapper .main_bg .fade-right,
#es .wrapper .main_bg .fade-left,
#es .wrapper .main_bg .fade-right,
#fr .wrapper .main_bg .fade-left,
#fr .wrapper .main_bg .fade-right,
#tw .wrapper .main_bg .fade-left,
#tw .wrapper .main_bg .fade-right,
#kr .wrapper .main_bg .fade-left,
#kr .wrapper .main_bg .fade-right {
  height: 910px;
}

#en .wrapper .main_bg .left-chara,
#de .wrapper .main_bg .left-chara,
#es .wrapper .main_bg .left-chara,
#fr .wrapper .main_bg .left-chara,
#tw .wrapper .main_bg .left-chara,
#kr .wrapper .main_bg .left-chara {
  position: absolute;
  top: 0;
  left: 810px;
}

#en .wrapper .main_bg .right-chara,
#de .wrapper .main_bg .right-chara,
#es .wrapper .main_bg .right-chara,
#fr .wrapper .main_bg .right-chara,
#tw .wrapper .main_bg .right-chara,
#kr .wrapper .main_bg .right-chara {
  position: absolute;
  top: 0;
  right: 810px;
}

#en .wrapper .main_bg .main-alice,
#de .wrapper .main_bg .main-alice,
#es .wrapper .main_bg .main-alice,
#fr .wrapper .main_bg .main-alice,
#tw .wrapper .main_bg .main-alice,
#kr .wrapper .main_bg .main-alice {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

@media only screen and (max-width: 1300px) {

  #en .wrapper .main_bg .left-chara,
  #de .wrapper .main_bg .left-chara,
  #es .wrapper .main_bg .left-chara,
  #fr .wrapper .main_bg .left-chara,
  #tw .wrapper .main_bg .left-chara,
  #kr .wrapper .main_bg .left-chara {
    position: absolute;
    top: 0;
    left: 640px;
    z-index: 1;
  }

  #en .wrapper .main_bg .right-chara,
  #de .wrapper .main_bg .right-chara,
  #es .wrapper .main_bg .right-chara,
  #fr .wrapper .main_bg .right-chara,
  #tw .wrapper .main_bg .right-chara,
  #kr .wrapper .main_bg .right-chara {
    position: absolute;
    top: 0;
    right: 640px;
    z-index: 1;
  }
}

#en .wrapper .detail,
#de .wrapper .detail,
#es .wrapper .detail,
#fr .wrapper .detail,
#tw .wrapper .detail,
#kr .wrapper .detail {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.85)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 15%, rgba(0, 0, 0, 0.85) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 15%, rgba(0, 0, 0, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 15%, rgba(0, 0, 0, 0.85) 100%);
  z-index: 111 !important;
}

#en header .inner .text,
#de header .inner .text,
#es header .inner .text,
#fr header .inner .text,
#tw header .inner .text,
#kr header .inner .text {
  top: 20px;
}

#en .modal-pre .pre-inner .pre-body .btn_area ul,
#de .modal-pre .pre-inner .pre-body .btn_area ul,
#es .modal-pre .pre-inner .pre-body .btn_area ul,
#fr .modal-pre .pre-inner .pre-body .btn_area ul,
#tw .modal-pre .pre-inner .pre-body .btn_area ul,
#kr .modal-pre .pre-inner .pre-body .btn_area ul {
  width: 728px;
  margin: 0 auto;
}

#en .modal-pre .pre-inner .pre-body .slide-area .slide-pick.fource,
#de .modal-pre .pre-inner .pre-body .slide-area .slide-pick.fource,
#es .modal-pre .pre-inner .pre-body .slide-area .slide-pick.fource,
#fr .modal-pre .pre-inner .pre-body .slide-area .slide-pick.fource,
#tw .modal-pre .pre-inner .pre-body .slide-area .slide-pick.fource,
#kr .modal-pre .pre-inner .pre-body .slide-area .slide-pick.fource {
  top: 8.5%;
}

@media only screen and (max-width: 767px) {

  #en .wrapper .bg,
  #de .wrapper .bg,
  #es .wrapper .bg,
  #fr .wrapper .bg,
  #tw .wrapper .bg,
  #kr .wrapper .bg {
    z-index: 0;
  }

  #en .wrapper .text.catch,
  #de .wrapper .text.catch,
  #es .wrapper .text.catch,
  #fr .wrapper .text.catch,
  #tw .wrapper .text.catch,
  #kr .wrapper .text.catch {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 111;
  }

  #en .wrapper .main_bg,
  #de .wrapper .main_bg,
  #es .wrapper .main_bg,
  #fr .wrapper .main_bg,
  #tw .wrapper .main_bg,
  #kr .wrapper .main_bg {
    background: url(../img/common/main_sp.png) no-repeat center top;
    min-width: 767px;
    height: auto;
    z-index: 0;
  }

  #en .wrapper .main_bg .left-chara,
  #de .wrapper .main_bg .left-chara,
  #es .wrapper .main_bg .left-chara,
  #fr .wrapper .main_bg .left-chara,
  #tw .wrapper .main_bg .left-chara,
  #kr .wrapper .main_bg .left-chara {
    position: absolute;
    top: 134px;
    left: 210px;
    z-index: 2;
  }

  #en .wrapper .main_bg .right-chara,
  #de .wrapper .main_bg .right-chara,
  #es .wrapper .main_bg .right-chara,
  #fr .wrapper .main_bg .right-chara,
  #tw .wrapper .main_bg .right-chara,
  #kr .wrapper .main_bg .right-chara {
    position: absolute;
    top: 134px;
    right: 230px;
    z-index: 2;
  }

  #en .wrapper .main h1,
  #de .wrapper .main h1,
  #es .wrapper .main h1,
  #fr .wrapper .main h1,
  #tw .wrapper .main h1,
  #kr .wrapper .main h1 {
    padding: 495px 0 0 !important;
    width: auto !important;
  }

  #en header .inner .sns li.first,
  #de header .inner .sns li.first,
  #es header .inner .sns li.first,
  #fr header .inner .sns li.first,
  #tw header .inner .sns li.first,
  #kr header .inner .sns li.first {
    margin: -3px 30px 0 0;
  }
}

#ja .wrapper .main .bnr .catch .dl-banner {
  width: 696px;
  height: 178px;
  margin: 0 auto;
  background: url(../img/ja/dl_banner.png) no-repeat;
  position: relative;
}

#kr .wrapper .main .bnr .catch .dl-banner {
  width: 696px;
  height: 178px;
  margin: 0 auto;
  background: url(../img/kr/dl_banner.png) no-repeat;
  position: relative;
}

#kr .wrapper .main .bnr .catch .dl-banner ul li:first-child {
  margin-right: 27px !important;
}

#tw .wrapper .main .bnr .catch .dl-banner {
  width: 696px;
  height: 178px;
  margin: 0 auto;
  background: url(../img/tw/dl_banner.png) no-repeat;
  position: relative;
}

#tw .wrapper .main .bnr .catch .dl-banner ul li:first-child {
  margin-right: 27px !important;
}

#en .wrapper .main .bnr .catch .dl-banner,
#fr .wrapper .main .bnr .catch .dl-banner,
#de .wrapper .main .bnr .catch .dl-banner,
#es .wrapper .main .bnr .catch .dl-banner {
  width: 696px;
  height: 178px;
  margin: 0 auto;
  background: url(../img/common/dl_banner.png) no-repeat;
  position: relative;
}

#en .wrapper .main .bnr .catch .dl-banner ul li:first-child {
  margin-right: 28px !important;
}

#fr .wrapper .main .bnr .catch .dl-banner ul li:first-child {
  margin-right: 26px !important;
}

@media only screen and (max-width: 767px) {
  #ja .wrapper .main .bnr .catch .dl-banner {
    width: 696px;
    height: 212px;
    margin: 0 auto;
    background: url(../img/ja/dl_banner_sp.png) no-repeat;
    position: relative;
  }

  #kr .wrapper .main .bnr .catch .dl-banner {
    width: 696px;
    height: 212px;
    margin: 0 auto;
    background: url(../img/kr/dl_banner_sp.png) no-repeat;
    position: relative;
  }

  #kr .wrapper .main .bnr .catch .dl-banner ul li:first-child {
    margin-right: 31px !important;
  }

  #tw .wrapper .main .bnr .catch .dl-banner {
    width: 696px;
    height: 212px;
    margin: 0 auto;
    background: url(../img/tw/dl_banner_sp.png) no-repeat;
    position: relative;
  }

  #tw .wrapper .main .bnr .catch .dl-banner ul li:first-child {
    margin-right: 27px !important;
  }

  #en .wrapper .main .bnr .catch .dl-banner,
  #fr .wrapper .main .bnr .catch .dl-banner,
  #de .wrapper .main .bnr .catch .dl-banner,
  #es .wrapper .main .bnr .catch .dl-banner {
    width: 696px;
    height: 212px;
    margin: 0 auto;
    background: url(../img/common/dl_banner_sp.png) no-repeat;
    position: relative;
  }

  #en .wrapper .main .bnr .catch .dl-banner ul li:first-child {
    margin-right: 28px !important;
  }

  #fr .wrapper .main .bnr .catch .dl-banner ul li:first-child {
    margin-right: 25px !important;
  }
}

#en .wrapper .main h1,
#fr .wrapper .main h1,
#de .wrapper .main h1,
#es .wrapper .main h1 {
  width: 519px;
}

#en .modal-pre .pre-inner .reward .reward-list.six .inner h3 span,
#en .modal-pre .pre-inner .reward .reward-list.eight .inner h3 span,
#fr .modal-pre .pre-inner .reward .reward-list.six .inner h3 span,
#fr .modal-pre .pre-inner .reward .reward-list.eight .inner h3 span,
#de .modal-pre .pre-inner .reward .reward-list.six .inner h3 span,
#de .modal-pre .pre-inner .reward .reward-list.eight .inner h3 span,
#es .modal-pre .pre-inner .reward .reward-list.six .inner h3 span,
#es .modal-pre .pre-inner .reward .reward-list.eight .inner h3 span {
  font-size: 66px;
  padding: 65px 0 0;
  margin: 0 0 66px 20px;
}

#en .modal-pre .pre-inner .reward .reward-list.five .inner h3 span,
#en .modal-pre .pre-inner .reward .reward-list.seven .inner h3 span,
#fr .modal-pre .pre-inner .reward .reward-list.five .inner h3 span,
#fr .modal-pre .pre-inner .reward .reward-list.seven .inner h3 span,
#de .modal-pre .pre-inner .reward .reward-list.five .inner h3 span,
#de .modal-pre .pre-inner .reward .reward-list.seven .inner h3 span,
#es .modal-pre .pre-inner .reward .reward-list.five .inner h3 span,
#es .modal-pre .pre-inner .reward .reward-list.seven .inner h3 span {
  font-size: 66px;
  padding: 65px 0 0;
  margin: 0 0 66px 20px;
}

#tw .modal-pre .pre-inner .pre-body .btn_area ul,
#kr .modal-pre .pre-inner .pre-body .btn_area ul {
  width: 478px;
  margin: 0 auto;
}

#en .wrapper .main .bnr .catch .dl-banner ul li:first-child,
#de .wrapper .main .bnr .catch .dl-banner ul li:first-child,
#es .wrapper .main .bnr .catch .dl-banner ul li:first-child,
#fr .wrapper .main .bnr .catch .dl-banner ul li:first-child,
#tw .wrapper .main .bnr .catch .dl-banner ul li:first-child,
#kr .wrapper .main .bnr .catch .dl-banner ul li:first-child {
  margin-right: 28px;
}