@charset "UTF-8";
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
html,
body {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  background: #000000;
  font-size: 20px;
  line-height: 1.8;
  overflow-x: hidden;
}
@media screen and (max-width: 812px) {
  html,
body {
    min-width: 100%;
  }
}

#contentArea {
  position: relative;
  height: 100%;
  width: 100%;
}

#ncjSnsHolder {
  top: 60px !important;
  right: 35px !important;
  z-index: 9998 !important;
}
#ncjSnsHolder.hide {
  display: block !important;
}
#ncjSnsHolder li a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  opacity: 0.75;
}
#ncjSnsHolder li a img {
  display: none;
}
#ncjSnsHolder li a:hover {
  opacity: 1;
}
#ncjSnsHolder li:nth-child(1) a {
  background: url(https://static.ncsoft.jp/images/event/bns/update/1912/img/common/sns_tw.png) center/contain no-repeat;
}
#ncjSnsHolder li:nth-child(2) a {
  background: url(https://static.ncsoft.jp/images/event/bns/update/1912/img/common/sns_fb.png) center/contain no-repeat;
}
#ncjSnsHolder li:nth-child(3) a {
  background: url(https://static.ncsoft.jp/images/event/bns/update/1912/img/common/sns_li.png) center/contain no-repeat;
}

#content {
  height: 100%;
  position: relative;
}
#content a {
  text-decoration: none;
  outline: none;
}
#content i {
  font-style: normal;
}
#content a:focus,
#content *:focus {
  outline: none;
}
#content .inner {
  width: 1170px;
}
#content .spBlock {
  display: inline;
}
#content #fullpage {
  width: 100% !important;
  transform: none !important;
}
@media screen and (max-width: 812px) {
  #content #fullpage::before {
    content: "";
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 );
    /* IE6-9 */
    height: calc(36px + 18vw);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
  }
}
#content #fullpage .fp-section {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  text-indent: -9999em;
}
#content #fullpage .fp-section.active {
  visibility: visible;
  opacity: 1;
}
#content #fullpage .fp-section .fp-tableCell {
  z-index: 6;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#content #fullpage .fp-section .fp-tableCell .fp-scrollable {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#content #fullpage .fp-section .fp-tableCell .fp-scrollable .fp-scroller {
  overflow: hidden;
  width: 100%;
}
#content #fullpage .fp-section .fp-tableCell .fp-scrollable .iScrollIndicator {
  border: 0 !important;
}
#content #fullpage .fp-section .fp-tableCell::before {
  content: "";
  height: 250px;
  width: 100%;
  background: url(https://static.ncsoft.jp/images/event/bns/update/1906/img/common/bg_bottom.png) center bottom/contain repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
#content #fullpage .fp-section .cnt {
  width: 100%;
  text-shadow: 1px 1px 2px #000;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 9;
}
#content #fullpage .fp-section .cnt > * {
  margin-right: auto;
  margin-left: auto;
}
#content #fullpage .fp-section .cnt > * table {
  width: 100%;
}
#content #fullpage .fp-section .cnt > * table th,
#content #fullpage .fp-section .cnt > * table td {
  font-size: 1rem;
  vertical-align: middle;
}
@media screen and (max-width: 812px) {
  #content #fullpage .fp-section .cnt {
    padding: 0 2.6666666667vw;
  }
}
#content #fullpage .fp-section .anime [class*=anime__] {
  display: block;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.5s ease;
  z-index: 2;
}
#content #fullpage .fp-section .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#content #fullpage .fp-section .bg .bg__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25) url(https://static.ncsoft.jp/images/event/bns/update/1912/img/common/bg_ptn.png) repeat 0 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2;
}
#content #fullpage .fp-section .bg .bg__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: bgAnime 50s ease-out 0.5s both alternate infinite;
}
#content #fullpage .fp-section .bg .bg__video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#content #fullpage .fp-section .bg .bg__video .video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
}
#content #fullpage .fp-section {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.7s ease-in-out;
  text-indent: -9999em;
}
#content #fullpage .fp-section.fp-completely.active {
  visibility: visible;
  opacity: 1;
}

#eventFooterSns, #topBtn,
#sp_msg {
  display: none;
}

#sp_msg {
  background: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
}

#loadingBg {
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  background: #000;
  z-index: 99998;
}

#loading {
  height: 126px;
  width: 276px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(https://static.ncsoft.jp/images/event/bns/update/1903/img/common/loader_bns_off.png) center/contain no-repeat;
  z-index: 99999;
}
#loading #gauge {
  height: 0;
  width: 276px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
#loading #gauge::before {
  content: "";
  height: 126px;
  width: 276px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  background: url(https://static.ncsoft.jp/images/event/bns/update/1903/img/common/loader_bns_on.png) center/contain no-repeat;
}

@media screen and (max-width: 420px) {
  html,
body {
    font-size: 3.4vw;
  }
}
@media screen and (max-width: 812px) {
  html,
body {
    min-width: auto !important;
  }

  #eventFooterSns, #topBtn,
#sp_msg {
    display: none;
  }

  #content {
    height: 100%;
    width: 100%;
  }
  #content .inner {
    width: 100%;
  }
  #content #fullpage .section {
    width: 100%;
  }
  #content #fullpage .section .fp-tableCell::before {
    height: 40vw;
    background-size: contain;
  }
  #content #fullpage .section .cnt {
    max-width: 100%;
  }
  #content #fullpage .section .cnt .spBlock {
    display: block;
  }
  #content #fullpage .section .cnt .spNone {
    display: none;
  }

  #ncjSnsHolder {
    top: 50px !important;
    right: 15px !important;
  }
  #ncjSnsHolder li a {
    height: 25px;
    width: 25px;
  }

  #loading {
    height: 82px;
    width: 180px;
  }
  #loading #gauge {
    height: 82px;
    width: 180px;
  }
  #loading #gauge::before {
    height: 82px;
    width: 180px;
  }
}
@media only screen and (min-aspect-ratio: 13/9) {
  #sp_msg {
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #000;
  }
  #sp_msg .sp_msg_cont i {
    height: 90px;
    width: 102px;
    display: block;
    background: url("https://static.ncsoft.jp/images/event/bns/update/1812/img/common/message_landscape_icon.jpg") 50% 0/cover no-repeat;
    margin: 0 auto 20px auto;
  }
  #sp_msg .sp_msg_cont p {
    text-align: center;
    color: #fff;
  }
}
#content.active .section.active [class*=slU--] {
  animation: slideUp 0.75s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
#content.active .section.active [class*=slD--] {
  animation: slideDown 0.75s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
#content.active .section.active [class*=slR--] {
  animation: slideRight 0.35s ease both;
}
#content.active .section.active [class*=slL--] {
  animation: slideLeft 0.35s ease both;
}
#content.active .section.active [class*=sclY--] {
  animation: sclY 0.35s ease both;
}
#content.active .section.active [class*=sclX--] {
  animation: sclX 0.35s ease both;
}
#content.active .section.active [class*=puff--] {
  animation: puff 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22) both;
}
#content.active .section.active [class*="--d--1"] {
  animation-delay: 0.35s;
}
#content.active .section.active [class*="--d--2"] {
  animation-delay: 0.55s;
}
#content.active .section.active [class*="--d--3"] {
  animation-delay: 0.7s;
}
#content.active .section.active [class*="--d--4"] {
  animation-delay: 0.85s;
}
#content.active .section.active [class*="--d--5"] {
  animation-delay: 1s;
}
#content.active .section.active [class*="--d--6"] {
  animation-delay: 1.15s;
}
#content.active .section.active [class*="--d--7"] {
  animation-delay: 1.3s;
}
#content.active .section.active [class*="--d--8"] {
  animation-delay: 1.45s;
}
#content.active .section.active [class*="--d--9"] {
  animation-delay: 1.6s;
}
#content.active .section.active [class*="--d--10"] {
  animation-delay: 1.75s;
}
#content.active .section.active [class*="--d--11"] {
  animation-delay: 1.9s;
}
#content.active .section.active [class*="--d--12"] {
  animation-delay: 2.05s;
}
#content.active .section.active [class*="--d--13"] {
  animation-delay: 2.2s;
}
#content.active .section.active [class*="--d--14"] {
  animation-delay: 2.35s;
}
#content.active .section.active [class*="--d--15"] {
  animation-delay: 2.5s;
}
@keyframes bgAnime {
  0% {
    transform: scale(1) translateY(0);
    transform-origin: 50% 16%;
  }
  100% {
    transform: scale(1.25) translateY(-15px);
    transform-origin: top;
  }
}
@keyframes mainIn {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes mainOut {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes mainShine {
  0%, 100% {
    filter: brightness(100%);
  }
  50% {
    filter: brightness(150%);
  }
}
@keyframes bnrShine {
  0%, 30% {
    filter: brightness(100%);
  }
  15% {
    filter: brightness(150%);
  }
}
@keyframes gateL {
  0% {
    transform: translate(-100%, 0) skewX(0);
  }
  100% {
    transform: translate(0, 0) skewX(0);
  }
}
@keyframes gateR {
  0% {
    transform: translate(100%, 0) skewX(0);
  }
  100% {
    transform: translate(0, 0) skewX(0);
  }
}
@keyframes puff {
  0% {
    transform: scale(1.2);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomOut {
  10% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes navLeft {
  0% {
    margin-left: -300px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinkOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
#content {
  -webkit-user-select: none;
  user-select: none;
}
#content #banner {
  display: none;
  height: auto;
  width: 200px;
  position: fixed;
  top: 120px;
  right: 20px;
  z-index: 999;
}
#content #banner a {
  display: block;
  opacity: 0;
  transition: all 0.3s;
}
#content #banner a:hover {
  filter: brightness(150%);
}
#content #banner a img {
  max-width: 100%;
  animation: bnrShine 5s ease both infinite;
}
@media screen and (max-width: 812px) {
  #content #banner {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 20px;
    height: auto;
    width: 35%;
  }
  #content #banner a {
    opacity: 0;
    width: 100%;
  }
}
#content #headArea {
  height: 100%;
  width: 270px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
  margin-left: -500px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.75);
}
#content #headArea .fixObj .bnsLogo {
  z-index: 999;
  position: static;
  height: 90px;
  width: 175px;
  margin: 45px auto 0;
  text-align: center;
}
#content #headArea .fixObj .bnsLogo a {
  display: block;
  background: url(https://static.ncsoft.jp/images/bns/common/logo_wh.png) center/contain no-repeat;
}
#content #headArea #nav__btn {
  height: 30px;
  width: 30px;
  position: fixed;
  top: 51px;
  left: 15px;
  transition: all 0.4s;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  z-index: 9999;
  cursor: pointer;
}
#content #headArea #nav__btn i {
  height: 2px;
  width: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.4s;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  margin-left: -12.5px;
}
#content #headArea #nav__btn i:nth-child(1) {
  margin-top: -9px;
}
#content #headArea #nav__btn i:nth-child(2) {
  margin-top: -1px;
}
#content #headArea #nav__btn i:nth-child(3) {
  margin-top: 7px;
}
#content #headArea #nav__btn.active i {
  display: inline-block;
}
#content #headArea #nav__btn.active i:nth-child(1) {
  transform: translateY(13px) rotate(-45deg);
  margin-top: -15px;
}
#content #headArea #nav__btn.active i:nth-child(2) {
  opacity: 0;
}
#content #headArea #nav__btn.active i:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
  margin-top: 10px;
}
#content #headArea #nav {
  width: 100%;
  padding: 0 20px;
}
#content #headArea #nav ul li a {
  font-size: 0.8rem;
  color: #fff;
  text-indent: 0;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: all 0.35s ease;
}
#content #headArea #nav ul li a:hover {
  filter: brightness(130%);
}
#content #headArea #nav #page-nav {
  height: 38vh;
  min-height: 250px;
  max-height: calc(100vh - 510px);
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
#content #headArea #nav #page-nav li {
  width: 100%;
}
#content #headArea #nav #page-nav li a {
  color: #aaa;
}
#content #headArea #nav #page-nav li.active a {
  color: #fff;
  text-shadow: 0 0 8px #fff, 0 0 5px #fff;
}
#content #headArea #nav #fix-btn [class*=fix-btn--] {
  height: 50px;
  width: 100%;
  margin-top: 20px;
}
#content #headArea #nav #fix-btn [class*=fix-btn--] a {
  text-shadow: -1px -1px 0 #000;
  height: 100%;
  width: 100%;
}
#content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(1) a {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/btn_down.png") center/cover no-repeat;
  border: 1px solid #ce8b6b;
}
#content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(2) a {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/btn_join.png") center/cover no-repeat;
  border: 1px solid #8694aa;
}
#content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(3) a {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/btn_toranomaki.png") center/cover no-repeat;
  border: 1px solid #6944b1;
  padding-right: 3em;
  position: relative;
}
#content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(3) a::before {
  content: "";
  height: 65px;
  width: 75px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/btn_join_deco.png") center top/cover no-repeat;
}
#content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(4), #content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(5) {
  height: 45px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(4) a, #content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(5) a {
  color: #999;
  background: rgb(34, 30, 30);
  background: linear-gradient(to bottom, rgb(34, 30, 30) 10%, rgb(21, 18, 18) 50%, rgb(34, 30, 30) 90%, rgb(34, 30, 30) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#221e1e", endColorstr="#221e1e",GradientType=0 );
  border: 1px solid #3c3636;
}
@media screen and (max-width: 812px) {
  #content #headArea {
    width: 225px;
  }
  #content #headArea .fixObj .bnsLogo {
    height: 46px;
    width: 100px;
    position: fixed;
    top: 43px;
    left: 60px;
    margin: 0;
  }
  #content #headArea .fixObj .bnsLogo a {
    height: 46px;
    width: 100px;
    margin: 0;
  }
  #content #headArea #nav {
    height: calc(100% - 36px);
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    -ms-align-content: space-between;
    align-content: space-between;
    padding-top: 65px;
    padding-bottom: 20px;
  }
  #content #headArea #nav ul {
    width: 100%;
  }
  #content #headArea #nav #page-nav {
    min-height: 35vh;
    max-height: calc(100vh - 450px);
  }
  #content #headArea #nav #fix-btn {
    height: auto;
  }
  #content #headArea #nav #fix-btn [class*=fix-btn--] {
    height: 45px;
    width: 100%;
    margin-top: 10px;
  }
  #content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(3) a::before {
    content: "";
    height: 50px;
    width: 55px;
  }
  #content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(4), #content #headArea #nav #fix-btn [class*=fix-btn--]:nth-child(5) {
    height: 35px;
  }
}
@media screen and (max-width: 420px) {
  #content #headArea #nav ul li a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 812px) {
  #content #fullpage::before {
    content: "";
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 );
    /* IE6-9 */
    height: calc(36px + 18vw);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
  }
}
#content #fullpage .section::before {
  content: "";
  height: 150px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc000000", endColorstr="#00000000",GradientType=0 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3000000", endColorstr="#00000000",GradientType=0 );
}
@media screen and (max-width: 812px) {
  #content #fullpage .section::before {
    height: 33.3333333333vw;
    width: 100%;
  }
}
#content #fullpage .section .fp-tableCell {
  align-items: flex-start;
  padding-top: 70px;
}
#content #fullpage .section.story .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/bg.webp") center top/cover no-repeat;
}
#content #fullpage .section.gate .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg.webp") center top/cover no-repeat;
}
#content #fullpage .section.class .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg.webp") center top/cover no-repeat;
}
#content #fullpage .section.race .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg.webp") center top/cover no-repeat;
}
#content #fullpage .section.contents .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/bg.webp") center top/cover no-repeat;
}
#content #fullpage .section.gallery .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/bg.webp") center top/cover no-repeat;
}
#content #fullpage .section.enjoyBnS .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/enjoyBnS/bg.webp") center top/cover no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section .fp-tableCell {
    padding-top: calc(60px + 3vw);
  }
  #content #fullpage .section.story .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/story/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.gate .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.class .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.race .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.contents .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.gallery .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.enjoyBnS .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/enjoyBnS/bg_sp.webp") center top/cover no-repeat;
  }
}
#content #fullpage .section .cnt .cnt__title {
  height: 94px;
  width: 100%;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 1.85em;
  color: white;
  text-align: center;
  text-indent: 0;
  font-family: "黎ミン H";
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/ttl_bg.png") center top/contain no-repeat;
  padding-bottom: 9px;
  margin-bottom: 20px;
}
#content #fullpage .section .cnt .cnt__title span {
  display: inline-block;
  position: relative;
}
#content #fullpage .section .cnt .cnt__title span::before, #content #fullpage .section .cnt .cnt__title span::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%) rotate(45deg);
  background: rgba(242, 191, 102, 0.5);
}
#content #fullpage .section .cnt .cnt__title span::after {
  left: auto;
  right: -30px;
}
#content #fullpage .section .cnt .cnt__text {
  color: #fff;
  text-align: center;
  text-indent: 0;
  font-family: "黎ミン M";
  text-shadow: 0 0 15px #000, 0 0 5px #000;
  position: relative;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section .cnt .cnt__title {
    height: 12.5333333333vw;
    width: 100%;
    font-size: 1.25rem;
    max-height: 94px;
    margin-bottom: 2vw;
    padding-bottom: 1.2vw;
  }
  #content #fullpage .section .cnt .cnt__title span::before, #content #fullpage .section .cnt .cnt__title span::after {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: -20px;
  }
  #content #fullpage .section .cnt .cnt__title span::after {
    left: auto;
    right: -20px;
  }
}
#content #fullpage .section.main .fp-tableCell {
  padding-top: 0;
}
#content #fullpage .section.main .cnt {
  height: 100%;
  width: 100%;
}
#content #fullpage .section.main .cnt * {
  position: fixed;
  top: 0;
  left: 0;
}
#content #fullpage .section.main .cnt .cnt__char {
  height: 100%;
  width: 100%;
}
#content #fullpage .section.main .cnt .cnt__char i {
  display: block;
  opacity: 0;
  height: 100%;
  width: 100%;
}
#content #fullpage .section.main .cnt .cnt__char i.off {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_off.webp") center/cover no-repeat;
}
#content #fullpage .section.main .cnt .cnt__char i.on {
  opacity: 0;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_on.webp") center/cover no-repeat;
}
#content #fullpage .section.main .cnt .cnt__char i.bns {
  opacity: 0;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_bns.webp") center/cover no-repeat;
}
#content #fullpage .section.main .cnt .cnt__btn {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 25vh;
  opacity: 0;
}
#content #fullpage .section.main .cnt .cnt__btn a {
  display: block;
  position: static;
  height: 113px;
  width: 112px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/btn.png") center top/contain no-repeat;
  transition: all 0.35s ease;
}
#content #fullpage .section.main .cnt .cnt__btn a:hover {
  opacity: 0.65;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.main .cnt .cnt__char i.off {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_off_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.main .cnt .cnt__char i.on {
    opacity: 0;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_on_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.main .cnt .cnt__char i.bns {
    opacity: 0;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_bns_sp.png") center top/cover no-repeat;
  }
  #content #fullpage .section.main .cnt .cnt__btn {
    margin-top: 45%;
  }
  #content #fullpage .section.main .cnt .cnt__btn a {
    display: block;
    height: 24vw;
    width: 24vw;
    max-width: 112px;
    max-height: 113px;
  }
  #content #fullpage .section.main .cnt .cnt__btn a:hover {
    opacity: 1;
  }
  #content #fullpage .section.main .bg .bg__cover {
    background: rgba(0, 0, 0, 0.25);
  }
  #content #fullpage .section.main .bg .bg__video {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/bg_sp.webp") center top/cover no-repeat;
  }
  #content #fullpage .section.main .bg .bg__video video {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  #content #fullpage .section.main .cnt__btn {
    margin-top: 20vh;
  }
}
#content #fullpage .section.story .fp-tableCell {
  align-items: center;
  padding-top: 0;
}
#content #fullpage .section.story .cnt__text {
  margin-bottom: 50px;
}
#content #fullpage .section.story .cnt__text.frame {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 550px;
  width: 650px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm.webp") center/cover no-repeat;
}
#content #fullpage .section.story .anime .anime__chara--1 {
  height: 743px;
  width: 354px;
  margin-top: -100px;
  margin-left: -520px;
  z-index: 13;
}
#content #fullpage .section.story .anime .anime__chara--2 {
  height: 1116px;
  width: 648px;
  margin-top: -400px;
  margin-left: 240px;
  z-index: 10;
}
#content #fullpage .section.story .anime .anime__chara--3 {
  height: 802px;
  width: 325px;
  margin-top: -400px;
  margin-left: -655px;
  z-index: 10;
}
#content #fullpage .section.story .anime [class*=anime__name--] {
  height: 104px;
  width: 300px;
  z-index: 12;
}
#content #fullpage .section.story .anime .anime__name--1 {
  margin-top: 235px;
  margin-left: -590px;
  z-index: 14;
}
#content #fullpage .section.story .anime .anime__name--2 {
  margin-top: 95px;
  margin-left: 260px;
}
#content #fullpage .section.story .anime .anime__name--3 {
  margin-top: -60px;
  margin-left: -710px;
}
#content #fullpage .section.story .anime .anime__chara--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_1.webp") center/cover no-repeat;
}
#content #fullpage .section.story .anime .anime__name--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_name_1.webp") center/contain no-repeat;
}
#content #fullpage .section.story .anime .anime__chara--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_2.webp") center/cover no-repeat;
}
#content #fullpage .section.story .anime .anime__name--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_name_2.webp") center/contain no-repeat;
}
#content #fullpage .section.story .anime .anime__chara--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_3.webp") center/cover no-repeat;
}
#content #fullpage .section.story .anime .anime__name--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_name_3.webp") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.story .fp-tableCell {
    align-items: flex-start;
    padding-top: calc(60px + 3vw);
  }
  #content #fullpage .section.story .cnt__text.frame {
    height: auto;
    width: 100%;
    min-height: 50vh;
    padding: 2vw;
    margin: 13.3333333333vw 0 4.6666666667vw;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm_m_sp.png") center/contain repeat-y;
  }
  #content #fullpage .section.story .cnt__text.frame::before, #content #fullpage .section.story .cnt__text.frame::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
  }
  #content #fullpage .section.story .cnt__text.frame::before {
    height: 4.6666666667vw;
    top: -4.6666666667vw;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm_t_sp.png") center bottom/cover no-repeat;
  }
  #content #fullpage .section.story .cnt__text.frame::after {
    height: 4.6666666667vw;
    bottom: -4.6666666667vw;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm_b_sp.png") center top/cover no-repeat;
  }
  #content #fullpage .section.story .anime [class*=anime__] {
    display: none;
  }
}
#content #fullpage .section.gate .fp-tableCell::before {
  display: none;
}
#content #fullpage .section.gate .cnt__gate {
  height: 100%;
  width: 100%;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] {
  width: 50%;
  align-self: stretch;
  overflow: hidden;
  position: relative;
  transition: all 0.55s ease;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--]::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.55s ease;
  background: rgba(0, 0, 0, 0.65);
  z-index: 2;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].on {
  width: 70%;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].on::after {
  opacity: 0;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--]::before {
  content: "";
  height: 100%;
  width: 3px;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #7b8aff, white, #7b8aff, rgba(0, 0, 0, 0));
  z-index: 3;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__item {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  z-index: 3;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__item .item__title {
  height: 156px;
  width: 458px;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime::before {
  content: "";
  height: 250px;
  width: 100%;
  background: url(https://static.ncsoft.jp/images/event/bns/update/1906/img/common/bg_bottom.png) center bottom/contain repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] {
  position: absolute;
  top: 50px;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] div:nth-child(2) {
  opacity: 0;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--1-1 {
  height: 966px;
  width: 864px;
  margin-top: 70px;
  margin-right: -250px;
  z-index: 2;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--1-2 {
  height: 601px;
  width: 561px;
  margin-top: 15px;
  margin-right: 150px;
  z-index: 1;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--2-1 {
  height: 1032px;
  width: 419px;
  margin-top: 35px;
  margin-left: 15px;
  z-index: 2;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--2-2 {
  height: 1039px;
  width: 531px;
  margin-top: -30px;
  margin-left: 270px;
  z-index: 1;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .item__title {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/ttl_1.webp") center/contain no-repeat;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-1 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_1.webp") center/contain no-repeat;
  z-index: 2;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-2 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_2.webp") center/contain no-repeat;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg_1.webp") center right/cover no-repeat;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__item {
  right: 0;
  margin-right: 135px;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 [class*=anime__chara--] {
  right: 0;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .item__title {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/ttl_2.webp") center/contain no-repeat;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-1 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_1.webp") center/contain no-repeat;
  z-index: 2;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-2 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_2.webp") center/contain no-repeat;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg_2.webp") center right/cover no-repeat;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2::before {
  display: none;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__item {
  left: 0;
  margin-left: 135px;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime [class*=anime__chara--] {
  left: 0;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__bg {
  background-position: center left;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__bg {
  height: 100%;
  width: 100%;
  animation: bgAnime 25s ease-out 0.5s both alternate infinite;
}
#content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__bg::before {
  content: "";
  height: 250px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(https://static.ncsoft.jp/images/event/bns/update/1906/img/common/bg_bottom.png) center bottom/contain repeat-x;
  z-index: 1;
}
#content #fullpage .section.gate .gate__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.gate .cnt__gate {
    height: calc(100% - 36px);
    flex-wrap: wrap;
    padding-bottom: 0;
  }
  #content #fullpage .section.gate .cnt__gate::before, #content #fullpage .section.gate .cnt__gate::after {
    display: none;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] {
    width: 100%;
    left: 0;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--]::after {
    display: none;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--]::before {
    height: 2px;
    width: 100%;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), #7b8aff, white, #7b8aff, rgba(0, 0, 0, 0));
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].on {
    width: 100%;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__item .item__title {
    height: 20.6666666667vw;
    width: 100vw;
    max-width: 458px;
    max-height: 156px;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime::before {
    height: 10vh;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] {
    position: absolute;
    top: 50%;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] div:nth-child(2) {
    opacity: 0;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--1-1 {
    height: 125.7333333333vw;
    width: 100vw;
    max-width: 750px;
    max-height: 943px;
    margin-top: -46.6666666667vw;
    margin-right: 0;
    z-index: 2;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--1-2 {
    height: 84.9333333333vw;
    width: 65.6vw;
    max-width: 492px;
    max-height: 637px;
    margin-top: -49.3333333333vw;
    margin-right: auto;
    margin-left: 0;
    z-index: 1;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--2-1 {
    height: 91.3333333333vw;
    width: 57.0666666667vw;
    max-width: 428px;
    max-height: 685px;
    margin-top: -37.3333333333vw;
    margin-left: 6.6666666667vw;
    z-index: 2;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--2-2 {
    height: 85.0666666667vw;
    width: 57.2vw;
    max-width: 429px;
    max-height: 638px;
    margin-top: -39.3333333333vw;
    margin-left: 44vw;
    z-index: 1;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .item__title {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/ttl_1_sp.webp") center/contain no-repeat;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__item {
    right: auto;
    left: 50%;
    margin: 0;
    transform: translate(-50%, 25%);
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-1 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_1_sp.webp") center/contain no-repeat;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-2 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_2_sp.webp") center/contain no-repeat;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .item__title {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/ttl_2_sp.webp") center/contain no-repeat;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__item {
    right: auto;
    left: 50%;
    margin: 0;
    transform: translate(-50%, 25%);
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-1 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_1_sp.webp") center/contain no-repeat;
  }
  #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-2 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_2_sp.webp") center/contain no-repeat;
  }
}
#content #fullpage .section.class .cnt {
  z-index: 99;
}
#content #fullpage .section.class .cnt .cnt__title {
  pointer-events: none;
  position: relative;
  z-index: 2;
  opacity: 0;
}
#content #fullpage .section.class .swiper-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt,
#content #fullpage .section.class .swiper-container .swiper-pagination {
  width: 1170px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -585px;
}
#content #fullpage .section.class .swiper-container .swiper-slide {
  overflow: hidden;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt {
  color: #252219;
  text-indent: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: -26vh;
  z-index: 4;
  opacity: 0;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__title {
  font-size: 88px;
  font-family: "黎ミン H";
  line-height: 1.2;
  z-index: 3;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__subtitle {
  font-size: 1.25rem;
  font-family: "黎ミン H";
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__text {
  width: 525px;
  border-top: 1px solid #252219;
  margin-top: 1em;
  padding-top: 1em;
  font-size: 0.8rem;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__emblem {
  height: 280px;
  width: 280px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -85px;
  margin-left: -225px;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1600px;
  margin-left: -500px;
  opacity: 0;
}
#content #fullpage .section.class .swiper-container [class*=swiper-button-] {
  height: 86px;
  width: 44px;
  position: absolute;
  top: 50%;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/slide_arrow.png") center/contain no-repeat;
  z-index: 999;
  cursor: pointer;
  margin-top: -65px;
}
#content #fullpage .section.class .swiper-container [class*=swiper-button-][class*=swiper-button-prev] {
  left: 10px;
  transform: translateY(-50%);
}
#content #fullpage .section.class .swiper-container [class*=swiper-button-][class*=swiper-button-next] {
  right: 10px;
  transform: translateY(-50%) rotate(180deg);
}
#content #fullpage .section.class .swiper-pagination {
  text-indent: 0;
  text-align: left;
  margin-top: calc(-26vh + 350px);
}
#content #fullpage .section.class .swiper-pagination [class*=swiper-pagination--] {
  z-index: 999;
  text-indent: 0;
  max-width: 840px;
  display: inline-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -ms-align-content: center;
  align-content: center;
  padding-top: 30px;
}
#content #fullpage .section.class .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--] {
  display: block;
  height: 134px;
  width: 120px;
  margin: -30px 0 0;
  position: relative;
  opacity: 0;
  transition: all 0.3s ease;
}
#content #fullpage .section.class .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--] span {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  opacity: 0;
}
#content #fullpage .section.class .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--]:hover span {
  animation: blinkOut 1s both;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt,
#content #fullpage .section.class .swiper-container .swiper-pagination {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 6.6666666667vw;
    left: 0;
    margin-left: 0;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt {
    padding: 0 2.6666666667vw;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt::before {
    height: 30.6666666667vw;
    width: 30.6666666667vw;
    max-width: 280px;
    max-height: 280px;
    margin-top: -26.6666666667vw;
    margin-left: 0vw;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__title {
    font-size: 4.5rem;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__text {
    height: auto;
    width: 100%;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__emblem {
    display: none;
  }
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
  }
  #content #fullpage .section.class .swiper-container [class*=swiper-pagination--] {
    padding-top: 30px;
  }
  #content #fullpage .section.class .swiper-container [class*=swiper-pagination--] [class*=slide-nav--] {
    height: 14.8vw;
    width: 13.3333333333vw;
    margin: -1.3333333333vw 0 0;
  }
  #content #fullpage .section.class .swiper-container [class*=swiper-button-] {
    height: 11.4666666667vw;
    width: 5.8666666667vw;
    max-width: 44px;
    max-height: 86px;
  }
  #content #fullpage .section.class .swiper-container [class*=swiper-button-][class*=swiper-button-prev] {
    left: 10px;
  }
  #content #fullpage .section.class .swiper-container [class*=swiper-button-][class*=swiper-button-next] {
    right: 10px;
  }
}
@media screen and (max-width: 420px) {
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt .slide__text {
    font-size: 0.9rem;
  }
}
#content #fullpage .section.class .swiper-container {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_sp.webp") center/cover no-repeat;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg.webp") center/cover no-repeat;
}
#content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt {
  text-shadow: 0 0 1px #b8c9da, 0 0 3px #b8c9da, 0 0 5px #b8c9da, 0 0 8px #b8c9da;
}
#content #fullpage .section.class .swiper-container [class*=swiper-button-] {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/slide_arrow_b.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.class .swiper-container .swiper-slide .slide__cnt {
    bottom: 40vw;
  }
}
#content #fullpage .section.race .cnt {
  z-index: 99;
}
#content #fullpage .section.race .cnt .cnt__title {
  pointer-events: none;
  position: relative;
  z-index: 2;
  opacity: 0;
}
#content #fullpage .section.race .swiper-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt,
#content #fullpage .section.race .swiper-container .swiper-pagination {
  width: 1170px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -585px;
}
#content #fullpage .section.race .swiper-container .swiper-slide {
  overflow: hidden;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt {
  color: #252219;
  text-indent: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: -26vh;
  z-index: 4;
  opacity: 0;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__title {
  font-size: 88px;
  font-family: "黎ミン H";
  line-height: 1.2;
  z-index: 3;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__subtitle {
  font-size: 1.25rem;
  font-family: "黎ミン H";
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__text {
  width: 525px;
  border-top: 1px solid #252219;
  margin-top: 1em;
  padding-top: 1em;
  font-size: 0.8rem;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__emblem {
  height: 280px;
  width: 280px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -85px;
  margin-left: -225px;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1600px;
  margin-left: -500px;
  opacity: 0;
}
#content #fullpage .section.race .swiper-container [class*=swiper-button-] {
  height: 86px;
  width: 44px;
  position: absolute;
  top: 50%;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/slide_arrow.png") center/contain no-repeat;
  z-index: 999;
  cursor: pointer;
  margin-top: -65px;
}
#content #fullpage .section.race .swiper-container [class*=swiper-button-][class*=swiper-button-prev] {
  left: 10px;
  transform: translateY(-50%);
}
#content #fullpage .section.race .swiper-container [class*=swiper-button-][class*=swiper-button-next] {
  right: 10px;
  transform: translateY(-50%) rotate(180deg);
}
#content #fullpage .section.race .swiper-pagination {
  text-indent: 0;
  text-align: left;
  margin-top: calc(-26vh + 350px);
}
#content #fullpage .section.race .swiper-pagination [class*=swiper-pagination--] {
  z-index: 999;
  text-indent: 0;
  max-width: 840px;
  display: inline-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -ms-align-content: center;
  align-content: center;
  padding-top: 30px;
}
#content #fullpage .section.race .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--] {
  display: block;
  height: 134px;
  width: 120px;
  margin: -30px 0 0;
  position: relative;
  opacity: 0;
  transition: all 0.3s ease;
}
#content #fullpage .section.race .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--] span {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  opacity: 0;
}
#content #fullpage .section.race .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--]:hover span {
  animation: blinkOut 1s both;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt,
#content #fullpage .section.race .swiper-container .swiper-pagination {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 6.6666666667vw;
    left: 0;
    margin-left: 0;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt {
    padding: 0 2.6666666667vw;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt::before {
    height: 30.6666666667vw;
    width: 30.6666666667vw;
    max-width: 280px;
    max-height: 280px;
    margin-top: -26.6666666667vw;
    margin-left: 0vw;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__title {
    font-size: 4.5rem;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__text {
    height: auto;
    width: 100%;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__emblem {
    display: none;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
  }
  #content #fullpage .section.race .swiper-container [class*=swiper-pagination--] {
    padding-top: 30px;
  }
  #content #fullpage .section.race .swiper-container [class*=swiper-pagination--] [class*=slide-nav--] {
    height: 14.8vw;
    width: 13.3333333333vw;
    margin: -1.3333333333vw 0 0;
  }
  #content #fullpage .section.race .swiper-container [class*=swiper-button-] {
    height: 11.4666666667vw;
    width: 5.8666666667vw;
    max-width: 44px;
    max-height: 86px;
  }
  #content #fullpage .section.race .swiper-container [class*=swiper-button-][class*=swiper-button-prev] {
    left: 10px;
  }
  #content #fullpage .section.race .swiper-container [class*=swiper-button-][class*=swiper-button-next] {
    right: 10px;
  }
}
@media screen and (max-width: 420px) {
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__text {
    font-size: 0.9rem;
  }
}
#content #fullpage .section.race .swiper-container {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg.webp") center/cover no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .slide__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_1.png") center no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .slide__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_2.png") center no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .slide__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_3.png") center no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .slide__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_4.png") center no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt {
  color: #fff;
  text-shadow: 0 0 5px #0b254e, 0 0 8px #0b254e;
}
#content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt .slide__text {
  border-top: 1px solid #fff;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_1_off.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--1.swiper-pagination-bullet-active,
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--1 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_1_on.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_2_off.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--2.swiper-pagination-bullet-active,
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--2 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_2_on.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_3_off.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--3.swiper-pagination-bullet-active,
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--3 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_3_on.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--4 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_4_off.png") center/contain no-repeat;
}
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--4.swiper-pagination-bullet-active,
#content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--4 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_4_on.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .slide__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_1_sp.png") center top 80px/contain no-repeat;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .slide__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_2_sp.png") center top 80px/contain no-repeat;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .slide__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_3_sp.png") center top 80px/contain no-repeat;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .slide__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/new_race_4_sp.png") center top 80px/contain no-repeat;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .slide__cnt {
    bottom: 30.6666666667vw;
  }
  #content #fullpage .section.race .swiper-container .swiper-slide .anime .anime__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_sp.webp") center/cover no-repeat;
  }
  #content #fullpage .section.race .swiper-container .swiper-pagination--race {
    padding-left: 2.6666666667vw;
    width: 100%;
  }
}
#content #fullpage .section.contents .fp-tableCell {
  align-items: center;
  padding-top: 0;
}
#content #fullpage .section.contents .cnt .cnt__movie {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  text-indent: 0;
  margin: 20px 0 0;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame {
  width: 700px;
  margin: 0;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/movie_frm_m.png") center/contain repeat-y;
  padding: 5px;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie {
  position: relative;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 485px;
  background: #000;
  padding: 0.5em;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::before, #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::after {
  content: "";
  position: absolute;
  left: -5px;
  height: 5px;
  width: calc(100% + 10px);
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::before {
  top: -5px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/movie_frm_t.png") center top/contain no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::after {
  bottom: -5px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/movie_frm_b.png") center bottom/contain no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie .movie-view {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie .movie-view iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie .movie-detail {
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.4;
  font-family: "黎ミン H";
  text-shadow: none;
  padding: 0.5em 1em;
  margin-top: 0.5em;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/movie_detail_bg.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie .movie-detail span {
  color: #bca174;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav {
  position: static;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 280px;
  margin-left: 1em;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -ms-align-content: space-between;
  align-content: space-between;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--] {
  display: block;
  height: 60px;
  width: 100%;
  background: #000;
  border-radius: 0;
  opacity: 1;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_1_off.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_2_off.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_3_off.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--4 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_4_off.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--5 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_5_off.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--6 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_6_off.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--4, #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--5, #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--6 {
  height: 65px;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].swiper-pagination-bullet-active.slide-nav--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_1_on.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].swiper-pagination-bullet-active.slide-nav--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_2_on.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].swiper-pagination-bullet-active.slide-nav--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_3_on.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].swiper-pagination-bullet-active.slide-nav--4 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_4_on.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].swiper-pagination-bullet-active.slide-nav--5 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_5_on.png") center/cover no-repeat;
}
#content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].swiper-pagination-bullet-active.slide-nav--6 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/nav_6_on.png") center/cover no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.contents .cnt {
    padding: 0;
  }
  #content #fullpage .section.contents .cnt .cnt__movie {
    display: block;
    width: 90%;
    margin: 1em auto 0;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-frame {
    width: 100%;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide {
    padding: 0.6666666667vw;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie {
    min-height: 72vw;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::before, #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::after {
    height: 0.6666666667vw;
    left: -0.6666666667vw;
    background-size: cover;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::before {
    top: -0.6666666667vw;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-frame .swiper-slide .movie::after {
    bottom: -0.6666666667vw;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-nav {
    width: 100%;
    margin-left: 0;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents {
    justify-content: space-between;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--] {
    width: 48%;
    height: 10vw;
    border: 1px solid #855916;
    margin-top: 0.5em;
  }
  #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--4, #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--5, #content #fullpage .section.contents .cnt .cnt__movie .movie-nav .swiper-pagination--contents [class*=slide-nav--].slide-nav--6 {
    height: 10vw;
  }
}
#content #fullpage .section.contents .cnt .cnt__item-list {
  width: 100%;
  max-width: 1170px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10vh;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item {
  width: 365px;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame {
  height: 206px;
  width: 100%;
  position: relative;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_m.png") center/contain repeat-y;
  padding: 6px;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::after {
  content: "";
  height: 6px;
  width: 100%;
  z-index: 2;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_t.png") center bottom/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::after {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_b.png") center top/contain no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-indent: 0;
  background: #000;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame a img {
  max-width: 100%;
  -ms-filter: "alpha(opacity=60)";
  filter: "alpha(opacity=60)";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame a:hover img {
  -ms-filter: "alpha(opacity=100)";
  filter: "alpha(opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item__title {
  font-size: 1.25rem;
  color: white;
  text-align: center;
  text-indent: 0;
  font-family: "黎ミン H";
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -ms-align-content: center;
  align-content: center;
  margin-top: 1em;
  height: 58px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_title_s.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.contents .cnt .cnt__item-list {
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 5vh;
  }
  #content #fullpage .section.contents .cnt .cnt__item-list .item {
    width: 45.3333333333vw;
    margin: 6.6666666667vw 0.9333333333vw 0;
  }
  #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame {
    height: 25.4666666667vw;
    padding: 2px;
  }
  #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::after {
    height: 2px;
    width: 100%;
  }
  #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::before {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame::after {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.contents .cnt .cnt__item-list .item .item__title {
    font-size: 1rem;
    height: 7.3333333333vw;
  }
}
#content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame a::before {
  height: 95px;
  width: 95px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/icon_video.png") center/contain no-repeat;
}
#content #fullpage .section.contents .anime .anime__chara {
  height: 869px;
  width: 272px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/char_1.webp") center/contain no-repeat;
  margin-top: -45vh;
  margin-left: 430px;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.contents .cnt .cnt__item-list .item .item-frame a::before {
    height: 12.6666666667vw;
    width: 12.6666666667vw;
    max-width: 95px;
    max-height: 95px;
  }
}
#content #fullpage .section.gallery .cnt .cnt__item-list {
  width: 100%;
  max-width: 1170px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10vh;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item {
  width: 365px;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame {
  height: 206px;
  width: 100%;
  position: relative;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_m.png") center/contain repeat-y;
  padding: 6px;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
  content: "";
  height: 6px;
  width: 100%;
  z-index: 2;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_t.png") center bottom/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_b.png") center top/contain no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-indent: 0;
  background: #000;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame a img {
  max-width: 100%;
  -ms-filter: "alpha(opacity=60)";
  filter: "alpha(opacity=60)";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame a:hover img {
  -ms-filter: "alpha(opacity=100)";
  filter: "alpha(opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item__title {
  font-size: 1.25rem;
  color: white;
  text-align: center;
  text-indent: 0;
  font-family: "黎ミン H";
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -ms-align-content: center;
  align-content: center;
  margin-top: 1em;
  height: 58px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_title_s.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.gallery .cnt .cnt__item-list {
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 5vh;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item {
    width: 45.3333333333vw;
    margin: 6.6666666667vw 0.9333333333vw 0;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame {
    height: 25.4666666667vw;
    padding: 2px;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
    height: 2px;
    width: 100%;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item__title {
    font-size: 1rem;
    height: 7.3333333333vw;
  }
}
#content #fullpage .section.gallery .cnt .cnt__title {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/ttl_bg_l.png") center/contain no-repeat;
}
#content #fullpage .section.gallery .cnt .cnt__item-list {
  max-width: 950px;
  margin-top: 35vh;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item {
  width: 300px;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame {
  height: 170px;
  padding: 5px;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
  height: 5px;
  width: 100%;
}
#content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame a::before {
  height: 65px;
  width: 65px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/icon_gallery.png") center/contain no-repeat;
}
#content #fullpage .section.gallery .anime .anime__chara--1 {
  height: 664px;
  width: 590px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_1.webp") center/contain no-repeat;
  margin-top: -280px;
  margin-left: -130px;
  z-index: 3;
}
#content #fullpage .section.gallery .anime .anime__chara--2 {
  height: 600px;
  width: 189px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_2.webp") center/contain no-repeat;
  margin-top: -240px;
  margin-left: -330px;
}
#content #fullpage .section.gallery .anime .anime__chara--3 {
  height: 593px;
  width: 418px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_3.webp") center/contain no-repeat;
  margin-top: -235px;
  margin-left: -220px;
  z-index: 2;
}
#content #fullpage .section.gallery .anime .anime__chara--4 {
  height: 584px;
  width: 224px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_4.webp") center/contain no-repeat;
  margin-top: -275px;
  margin-left: -435px;
  z-index: 1;
}
#content #fullpage .section.gallery .anime .anime__chara--5 {
  height: 636px;
  width: 326px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_5.webp") center/contain no-repeat;
  margin-top: -240px;
  margin-left: 250px;
  z-index: 4;
}
#content #fullpage .section.gallery .anime .anime__chara--6 {
  height: 608px;
  width: 1308px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_6.webp") center/contain no-repeat;
  margin-top: -185px;
  margin-left: -645px;
  z-index: 5;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.gallery .cnt .cnt__item-list {
    margin-top: 0;
    position: fixed;
    bottom: 9.3333333333vw;
    left: 0;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item {
    width: 42.6666666667vw;
    margin: 4vw 2vw 0;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame {
    height: 24vw;
    padding: 2px;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
    height: 2px;
    width: 100%;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::before {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame::after {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.gallery .cnt .cnt__item-list .item .item-frame a::before {
    height: 12.6666666667vw;
    width: 12.6666666667vw;
    max-width: 65px;
    max-height: 65px;
  }
  #content #fullpage .section.gallery .anime [class*=anime__chara--] {
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
  }
  #content #fullpage .section.gallery .anime .anime__chara--1 {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_1_sp.webp") center top 200px/contain no-repeat;
    z-index: 2;
  }
  #content #fullpage .section.gallery .anime .anime__chara--3 {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_2_sp.webp") center top 200px/contain no-repeat;
    z-index: 1;
  }
  #content #fullpage .section.gallery .anime .anime__chara--5 {
    height: 100%;
    width: 100%;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_3_sp.webp") center top 200px/contain no-repeat;
    z-index: 3;
  }
  #content #fullpage .section.gallery .anime .anime__chara--2,
#content #fullpage .section.gallery .anime .anime__chara--4,
#content #fullpage .section.gallery .anime .anime__chara--6 {
    display: none;
  }
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.gallery .anime .anime__chara--1,
#content #fullpage .section.gallery .anime .anime__chara--3 {
    -moz-background-position: center top 20vh;
    -ms-background-position: center top 20vh;
    background-position: center top 20vh;
  }
  #content #fullpage .section.gallery .anime .anime__chara--5 {
    width: 77%;
    -moz-background-position: right -3vw top 19vh;
    -ms-background-position: right -3vw top 19vh;
    background-position: right -3vw top 19vh;
  }
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list {
  width: 100%;
  max-width: 1170px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10vh;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item {
  width: 365px;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame {
  height: 206px;
  width: 100%;
  position: relative;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_m.png") center/contain repeat-y;
  padding: 6px;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::after {
  content: "";
  height: 6px;
  width: 100%;
  z-index: 2;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_t.png") center bottom/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::after {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_frm_b.png") center top/contain no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-indent: 0;
  background: #000;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame a img {
  max-width: 100%;
  -ms-filter: "alpha(opacity=60)";
  filter: "alpha(opacity=60)";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame a:hover img {
  -ms-filter: "alpha(opacity=100)";
  filter: "alpha(opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item__title {
  font-size: 1.25rem;
  color: white;
  text-align: center;
  text-indent: 0;
  font-family: "黎ミン H";
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -ms-align-content: center;
  align-content: center;
  margin-top: 1em;
  height: 58px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_title_s.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list {
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 5vh;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item {
    width: 45.3333333333vw;
    margin: 6.6666666667vw 0.9333333333vw 0;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame {
    height: 25.4666666667vw;
    padding: 2px;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::before, #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::after {
    height: 2px;
    width: 100%;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::before {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame::after {
    -ms-background-size: cover;
    background-size: cover;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item__title {
    font-size: 1rem;
    height: 7.3333333333vw;
  }
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame a[target=_blank]::before {
  height: 30px;
  width: 30px;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/icon_blank.png") center/contain no-repeat;
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  transform: translate(0, 0);
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item__title {
  height: 103px;
  color: #f5323a;
  line-height: 1.5;
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_ttl_l.png") center/contain no-repeat;
}
#content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item__title span {
  width: 100%;
  font-size: 0.9rem;
  color: white;
  font-family: "UD新ゴ M";
}
@media screen and (max-width: 812px) {
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list {
    margin-top: 0;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item-frame a[target=_blank]::before {
    height: 20px;
    width: 20px;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item__title {
    height: 16.6666666667vw;
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/common/item_title_l_sp.png") center/contain no-repeat;
  }
  #content #fullpage .section.enjoyBnS .cnt .cnt__item-list .item .item__title span {
    font-size: 0.8rem;
  }
}
#content.active #banner a {
  animation: slideRight 0.35s ease both;
}
#content.active #banner a:nth-child(1) {
  animation-delay: 0.3s;
}
#content.active #banner a:nth-child(1) img {
  animation-delay: 1s;
}
#content.active #banner a:nth-child(2) {
  animation-delay: 0.35s;
}
#content.active #banner a:nth-child(2) img {
  animation-delay: 1.25s;
}
@media screen and (max-width: 812px) {
  #content.active #banner a {
    animation: none;
  }
}
#content.active #headArea.active {
  margin-left: 0;
}
#content.active.mainFirst #banner a:nth-child(1) {
  animation-delay: 2.75s;
}
#content.active.mainFirst #banner a:nth-child(2) {
  animation-delay: 2.8s;
}
#content.active.mainFirst #headArea #nav__btn {
  opacity: 0;
}
#content.active.mainFirst #headArea.active {
  animation: navLeft 0.4s 2.75s both;
}
#content.active.mainFirst #headArea.active .active {
  animation: fadeIn 0.25s 2.75s both;
}
#content.active #fullpage {
  z-index: 9;
}
#content.active #fullpage .section.active.main .cnt .cnt__char .off {
  animation: mainIn 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both, zoomOut 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s both;
}
#content.active #fullpage .section.active.main .cnt .cnt__char .bns {
  animation: mainOut 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both, zoomOut 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s both;
}
#content.active #fullpage .section.active.main .cnt .cnt__char .on {
  animation: fadeIn 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both, mainShine 1.5s ease-in-out 0.7s;
}
#content.active #fullpage .section.active.main .cnt .cnt__btn {
  animation: fadeIn 0.73s ease 2.75s both;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--] .gate__item {
  animation: fadeIn 1s both;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--] .gate__anime [class*=anime__chara--] div {
  animation: slideUp 1s cubic-bezier(0.185, 1.45, 0.745, 1.54) both;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--1-1 div,
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--2-1 div {
  animation-delay: 1.5s;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--1-2 div,
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--] .gate__anime .anime__chara--2-2 div {
  animation-delay: 1.65s;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--].gate--1 {
  animation: gateL 0.35s ease-out 1s both;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--].gate--2 {
  animation: gateR 0.35s ease-out 1s both;
}
#content.active #fullpage .section.active.gate .cnt__gate [class*=gate--].on .gate__anime [class*=anime__chara--] div:nth-child(2) {
  animation: zoomOut 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
#content.active #fullpage .section.active.class .swiper-container .swiper-slide.swiper-slide-active .slide__cnt, #content.active #fullpage .section.active.race .swiper-container .swiper-slide.swiper-slide-active .slide__cnt {
  animation: slideLeft 0.35s ease-in-out 0.35s both;
}
#content.active #fullpage .section.active.class .swiper-container .swiper-slide.swiper-slide-active .slide__bg, #content.active #fullpage .section.active.race .swiper-container .swiper-slide.swiper-slide-active .slide__bg {
  animation: fadeIn 0.35s ease-in-out 0.35s both;
}
#content.active #fullpage .section.active.class .swiper-container .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--], #content.active #fullpage .section.active.race .swiper-container .swiper-pagination [class*=swiper-pagination--] [class*=slide-nav--] {
  animation: slideUp 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.75s both;
}

.fancybox-container .fancybox-inner .fancybox-infobar {
  top: 36px;
}
.fancybox-container .fancybox-thumbs__list {
  padding-top: 36px;
}

.fp-viewing-main #content.active #banner {
  display: block;
}
.fp-viewing-main #content.active #banner a {
  animation: slideRight 0.35s ease 2.75s both;
}
.fp-viewing-main #content.active #banner a:nth-child(2) {
  animation-delay: 2.8s;
}

.no-webp #content #fullpage .section.story .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/bg.jpg") center top/cover no-repeat;
}
.no-webp #content #fullpage .section.gate .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg.jpg") center top/cover no-repeat;
}
.no-webp #content #fullpage .section.class .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg.jpg") center top/cover no-repeat;
}
.no-webp #content #fullpage .section.race .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg.jpg") center top/cover no-repeat;
}
.no-webp #content #fullpage .section.contents .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/bg.jpg") center top/cover no-repeat;
}
.no-webp #content #fullpage .section.gallery .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/bg.jpg") center top/cover no-repeat;
}
.no-webp #content #fullpage .section.enjoyBnS .bg .bg__img {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/enjoyBnS/bg.jpg") center top/cover no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.story .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/story/bg_sp.jpg") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.gate .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg_sp.jpg") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_sp.jpg") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_sp.jpg") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.contents .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/bg_sp.jpg") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.gallery .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/bg_sp.jpg") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.enjoyBnS .bg .bg__img {
    background: #000 url("https://static.ncsoft.jp/images/event/bns/landing/img/enjoyBnS/bg_sp.jpg") center top/cover no-repeat;
  }
}
.no-webp #content #fullpage .section.main .cnt .cnt__char i.off {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_off.png") center/cover no-repeat;
}
.no-webp #content #fullpage .section.main .cnt .cnt__char i.on {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_on.png") center/cover no-repeat;
}
.no-webp #content #fullpage .section.main .cnt .cnt__char i.bns {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_bns.png") center/cover no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.main .cnt .cnt__char i.off {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_off_sp.png") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.main .cnt .cnt__char i.on {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_on_sp.png") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.main .cnt .cnt__char i.bns {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/char_bns_sp.png") center top/cover no-repeat;
  }
  .no-webp #content #fullpage .section.main .bg .bg__video {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/main/bg_sp.jpg") center top/cover no-repeat;
  }
}
.no-webp #content #fullpage .section.story .cnt__text.frame {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm.png") center/cover no-repeat;
}
.no-webp #content #fullpage .section.story .anime .anime__chara--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_1.png") center/cover no-repeat;
}
.no-webp #content #fullpage .section.story .anime .anime__name--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_name_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.story .anime .anime__chara--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_2.png") center/cover no-repeat;
}
.no-webp #content #fullpage .section.story .anime .anime__name--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_name_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.story .anime .anime__chara--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_3.png") center/cover no-repeat;
}
.no-webp #content #fullpage .section.story .anime .anime__name--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/char_name_3.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.story .cnt__text.frame {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm_m_sp.png") center/contain repeat-y;
  }
  .no-webp #content #fullpage .section.story .cnt__text.frame::before {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm_t_sp.png") center bottom/cover no-repeat;
  }
  .no-webp #content #fullpage .section.story .cnt__text.frame::after {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/story/frm_b_sp.png") center top/cover no-repeat;
  }
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .item__title {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/title_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-1 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-2 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg_1.jpg") center right/cover no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .item__title {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/title_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-1 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-2 div {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/bg_2.jpg") center right/cover no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .item__title {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/title_1_sp.png") center/contain no-repeat;
  }
  .no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-1 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_1_sp.png") center/contain no-repeat;
  }
  .no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--1 .gate__anime .anime__chara--1-2 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_1_2_sp.png") center/contain no-repeat;
  }
  .no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .item__title {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/title_2_sp.png") center/contain no-repeat;
  }
  .no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-1 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_1_sp.png") center/contain no-repeat;
  }
  .no-webp #content #fullpage .section.gate .cnt__gate [class*=gate--].gate--2 .gate__anime .anime__chara--2-2 div {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gate/char_2_2_sp.png") center/contain no-repeat;
  }
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--1 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--1 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_1.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--1 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_1.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--2 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--2 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_2.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--2 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_2.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--3 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_3.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--3 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_3.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--3 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_3.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--4 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_4.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--4 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_4.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--4 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_4.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--5 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_5.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--5 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_5.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--5 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_5.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--6 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_6.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--6 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_6.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--6 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_6.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--7 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_7.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--7 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_7.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--7 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_7.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--8 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_8.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--8 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_8.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--8 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_8.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--9 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_9.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--9 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_9.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--9 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_9.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--10 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_10.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--10 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_10.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--10 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_10.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--11 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_11.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--11 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_11.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--11 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_11.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--12 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_12.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--12 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_12.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--12 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_12.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--13 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/ptn_13.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--13 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_13.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--13 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_13.png") left center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-slide .anime .anime__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg.jpg") center/cover no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_1_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--1.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--1 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_1_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_2_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--2.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--2 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_2_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_3_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--3.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--3 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_3_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--4 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_4_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--4.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--4 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_4_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--5 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_5_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--5.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--5 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_5_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--6 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_6_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--6.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--6 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_6_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--7 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_7_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--7.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--7 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_7_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--8 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_8_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--8.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--8 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_8_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--9 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_9_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--9.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--9 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_9_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--10 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_10_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--10.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--10 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_10_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--11 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_11_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--11.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--11 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_11_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--12 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_12_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--12.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--12 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_12_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--13 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_13_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--13.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.class .swiper-container .swiper-pagination--class [class*=slide-nav--].slide-nav--13 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/btn_13_on.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--1 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_1_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--1 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_1_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--2 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_2_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--2 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_2_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--3 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_3_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--3 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_3_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--4 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_4_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--4 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_4_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--5 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_5_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--5 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_5_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--6 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_6_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--6 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_6_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--7 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_7_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--7 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_7_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--8 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_8_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--8 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_8_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--9 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_9_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--9 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_9_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--10 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_10_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--10 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_10_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--11 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_11_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--11 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_11_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--12 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_12_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--12 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_12_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--13 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/char_13_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide.slide--13 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_13_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.class .swiper-container .swiper-slide .anime .anime__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/class/bg_sp.jpg") center/cover no-repeat;
  }
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/ptn_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_1.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_1.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/ptn_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_2.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_2.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/ptn_3.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_3.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_3.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .slide__cnt::before {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/ptn_4.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_4.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .anime .anime__brush {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_4.png") center left/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-slide .anime .anime__bg {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg.jpg") center/cover no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_1_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--1.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--1 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_1_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_2_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--2.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--2 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_2_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_3_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--3.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--3 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_3_on.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--4 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_4_off.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--4.swiper-pagination-bullet-active,
.no-webp #content #fullpage .section.race .swiper-container .swiper-pagination--race [class*=slide-nav--].slide-nav--4 span {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/btn_4_on.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_1_sp.png") right top 9.3333333333vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--1 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_1_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_2_sp.png") right top 9.3333333333vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--2 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_2_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_3_sp.png") right top 9.3333333333vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--3 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_3_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .anime .anime__chara {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/char_4_sp.png") right top 9.3333333333vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide.slide--4 .anime .anime__brush {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_4_sp.png") right top 6.6666666667vw/cover no-repeat;
  }
  .no-webp #content #fullpage .section.race .swiper-container .swiper-slide .anime .anime__bg {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/race/bg_sp.jpg") center/cover no-repeat;
  }
}
.no-webp #content #fullpage .section.contents .anime .anime__chara {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/contents/char_1.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gallery .anime .anime__chara--1 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_1.png") center/contain no-repeat;
  z-index: 3;
}
.no-webp #content #fullpage .section.gallery .anime .anime__chara--2 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_2.png") center/contain no-repeat;
}
.no-webp #content #fullpage .section.gallery .anime .anime__chara--3 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_3.png") center/contain no-repeat;
  z-index: 2;
}
.no-webp #content #fullpage .section.gallery .anime .anime__chara--4 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_4.png") center/contain no-repeat;
  z-index: 1;
}
.no-webp #content #fullpage .section.gallery .anime .anime__chara--5 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_5.png") center/contain no-repeat;
  z-index: 4;
}
.no-webp #content #fullpage .section.gallery .anime .anime__chara--6 {
  background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_6.png") center/contain no-repeat;
}
@media screen and (max-width: 812px) {
  .no-webp #content #fullpage .section.gallery .anime .anime__chara--1 {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_1_sp.png") center top 200px/contain no-repeat;
    z-index: 2;
  }
  .no-webp #content #fullpage .section.gallery .anime .anime__chara--3 {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_2_sp.png") center top 200px/contain no-repeat;
    z-index: 1;
  }
  .no-webp #content #fullpage .section.gallery .anime .anime__chara--5 {
    background: url("https://static.ncsoft.jp/images/event/bns/landing/img/gallery/char_3_sp.png") center top 200px/contain no-repeat;
  }
}