/*
z-indexのまとめ
bgVideo__inは1
bgVideo__loopは2
bgVideo__outは3
swiper-wrapperは5
バーガーメニューやベル,新着情報,homeLinkのロゴ,footerは10
メニューレイヤーは103
通知レイヤーは101
ポップアップレイヤーは200
*/
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
* {margin: 0; padding: 0; box-sizing: border-box;}
html {overflow-x: hidden; overflow-y: scroll; font-size: 14px; line-height: 1.6; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
html,body {position: relative;  width: 100%; height: 100% !important; background: #000;}
a {text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
ul li {list-style: none;}
/*.font-hiraW3 {
    font-family: 'Hiragino Kaku Gothic W3 JIS2004' !important;
}
.font-hiraW4 {
    font-family: 'Hiragino Kaku Gothic W4 JIS2004' !important;
}
.font-hiraW6 {
    font-family: 'Hiragino Kaku Gothic W6 JIS2004' !important;
}*/
.fontSize10 {
    font-size: 10px;
}
.fontSize12 {
    font-size: 12px;
}
.fontSize14 {
    font-size: 14px;
}
.fontSize16 {
    font-size: 16px;
}
.fontSize18 {
    font-size: 18px;
}
.fontHelv {
    font-family: 'Open Sans', sans-serif;
}
.spBlock {
    display: inline;
}
.pcBlock {
    display: block;
}
.text-white {color: #fff !important;}
[class*=font-] {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}

.notScroll > [class*=Show] {
    height: 100%;
    overflow: hidden;
}
.allContainer {
    height: 100%;
    position: relative;
}
.headSwipe {
    position: relative;
    width: 100%;
    min-width: 310px;
    height: 100%;
    overflow: hidden;
}
.headSwipe .giji-link {cursor: pointer; }


/***
loading
***/
#loadingBg {
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    background: #000;
    z-index: 999;
}
#loading,
#loading #gauge,
#loading #gauge:before {
    width: 268px;
    height: 77px;
}
#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/loader_off.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 999;
}
#loading #gauge {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    transition: all .3s ease;
}
#loading #gauge:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/loader_on.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}


/***
swiper 関連
***/
[class*=swiper-button-],
[class*=swiper2-button-],
[class*=swiper3-button-] {
    width: 43px;
    height: 71px;
    position: absolute;
    left: 50%;
    z-index: 10;
    background: none;
    cursor: pointer;
}
[class*=swiper2-button-],
[class*=swiper3-button-] {
    top: 50%;
}
[class*=swiper-button-] {
    bottom: 375px;
    top: auto;
}
[class*=swiper-button-] {
    opacity: 0;
    animation: .3s fadeIn 2s ease both;
}
[class*=swiper2-button-] {
    margin-top: -85px;
}
[class*=swiper-button-] span,
[class*=swiper2-button-] span,
[class*=swiper3-button-] span {
    display: block;
    width: 43px;
    height: 71px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/icon_arrow.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
[class*=swiper-button-] span {
    animation: arrow-anim 1s ease-in-out infinite;
}
@keyframes arrow-anim {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    5% {
        transform: translateX(-0.15px);
    }
    99.9%,to {
        transform: translateX(15px);
        opacity: 0;
    }
}
.swiper-button-prev,
.swiper2-button-prev ,
.swiper3-button-prev {
    margin-left: -393px;
}
.swiper-button-prev {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.swiper2-button-prev,
.swiper3-button-prev {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
         -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    margin-left: -393px;
}
.swiper3-button-prev {
    margin-left: -343px;
}
.swiper-button-next,
.swiper3-button-next {
    margin-left: 350px;
}
.swiper2-button-next,
.swiper3-button-next {
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.swiper3-button-next {
    margin-left: 300px;
}
.headSwipe .swiper-container {
    height: 100%;
    z-index: 5;
}
.headSwipe__slideInner {
    min-width: 310px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}
.headSwipe__title {
    text-align: center;
}


/***
header 関連
***/
.header {
    width: 100%;
    max-width: 100%;
    min-width: 310px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
.header.header-top,
.subHead .header {
    background: #000 url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/ptn_header_bg.png) repeat-x center bottom;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.header.header-top .headMenu__layer,
.header.header-top .headMenu__bell {
    top: 43px;
}
.header.header-top .headMenu__burger,
.header.header-top .headMenu__bell,
.header.header-top .headMenu__register {
    display: none;
}
.header.header-fixed .headMenu__burger,
.header.header-fixed .headMenu__bell {
    display: block;
}
/* sub logo */
.homeLink {
    display: block;
    pointer-events: none;
    width: 260px;
    height: 103px;
    text-indent: -99999em;
    font-size: 0;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/logo_head.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 7.5px;
    left: 10px;
    z-index: 10;
    opacity: 0;
}
.subHead .homeLink {
    opacity: 1;
    pointer-events: auto;
}
.header-top .homeLink {
    top: 0;
}
.homeLink.show {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
}


/***
pc用 head menu
***/
/*head nav menu*/
.headMenu--spOnly {
    display: none;
}
.headMenu__layer {
    position: absolute;
    top: 50px;
    right: 105px;
    z-index: 102;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.headMenu__layer .headMenu__LayerBg {
    display: none;
}
.headMenu__mainList {
    display: flex;
    position: relative;
}
.headMenu__mainList:before {
    content: '';
    width: 55px;
    height: 1px;
    background-color: #FFC8A0;
    border-bottom: 1px solid #4c3728;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.subHead .headMenu__mainList:before {
    display: none;
}
.aboutShow .headMenu__mainList:before {
    width: 55px;
    left: 0;
}
.aboutShow .headMenu__mainList:before {
    left: 75px;
}
.campaignShow .headMenu__mainList:before {
    left: 245px;
}
.mediaShow .headMenu__mainList:before {
    left: 357px;
}
.headMenu__mainList li + li {
    margin-left: 20px;
}
.headMenu__mainList [class*=headMenu__mainList--] a {
    display: block;
    height: 24px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/menu_pc.png) no-repeat;
    padding: 2px;
    text-indent: -999em;
}
.headMenu__mainList .headMenu__mainList--home a,
.homeShow .headMenu__mainList:before {
    width: 55px;
}
.headMenu__mainList .headMenu__mainList--about a,
.aboutShow .headMenu__mainList:before {
    width: 150px;
}
.headMenu__mainList .headMenu__mainList--campaign a,
.campaignShow .headMenu__mainList:before {
    width: 92px;
}
.headMenu__mainList .headMenu__mainList--media a,
.mediaShow .headMenu__mainList:before {
    width: 105px;
}
.headMenu__mainList .headMenu__mainList--home a {
    background-position: 0 0;
}
.headMenu__mainList .headMenu__mainList--about a {
    background-position: 0 -30px;
}
.headMenu__mainList .headMenu__mainList--campaign a {
    background-position: 0 -60px;
}
.headMenu__mainList .headMenu__mainList--media a {
    background-position: 0 -90px;
}
.headMenu__mainList [class*=headMenu__mainList--] a > div {
    display: none;
}

/* head bell btn */
.headMenu__bell {
    width: 30px;
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
    z-index: 102;
}
.headMenu__bell.headMenu__bell--alert .headMenu__bellIcon {
    -webkit-animation: shake-horizontal 1.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
            animation: shake-horizontal 1.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
@-webkit-keyframes shake-horizontal {
  0%, 50% {-webkit-transform: translateX(0); transform: translateX(0);}
  5%, 15%, 25%, 35% {-webkit-transform: translateX(-1px); transform: translateX(-1px);}
  10%, 20%, 30% {-webkit-transform: translateX(1px); transform: translateX(1px);}
  40% {-webkit-transform: translateX(.5px); transform: translateX(.5px);}
  45% {-webkit-transform: translateX(-.5px); transform: translateX(-.5px);}
}
@keyframes shake-horizontal {
  0%, 50% {-webkit-transform: translateX(0); transform: translateX(0);}
  5%, 15%, 25%, 35% {-webkit-transform: translateX(-1px); transform: translateX(-1px);}
  10%, 20%, 30% {-webkit-transform: translateX(1px); transform: translateX(1px);}
  40% {-webkit-transform: translateX(.5px); transform: translateX(.5px);}
  45% {-webkit-transform: translateX(-.5px); transform: translateX(-.5px);}
}
.headMenu__bell .headMenu__bellIcon {
    height: 19px;
    display: block;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/icon_bell.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.headMenu__bell .headMenu__bellAlert {
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #FA1818;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    text-indent: -99999em;
    font-size: 0;
}
/* head 事前登録 btn*/
.headMenu__register {
    display: block;
    width: 196px;
    height: 58px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_register_small.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    font-size: 0;
    position: absolute;
    top: 30px;
    left: 275px;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    cursor: pointer;
}
.header-top .headMenu__register {
    top: 23px;
}
.homeShow .headMenu__register {
    display: none;
}
.headMenu__burger {
    opacity: 0;
}

/*** head layer 関連 ***/
/* head layer*/
#headMenu > [class*=Layer] {
    display: none;
    opacity: 0;
}
#headMenu > [class*=Layer].show {
    display: block;
    position: fixed;
    top: 0;
    z-index: 102;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
    width: 100%;
    height: 100%;
    opacity: 1;
    right: 0;
    animation: .3s fadeIn ease both;
}
@keyframes fadeIn {
    0% {opacity: 0;}
    99.9%,to {opacity: 1;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    99.9%,to {opacity: 0;}
}
#headMenu > [class*=Layer].hide {
    opacity: 0 !important;
}

/* layer bg */
.show [class*="LayerBg"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 101;
}

/* layer close */
.show [class*=__close] {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    cursor: pointer;
}
.headMenu__layer.show [class*=__close].headMenu__close {
    display: none;
}
.headMenu__noticeLayer .headMenu__close {
    top: 53px;
    right: 45px;
}
.headMenu__registerLayer .headMenu__close {
    top: -25px;
    right: 10px;
}
[class*=__close]:before,
[class*=__close]:after {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 1s;
}
[class*=__close]:before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);

         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
[class*=__close]:after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
[class*=__close]:hover:before,
[class*=__close]:hover:after {
    background:#AF7746;
}
[class*=__close]:hover:before {
    -webkit-transform: rotate(405deg);
       -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
         -o-transform: rotate(405deg);
            transform: rotate(405deg);
}
[class*=__close]:hover:after {
    -webkit-transform: rotate(315deg);
       -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
         -o-transform: rotate(315deg);
            transform: rotate(315deg);
}

/* notice layer */
.headMenu__noticeLayerBase {
    position: absolute;
    top: 70px;
    right: -5px;
    width: 380px;
    z-index: 102;
    padding: 40px 0 30px;
}
.headMenu__noticeLayer .headMenu__noticeLayerBaseInner {
    width: 100%;
    position: relative;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_bg_m.png) repeat-y center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    padding: 15px 28px 5px;
}
.headMenu__noticeLayer .headMenu__noticeLayerBaseTop,
.headMenu__noticeLayer .headMenu__noticeLayerBaseBottom {
    width: 100%;
    position: absolute;
    left: 0;
}
.headMenu__noticeLayer .headMenu__noticeLayerBaseTop {
    top: -40px;
    height: 40px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_bg_t.png) no-repeat center bottom;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.headMenu__noticeLayer .headMenu__noticeLayerBaseBottom {
    bottom: -31px;
    height: 31px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_bg_b.png) no-repeat center top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.headMenu__noticeLayer .headMenu__noticeTitle {
    margin-bottom: 28px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_title.png) no-repeat center;
    text-indent: -999em;
    position: relative;
}
.headMenu__noticeLayer .headMenu__noticeList {
    height: 325px;
    position: relative;
    padding-right: 10px;
}
.headMenu__noticeLayer .headMenu__noticeTitle:before,
.headMenu__noticeLayer .headMenu__noticeList:after,
.headMenu__registerAttLayer  .headMenu__registerAttLayerDesc:after {
    content: '';
    width: 100%;
    height: 8px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_line.png) repeat-x;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    left: 0;
}
.headMenu__noticeLayer .headMenu__noticeTitle:before {
    bottom: -27px;
}
.headMenu__noticeLayer .headMenu__noticeList:after {
    bottom: -1px;
    -webkit-transform: rotateZ(180deg);
       -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
         -o-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}
.headMenu__noticeLayer .headMenu__noticeList li {
    padding: 0 4px;
}
.headMenu__noticeLayer .headMenu__noticeList li + li {
    margin-top: 5px;
}
.headMenu__noticeLayer .headMenu__noticeList .giji-link {
    display: block;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    background-color: #636363;
    padding: 10px 60px 10px 18px;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #262626;
    border-left: 1px solid #5d5d5c;
    border-right: 1px solid #5c5c5c;
    opacity: .6;
    position: relative;
}
.headMenu__noticeLayer .headMenu__noticeList .giji-link:before {
    content: '';
    width: 15px;
    height: 21px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_arrow.png) no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.headMenu__noticeLayer .headMenu__noticeList .new .giji-link {
    opacity: 1;
}
.headMenu__noticeLayer .headMenu__noticeList .giji-link span {
    display: block;
    color: #A2A2A2;
    padding-top: 8px;
    margin-top: 8px;
    position: relative;
}
.headMenu__noticeLayer .headMenu__noticeList .giji-link span:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #555;
    border-bottom: 1px solid #696969;
    position: absolute;
    top: 0;
    left: 0;
}

/* head register layer */
#headMenu .show.headMenu__registerLayer {
    z-index: 103;
}
#headMenu .show .headMenu__registerLayerBg {
    z-index: 201;
}
#headMenu .headMenu__registerLayer.hide,
#headMenu .headMenu__registerAttLayer.hide {
    opacity: 0 !important;
}
.headMenu__registerLayerBase,
.headMenu__registerAttLayerBase,
.headMenu__registerCplLayerBase,
.content__cplLayerBase,
.content__attLayerBase  {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 202;
}
.headMenu__registerLayerBaseInner {
    width: 792px;
    height: 448px;
    text-align: center;
    padding: 35px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_bg_pc.png) no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: relative;
}
.headMenu__registerLayerBase .headMenu__registerLayerTitle {
    width: 365px;
    height: 96px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_title.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    margin: -10px auto 0;
    text-indent: -9999999em;
}
.headMenu__registerLayerBase form {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea,
.headMenu__registerLayerBase .headMenu__registerLayerMail,
.headMenu__registerLayerBase .registerAtt {
    position: relative;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 360px;
}
.headMenu__registerLayerBase [class*=registerBtn] {
    display: block;
    width: 115px;
    height: 233px;
    margin: 0 1px;
    text-indent: -9999em;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTw {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_tw.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLine {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_line.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFb {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_fb.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTwS,
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLineS,
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFbS {
    width: 115px;
    height: 135px;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTwS {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_tw_s.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLineS {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_line_s.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFbS {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_fb_s.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnGp,
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs {
    width: 175px;
    height: 91px;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnGp {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_gp.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs {
    cursor: default;
    opacity: .6;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_as.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs--open {
    cursor: pointer;
    opacity: 1;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_as_open.png) no-repeat center;
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs--open2 {
    cursor: pointer;
    opacity: 1;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_as_open2.png) no-repeat center;
}

.headMenu__registerLayerBase [class*=registerBtn]:hover {
    filter: contrast(140%);
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs:hover {
    filter: contrast(100%);
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs--open:hover {
    filter: contrast(140%);
}
.headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs--open2:hover {
    filter: contrast(140%);
}
.headMenu__registerLayerBase .headMenu__registerLayerMail {
    width: 359px;
    height: 232px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_mail_bg.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    padding: 60px 25px 0;
    text-align: left;
}
.headMenu__registerLayerBase .headMenu__registerLayerMail input {
    width: 100%;
    height: 40px;
    background-color: #000;
    color: #FFF;
    border: none;
    border-bottom: 1px solid #393b39;
    border-left: 1px solid #393b39;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 10px 20px;
    caret-color: #999;
}
.headMenu__registerLayerBase .headMenu__registerLayerMail .registerError {
    color: #fb2d2d;
    font-size: 14px;
    margin-top: 10px;
}
.headMenu__registerLayerBase .headMenu__registerLayerMail .registerBtnEmal {
    display: block;
    width: 273px;
    height: 54px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerLayer_btn_mail.png) no-repeat center;
    margin: 20px auto 0;
}
.headMenu__registerLayerBase .registerAtt {
    display: inline-block;
    color: #FFF;
    margin-top: 25px;
    text-decoration: underline;
}
.headMenu__registerLayerBase .registerAtt:hover {
    text-decoration: none;
}

/* register complete layer */
.headMenu__registerCplLayer .headMenu__registerCplLayerBase,
.show .content__cplLayerBase {
    width: 100%;
    max-width: 715px;
}
.headMenu__registerCplLayer .headMenu__registerCplLayerBaseInner,
.content__cplLayer .content__cplLayerInner {
    margin: auto;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerCplLayer_bg.png) no-repeat center;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    color: #FFF;
    text-align: center;
    padding: 35px 0;
    position: relative;
}
.headMenu__registerCplLayer .headMenu__registerCplLayerBaseTop,
.headMenu__registerCplLayer .headMenu__registerCplLayerBaseBottom,
.content__cplLayer .content__cplLayerInner:before,
.content__cplLayer .content__cplLayerInner:after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
}
.headMenu__registerCplLayer .headMenu__registerCplLayerBaseTop,
.content__cplLayer .content__cplLayerInner:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registCplLayer_bg_t.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: -4px;
}
.headMenu__registerCplLayer .headMenu__registerCplLayerBaseBottom,
.content__cplLayer .content__cplLayerInner:after {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registCplLayer_bg_b.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    bottom: -4px;
}
.headMenu__registerCplLayer .headMenu__close,
.content__cplLayer .content__close {
    top: -35px;
    right: 20px;
}

/* head register attention */
#headMenu .show.headMenu__registerAttLayer,
#headMenu .show.headMenu__registerCplLayer {
    z-index: 104;
}
#headMenu .show .headMenu__registerAttLayerBg,
#headMenu .show .headMenu__registerCplLayerBg {
    z-index: 203;
}
#headMenu .headMenu__registerAttLayer .headMenu__registerAttLayerBase,
#headMenu .headMenu__registerCplLayer .headMenu__registerCplLayerBase,
.show .content__attLayerBase {
    z-index: 204;
    width: 100%;
}
#headMenu .headMenu__registerAttLayer .headMenu__registerAttLayerBase,
.show .content__attLayerBase {
    max-width: 730px;
    color: #ABABAB;
    word-wrap: break-word;
    padding: 35px 0;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerBaseInner,
.show .content__attLayerBaseInner {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerAttLayer_bg_m.png) repeat-y center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding: 15px 53px 5px;
    position: relative;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerBaseTop,
.headMenu__registerAttLayer .headMenu__registerAttLayerBaseBottom,
.show.content__attLayer .content__attLayerBaseTop,
.show.content__attLayer .content__attLayerBaseBottom {
    width: 100%;
    position: absolute;
    left: 0;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerBaseTop,
.show.content__attLayer .content__attLayerBaseTop {
    top: -62px;
    height: 62px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerAttLayer_bg_t.png) no-repeat center bottom;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerBaseBottom,
.show.content__attLayer .content__attLayerBaseBottom {
    bottom: -62px;
    height: 62px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerAttLayer_bg_b.png) no-repeat center top;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerTitle {
    text-indent: -99999em;
    font-size: 0;
    width: 100%;
    height: 23px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registerAttLayer_title.png) no-repeat center;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerDesc {
    text-align: center;
    margin-top: 20px;
    position: relative;
    padding-bottom: 20px;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerDesc:after {
    bottom: 0;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerMain,
.content__attLayer .content__attLayerInner {
    overflow-x: hidden;
    height: calc(100vh - 70vh);
    padding: 15px 20px;
    text-align: center;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerMain dl + dl {
    margin-top: 10px;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerMain dt {
    color: #FFF;
    font-weight: bold;
    padding: 5px 0;
    background: -moz-linear-gradient(left, rgba(48,48,48,0) 0%, rgba(48,48,48,0) 15%, rgba(48,48,48,1) 50%, rgba(48,48,48,0) 85%, rgba(48,48,48,0) 100%);
    background: -webkit-linear-gradient(left, rgba(48,48,48,0) 0%,rgba(48,48,48,0) 15%,rgba(48,48,48,1) 50%,rgba(48,48,48,0) 85%,rgba(48,48,48,0) 100%);
    background: linear-gradient(to right, rgba(48,48,48,0) 0%,rgba(48,48,48,0) 15%,rgba(48,48,48,1) 50%,rgba(48,48,48,0) 85%,rgba(48,48,48,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00303030', endColorstr='#00303030',GradientType=1 );
    position: relative;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerMain dt:before {
    content: '';
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, rgba(48,48,48,0) 0%, rgba(55,55,55,0) 15%, rgba(71,71,71,1) 50%, rgba(55,55,55,0) 85%, rgba(48,48,48,0) 100%);
    background: -webkit-linear-gradient(left, rgba(48,48,48,0) 0%,rgba(55,55,55,0) 15%,rgba(71,71,71,1) 50%,rgba(55,55,55,0) 85%,rgba(48,48,48,0) 100%);
    background: linear-gradient(to right, rgba(48,48,48,0) 0%,rgba(55,55,55,0) 15%,rgba(71,71,71,1) 50%,rgba(55,55,55,0) 85%,rgba(48,48,48,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00303030', endColorstr='#00303030',GradientType=1 );
    position: absolute;
    top: 0;
    left: 0;
}
.headMenu__registerAttLayer .headMenu__registerAttLayerMain dd {
    padding: 15px 0;
}
.headMenu__registerAttLayer .headMenu__close {
    top: 48px;
    right: 58px;
}
.content__attLayer .content__close {
    top: -25px;
    right: 45px;
}

/***
video 関連
***/
.bgVideo__block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    background-color: #000;
}
/* video mask */
.bgVideo:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25) url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/ptn_allContainer_dot.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.bgVideo__block:before,
.bgVideo__block:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 5;
}
.bgVideo__block:before {
    height: 159px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/ptn_allContainer_top.png) repeat-x;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 0;
}
.bgVideo__block:after {
    height: 164px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/ptn_allContainer_bottom.png) repeat-x;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    bottom: 0;
}
.bgVideo__block .bgVideo__video {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-height: 100%;
    min-height: 100%;
    min-width: 100%;
    min-width: 100%;
}

.bgVideoSp .bgVideo__block .bgVideo__video {
    height: 100%; min-height: auto;
}

/*** button ***/
.btnCommon {
    display: block;
    width: 343px;
    height: 71px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_b_pc.png) no-repeat;
    position: relative;
    overflow: hidden;
    margin: 10px auto 0;
    margin-left: -171.5px;
    cursor: pointer;
    text-indent: -9999999em;
}
.btnCommon.registerBtn {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_register_big.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.headMenu__btnArea .btnCommon {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_register_big_menu.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.headMenu__btnArea .btnCommon {
    height: 60px;
}
.btnCommon.headMenu--spOnly {
    display: none;
}
.headMenu__register:hover,
.btnCommon:hover {
    filter: contrast(130%);
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
/*.btnCommon:before {
    content: '';
    display: block;
    width: 206px;
    height: 63px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_e_pc.png) no-repeat;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    opacity: 0;
    /*animation: 3s btnShinyPC ease infinite;
}*/

.headMenu__register .btnAnime,
.btnCommon .btnAnime {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 20%;
    height: 86%;
    margin-top: 1.5%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    opacity: 0;
}
.btnCommon:hover .btnAnime {
    -webkit-animation: shine .85s ease infinite;
    animation: shine .85s ease infinite;
}
.headMenu__register .btnAnime,
.headMenu__btnArea .btnCommon .btnAnime,
.btnCommon.registerBtn .btnAnime {
    -webkit-animation: shineRegister 2s ease infinite;
    animation: shineRegister 2s ease infinite;
}
@-webkit-keyframes shine {
    30% {opacity: 1;}
    65% {opacity: 0;}
    99.9%,to {left: 80%;}
}
@keyframes shine {
    30% {opacity: 1;}
    65% {opacity: 0;}
    99.9%,to {left: 80%;}
}
@-webkit-keyframes shineRegister {
    30% {opacity: 1;}
    65% {opacity: 0;}
    99.9%,to {left: 80%;}
}
@keyframes shineRegister {
    10% {opacity: 1;}
    25% {opacity: 0;}
    50%,to {left: 80%;}
}
.btnCommon.registerBtn {
    overflow: inherit;
}
/*.btnCommon.registerBtn .btnLight {
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_register_light.png) no-repeat center;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    animation: zoom 3s ease-in-out infinite normal;
}
@-webkit-keyframes zoom {
    0% {transform:  translate(-50%, -50%) scale(.5,.5); opacity: 1;}
  100% {transform:  translate(-50%, -50%) scale(2, 2); opacity: .1;}
}
@keyframes zoom {
    0% {transform:  translate(-50%, -50%) scale(.5,.5); opacity: 1;}
  100% {transform:  translate(-50%, -50%) scale(2, 2); opacity: .1;}
}*/

.btnCommon span {
    display: block;
    width: 328px;
    height: 56px;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-left: -1px;
}
.homeContent .btnCommon span,
.headMenu .btnCommon span {
    display: none;
}
.headSwipe__contentAbout .btnCommon span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_about_pc.png) no-repeat;
}
.headSwipe__contentCamp .btnCommon span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_campaign_pc.png) no-repeat;
}
.headSwipe__contentMedia .btnCommon span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/btn_media_pc.png) no-repeat;
}
@keyframes btnShinyPC {
    0% {
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    10% {opacity: 0;}
    35% {opacity: .8;}
    63% {opacity: 0;}
    70% {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    99.9%,to {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
}

/*** footer ***/
.footer,
.footer *:not(a) {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
body:not(.homeShow) .footer {
    background-color: #222;
    padding-bottom: 25px;
    position: relative;
    z-index: 99;
    opacity: 1;
}
body:not(.homeShow) .footer .footer__navList {
    background-color: #1A1A1A;
    height: 40px;
}
.footer .footer__navList {
    position: relative;
    z-index: 11;
    border-top: 2px solid #292929;
    border-bottom: 3px solid #171717;
}
.footer .footer__navList li {
    margin: 0 20px;
}
.footer .footer__navList li a {
    color: #B9B9B9;
    position: relative;
}
.footer .footer__navList li + li a:before {
    content: '';
    width: 2px;
    height: 9px;
    background: rgba(255,255,255,.2);
    position: absolute;
    top: 50%;
    left: -20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.footer .footer__navList li a:hover {
    color: #D5D5D5;
    text-decoration: underline;
}
.footer .footer__info,
.footer .footer__info .footer__infoList li {
    display: -webkit-flex;
    display: flex;
}
.footer .footer__info {
    width: 90%;
    max-width: 630px;
    margin: 15px auto 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top: 2px solid #454545;
    border-bottom: 2px solid #454545;
}
.footer .footer__info .footer__infoList {
    width: 50%;
}
.footer .footer__info .footer__infoList li {
    border-bottom: 1px solid #383838;
}
.footer .footer__info .footer__infoList:first-child li:last-child {
    border-bottom: none;
}
.footer .footer__info .footer__infoList .footer__infoListTtl,
.footer .footer__info .footer__infoList .footer__infoListTxt {
    padding: 8px 0;
}
.footer .footer__info .footer__infoList .footer__infoListTtl {
    width: 30%;
    color: #B9B9B9;
    text-align: center;
    background-color: #1E1E1E;
}
.footer .footer__info .footer__infoList .footer__infoListTxt {
    padding-left: 15px;
    color: #FFF;
}
.footer .footer__snsList {
    margin-top: 40px;
}

.footer .footer__copy {
    color: #A2A2A2;
    text-align: center;
    margin-top: 15px;
}



/*********
main swiper home only
*********/
.homeShow {
    overflow: hidden;
}
.homeContent {
    text-indent: -99999em;
    font-size: 0;
}
.homeContent .homeContent__logo,
.homeContent .homeContent__logo i,
.homeContent .homeContent__mainTxt1,
.homeContent .homeContent__mainTxt2,
.homeContent .homeContent__register .homeContent__mainDate,
.homeContent .homeContent__register .homeContent__btn  {
    position: absolute;
    left: 50%;
}
.homeContent .homeContent__logo,
.homeContent .homeContent__logo i {
    margin-left: -314px;
}
.homeContent .homeContent__logo,
.homeContent .homeContent__logo i {
    width: 628px;
    height: 225px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/home/logo.png) no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    bottom: 295px;
}
.homeContent .homeContent__logo i {
    display: block;
    top: 0;
    opacity: 0;
}
.homeContent .homeContent__mainTxt1,
.homeContent .homeContent__mainTxt2 {
    width: 500px;
    height: 36px;
}
.homeContent .homeContent__mainTxt1 {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/home/main_txt1.png) no-repeat center;
    bottom: 285px;
}
.homeContent .homeContent__mainTxt2 {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/home/main_txt2.png) no-repeat center;
    bottom: 245px;
}
.homeContent .homeContent__register .homeContent__mainDate {
    width: 500px;
    text-indent: 0;
    bottom: 180px;
}
.homeContent .homeContent__mainTxt1,
.homeContent .homeContent__mainTxt2,
.homeContent .homeContent__register .homeContent__mainDate {
    margin-left: -250px;
}
.homeContent .homeContent__register .homeContent__mainDate,
.headSwipe__title .subContent__text {
    color: #fdf5e8;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 3px #000, 0 0 3px, 0 0 3px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px, 0 0 5px #000, 0 0 8px #000, 0 0 8px #000;
}
.homeContent .homeContent__register .homeContent__btn {
    bottom: 100px;
}
.homeContent__news {
    width: 375px;
    position: fixed;
    right: -100%;
    bottom: 85px;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.homeContent__news.active {
    right: 0;
}
.homeShow .homeContent__news.active {
    opacity: 1;
}
.homeContent__news .homeContent__newsTop,
.homeContent__news .homeContent__newsList a,
.contentSupport--news .contentSupport__newsList a,
.contentSupport--news.newsDetail .contentSupport__main dt {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.homeContent__news .homeContent__newsTop {
    height: 46px;
    position: relative;
}
.homeContent__news .homeContent__newsTop:before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
}
.homeContent__news .homeContent__newsTop .homeContent__newsTtl {
    width: 80px;
    height: 19px;
    margin-left: 15px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/home/main_news_title.png) no-repeat center;
    text-indent: -99999em;
    font-size: 0;
}
.homeContent__news .homeContent__newsTop .homeContent__newsBtn {
    display: block;
    width: 26px;
    height: 26px;
    background-color: rgba(0,0,0,.5);
    position: relative;
    cursor: pointer;
}
.homeContent__news .homeContent__newsTop .homeContent__newsBtn:before,
.homeContent__news .homeContent__newsTop .homeContent__newsBtn:after {
    content: '';
    width: 14px;
    height: 2px;
    position: absolute;
    top: 13px;
    left: 50%;
    transition: 1s;
    margin: -1px 0 0 -7px;
}
.homeContent__news .homeContent__newsTop .homeContent__newsBtn:before {
    background-color: #fffff2;
}
.homeContent__news .homeContent__newsTop .homeContent__newsBtn:after {
    background: #d9c3a1;
    background: -moz-linear-gradient(top, #d9c3a1 0%, #e1d3c8 17%, #e9dfd3 28%, #fffee9 50%, #ded7c8 53%, #cdb295 78%, #d6bb9c 100%, #d6bb9c 100%);
    background: -webkit-linear-gradient(top, #d9c3a1 0%,#e1d3c8 17%,#e9dfd3 28%,#fffee9 50%,#ded7c8 53%,#cdb295 78%,#d6bb9c 100%,#d6bb9c 100%);
    background: linear-gradient(to bottom, #d9c3a1 0%,#e1d3c8 17%,#e9dfd3 28%,#fffee9 50%,#ded7c8 53%,#cdb295 78%,#d6bb9c 100%,#d6bb9c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c3a1', endColorstr='#d6bb9c',GradientType=0 );
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.homeContent__news .homeContent__newsTop .homeContent__newsBtn:hover:before {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}
.homeContent__news .homeContent__newsTop .homeContent__newsBtn:hover:after {
    -webkit-transform: rotate(450deg);
       -moz-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
         -o-transform: rotate(450deg);
            transform: rotate(450deg);
}
.homeContent__news .homeContent__newsList a,
.contentSupport--news .contentSupport__newsList a {
    height: 40px;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    padding: 0 45px;
    border-top: 1px solid rgba(255,255,255,.1);
    position: relative;
}
.homeContent__news .homeContent__newsList a {
    background: rgba(0,0,0,.6);
}
.homeContent__news .homeContent__newsList li:last-child a {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.homeContent__news .homeContent__newsList a.newItem:before,
.contentSupport--news .newItem:before {
    content: '';
    width: 13px;
    height: 21px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/main_news_newIcon.png) no-repeat center top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 0;
    left: 25px;
}
.homeContent__news .homeContent__newsList a.campItem:before {
    content: '';
    width: 69px;
    height: 17px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/main_news_campIcon.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.homeContent__news .homeContent__newsList a:hover {
    filter: contrast(140%);
    background: rgba(0,0,0,.4);
}
.homeContent__news .homeContent__newsList .homeContent__newsDate {
    width: 45px;
    color: #A2A2A2;
}
.homeContent__news .homeContent__newsList .homeContent__newsTxt {
    color: #e0e0e0;
    margin-left: 15px;
}
.homeContent__news .homeContent__newsList a.campItem .homeContent__newsTxt {
    margin-left: 60px;
}
.homeContent__news .homeContent__newsList .homeContent__newsTxt,
.contentSupport--news .contentSupport__newsList .contentSupport__newsTxt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .homeContent__banner {pointer-events: none; opacity: 0; position: absolute; top: 25px; left: 10px; width: 265px; transition: all .5s; } */
.homeContent__banner {position: absolute; top: 2.2vw; left: 10px; width: 265px; transition: all .5s; }
.homeContent__banner img {width: 100%; }
.homeShow .homeContent__banner {opacity: 1; pointer-events: auto; }


/* home footer */
.homeShow .footer,
.footer .footer__navList,
[class*=__snsList] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    border: none;
}
.homeShow .footer{
    -webkit-align-items: flex-end;
            align-items: flex-end;
}
.headMenu [class*=__snsList] {
    display: none;
}
.homeShow .footer {
    width: 100%;
    position: absolute;
    bottom: 30px;
    z-index: 10;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 20px;
}
.homeShow .footer .footer__navList,
.homeShow .footer .footer__snsList {
    position: relative;
    z-index: 11;
}
.homeShow .footer .footer__snsList {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.homeShow .footer .footer__navList li a {
    text-shadow: 0 0 4px #000;
}
.homeShow .footer .footer__info {
    display: none;
}
.homeShow .footer .footer__snsList {
    margin-left: 5px;
    margin-top: 0;
}
[class*=__snsList] li a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}
[class*=__snsList] li a:hover {
    filter: contrast(140%);
}
[class*=__snsListTw] {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/snsBtn_tw.png) no-repeat;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
[class*=__snsListFb] {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/snsBtn_fb.png) no-repeat;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
[class*=__snsListLine] {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/snsBtn_line.png) no-repeat;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
.homeShow .footer .footer__copy {
    display: block;
    width: 100%;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


/**********
main swiper sub 共通
**********/
.headSwipe__title .subContent__title {
    width: 500px;
    height: 170px;
    text-indent: -99999em;
    font-size: 0;
    position: absolute;
    left: 50%;
    bottom: 310px;
    margin-left: -250px;
}
.headSwipe__title .subContent__text,
.headSwipe__title .headSwipe__directBottom {
    position: absolute;
    left: 50%;
}
.headSwipe__title .subContent__text {
    width: 500px;
    height: 3.2em;
    bottom: 235px;
    margin-left: -250px;
}
.headSwipe__title .subContent__text span {
    width: 100%;
    display: block;
}
.headSwipe__title .headSwipe__directBottom {
    bottom: 100px;
}

#content {
    position: relative;
}

/*********
main swiper about only
*********/
.headSwipe__contentAbout .headSwipe__title .subContent__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/head_title_about.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}

/*********
main swiper campaign only
*********/
.headSwipe__contentCamp .headSwipe__title .subContent__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/head_title_campaign.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}

/*********
main swiper media only
*********/
.headSwipe__contentMedia .headSwipe__title .subContent__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/head_title_media.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}

/**********
main detail content
***********/
.barbaWrapper {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/ptn_barba_bg.jpg) left top;
    position: relative;
}
.barbaWrapper.hide {
    height: 0;
    overflow: hidden;
}
.barbaWrapper:before {
    content: '';
    width: 100%;
    height: 105px;
    background-color: #101013;
    position: absolute;
    top: 0;
    left: 0;
}
.barbaWrapper .content__inner,
.campaign__container .content__inner {
    width: 100%;
    max-width: 1100px;
    min-width: 320px;
    margin: 0 auto;
    position: relative;
}

/*********
about detail only
*********/
#content[data-namespace="about"] .content__inner {
    max-width: 100%;
}
#content .about__game {
    z-index: 1;
}
#content .about__story,
#content .about__class {
    z-index: 2;
}
#content .about__feature {
    z-index: 3;
}
#content .about__game {
    height: 833px;
/*    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about1_3.jpg) no-repeat center top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;*/
}
#content .about__story {
    height: 887px;
/*    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about2_3.jpg) no-repeat center top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;*/
}
#content .about__feature {
    height: 715px;
    position: relative;
/*    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about3_3.jpg) no-repeat center top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;*/
}
#content .about__class {
    height: 970px;
    position: relative;
    margin-top: -30px;
/*    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about4_3.jpg) no-repeat center top 100px;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;*/
}
#content [class*=about__] .about__gameTitle,
#content [class*=about__] .about__gameText,
#content [class*=about__] .about__gameBg {
    position: absolute;
}
[class*=about__] [class*=Title] {
    z-index: 3;
    font-size: 0;
}
[class*=about__] [class*=Text] {
    z-index: 2;
    color: #FFF;
    font-size: 16px;
    line-height: 2;
    padding: 20px;
}
[class*=about__] [class*=Text] a,
.about__feature .about__storyLink {
    color: #CCC;
    text-decoration: underline;
}
[class*=about__] [class*=Text] a:hover,
.about__feature .about__storyLink:hover {
    text-decoration: none;
}
[class*=about__] [class*=Bg] {
    z-index: 1;
}
.content__inner > [class*=about__] {
    position: absolute;
}
.rellax {
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.effect {
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    opacity: 0;
    -webkit-transform: translateY(30px);
       -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
         -o-transform: translateY(30px);
            transform: translateY(30px);
}
.effect.active {
    visibility: visible !important;
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: .5s;
       -moz-transition-delay: .5s;
        -ms-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s;
}

.about__newNav {
    position: relative;
    z-index: 99;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
}
.about__newNavInner {position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.76) 50%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%);}

/*.about__newNav::after {content: ""; height: 20px; background: #ccc; }*/

.about__newNav.nav-fixed .about__newNavInner {
    position: fixed;
    top: 103px;
}

.about__newNav.hide {opacity: 0; pointer-events: none;}


@media screen and (max-width: 480px) {
    .about__newNav.nav-fixed .about__newNavInner {
        top: 20.9vw;
    }
}


.about__newNav .swiper-slide {width: 160px; text-align: center;}
.about__newNav .about__navSlide2 {width: 130px;}
.about__newNav .about__navSlide3 {width: 148px;}

/*.about__newNavSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(1),*/
/*.about__newNav .about__newNavSlide1 {*/
    /*!*width: 46.800000000000004VW;*!*/
    /*width: 251px;*/
/*}*/
/*.about__newNavSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(2),*/
/*.about__newNav .about__newNavSlide2 {*/
    /*!*width: 24.266666666666666VW;*!*/
    /*width: 82px;*/
/*}*/
/*.about__newNavSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(3),*/
/*.about__newNav .about__newNavSlide3 {*/
    /*!*width: 35.733333333333334VW;*!*/
    /*width: 168px;*/
/*}*/
/*.about__newNavSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(4),*/
/*.about__newNav .about__newNavSlide4 {*/
    /*width: 28.53333333333333VW;*/
/*}*/
.about__newNav .swiper-slide a {
    display: inline-block;
    /*height: 16.666666666666664VW;*/
    height: 45px; padding: 15px 0 5px;
}
.about__newNav .swiper-slide a img {height: 100%;}
.about__newNav .about__newNavSlide1 a {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle1.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.about__newNav .about__newNavSlide2 a {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle2.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.about__newNav .about__newNavSlide3 a {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle3.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.about__newNav .about__newNavSlide4 a {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle4.png) no-repeat center top;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.about__newNav .swiper-slide.swiper-slide-active {
    position: relative;
}
.about__newNav .swiper-slide.current:before {
    content: '';
    width: 100%;
    height: 2px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle_current.png) repeat-x center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    /*left: 5VW;*/
    left: 0;
    bottom: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2),1px -1px 1px rgba(0,0,0,.2),-1px 1px 1px rgba(0,0,0,.2),-1px -1px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,.2),1px -1px 1px rgba(0,0,0,.2),-1px 1px 1px rgba(0,0,0,.2),-1px -1px 1px rgba(0,0,0,.2);
}


.about__game .about__gameTitle {
    width: 404px;
    height: 154px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_gameTitle.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 250px;
    left: 50%;
    margin-left: -460px;
}
.about__game .about__gameBg {
    width: 635px;
    height: 420px;
    top: 340px;
    right: 50%;
    margin-right: -550px;
    overflow: hidden;
}
.about__game .about__gameBg span {
    display: block;
}
.about__game .about__gameBg .about__gameBgM {
    width: 115px;
    height: 105px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_gameTitle_m.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 0;
    left: -1px;
}
.about__game .about__gameBg .about__gameBgImg {
    width: 100%;
    height: 510px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_gameBg.jpg) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    margin-top: -75px;
}
.about__game .about__gameText {
    width: 570px;
    background-color: rgba(0,0,0,.8);
    top: 495px;
    left: 50%;
    margin-left: -455px;
}
.about__story .about__storyTitle {
    width: 204px;
    height: 81px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_storyTitle.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 50px;
    left: 50%;
    margin-left: 197px;
}
.about__story .about__storyChar1 {
    width: 757px;
    height: 721px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_storyChar1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: -8px;
    left: 50%;
    margin-left: -585px;
    z-index: 2;
}
.about__story .about__storyText1 {
    width: 490px;
    height: 170px;
    top: 183px;
    left: 50%;
    margin-left: 90px;
    background-color: #000;
    z-index: 3;
}
.about__story .about__storyChar2 {
    width: 841px;
    height: 402px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_storyChar2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 295px;
    left: 50%;
    margin-left: -280px;
    z-index: 4;
}
.about__story .about__storyText2 {
    width: 250px;
    height: 335px;
    background-color: rgba(255,255,255,.1);
    top: 310px;
    left: 50%;
    margin-left: -100px;
    z-index: 5;
}
.about__story .about__storyText3 {
    width: 425px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSubTxtBg.png) no-repeat top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    top: 545px;
    left: 50%;
    margin-left: -410px;
    z-index: 6;
}
.about__story .about__storyText3 p:last-child {
    margin-bottom: 1.6em;
}
.about__story .about__storyBg {
    width: 665px;
    height: 1271px;
    top: -75px;
    left: 50%;
    margin-left: -392px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
    overflow: hidden;
}
.about__story .about__storyBg .about__storyBgInner {
    width: 607px;
    height: 1271px;
    margin: auto;
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    overflow: hidden;
    background-color: #000;
}
.about__story .about__storyBg .about__storyBgInnerRvs {
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    margin-left: -55px;
}
.about__story .about__storyBg .about__storyBgInnerImg {
    display: block;
    width: 667px;
    height: 1271px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_storyBg.jpg) no-repeat center top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    margin-top: -35px;
}
.about__feature .about__storyLink {
    position: absolute;
    left: 50%;
    top: -222px;
    margin-left: -388px;
    z-index: 7;
}
.about__feature .about__featureTitle {
    width: 197px;
    height: 126px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureTitle.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 50px;
    left: 50%;
    margin-left: -410px;
    z-index: 6;
}
.about__feature .about__featureBg {
    width: 785px;
    height: 1210px;
    top: -420px;
    left: 50%;
    margin-left: -645px;
    z-index: 1;
    overflow: hidden;
}
.about__feature .about__featureBg .about__featureBgInner {
    width: 425px;
    height: 1245px;
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    overflow: hidden;
    /*background-color: #000;*/
    margin-left: 195px;
}
.about__feature .about__featureBg .about__featureBgInnerRvs {
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    margin-left: -140px;
}
.about__feature .about__featureBg .about__featureBgInnerImg {
    display: block;
    width: 785px;
    height: 1215px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureBg.jpg) no-repeat center;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    margin-top: -45px;
}
.about__feature .about__SlideBlock {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}
.about__feature .about__SlideBlock {
    z-index: 1;
    top: 115px;
}
.about__feature .aboutSwiper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}
.about__feature [class*=about__featureSlideCont] {
    position: relative;
}
.about__feature [class*=about__featureSlideCont] > [class*=about__featureSlide] {
    position: absolute;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideTextBg,
.about__feature [class*=about__featureSlideCont] .about__featureSlideText {
    width: 265px;
    height: 450px;
    top: 60px;
    left: 50%;
    margin-left: 175px;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideTextBg {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSubTxtBg.png) no-repeat top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    z-index: 4;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideText {
    z-index: 6;
    padding: 20px;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideText span {
    display: block;
    text-indent: -99999em;
    font-size: 0;
    width: calc(100% + 40px);
    max-width: 235px;
    height: 0;
    padding-top: 14%;
    margin: -47px 0 20px -20px;
}
.about__feature .about__featureSlideCont1 .about__featureSlideText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSubTtl1.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont2 .about__featureSlideText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSubTtl2.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont3 .about__featureSlideText span {
    padding-top: 28%;
    margin-top: -80px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSubTtl3.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont4 .about__featureSlideText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSubTtl4.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideText,
.about__feature [class*=about__featureSlideCont] .about__featureSlideTextBg {
    /*opacity: 0;*/
    -webkit-transition: all .8s ease;
       -moz-transition: all .8s ease;
        -ms-transition: all .8s ease;
         -o-transition: all .8s ease;
            transition: all .8s ease;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideChar {
    width: 492px;
    height: 585px;
    top: 30px;
    right: 50%;
    margin-right: -55px;
    z-index: 5;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.about__feature .about__featureSlideCont1 .about__featureSlideChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideChar1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont2 .about__featureSlideChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideChar2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont3 .about__featureSlideChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideChar3.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont4 .about__featureSlideChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideChar4.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature [class*=about__featureSlideCont] .about__featureSlideBg {
    width: 625px;
    height: 525px;
    top: 20px;
    left: 50%;
    margin-left: -335px;
    /*opacity: 0;*/
    z-index: 3;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.about__feature .about__featureSlideCont1 .about__featureSlideBg {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideBg1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont2 .about__featureSlideBg {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideBg2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont3 .about__featureSlideBg {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideBg3.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__feature .about__featureSlideCont4 .about__featureSlideBg {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_featureSlideBg4.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
[class*=swiper2-button-] {
    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,.6);
    -webkit-border-radius: 50%;
            border-radius: 50%;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
}
.swiper2-button-next {
    margin-left: 470px;
}
.swiper2-button-prev {
    margin-left: -520px;
}
[class*=swiper2-button-] span {
    width: 22px;
    height: 36px;
}
[class*=swiper2-button-] span {
    margin-left: 6px;
}
.about__class .content__inner {
    position: relative;
    z-index: 1;
}
.about__class .mainTabContList {
    position: relative;
    z-index: 2;
}
.about__class .about__classTabCont li,
.about__class .about__classTabCont li .about__classText p,
.about__class .about__classTabCont li .about__classChar {
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.about__class .about__classChar.effect.active {
    -webkit-transition-delay: 0;
       -moz-transition-delay: 0;
        -ms-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
}
.about__class .about__classTitle {
    width: 403px;
    height: 97px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classTitle.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 150px;
    left: 50%;
    margin-left: -410px;
    z-index: 3;
}
.about__class .about__classBg {
    width: 670px;
    height: 1270px;
    top: -300px;
    left: 50%;
    margin-left: -465px;
    z-index: 2;
    overflow: hidden;
}
.about__class .about__classBg .about__classBgInner {
    width: 600px;
    height: 1270px;
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    overflow: hidden;
    background-color: #030a18;
    margin-left: 35px;
}
.about__class .about__classBg .about__classBgInnerRvs {
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    margin-left: -75px;
}
.about__class .about__classBg .about__classBgInnerImg {
    display: block;
    width: 670px;
    height: 1350px;
    background: #030a18 url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBg.jpg) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class:before {
    content: '';
    width: 519px;
    height: 510px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBg.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -105px;
}
.about__class {
    position: relative;
}
.about__class .about__classText {
    width: 360px;
    background-color: rgba(0,0,0,.8);
    top: 630px;
    left: 50%;
    margin-left: -25%;
}
.about__class .about__classTabList {
    position: absolute;
    top: 265px;
    right: 50%;
    margin-right: 150px;
}
.about__class .content__inner + .about__classTabList {
    width: 260px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 10;
}
.about__class .about__classTabList li {
    cursor: pointer;
}
.about__class .about__classTabList .hexagon:nth-child(1) {
    margin-left: 60px;
    margin-right: 120px;
}
.about__class .about__classTabList .hexagon:nth-child(2) {
    margin-top: -35px;
    margin-right: 180px;
}
.about__class .about__classTabList .hexagon:nth-child(3) {
    margin-top: -35px;
    margin-left: 60px;
    margin-right: 120px;
}
.about__class .about__classTabList .hexagon:nth-child(4) {
    margin-top: -135px;
    margin-left: 120px;
    margin-right: 60px;
}
.about__class .about__classTabList .hexagon:nth-child(5) {
    margin-top: -70px;
    margin-left: 180px;
}
.about__class .about__classTabList .hexagon {
    position: relative;
    width: calc(50% + (100% / 14));
    overflow: hidden;
}
.about__class .about__classTabList .hexagon .hexagon__image {
    opacity: .3;
}
.about__class .about__classTabList .hexagon.select .hexagon__image,
.about__class .about__classTabList .hexagon:hover .hexagon__image {
    opacity: 1;
}
.about__class .about__classTabList .hexagon:before {
    display: block;
    padding-top: 86.602540378%;
    content: '';
}
.about__class .about__classTabList .hexagon__inner-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(60deg);
}
.about__class .about__classTabList .hexagon__inner-2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(60deg);
}
.about__class .about__classTabList .hexagon__inner-3 {
    width: 100%;
    height: 100%;
    transform: rotate(-120deg);
}
.about__class .about__classTabList .hexagon__image {
    width: 100%;
    height: 100%;
}
.about__class .about__classTab1 .hexagon__image {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBtn1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTab2 .hexagon__image {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBtn2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTab3 .hexagon__image {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBtn3.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTab4 .hexagon__image {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBtn4.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTab5 .hexagon__image {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classBtn5.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .about__classTabList {
    display: -webkit-flex;
    display: flex;
    z-index: 9;
    top: 480px;
    right: auto;
    left: 50%;
    margin-right: 0;
    margin-left: -400px;
}
.about__class .about__classTabCont .about__classTabList li {
    width: 60px;
    height: 60px;
    margin: 0;
}
.about__class .about__classTabCont .about__classTabList li:first-child {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classManOff.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .about__classTabList li:last-child {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classFemaleOff.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .about__classTabList li.select:first-child {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classManOn.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .about__classTabList li.select:last-child {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classFemaleOn.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .about__classTabCont .about__classText {
    width: 275px;
    height: 205px;
    background: rgba(0,0,0,.6);
    padding: 75px 15px 15px 15px;
    position: absolute;
    top: 470px;
    left: 50%;
    margin-left: -410px;
    z-index: 6;
}
.about__class .about__classTabCont .about__classTabCont .about__classText span {
    display: block;
    width: 100%;
    height: 25px;
    text-indent: -99999em;
    font-size: 0;
    margin-bottom: 20px;
    position: relative;
}
.about__class .about__classTabCont .mainTabCont1 .about__classText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classCharName1.png) no-repeat top left;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .mainTabCont2 .about__classText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classCharName2.png) no-repeat top left;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .mainTabCont3 .about__classText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classCharName3.png) no-repeat top left;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .mainTabCont4 .about__classText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classCharName4.png) no-repeat top left;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .mainTabCont5 .about__classText span {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classCharName5.png) no-repeat top left;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .about__classTabCont .about__classTabCont .about__classText span:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    position: absolute;
    bottom: -11px;
    left: 0;
}
.about__class .about__classTabCont .about__classTabCont .about__classChar {
    width: 1190px;
    height: 819px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-top: 140px;
    margin-left: -475px;
    z-index: 5;
}
.about__class .mainTabCont1 .subTabCont1 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar1_1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont1 .subTabCont2 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar1_2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont2 .subTabCont1 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar2_1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont2 .subTabCont2 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar2_2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont3 .subTabCont1 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar3_1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont3 .subTabCont2 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar3_2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont4 .subTabCont1 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar4_1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont4 .subTabCont2 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar4_2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont5 .subTabCont1 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar5_1.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.about__class .mainTabCont5 .subTabCont2 .about__classChar {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about/about_classChar5_2.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}




.contentType2__inner {max-width: 1100px; min-width: 320px; margin: 0 auto; }
.spaceAdjuster {max-height: 160px; height: 32.6243592vw;}
.spaceAdjuster--2 {padding-top: 230px; }
.spaceAdjuster--3 {max-height: 103px; height: 20.933333333333334VW; }

[class^=about2] [class*=Text] {
    font-size: 15px;
}

.about2__d-sp-block {display: none !important; }
.about2__d-sp-inline {display: none !important; }
.about2__d-sp-inlineBlock {display: none !important; }
.about2__d-pc-block {display: block !important; }
.about2__d-pc-inline {display: inline !important; }
.about2__d-pc-inlineBlock {display: inline-block !important; }
.about2List {justify-content: center; padding-bottom: 100px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about2/listBg.png) center 100px no-repeat;  min-height: 880px;}
.about2__listFlex {display: flex; justify-content: center; margin: 120px -1vw 0;}
.about2__listFlex .about2List__Item {position: relative;  margin: 0 1vw; box-shadow: 0 0 20px rgba(0,0,0,.5); opacity: 0; transition: all .3s; transform: translateY(20px);}
.about2__listFlex .about2List__Item--gray .about2List__ItemCaption {background: #111; color: #ccc;  }
.about2__listFlex .about2List__Item.active {opacity: 1; transform: translateY(0);}
.about2__listFlex .about2List__Item img {display: block; max-width: 100%; }
.about2__listFlex .about2List__Item--2 {transition-delay: .2s;}
.about2__listFlex .about2List__Item--3 {transition-delay: .4s;}


.about2__listFlex .about2List__ItemCaption {position: absolute; top: 65%; left: -10px; min-width: 80%; background: #000; color: #fff; padding: 0.1em 1em 0.1em 2em; font-size: 1.1rem; }
.about2__listTitle {margin-top: 70px; }

.fancybox-slide--iframe {padding-left: 0; padding-right: 0; }
.fancybox-slide--html {padding: 20px 0;}
.charaExp .fancybox-content {background: transparent; }
.about2CharaLayer .fancybox-toolbar [class*=__close]:hover:before {transform: rotate(45deg);}
.about2CharaLayer .fancybox-toolbar [class*=__close]:hover:after {transform: rotate(-45deg);}

.about2About__sns {text-align: center; padding: 2vw 0; }
.about2About__chara {width: 100%; height: 100%; color: #fff; }
.about2About__charaInner {display: flex; justify-content: center; align-items: center; height: 100%;  }
.about2About__charaInner2 {max-width: 600px;}
.about2About__charaImg {text-align: center; margin-top: -5vw; }
.about2About__charaImg img {width: 200px; }
.about2About__charaName {position: relative; height: 0; padding-top: 27.678571%; margin-bottom: 30px; text-align: center; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about2/about_aboutCharaNameBg.png) center top no-repeat; background-size: contain; }
.about2About__charaNameInner {display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about2About__charaNameCaption {color: #999; }
.about2About__charaNameName {font-size: 1.5rem;}

.about2__d-pc-block .about2__title {height: 192px; background: center top no-repeat #000; }
.about2__d-pc-block .about2Sys__title {background-image: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/aboutGameSystem/gameSystemTitle.jpg);}
.about2__d-pc-block .about2__titleText {padding-left: 70px; padding-top: 45px; margin-bottom: 20px;}
.about2__d-pc-block .about2__titleCaption {padding: 0.1em 1em 0.1em 70px; background: #000; color: #fff; width: 412px;}


.about2__d-pc-block .about2About__title {height: 192px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about2/aboutTitle.jpg) center top no-repeat #000; }
.about2__d-pc-block .about2About__titleText {padding-left: 70px; padding-top: 45px; margin-bottom: 20px;}
.about2__d-pc-block .about2About__titleCaption {padding: 0.1em 1em 0.1em 70px; background: #000; color: #fff; width: 412px;}

.about2__d-pc-block .about2About__part1 {padding-top: 60px;  height: 1010px; background: url("https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about2/aboutBg1.png") center top no-repeat; }
.about2__d-pc-block .about2About__part1 .contentType2__inner {position: relative; height: 100%; }
.about2__d-pc-block .about2About__part1Img1 {position: absolute; top: 0; right: 0; width: 57.727272%; }
.about2__d-pc-block .about2About__part1Img1 img {display: block; max-width: 100%; }
.about2__d-pc-block .about2About__part1TextArea1 {position: absolute; top: 120px; left: 0; width: 50%; background: rgba(0,0,0,.8); color: #fff; padding: 1em 2em 1em 70px; z-index: 1; }
.about2__d-pc-block .about2About__part1Img2 {position: absolute; bottom: 165px; left: 0; width: 42.545454%; }
.about2__d-pc-block .about2About__part1Img2 img {display: block; max-width: 100%; }
.about2__d-pc-block .about2About__part1TextArea2 {position: absolute; bottom: 165px; right: 0; width: 42.363636%; }
.about2__d-pc-block .about2About__part1Text1 {position: absolute; bottom: 330px; left: 0; width: 57.636363%; }
.about2__d-pc-block .about2About__part1Text1 img {max-width: 100%; display: block; }


.about2__d-pc-block .about2About__part2 {margin-top: -30px; background: url("https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/about2/aboutBg2.png") center 180px no-repeat; }
.about2__d-pc-block .about2About__part2 .contentType2__inner {position: relative; height: 100%; padding-top: 440px;  }
.about2__d-pc-block .about2About__part2Img1 {position: absolute; top: 0; left: 0; width: 62.363636%; }
.about2__d-pc-block .about2About__part2Img1 img {display: block; max-width: 100%; }
.about2__d-pc-block .about2About__part2TextArea1 {position: absolute; top: 174px; right: 0; background: rgba(255,255,255,.8); padding: 1em 2em; width: 62.363636%; }
.about2__d-pc-block .about2About__part2Text1 {position: absolute; top: 40px; right: 0; width: 42.727272%; }
.about2__d-pc-block .about2About__part2Text1 img {display: block; max-width: 100%; }
.about2__d-pc-block .about2About__part2Story {margin-bottom: 70px; }
.about2__d-pc-block .about2About__part2StoryTitle {width: 14.909090%; margin-bottom: 10px; }
.about2__d-pc-block .about2About__part2StoryTitle img {max-width: 100%; display: block; }
.about2__d-pc-block .about2About__part2StoryCaption {display: inline-block; padding: 0.1em 2em 0.1em 70px;  background: #000; color: #fff; margin-bottom: 40px; }
.about2__d-pc-block .about2About__part2TextArea2 {position: relative; background: rgba(255,255,255,.8); padding: 2em; width: 62.363636%; }
.about2__d-pc-block .about2About__part2TextArea2Wrapper {display: flex; }
.about2__d-pc-block .about2About__part2Img2 {position: relative; width: 36.363636%; /* height: 84%; */ }
.about2__d-pc-block .about2About__part2Img2 img {position: absolute; left: -87%; top: -16%; width: 226.75%;}
.about2__d-pc-block .about2About__part3 {padding-bottom: 100px; }
.about2__d-pc-block .about2About__part3Title {width: 29.090909%; /*22.909090%; */}
.about2__d-pc-block .about2About__part3Title img {display: block; max-width: 100%; }
.about2__d-pc-block .about2About__part3Img1 {width: 100%; }
.about2__d-pc-block .about2About__part3Img1 img {width: 118.181818%; margin: 0 -9.090909%; }

@media screen and ( max-width: 1100px) {
    .about2__d-pc-block .about2About__titleText {padding-left: 6.363636vw; }
    .about2__d-pc-block .about2About__titleCaption {padding-left: 6.363636vw; }
    .about2__d-pc-block .about2About__part1 {height: 86.363636vw; background-size: 181.818181vw; }
    .about2__d-pc-block .about2About__part1TextArea1 {top: 10.909090vw; padding-left: 6.363636vw;  }
    .about2__d-pc-block .about2About__part1Img2 {bottom: 15vw; }
    .about2__d-pc-block .about2About__part1Text1 {bottom: 30vw;}
    .about2__d-pc-block .about2About__part1TextArea2 {bottom: 15vw; }

    .about2__d-pc-block .about2About__part2 {background-size: 181.818181vw; }
    .about2__d-pc-block .about2About__part2 .contentType2__inner {padding-top: 40vw;}
    .about2__d-pc-block .about2About__part2TextArea1 {top: 15.818181vw; }
    .about2__d-pc-block .about2About__part2Text1 {top: 3.636363vw}
    .about2__d-pc-block .about2About__part2StoryCaption {width: 30vw; padding-left: 6.363636vw; }


}

.about2Sys__block1 {padding-top: 90px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/aboutGameSystem/bg.png) center top no-repeat; min-height: 700px; }
.about2Sys__articleList {display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1100px; margin: auto; }
.about2Sys__articleList a {transition: none; }
.about2Sys__articleItem {display: block; background: rgba(0,0,0,.5); overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.2); width: 200px; margin-bottom: 50px; cursor: pointer; }
.about2Sys__articleItemInner {position: relative; padding-top: 80.368098%; height: 0;}

.about2Sys__articleItemImg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about2Sys__articleItemImg img {width: 100%; text-align: center; }
.about2Sys__articleItemTitle {position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px 0; background: rgba(0,0,0,.7); text-align: center; }
.about2Sys__articleItemTitle img {display: block; margin: auto; max-width: 100%; }

@media screen and (max-width: 1150px) {
    .about2Sys__articleList {margin: 3%; }
    .about2Sys__articleItem {width: 32%;}

}
.about2GameSys .layerItem,
.about2World .layerItem {display: none; }

.about2GameSysLayer .layerItem::-webkit-scrollbar-track {box-shadow: inset 0 0 3px rgba(0,0,0,0.75); border-radius: 100px; }
.about2GameSysLayer .layerItem::-webkit-scrollbar {width: 6px;background-color: #333; border-radius: 100px;}
.about2GameSysLayer .layerItem::-webkit-scrollbar-thumb {background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgb(212, 211, 211) 51%,rgb(224, 224, 224) 100%); border-radius: 100px; }


.about2GameSysLayer.fancybox-is-open  .fancybox-bg {background: #000; opacity: .5; }
.about2GameSysLayer .layerItem {position: relative; padding: 0; color: #ccc; width: 672px; background: rgba(0,0,0,.8); font-size: 1.2rem; max-height: 100%;}
.about2GameSysLayer .layerItem__image {position: relative; }
.about2GameSysLayer .layerItem__image::before,
.about2GameSysLayer .layerItem__image::after {content: ""; position: absolute; width: 100%; height: 0; padding-top: 2.678571%; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/aboutGameSystem/layerKazari2.png) center top no-repeat; background-size: contain; }
.about2GameSysLayer .layerItem__image::before {top: -8px; left: 0; }
.about2GameSysLayer .layerItem__image::after {bottom: -11px; left: 0; }
.about2GameSysLayer .layerItem__image img {max-width: 100%; }
.about2GameSysLayer .layerItem__title {padding-top: 20px; text-align: center; margin-bottom: 40px;}
.about2GameSysLayer .layerItem__title img {max-width: 60%; }
.about2GameSysLayer .layerItem__exp {padding: 30px 50px 40px ; }

.about2GameSysLayer .layerItem h2 {margin: 40px 0 24px; position: relative; padding: 24px 0; text-align: center; font-size: 1.1rem; color: #fff; }
.about2GameSysLayer .layerItem h2::before,
.about2GameSysLayer .layerItem h2::after {content: ""; position: absolute; width: 100%; height: 0; padding-top: 15px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/aboutGameSystem/layerkazari2.png) center no-repeat; background-size: contain;  }
.about2GameSysLayer .layerItem h2::before {left: 0; top: 0;}
.about2GameSysLayer .layerItem h2::after {left: 0; bottom: 0;}

.about2GameSysLayer .layerItem h3 {position: relative; margin: 30px 0 24px; padding: 10px 0;  background: linear-gradient(to right, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 80%); text-align: center; }
.about2GameSysLayer .layerItem h3 img {display: block; width: 60%; margin: auto; }
.about2GameSysLayer .layerItem h3::before,
.about2GameSysLayer .layerItem h3::after {content: ""; position: absolute; background: linear-gradient(to right, rgba(255,255,255,0) 20%,rgba(255,255,255,0.5) 51%,rgba(255,255,255,0) 80%); width: 100%; height: 1px;}
.about2GameSysLayer .layerItem h3::before {top: 0; left: 0;}
.about2GameSysLayer .layerItem h3::after {bottom: 0; left: 0; }

.about2GameSysLayer .layerItem__jobList {position: relative; }
.about2GameSysLayer .layerItem__jobItem {display: none; }
.about2GameSysLayer .layerItem__jobItemInner {display: flex; }
.about2GameSysLayer .layerItem__jobItem.show {display: block; }
.about2GameSysLayer .layerItem__jobMapImage {position: absolute; z-index: 2; }
.about2GameSysLayer .layerItem__jobMapImage img {width: 100%; }
.about2GameSysLayer .layerItem__jobItemImage {width: 480px; }
.about2GameSysLayer .layerItem__jobItem .layerItem__exp {width: 540px; margin-left: -80px; }
.about2GameSysLayer .layerItem__caption {margin: 40px 0; }
.about2GameSysLayer .layerItem__caption img {width: 100%;}
.about2GameSysLayer #layer2 {width: 940px; }
.about2GameSysLayer #layer2 .layerItem__title {position: absolute; top: 0; left: 0; z-index: 1; }

.headMenu__close--2 {position: absolute; display: inline-block; height: 44px; width: 34px; top: 0; right: 0; cursor: pointer; z-index: 3;}

.headMenu__close--3 {position: relative; display: inline-block; height: 44px; width: 34px; cursor: pointer; z-index: 3;}
.headMenu__close--3::before,
.headMenu__close--3::after {background: #000;}


.about2World__block1 {position: relative; }
.about2World__layer1 {position: absolute; top: 0; left: 0; width: 100%; height: 190px; background: rgba(255,255,255,.8); z-index: 2; transition: height .5s, background .5s;}
.about2World__layer1 .contentType2__inner {height: 100%;}
.about2World__layer1 .about2World__titleSet {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: start; transition: opacity .5s;}


.about2World__layer1.nav-fixed {position: fixed; top: 103px;  }
.about2World__layer1 .headMenu__close--3 {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: opacity .5s; }
.about2World__layer2 {position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(255,255,255,.8); transition: opacity .5s; z-index: 1}
.about2World__layer2 .contentType2__inner {padding: 30px; }
.about2World__mapCover {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 1; cursor: pointer; opacity: .55; transition: opacity .5s; }
.about2World__mapCover:hover {opacity: .8; }
.about2World__openBtn {width: 126px; height: 126px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/aboutGameSystem/btnZoom.png); background-size: contain; cursor: pointer; }

.about2World__titleText {display: block; margin-left: 65px; margin-top: 20px;  height: 60px; width: 120px; ;background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/aboutWorld/title.png) left center no-repeat; background-size: cover; }
.about2World__titleCaption {display: inline-block; padding: 0.1em 3em 0.1em 70px; margin-top: 30px; background: #000; color: #fff; width: 400px; }
.about2World__layer2 .about2World__openBtn {position: absolute; top: -70px; right: 10px; cursor: pointer; }

.about2World__mapSet {height: 900px; transition: height .5s; }
.about2World__mapSet.active {height: calc(100vh - 103px);}
.about2World__mapSet.active .about2World__mapCover {display: none; }
.about2World__mapSet.active .about2World__layer1 {height: 70px; }
.about2World__mapSet.active .about2World__layer2 {opacity: 0; pointer-events: none; }

.about2World__mapSet.active .about2World__layer1 {background: rgba(255,255,255,.5)}
.about2World__mapSet.active .about2World__layer1 .about2World__titleSet {opacity: 0;}
.about2World__mapSet.active .about2World__layer1 .headMenu__close--3 {opacity: 1; pointer-events: auto; }

    /*********
    campaign detail only
    *********/
.campaign__bnrArea,
.headMenu__media {
    width: 338px;
    position: fixed;
    right: -100%;
    bottom: 50px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99;
    opacity: 0;
}
.campaignShow .campaign__bnrArea.active.firstStop,
.mediaShow .headMenu__media.active.firstStop {
    right: -100%;
    opacity: 0;
}
.campaignShow .campaign__bnrArea.active,
.mediaShow .headMenu__media.active {
    right: 20px;
    opacity: 1;
}
.campaignShow .campaign__bnrArea.active.main-slide,
.mediaShow .headMenu__media.active.main-slide {
    opacity: 0;
    right: -100%;
}
.campaign__bnrArea .campaign__bnr {
    display: block;
    position: relative;
}
.campaign__bnrArea .campaign__bnr[class*=campaign__badge]:before {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    top:-50px;
    right: -20px;
}
.campaign__bnrArea .campaign__bnr:hover {
    filter: contrast(140%);
}
.campaign__bnrArea a + a {
    margin-top: 10px;
}
.campaign__bnrArea .campaign__bnr img,
.campaign__list .campaign__item .campaign__thumb img {
    max-width: 100%;
    vertical-align: bottom;
}
#content[data-namespace="campaign"] {
    min-height: 100vh;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_bg.png) no-repeat center top 390px;
}
.campaign__SlideBlock {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-top: 105px;
    background-color: #000;
}
.campaign__SlideBlock .campaignSwiper .swiper-slide a {
    display: block;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
}
.campaign__SlideBlock .campaignSwiper .swiper-slide a img {
    max-width: 100%;
    height: 280px;
    vertical-align: bottom;
}
.campaign__SlideBlock .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 56px;
    height: 3px;
    background-color: #fff;
    -webkit-border-radius: 0;
            border-radius: 0;
    opacity: .5;
}
.campaign__SlideBlock .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
#content[data-namespace="campaign"] .content__inner {
    padding-top: 45px;
    padding-bottom: 70px;
}
#content[data-namespace="campaign"] .campaign__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_title.png) no-repeat left center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.campaign__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin-top: 60px;
}
.campaign__list .campaign__item {
    width: calc(50% - 20px);
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    position: relative;
    margin-top: -125px;
    padding-top: 125px;
}
.campaign__list .campaign__item:nth-child(2n) {
    -webkit-transition-delay: .1s;
       -moz-transition-delay: .1s;
        -ms-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}
.campaign__list .campaign__item a {
    display: block;
    color: #000;
    -webkit-box-shadow: 0 15px 60px rgba(0,0,0,.2);
            box-shadow: 0 15px 60px rgba(0,0,0,.2);
    position: relative;
    margin-bottom: 30px;
}
.campaign__list .campaign__item a:hover .campaign__thumb {
    filter: contrast(120%);
}
.campaign__list .campaign__item a:hover dl {
    opacity: .8;
}
.campaign__list .campaign__item .campaign__thumb {
    /*max-height: 220px;*/
    background-position: center;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.campaign__list .campaign__item .campaign__detail {
    background-color: #FFF;
    border-radius: 0 0 5px 5px / 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.campaign__list .campaign__item .campaign__detail dt,
.campaign__list .campaign__item .campaign__detail dd {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.campaign__list .campaign__item .campaign__detail dt {
    height: 100px;
    font-weight: bold;
    padding-right: 60px;
}
.campaign__list .campaign__item .campaign__detail dt span {
    height: 3.2em;
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
}
.campaign__list .campaign__item .campaign__detail dt span:before,
.campaign__list .campaign__item .campaign__detail dt span:after {
    background: #fff;
    position: absolute;
}
.campaign__list .campaign__item .campaign__detail dt span:before {
    content: "...";
    top: 1.6em;
    right: 0;
    z-index: 1;
}
.campaign__list .campaign__item .campaign__detail dt span:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: 2;
}
.campaign__list .campaign__item .campaign__detail dd {
    height: 55px;
    color: #494949;
    border-top: 2px solid #f4f4f4;
}
.campaign__list .campaign__item.campaign__item--hot a:before,
.campaign__list .campaign__item[class*=campaign__badge] a:after,
.campaign__list .campaign__item.campaign__item--tw .campaign__detail:before,
.campaign__list .campaign__item.campaign__item--fb .campaign__detail:before,
.campaign__list .campaign__item.campaign__item--line .campaign__detail:before {
    content: '';
    position: absolute;
    z-index: 9;
}
.campaign__list .campaign__item.campaign__item--hot a:before {
    width: 79px;
    height: 94px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_icon_hot.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    top: 0;
    left: -12px;
}
.campaign__list .campaign__item[class*=campaign__badge] a:after {
    width: 100px;
    height: 100px;
    top: -20px;
    right: 5px;
}
.campaign__list .campaign__item.campaign__badge10 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge10:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge10.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge20 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge20:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge20.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge30 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge30:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge30.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge40 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge40:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge40.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge50 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge50:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge50.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge60 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge60:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge60.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge70 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge70:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge70.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge80 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge80:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge80.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge90 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge90:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge90.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge100 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge100:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge100.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge150 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge150:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge150.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__badge200 a:after,
.campaign__bnrArea .campaign__bnr.campaign__badge200:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_badge200.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__item--tw .campaign__detail:before,
.campaign__list .campaign__item.campaign__item--fb .campaign__detail:before,
.campaign__list .campaign__item.campaign__item--line .campaign__detail:before {
    width: 46px;
    height: 64px;
    top: -4px;
    right: 15px;
}
.campaign__list .campaign__item.campaign__item--tw .campaign__detail:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_icon_tw.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__item--fb .campaign__detail:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_icon_fb.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__list .campaign__item.campaign__item--line .campaign__detail:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/campaign_icon_line.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}


/*********
media detail only
*********/
.headMenu__media,
.headMenu__media a,
.headMenu__media span {
    width: 295px;
    height: 190px;
}
.mediaShow .media__videoBtnArea {
    bottom: 50px;
    right: 20px;
    top: auto;
}
.mediaBtn {
    display: block;
    background: #000;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.mediaBtn:before {
    content: '';
    width: 54px;
    height: 54px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/media/videoLayer_play.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 3;
}
.mediaBtn span {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.mediaBtn:hover span {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    filter: contrast(130%);
}
.headMenu__mediaLayer {
    position: fixed;
}
.headMenu__mediaLayer .headMenu__mediaLayerBase {
    width: 95%;
    max-width: 120vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 102;
}
.headMenu__mediaLayer .headMenu__mediaLayerBase .headMenu__close {
    top: -30px;
    right: 0;
}
.headMenu__mediaLayer .headMenu__mediaLayerBaseInner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.headMenu__mediaLayer .headMenu__mediaLayerBaseInner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: #000;
    border: none;
}
#content[data-namespace="media"],
#content[data-namespace="campaign"] {
    overflow: hidden;
}
#content[data-namespace="media"] {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_bg.png) no-repeat center top 175px;
}
.mediaSwiper {
    width: 100%;
    max-width: 2000px;
    margin: 115px auto 0;
    position: relative;
}
.media__slideBlock .swiper-slide {
    width: 632px;
    opacity: .5;
}
.media__slideBlock .swiper-slide.swiper-slide-active {
    opacity: 1;
    position: relative;
}
.mediaSwiperSingle {
    width: 100%;
    max-width: 890px;
    margin: 115px auto 0;
    position: relative;
}
.media__slideBlock .swiper-slide.swiper-slide-active:before,
.mediaSwiperSingle:before {
    content: '';
    width: 110%;
    max-width: 695px;
    height: 0;
    padding-top: 70%;
    position: absolute;
    bottom: -15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/media/media_video_bg.png) no-repeat center bottom;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    z-index: 1;
}
.media__slideBlock .swiper-slide a,
.media__slideBlock .swiper-slide a span,
.mediaSwiperSingle a,
.mediaSwiperSingle a span {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2;
    background-repeat: no-repeat;
}
.mediaBtn:before {
    width: 65px;
    height: 65px;
}
.media__slideBlock .swiper-slide a span,
.mediaSwiperSingle a span {
    height: 0;
    padding-top: 55.7%;
}
/*#content[data-namespace="media"] .media__slideBlock .swiper-slide a,
#content[data-namespace="media"] .media__slideBlock .swiper-slide a span {
    max-width: 632px;
    margin-right: auto;
    margin-left: auto;
}*/
.mediaSwiperSingle a span {
    max-width: 890px;
}
.media__slideBlock .swiper-slide .mediaCap,
.mediaSwiperSingle .mediaCap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    width: 480px;
    height: 3.6em;
    color: #FFF;
    text-align: right;
    padding: 0 20px;
    background-color: #000;
    position: absolute;
    bottom: -20px;
    right: 0;
    z-index: 3;
    opacity: 0;
}
.media__slideBlock .swiper-slide.swiper-slide-active .mediaCap,
.mediaSwiperSingle .mediaCap {
    opacity: 1;
}
#content[data-namespace="media"] .content__inner:last-child,
#content[data-namespace="media"]  .content__inner:last-child {
    margin-top: 150px;
}
#content[data-namespace="media"] .media__twTimeLine {
    width: 100%;
    max-width: 890px;
    margin: 55px auto 0;
    padding: 20px 0;
    background: #FFF;
    position: relative;
    z-index: 9;
}
#content[data-namespace="media"] .media__twTimeLineBase {
    width: 100%;
    height: 70vh;
    padding: 0 50px;
}
#content[data-namespace="media"] .media__twTimeLineInner {
    width: 100%;
}



/*********
support
**********/
.barbaWrapper {
    /*min-height: 100%;*/
}
#content.contentSupport,
#content.contentRegist,
#content.contentLogin,
#content[data-namespace="media"] {
    min-height: 100vh;
    padding: 25vh 0 100px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_bg.png) no-repeat center top 155px;
}
.contentSupport .content__inner {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    position: relative;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.contentSupport--privacy .content__inner:last-child {
    margin-top: 150px;
}
.contentSupport .content__inner:before,
#content[data-namespace="media"] .content__inner:first-child:before {
    content: '';
    width: 927px;
    height: 786px;
    position: absolute;
    top: -145px;
    right: 50%;
    margin-right: -910px;
    z-index: 1;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.contentSupport.contentSupport--privacy .content__inner:last-child:before {
    display: none;
}
.contentSupport--contact .content__inner:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_char_contact.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--faq .content__inner:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_char_faq.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--privacy .content__inner:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_char_privacy.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--news .content__inner:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_char_news.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
#content[data-namespace="media"] .content__inner:first-child:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/media/media_char.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport .contentSupport__title,
#content[data-namespace="media"] .media__title,
#content[data-namespace="campaign"] .campaign__title,
.contentRegist__title {
    width: 435px;
    height: 42px;
    text-indent: -99999em;
    font-size: 0;
}
.contentSupport--contact .contentSupport__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_title_contact.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--faq .contentSupport__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_title_faq.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--privacy .contentSupport__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_title_privacy.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--privacy.contentSupport--agreement .contentSupport__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_title_agreement.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--privacy .content__inner:last-child .contentSupport__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_title_privacy_promise.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--news .contentSupport__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_title_news.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
#content[data-namespace="media"] .media__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/media/media_title1.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
#content[data-namespace="media"] .content__inner:last-child .media__title,
#content[data-namespace="media"]  .content__inner:last-child .media__title {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/media/media_title2.png) no-repeat left center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport .contentSupport__title,
.contentSupport .contentSupport__desc,
.contentSupport .contentSupport__main {
    position: relative;
    z-index: 2;
}

/**
 * ログイン・参加登録
 */
.mt-3 {margin-top: 1rem; }
.my-4 {margin-top: 1.5rem; margin-bottom: 1.5rem; }
.mb-2 {margin-bottom: 0.5rem;}
.mb-5 {margin-bottom: 3rem;}
.img-fluid {max-width: 100%;}
/*.d-pc-block {display: block;}*/
/*.d-pc-inline {display: inline;}*/
/*.d-sp-block,*/
/*.d-sp-inline {display: none; }*/

.text-danger {color: #a00; text-shadow: 0 0 5px #fff; }
.homeLink--center  {left: 50%; transform: translateX(-50%); max-width: 260px;max-height: 103px; top: 0; }

.contentRegist__btnList li {margin-bottom: 10px;}
.contentRegist__btnList li:last-child {margin-bottom: 0;}
.registBtn {display: flex; justify-content: space-between; align-items: center; padding: 0.6em 1em; border-radius: 5px; background: linear-gradient(to bottom, rgba(251,251,251,1) 1%,rgba(233,233,233,1) 100%); border: 1px solid; border-color: #fff #C8C8C8 #BABABA #d6d6d6; color: #000; line-height: 1; font-weight: bold; }
.registBtn::after {content: ""; width: 9px; height: 15px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/directTp1R.png); background-size: contain;  }
.registBtn__logo {width: 23px;}
.registBtn__logo--NC {margin: -3px; width: 29px;}

.contentRegist__head {height: 26px; margin-bottom: 1rem;}
.contentRegist__text {height: 21px;}
.linkText {color: #000; text-decoration: underline; }

.evBtn {padding: 0.6em 0.3em; border-radius: 5px; background: linear-gradient(to bottom, rgba(251,251,251,1) 1%,rgba(233,233,233,1) 100%); border: 1px solid; border-color: #fff #C8C8C8 #BABABA #d6d6d6; color: #000; font-weight: bold; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}

#content.contentRegist,
#content.contentLogin {
    min-height: 100vh;
    padding: 25vh 0 100px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/commonBg.png) no-repeat center top 155px;
}
.contentRegist .content__inner,
.contentLogin .content__inner {width: 100%;max-width: 1100px;margin: auto;position: relative;transition: all .3s ease;}
.contentRegist .content__inner::before,
.contentLogin .content__inner::before {content: ""; position: absolute; top: -20px; right: 50%;  width: 700px; height: 726px; margin-right: -620px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/commonChara.png);  }

.contentRegist__main {position: relative; margin-top: 50px; }

.contentRegist__title {width: 176px; height: 42px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/regist_title.png) no-repeat left center; text-indent: -9999px; font-size: 0; background-size: contain; }
.contentLogin__title {width: 176px; height: 42px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/login_title.png) no-repeat left center; text-indent: -9999px; font-size: 0; background-size: contain; }

.contentRegist__cage {width: 435px; padding: 40px 46px; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 5%,rgba(0,0,0,0.05) 95%,rgba(0,0,0,0.1) 100%);}
.contentRegist__cage--noBg {background: none; padding: 0 46px; }

.contentLogin__form {display: flex; justify-content: space-between; }
.contentLogin__formInput {width: calc(100% - (80px + 0.5rem)); }
.contentLogin__formInput input {width: 100%; font-size: 16px; border: 1px solid; border-color: rgba(0,0,0,.2) rgba(255,255,255,.8) rgba(255,255,255,.9) rgba(0,0,0,.3); border-radius: 5px; padding: 0.2em 0.3em; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset, 1px 1px 3px rgba(0,0,0,.1); }
.contentLogin__formSubmit {width: 80px; }
.contentLogin__formSubmit .evBtn {display: block; width: 100%; height: 100%;}

@media screen and (max-width: 834px) {
    .contentSupport .contentSupport__title, #content[data-namespace="media"] .media__title, #content[data-namespace="campaign"] .campaign__title {
        width: 58vw;
        height: 5.6vw;
    }
    
    .contentRegist__head {max-height: 26px; height: 5vw; margin-bottom: 0.5em;}
    .contentRegist__text {max-height: 21px; height: 4vw; }
    .contentRegist__main {margin-top: 12vw; text-align: center;  }
    .contentRegist__cage {width: auto; }
    /*.registBtn {border-width: 2px; }*/
    /*.registBtn__logo {width: auto;}*/
    /*.registBtn__logo--NC {margin: -6px; width: auto;}*/
    .contentRegist__cage {margin-left: -5.333333333333333vw; margin-right: -5.333333333333333vw;}
    .contentRegist .content__inner::before,
    .contentLogin .content__inner::before {content: none; }

    .homeContent__banner {top: 2.2VW; left: 0;}
}






/* contact */
.contentSupport--contact .contentSupport__desc {
    max-width: 805px;
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: 2px solid #fff;
}
.contentSupport--contact .contentSupport__desc .contentSupport__descBtn,
.contentSupport--contact .contentSupport__main .contentSupport_btn {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.contentSupport--contact .contentSupport__descBtn {
    width: 160px;
    height: 37px;
    color: #FFF;
    margin-top: 15px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_contac_att_btn.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport--contact .contentSupport__desc .contentSupport__descBtn:hover,
.contentSupport--contact .contentSupport__main .contentSupport_btn:not(.btnBlock):hover {
    filter: contrast(140%);
}
.contentSupport--contact .contentSupport__main .contentSupport_btn.btnBlock {
    opacity: .6;
    cursor: default;
}

.contentSupport--contact .contentSupport__main {
    max-width: 550px;
    margin-top: 15px;
}
.contentSupport--contact .contentSupport__mainBlock {
    background-color: #e9e9e9;
    border: 1px solid #dddddd;
    padding: 20px 10px;
    margin-bottom: 30px;
}
.contentSupport--contact .contentSupport__mainBlock > * {
    display: block;
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    margin-bottom: 10px;
}
.contentSupport--contact .contentSupport__mainBlock > .formCont1 {
    display: none;
}
.contentSupport--contact .contentSupport__mainBlock textarea {
    resize: none;
    height: 160px;
    margin-bottom: 0;
}
.contentSupport--contact .contentSupport__main .contentSupport_error {
    margin-bottom: 15px;
    color: #C50000;
    text-align: center;
}
.contentSupport--contact .contentSupport__main .contentSupport_btn  {
    width: 229px;
    height: 45px;
    margin: 0 auto;
    text-indent: -99999em;
    font-size: 0;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_contac_btn.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    border: none;
    cursor: pointer;
}
.contentSupport--contact  input:focus,
.contentSupport--contact textarea:focus,
.headMenu__registerLayerBase .headMenu__registerLayerMail input:focus {
    outline: none;
}
.contentSupport .show [class*="LayerBg"] {
    position: fixed;
    width: 100%;
    height: 100%;
}
.content__cplLayer,
.content__attLayer {
    opacity: 0;
    display: none;
}
.show.content__cplLayer,
.show.content__attLayer {
    opacity: 1;
    display: block;
}
.show .content__cplLayerBase {
    max-width: 450px;
}
.content__attLayer .content__attLayerInner {
    height: 450px;
    text-align: left;
}
.content__attLayer .content__attLayerInner dl + dl {
    margin-top: 20px;
}
.content__attLayer .content__attLayerInner dt {
    font-weight: bold;
    margin-bottom: 5px;
}
.content__attLayer .content__attLayerInner dd + dd {
    margin-top: 10px;
}
.content__attLayer .content__attLayerInner dd a {
    color: #B9B9B9;
    text-decoration: underline;
}
.content__attLayer .content__attLayerInner dd a:hover {
    text-decoration: none;
}

/* news*/
.contentSupport--news .contentSupport__main {
    margin-top: 40px;
    border-top: 2px solid #000;
}
.contentSupport--news .contentSupport__main:before {
    content: '';
    width: 103px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: -3px;
    left: 0;
}
.contentSupport--news .contentSupport__newsList li + li {
    border-top: 1px solid #e5e5e5;
}
.contentSupport--news .contentSupport__newsList a {
    height: 45px;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    padding: 0 25px;
    background-color: rgba(255,255,255,.9);
}
.contentSupport--news .contentSupport__newsList a:hover {
    background-color: rgba(255,255,255,1);
}
.contentSupport--news .newItem:before {
    left: 7px;
    top: -1px;
}
.contentSupport--news [class*=__newsDate] {
    color: #A2A2A2;
}
.contentSupport--news .contentSupport__newsList .contentSupport__newsTxt {
    color: #000;
    margin-left: 30px;
}
.contentSupport__pagination {
    margin-top: 45px;
}
.contentSupport__pagination,
.contentSupport__pagination a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    flex-wrap: wrap;
}
.contentSupport__pagination a {
    width: 40px;
    height: 40px;
    color: #CACACA;
    background: #efefef;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #d0d0d0;
    margin: 0 10px;
}
.contentSupport__pagination a:hover,
.contentSupport__pagination a.current,
.contentSupport__pagination a.next,
.contentSupport__pagination a.prev {
    color: #000;
    background-color: #FFF;
}
.contentSupport__pagination a i {
    display: block;
    width: 6px;
    height: 12px;
}
.contentSupport__pagination a.prev i {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/icon_pagination_prev.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport__pagination a.next i {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/icon_pagination_next.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.contentSupport__pagination a.next:hover i {
    animation: paginationRight .7s ease-in-out;
}
.contentSupport__pagination a.prev:hover i {
    animation: paginationLeft .7s ease-in-out;
}
@-webkit-keyframes paginationLeft {
    0%,
    50%,
    99.9%,to {transform: translateX(0)}
    25%,
    75% {transform: translateX(-3px)}
}
@keyframes paginationLeft {
    0%,
    50%,
    99.9%,to {transform: translateX(0)}
    25%,
    75% {transform: translateX(-3px)}
}
@-webkit-keyframes paginationRight {
    0%,
    50%,
    99.9%,to {-webkit-transform: translateX(0)}
    25%,
    75%{-webkit-transform: translateX(3px)}
}
@keyframes paginationRight {
    0%,
    50%,
    99.9%,to {-webkit-transform: translateX(0)}
    25%,
    75%{-webkit-transform: translateX(3px)}
}

/* news detail*/
.newsDetail .contentSupport__main {
    background-color: rgba(255,255,255,.9);
}
.newsDetail .contentSupport__main dt {
    min-height: 80px;
    padding: 10px 20px 10px 30px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    position: relative;
}
.newsDetail .contentSupport__main .contentSupport__newsTxt {
    width: calc(100% - 8em);
    font-weight: bold;
}
.newsDetail .contentSupport__main .contentSupport__newsDate {
    width: 8em;
    text-align: right;
    margin-right: 65px;
}
.newsDetail .contentSupport__main .contentSupport__close {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/bg_newsClose.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    text-indent: -99999em;
    font-size: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.newsDetail .contentSupport__main .contentSupport__close:before,
.newsDetail .contentSupport__main .contentSupport__close:after {
    background-color: #000;
    left: 8px;
}
.newsDetail .contentSupport__main dd {
    padding: 0 0 30px;
}
.newsDetail .contentSupport__main .contentSupport__mainInner {
    padding: 30px 30px 0;
}
.fancybox-container .fancybox-content {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
.newsDetail .contentSupport__main .newsthumb {
    margin: 1.6em 0;
}
.newsDetail .contentSupport__main .newsthumb img {
    max-width: 100%;
}

/* privacy policy */
.contentSupport--privacy .contentSupport__desc {
    font-size: 20px;
    margin-top: 30px;
}
.contentSupport--privacy .contentSupport__main {
    padding: 25px 0;
    margin-top: 35px;
    background-color: rgba(255,255,255,.8);
}
.contentSupport--privacy .contentSupport__mainInner {
    max-height: calc(100vh - 55vh);
    padding: 0 30px;
    overflow: hidden;
    overflow-y: auto;
}
.contentSupport--privacy .contentSupport__main dl + dl {
    margin-top: 20px;
}
.contentSupport--privacy .contentSupport__main dl dt {
    font-weight: bold;
}
.contentSupport--privacy .contentSupport__main dl dd + dd {
    margin-top: 10px;
}
.contentSupport--privacy .contentSupport__main dl dd ul li {
    text-indent: -1em;
    padding-left: 1em;
}
.contentSupport--privacy .contentSupport__main dl dd ul li.txtIdt3 {
    text-indent: -3em;
    padding-left: 3em;
}
.contentSupport--agreement .contentSupport__main h2 {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}
.contentSupport--agreement .contentSupport__main dl + h2 {
    margin-top: 35px;
}

/* faq */
.contentSupport--faq .contentSupport__main {
    margin-top: 45px;
}
.contentSupport--faq .contentSupport__faq + .contentSupport__faq {
    margin-top: 35px;
}
.contentSupport--faq .contentSupport__faq dt,
.contentSupport--faq .contentSupport__faq dd {
    position: relative;
}
.contentSupport--faq .contentSupport__faq dt {
    min-height: 80px;
    /*padding: 15px 0 15px 215px;*/
    background: rgba(0,0,0,.8);
    color: #FFF;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
}
.contentSupport--faq .contentSupport__faq dd {
    position: relative;
    padding-top: 35px;
    display: none;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
.contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner {
    background: #B9CAB9;
    padding: 0 50px 30px 215px;
}
.contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner:before {
    content: '';
    position: absolute;
}
.contentSupport--faq .contentSupport__faq dt .contentSupport__faqTitleIcon {
    width: 175px;
    min-height: 80px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_faq_bg.png) no-repeat center;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    top: 0;
    left: 0;
    position: relative;
}
.contentSupport--faq .contentSupport__faq dt .contentSupport__faqTitleIcon:before {
    content: '';
    width: 76px;
    height: 81px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_faq_q.png) no-repeat left top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: -15px;
    left: 110px;
}
.contentSupport--faq .contentSupport__faq dt p {
    width: calc(100% - 175px);
    padding: 15px 15px 15px 40px
}
.contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner:before {
    width: 100%;
    height: 35px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_faq_a_bg.png) no-repeat left bottom;
    top: 0;
    left: 0;
}

.toTop {
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    width: 50px;
    height: 50px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    box-shadow: 1px 1px 0 rgba(0,0,0,.15), -1px 1px 1px rgba(0,0,0,.05), 1px -1px 1px rgba(0,0,0,.05), -1px -1px 1px rgba(0,0,0,.02);
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    opacity: 0;
}
.toTop.footer-fade {
    opacity: .8;
}
.toTop span {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
}
.toTop span:before,
.toTop span:after {
    content: '';
    width: 10px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 6px;
}
.toTop span:before {
    left: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.toTop span:after {
    right: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
#sp_msg {
    display: none !important;
    background: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}

@media screen and ( max-width: 1200px) {
    /* sub logo */
    .homeShow .footer .footer__copy {
        left: 0;
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
    }

    /*********
    home only
    *********/
    .homeContent__news {
        bottom: 0;
    }
    .homeShow .footer .footer__navList,
    .homeShow .footer .footer__copy {
        display: none;
    }
    .homeContent__news .homeContent__newsTop:before,
    .homeContent__news .homeContent__newsTop .homeContent__newsTtl {
        display: none;
    }
    .homeContent__news .homeContent__newsTop {
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
    }



    /*#content {
        overflow: hidden;
    }*/

    /*********
    about only
    *********/
    #content[data-namespace="about"] {
        overflow: hidden;
    }

    /*********
    campaign only
    *********/
    .campaign__bnrArea {
        bottom: 0;
    }
    .campaign__bnrArea .campaign__bnr + .campaign__bnr {
        display: none;
    }
    .campaign__SlideBlock {
        padding-top: 103px;
    }

    /**********
    media only
    **********/
    .headMenu__media,
    .headMenu__media a,
    .headMenu__media span {
        width: 200px;
        height: 129px;
    }
    .headMenu__media  .mediaBtn:before {
        width: 40px;
        height: 40px;
    }


    /*********
    support
    **********/
    .contentSupport  {
        overflow-x: hidden;
    }
    .contentSupport .content__inner,
    #content .content__inner,
    #content .content__inner {
        padding-right: 5.333333333333333vw;
        padding-left: 5.333333333333333vw;
    }
    /*#content[data-namespace="media"] .content__inner {
        padding-right: 0;
        padding-left: 0;
    }*/
    .contentSupport .content__inner:before,
    #content[data-namespace="media"] .content__inner:first-child:before {
        right: 0;
        margin-right: -294px;
    }

}


@media screen and ( max-width: 1085px) {
    .headMenu__register {
        display: none;
    }
}



@media screen and ( max-width: 834px) {
    .bgVideo__block:before {
        height: 21.2VW;
        max-height: 150px;
    }
    .bgVideo__block:after {
        height: 21.866666666666667VW;
        max-height: 164px;
    }

    .barbaWrapper:before {
        content: '';
        width: 100%;
        height: 20VW;
        max-height: 100px;
    }
    /* swipe arrow */
    [class*=swiper-button-],
    [class*=swiper3-button-] {
        width: 5.155875299760192VW;
        height: 8.513189448441247VW;
        max-width: 43px;
        max-height: 71px;
        margin-left: 0;
    }
    [class*=swiper-button-] span,
    [class*=swiper2-button-] span,
    [class*=swiper3-button-] span {
        width: 5.155875299760192VW;
        height: 8.513189448441247VW;
        position: absolute;
        top: 50%;
        margin-top: -4.256594724220624vw;
    }
    .swiper-button-prev,
    .swiper3-button-prev {
        left: 3px;
    }
    .swiper-button-next,
    .swiper3-button-next {
        left: auto;
        right: 3px;
    }
    [class*=swiper2-button-] span {
        margin-left: 0.8VW;
    }

    /* sub logo */
    .homeLink {
        width: 52.93333333333333VW;
        height: 20.933333333333334VW;
        max-width: 260px;
        max-height: 103px;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }

    /**********
    header
    **********/
    .header {
        height: 20.933333333333334VW;
        max-height: 103px;
    }
    .header.header-top,
    .headMenu .headMenu__logoArea {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/ptn_header_bg.png) no-repeat center;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
    .headMenu__burger.headMenu--spOnly,
    .headMenu__layer.show .headMenu__close.headMenu--spOnly {
        display: block;
    }

    /*** head button  関連 ***/
    /*head burger btn*/
    .header.header-fixed .headMenu__register {
        display: block;
    }
    .headMenu__register {
        display: block;
        width: 16VW;
        height: 16VW;
        max-width: 70px;
        max-height: 70px;
        top: 2VW;
        left: 2.666666666666667VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_register_small.png) no-repeat center;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
    .header-top .headMenu__register {
        top: 2VW;
    }
    .headMenu__register .btnAnime {
        height: 86%;
        margin-top: 8%;
    }
    .headMenu__burger,
    .headMenu__bell,
    .header.header-top .headMenu__bell {
        top: 4.666666666666667VW;
    }
    .headMenu__burger {
        position: absolute;
        right: 0;
        z-index: 10;
        width: 5.333333333333334VW;
        height: 5.333333333333334VW;
        max-width: 20px;
        max-height: 20px;
        opacity: 1;
    }
    .headMenu__burger .headMenu__burgerIcon {
        width: 5.333333333333334VW;
        height: 5.333333333333334VW;
        max-width: 20px;
        max-height: 20px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_burger.png) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__burger .headMenu__burgerIcon:before {
        top: -1.866666666666667VW;
    }
    .headMenu__burger .headMenu__burgerIcon:after {
        bottom: -1.866666666666667VW;
    }

    /*** head layer 関連 ***/
    /* menu layer*/
    .headMenu__layer {
        position: fixed;
        top: 0;
        right: -100%;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.2);
        z-index: 100;
        overflow: hidden;
        opacity: 0;
        transition: opacity .1s ease-in-out;
    }
    .headMenu__layer.show {
        opacity: 1;
        right: 0;
    }
    .header.header-top .headMenu__layer {
        top: 0;
    }
    .headMenu__layerBase {
        width: 410px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 103;
        -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
             -o-transition: all .3s ease;
                transition: all .3s ease;
    }
    .headMenu__layer.show .headMenu__layerBase {
        right: 0;
    }
    .headMenu__layer.hide {
        opacity: 0 !important;
    }
    .headMenu__layer.hide .headMenu__layerBase {
        right: -100% !important;
    }
    .headMenu__layerBaseInner {
        height: 100%;
        overflow: auto;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_base_bg.png) no-repeat;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
    .headMenu__layer.show .headMenu__close {
        width: 20px;
        height: 20px;
        position: fixed;
        top: 4.666666666666667VW;
        right: 0;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_close.png) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__layer.show .headMenu__close:before,
    .headMenu__layer.show .headMenu__close:after {
        display: none;
    }
    .headMenu__layer .headMenu__LayerBg {
        display: block;
    }
    .headMenu .headMenu__logoArea,
    .headMenu .headMenu__btnArea,
    .headMenu .headMenu__listArea {
        width: 100%;
    }
    .headMenu__logoArea {
        height: 96px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-align-items: center;
                align-items: center;
    }
    .headMenu__logoArea a {
        width: 42.8VW;
        height: 10.133333333333333VW;
        max-width: 175px;
        max-height: 41px;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_logo.png) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        font-size: 0;
        /*text-indent: -9999999em;*/
    }
    .headMenu .headMenu__btnArea {
        height: 90px;
        padding-top: 5px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-align-items: center;
                align-items: center;
    }
    .headMenu .headMenu__btnArea a {
        position: relative;
        bottom: auto;
        margin: 0 auto;
    }
    .headMenu .headMenu__btnArea a span {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .headMenu .headMenu__listArea,
    .headMenu .headMenu__listArea .headMenu__mainList,
    .headMenu__mainList [class*=headMenu__mainList--],
    .headMenu .headMenu__listArea .headMenu__subList,
    .headMenu .headMenu__listArea .headMenu__subList li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }
    .headMenu .headMenu__listArea {
        height: 555px;
    }
    .headMenu .headMenu__listArea .headMenu__mainList,
    .headMenu .headMenu__listArea .headMenu__subList,
    .headMenu .headMenu__listArea .headMenu__snsList {
        width: 100%;
    }
    .headMenu .headMenu__listArea .headMenu__mainList {
        height: 40%;
    }
    .headMenu .headMenu__listArea .headMenu__subList {
        height: 44%;
        padding-top: 15px;
    }
    .headMenu .headMenu__listArea .headMenu__snsList {
        height: 16%;
    }
    .headMenu__mainList:before {
        height: calc(33.333333333333333% - 3.63339vw);
        border: 0.9333333333333335VW solid transparent;
        border-left-color: #000;
        background: none;
    }
    .homeShow .headMenu__mainList:before,
    .aboutShow .headMenu__mainList:before,
    .campaignShow .headMenu__mainList:before,
    .mediaShow .headMenu__mainList:before {
        width: 0;
        left: 0;
    }
    .homeShow .headMenu__mainList:before {
        display: none;
    }
    .aboutShow .headMenu__mainList:before {
        top: 0;
    }
    .campaignShow .headMenu__mainList:before {
        top: 35%;
    }
    .mediaShow .headMenu__mainList:before {
        top: 70%;
    }
    .headMenu__mainList li + li {
        margin: 0;
    }
    .headMenu__mainList .headMenu__mainList--campaign,
    .headMenu__mainList .headMenu__mainList--media {
        margin-top: 2.6666666666666665vw;
    }
    .headMenu__mainList [class*=headMenu__mainList--] a,
    .headMenu .headMenu__listArea .headMenu__subList li a {
        display: block;
        width: 100%;
        height: auto;
        -webkit-transition: none;
           -moz-transition: none;
            -ms-transition: none;
             -o-transition: none;
                transition: none;
    }
    .headMenu__mainList .headMenu__mainList--home,
    .headMenu__mainList .headMenu__mainList--home a {
        display: none;
    }
    .headMenu__mainList .headMenu__mainList--about a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_mainList01.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__mainList .headMenu__mainList--campaign a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_mainList02.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__mainList .headMenu__mainList--media a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_mainList03.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__subList [class*=headMenu__subList--] a {
        text-indent: -99999em;
        font-size: 0;
    }
    .headMenu__subList .headMenu__subList--news a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_subList01.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__subList .headMenu__subList--tw a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_subList02.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__subList .headMenu__subList--faq a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_subList03.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__subList .headMenu__subList--support a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_subList04.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__subList .headMenu__subList--privacy a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/headMenu_subList05.png) no-repeat center left;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu [class*=__snsList] {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        padding-left: 25px;
    }

    /* notice layer */
    .headMenu__noticeLayerBase {
        top: 6VW;
    }

    /* register layer */
    .headMenu__registerLayerBaseInner {
        width: 405px;
        height: 613px;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_bg_sp.png) no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 22px 35px;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerTitle {
        width: 337px;
        height: 88px;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_title.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        margin: auto;
    }
    .headMenu__registerLayerBase form {
        display: block;
        margin-top: -5px;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea,
    .headMenu__registerLayerBase .headMenu__registerLayerMail {
        width: 100%;
    }
    .headMenu__registerLayerBase [class*=registerBtn] {
        width: 110px;
        height: 221px;
        margin: 0;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTw {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_tw.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLine {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_line.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFb {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_fb.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTwS,
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLineS,
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFbS {
        width: 110px;
        height: 150px;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTwS {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_tw_s.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLineS {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_line_s.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFbS {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_fb_s.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnGp,
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs {
        width: 165px;
        height: 86px;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnGp {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_gp.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_as.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerMail {
        width: 339px;
        height: 199px;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_mail_bg.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 45px 20px;
        margin-top: 10px;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerMail .registerBtnEmal {
        margin-top: 15px;
    }
    .headMenu__registerLayerBase .registerAtt {
        margin-top: 5px;
    }
    .headMenu__registerLayer .headMenu__close {
        top: -20px;
        right: 15px;
    }

    /* head register attention */
    .headMenu__registerAttLayer .spBlock {
        display: block;
    }
    .headMenu__registerAttLayer .headMenu__registerAttLayerTitle {
        height: 6VW;
        max-height: 23px;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    #headMenu .headMenu__registerAttLayer .headMenu__registerAttLayerBase,
    .show .content__attLayerBase {
        max-width: 420px;
        padding: 4.666666666666667VW 0;
    }
    .headMenu__registerAttLayer .headMenu__registerAttLayerBaseInner,
    .show .content__attLayerBaseInner {
        padding-left: 5.333333333333334VW;
        padding-right: 5.333333333333334VW;
        padding-top: 2.666666666666667VW;
    }
    .headMenu__registerAttLayer .headMenu__registerAttLayerMain,
    .content__attLayer .content__attLayerInner {
        padding: 10px 15px;
    }

    .content__attLayer .content__attLayerInner {
        height: 60vh;
        max-height: 450px;
    }
    #headMenu .headMenu__registerAttLayer .headMenu__registerAttLayerBaseTop,
    .show.content__attLayer .content__attLayerBaseTop {
        height: 36px;
        top: -36px;
    }
    #headMenu .headMenu__registerAttLayer .headMenu__registerAttLayerBaseBottom,
    .show.content__attLayer .content__attLayerBaseBottom {
        height: 36px;
        bottom: -36px;
    }
    .show.headMenu__registerAttLayer [class*=__close].headMenu__close {
        top: 6.666666666666667VW;
    }
    .content__attLayer .content__close {
        right: 23px;
    }

    /*** footer ***/
    .footer .footer__info {
        display: block;
        max-width: 500px;
    }
    .footer .footer__info .footer__infoList {
        width: 100%;
    }
    .footer .footer__info .footer__infoList:first-child li:last-child {
        border-bottom: 1px solid #383838;
    }

    .toTop {
        width: 10.666666666666668VW;
        height: 10.666666666666668VW;
        max-width: 50px;
        max-height: 50px;
    }

    /*********
    main swiper home only
    *********/
    .homeContent .homeContent__logo,
    .homeContent .homeContent__logo i {
        width: 83.73333333333333VW;
        height: 30VW;
        max-width: 628px;
        max-height: 225px;
        margin-left: -41.86666666666667VW;
    }

    /**********
    main swiper sub 共通
    **********/
    .headSwipe__title .subContent__title {
        width: 66.66666666666666VW;
        height: 22.666666666666664VW;
        max-width: 500px;
        max-height: 170px;
        margin-left: -33.33333333333333vw;
    }
    .headSwipe__title .subContent__text {
        font-size: 2.4VW;
    }

    /*********
    main swiper campaign only
    *********/
    .campaign__bnrArea .campaign__bnr + .campaign__bnr {
        display: none;
    }



    /*********
    about detail only
    *********/
    .aboutShow .header.header-top {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/ptn_header_bg_about.png) no-repeat center top;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
    /*.about__nav {*/
        /*width: 100%;*/
        /*background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle_bg.png) repeat-x center bottom;*/
        /*-webkit-background-size: cover;*/
             /*-o-background-size: cover;*/
                /*background-size: cover;*/
        /*position: absolute;*/
        /*top: 102px;*/
        /*z-index: 99;*/
        /*-webkit-transition: all .3s ease;*/
           /*-moz-transition: all .3s ease;*/
            /*-ms-transition: all .3s ease;*/
             /*-o-transition: all .3s ease;*/
                /*transition: all .3s ease;*/
        /*opacity: 1;*/
    /*}*/
    .about__newNav {}
    .about__nav.nav-fixed {
        position: fixed;
    }
    .about__nav .swiper-slide {
        padding: 0 6.666666666666667VW;
    }
    .about__navSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(1),
    .about__nav .about__navSlide1 {
        width: 46.800000000000004VW;
    }
    .about__navSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(2),
    .about__nav .about__navSlide2 {
        width: 24.266666666666666VW;
    }
    .about__navSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(3),
    .about__nav .about__navSlide3 {
        width: 35.733333333333334VW;
    }
    .about__navSlideBlock .swiper-pagination-clickable .swiper-pagination-bullet:nth-child(4),
    .about__nav .about__navSlide4 {
        width: 28.53333333333333VW;
    }
    .about__nav .swiper-slide a {
        display: block;
        height: 16.666666666666664VW;
    }
    .about__nav .about__navSlide1 a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle1.png) no-repeat center top 3.3333333333333335VW;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__nav .about__navSlide2 a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle2.png) no-repeat center top 3.3333333333333335VW;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__nav .about__navSlide3 a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle3.png) no-repeat center top 3.3333333333333335VW;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__nav .about__navSlide4 a {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle4.png) no-repeat center top 3.3333333333333335VW;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__nav .swiper-slide.swiper-slide-active {
        position: relative;
    }
    .about__nav .swiper-slide.swiper-slide-active:before {
        content: '';
        width: calc(100% - 10VW);
        height: 0.5333333333333333VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_subTitle_current.png) repeat-x center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        position: absolute;
        left: 5VW;
        bottom: 6vw;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2),1px -1px 1px rgba(0,0,0,.2),-1px 1px 1px rgba(0,0,0,.2),-1px -1px 1px rgba(0,0,0,.2);
                box-shadow: 1px 1px 1px rgba(0,0,0,.2),1px -1px 1px rgba(0,0,0,.2),-1px 1px 1px rgba(0,0,0,.2),-1px -1px 1px rgba(0,0,0,.2);
    }
    .effect.active {
        -webkit-transition-delay: none;
           -moz-transition-delay: none;
            -ms-transition-delay: none;
             -o-transition-delay: none;
                transition-delay: none;
    }
    #content .about__game {
        height: 171.33333333333334VW;
    }
    .about__game .about__gameTitle {
        width: 67.26618705035972VW;
        height: 25.41966426858513VW;
        top: 44VW;
        margin-left: -38.968824940047966VW;
    }
    .about__game .about__gameBg {
        width: 47.122302158273385VW;
        height: 129.85611510791367VW;
        top: 40VW;
        margin-right: -40.16786570743405VW;
    }
    .about__game .about__gameBg .about__gameBgM {
        width: 30.266666666666666VW;
        height: 28.133333333333333VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_gameTitle_m.png) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        left: auto;
        right: -0.13333333333333333VW;
    }
    .about__game .about__gameBg .about__gameBgImg {
        height: 166.66666666666669VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_gameBg.jpg) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        margin-top: -24VW;
    }
    .about__game .about__gameText {
        width: 44.16546762589928VW;
        top: 82VW;
        margin-left: -40.16786570743405VW;
    }
    [class*=about__] [class*=Text] {
        font-size: 2.6378896882494005VW;
        line-height: 1.6;
        padding: 5.39568345323741VW 2.997601918465228VW;
    }


    [class*=about__] [class*=Text] .pcBlock {
        display: inline;
    }
    [class*=about__] [class*=Text] .spBlock {
        display: block
    }
    #content .about__story,
    #content .about__feature,
    #content .about__class {
        margin-top: -100px;
        padding-top: 100px;
    }
    #content .about__story {
        height: 240.34052757793762VW;
    }
    .about__story .about__storyTitle {
        width: 48.92086330935252VW;
        height: 19.424460431654676VW;
        top: 45.587529976019185VW;
        margin-left: -7.194244604316546VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_storyTitle.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .about__story .about__storyChar1 {
        width: 181.5347721822542VW;
        height: 172.78177458033574VW;
        top: 2.000000000000004VW;
        margin-left: -102.5179856115108VW;
    }
    .about__story .about__storyText1 {
        width: 39.568345323741006VW;
        height: 79.13669064748201VW;
        top: 66.57074340527578VW;
        margin-left: -0.5995203836930456VW;
    }
    .about__story .about__storyChar2 {
        width: 196.88249400479617VW;
        height: 96.64268585131894VW;
        top: 100.66666666666667VW;
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -27.333333333333332VW;
    }
    .about__story .about__storyText2 {
        width: 109.1127098321343VW;
        height: 27.577937649880095VW;
        color: #000;
        top: 173.2853717026379VW;
        margin-left: -40.16786570743405VW;
        padding: 5.39568345323741VW;
        background-color: rgba(255,255,255,.6);
    }
    .about__story .about__storyText3 {
        width: 43.333333333333336VW;
        height: 47.961630695443645VW;
        top: 194.2685851318945VW;
        margin-left: -0.26666666666666666VW;
    }
    .about__story .about__storyBg {
        width: 100VW;
        height: 261.3333333333333VW;
        top: 4.666666666666668VW;
        margin-left: -50%;
    }
    .about__story .about__storyBg .about__storyBgInner {
        width: 144.66666666666669VW;
        height: 248.66666666666669VW;
        margin-left: -22.666666666666664VW;
    }
    #content .about__feature {
        height: 193.45323741007192VW;
    }
    .about__feature .about__featureTitle {
        width: 52.400000000000006VW;
        height: 32.666666666666664VW;
        top: 23.666666666666667VW;
        margin-left: -44.666666666666664VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_featureTitle.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .about__feature .about__storyLink {
        top: -14.666666666666666VW;
        margin-left: 2.666666666666667VW;
        font-size: 2.6378896882494005VW;
        line-height: 1.6;
    }
    .about__feature .about__featureBg {
        display: none;
    }
    .about__feature .about__SlideBlock {
        top: 47.666666666666664VW;
    }
    .about__feature [class*=about__featureSlideCont] {
        overflow: hidden;
    }
    .about__feature [class*=about__featureSlideCont] .about__featureSlideText,
    .about__feature [class*=about__featureSlideCont] .about__featureSlideTextBg {
        width: 42.96642685851319VW;
        height: 83.93285371702638VW;
        top: 6.666666666666667VW;
        margin-left: -43.333333333333336VW;
    }
    .about__feature [class*=about__featureSlideCont] .about__featureSlideText{
        padding: 4.1966426858513195VW 2.3980815347721824VW;
    }
    .about__feature [class*=about__featureSlideCont] .about__featureSlideChar {
        width: 117.74580335731414VW;
        height: 139.6882494004796VW;
        top: 22.781774580335732VW;
        margin-right: -23.381294964028775VW;
    }
    .about__feature [class*=about__featureSlideCont] .about__featureSlideText span {
        width: 100%;
        margin: 0 0 3.597122302158273VW;
    }
    .about__feature .about__featureSlideCont1 .about__featureSlideText span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_featureSubTtl1.png) no-repeat left center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__feature .about__featureSlideCont2 .about__featureSlideText span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_featureSubTtl2.png) no-repeat left center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__feature .about__featureSlideCont3 .about__featureSlideText span {
        padding-top: 28%;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_featureSubTtl3.png) no-repeat left center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__feature .about__featureSlideCont4 .about__featureSlideText span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_featureSubTtl4.png) no-repeat left center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .about__feature [class*=about__featureSlideCont] .about__featureSlideBg {
        width: 149.8800959232614VW;
        height: 125.89928057553956VW;
        margin-left: -65.33333333333333VW;
    }
    [class*=swiper2-button-] {
        width: 11.510791366906476VW;
        height: 11.510791366906476VW;
        margin-top: -26.378896882494008VW;
    }
    .swiper2-button-prev {
        margin-left: -47.3621103117506VW;
    }
    .swiper2-button-next {
        margin-left: 35.97122302158273VW;
    }
    #content .about__class {
        margin-top: -13.333333333333334VW;
        height: 205.33333333333334VW;
        z-index: 4;
    }
    .about__class:before {
        display: none;
    }
    .about__class .about__classTitle {
        width: 52.800000000000004VW;
        height: 53.06666666666666VW;
        top: 23.333333333333336VW;
        margin-left: -8VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about/about_classTitle.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .about__class .about__classBg {
        width: 100VW;
        height: 200VW;
        top: -2.666666666666667VW;
        margin-left: -50vw;
    }
    .about__class .about__classBg .about__classBgInner {
        width: 160VW;
        height: 248.66666666666669VW;
        margin-left: -35.333333333333336VW;
    }
    .about__class .about__classBg .about__classBgInnerRvs {
        margin-left: 42vw;
    }
    .about__class .about__classBg .about__classBgInnerImg {
        width: 120VW;
        height: 230VW;
    }
    .about__class .about__classTabCont .about__classTabCont .about__classChar {
        width: 200VW;
        height: 137.33333333333334VW;
        top: 6.666666666666668VW;
        margin-left: -100.66666666666667VW;
    }
    .about__class .about__classTabList {
        top: 124.66666666666666VW;
        margin-right: -44.36450839328538VW;
    }
    .about__class .content__inner + .about__classTabList {
        width: 32.940047961630697VW;
        height: 49.16067146282973VW;
    }
    .about__class .about__classTabCont .about__classTabList {
        top: 127.66666666666669VW;
        margin-left: -38.36930455635492VW;
    }
    .about__class .about__classTabCont .about__classTabList li {
        width: 12.949640287769784VW;
        height: 12.949640287769784VW;
    }
    .about__class .about__classTabList .hexagon:nth-child(1),
    .about__class .about__classTabList .hexagon:nth-child(2),
    .about__class .about__classTabList .hexagon:nth-child(3),
    .about__class .about__classTabList .hexagon:nth-child(4),
    .about__class .about__classTabList .hexagon:nth-child(5) {
        margin: 0;
    }
    .about__class .about__classTabList .hexagon:nth-child(2n) {
        margin-top: calc(10px - 28%);
    }
    .about__class .about__classTabCont .about__classTabCont .about__classText {
        width: 40.16786570743405VW;
        height: 48.561151079136685VW;
        top: 125VW;
        margin-left: -44.96402877697842VW;
        padding: 17.985611510791365VW 3.597122302158273VW 3.597122302158273VW;
    }
    .about__class .about__classTabCont .about__classTabCont .about__classText span {
        height: 0;
        padding-top: 17%;
        padding-bottom: 2.997601918465228VW;
        margin-bottom: 2.3980815347721824VW;
        border-bottom: 2px solid rgba(255,255,255,.2);
    }
    .about__class .about__classTabCont .about__classTabCont .about__classText span:before {
        display: none;
    }
    .about__class .about__classTabList .hexagon:nth-child(3),
    .about__class .about__classTabList .hexagon:nth-child(5) {
        margin-top: calc(10px - 35%);
    }
    .about__class .about__classTabList .hexagon:nth-child(1),
    .about__class .about__classTabList .hexagon:nth-child(3),
    .about__class .about__classTabList .hexagon:nth-child(5) {
        margin-left: calc(50% - (100% / 20));
    }
    
    
    #content[data-namespace="about"] .mediaSwiper,
    #content[data-namespace="about"] .mediaSwiperSingle {
        /*overflow: hidden;*/
        margin-top: 0;
        margin-bottom: 6vw;
    }

    /*********
    campaign detail only
    *********/
    #content[data-namespace="campaign"] {
        background-size: 160%;
        background-position: right 25% top calc(41VW + 103px);
    }
    #content .content__inner {
        width: 100%;
        padding-top: 9.333333333333334VW;
    }
    .campaign__SlideBlock .campaignSwiper .swiper-slide a {
        overflow: hidden;
        height: 33.33333333333333VW;
    }
    .campaign__SlideBlock .campaignSwiper .swiper-slide a img {
        height: 100%;
        -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
             -o-transition: all .3s ease;
                transition: all .3s ease;
    }
    .campaign__SlideBlock .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 7.466666666666668VW;
        height: 0.4VW;
    }
    .campaign__list {
        display: block;
        margin-top: 14.666666666666666VW;
    }
    .campaign__list .campaign__item {
        width: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -19.333333333333332VW;
        padding-top: 19.333333333333332VW;
    }
    .campaign__list .campaign__item:nth-child(2n) {
        -webkit-transition-delay: 0;
           -moz-transition-delay: 0;
            -ms-transition-delay: 0;
             -o-transition-delay: 0;
                transition-delay: 0;
    }
    .campaign__list .campaign__item a {
        margin-bottom: 5.333333333333334VW;
    }
    .campaign__list .campaign__item .campaign__thumb img {
        width: 100%;
    }
    .campaign__list .campaign__item.campaign__item--hot a:before {
        width: 13.333333333333334VW;
        height: 15.866666666666667VW;
        max-width: 79px;
        max-height: 94px;
    }
    .campaign__list .campaign__item[class*=campaign__badge] a:after {
        width: 16VW;
        height: 16VW;
        max-width: 97px;
        max-height: 97px;
        top: -2.666666666666667VW;
        right: 2.666666666666667VW;
    }
    .campaign__list .campaign__item.campaign__item--tw .campaign__detail:before,
    .campaign__list .campaign__item.campaign__item--fb .campaign__detail:before,
    .campaign__list .campaign__item.campaign__item--line .campaign__detail:before {
        width: 6.133333333333333VW;
        height: 8.533333333333333VW;
        max-width: 46px;
        max-height: 64px;
        top: -0.6666666666666667VW;
        right: 1.3333333333333335VW;
    }
    .campaign__list .campaign__item .campaign__detail {
        padding: 0 3.3333333333333335VW;
    }
    .campaign__list .campaign__item .campaign__detail dt {
        height: 17.333333333333336VW;
        max-height: 100px;
        padding-right: 6.666667VW;
    }
    .campaign__list .campaign__item .campaign__detail dd {
        height: 9.333333333333334VW;
        max-height: 70px;
        font-size: 2.666666666666667VW;
    }




    /*********
    media detail only
    *********/
    .headMenu__media {
        display: none;
    }
    #content .content__inner {
        width: 100%;
        padding: 0 5.333333333333333vw;
    }
    #content[data-namespace="media"] .mediaSwiper,
    #content[data-namespace="media"] .mediaSwiperSingle {
        /*overflow: hidden;*/
        margin-top: 15.333333333333332VW;
    }
    .media__slideBlock .swiper-slide {
        width: 100%;
        padding: 2.666666666666667VW 2.666666666666667VW 6.666666666666667VW;
    }
    .media__slideBlock .swiper-slide a span,
    #content[data-namespace="media"] .mediaSwiperSingle a span {
        width: 100%;
        height: 0;
        padding-top: 55.7%;
    }
    .media__slideBlock .swiper-slide.swiper-slide-active:before {
        width: 100%;
        height: 0;
        padding-top: 55.7%;
        bottom: 0;
        /*margin-left: -50%;*/
    }
    .media__slideBlock .swiper-slide .mediaCap,
    .mediaSwiperSingle .mediaCap {
        width: 80%;
        bottom: 2vw;
        right: 2.666666666666667VW;
        padding: 0 2vw;
    }
    .mediaBtn:before {
        width: 8VW;
        height: 8VW;
    }
    #content[data-namespace="media"] .content__inner:last-child {
        margin-top: 13.333333333333334VW;
    }
    #content[data-namespace="media"] .media__twTimeLine {
        margin-top: 6.0606060606060606VW;
        padding: 1.3333333333333335VW 0;
    }
    #content[data-namespace="media"] .media__twTimeLineBase {
        padding: 0 3.3333333333333335VW;
    }



    /**********
    support
    **********/
    .subHead .header {
            background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/ptn_header_bg.png) no-repeat center;
            -webkit-background-size: cover;
                 -o-background-size: cover;
                    background-size: cover;
    }
    #content.contentSupport,
    #content.contentRegist,
    #content.contentLogin,
    #content[data-namespace="media"] {
        padding: 32vw 0 13.333333333333334vw;
        background: none;
    }
    #content.contentRegist,
    #content.contentLogin {background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/commonBg2.png) no-repeat center top 155px; background-size: cover; }
    .contentSupport .content__inner:before,
    #content[data-namespace="media"] .content__inner:first-child:before {
        width: 123.6vw;
        height: 104.8vw;
        max-width: 927px;
        max-height: 786px;
        top: -16vw;
        margin-right: -32vw;
    }
    .contentSupport .contentSupport__title,
    #content[data-namespace="media"] .media__title ,
    #content[data-namespace="campaign"] .campaign__title,
    .contentRegist .contentRegist__title,
    .contentLogin .contentLogin__title {
        width: 58vw;
        height: 5.6vw;
    }
    .contentSupport--contact .content__inner:before {
        display: none;
    }
    .contentSupport--contact .contentSupport__desc:before {
        content: '';
        width: 100%;
        height: 61.333333333333336vw;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/support/support_char_contact.png) no-repeat right top;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        max-width: 670px;
        max-height: 400px;
        z-index: 3;
        position: absolute;
        right: 0;
        margin-right: -5.333333333333333vw;
        bottom: 0;
    }
    .contentSupport--contact .contentSupport__desc {
        background-color: #FFF;
        border-bottom: 0.13333333333333333vw solid #C9C9C9;
        padding: 4.666666666666667vw 4vw 2.6666666666666665vw;
        font-weight: bold;
        margin-top: 4vw;
    }
    .contentSupport--contact .contentSupport__descTxt,
    .contentSupport--contact .contentSupport__descBtn {
        position: relative;
        z-index: 4;
    }
    .contentSupport--contact .contentSupport__desc .sp-block {
        display: block;
    }
    .contentSupport--contact .contentSupport__descTxt {
        padding-bottom: 2vw;
    }
    .contentSupport--contact .contentSupport__descTxt:before {
        content: '';
        width: 100%;
        height: 0.13333333333333333vw;
        background: rgba(0,0,0,.2);
        border-bottom: 0.13333333333333333vw solid rgba(255,255,255,.8);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .contentSupport--contact .contentSupport__desc .contentSupport__descBtn {
        width: 40vw;
        height: 9.333333333333334vw;
        max-width: 160px;
        max-height: 37px;
        margin-right: auto;
        margin-left: auto;
    }
    .contentSupport--contact .contentSupport__main {
        max-width: 100%;
        margin: 5.333333333333333vw auto 0;
    }
    .contentSupport--contact .contentSupport__mainBlock {
        padding: 2.6666666666666665vw 1.3333333333333333vw;
        margin-bottom: 4vw;
    }
    .contentSupport--contact .contentSupport__mainBlock > * {
        padding: 2.6666666666666665vw 3.3333333333333335vw;
    }
    .contentSupport--contact .contentSupport__main .contentSupport_error {
        margin-bottom: 2vw;
    }
    .contentSupport--contact .contentSupport__main .contentSupport_btn {
        width: 61.06666666666666vw;
        height: 12vw;
        max-width: 229px;
        max-height: 45px;
    }
    .show .content__cplLayerBase {
        width: 100%;
        max-width: 100%;
        height: 20vw;
        font-size: 3.466666666666667vw;
    }

    /* news */
    .contentSupport--news .contentSupport__newsList a {
        height: 10.666666666666666vw;
        max-height: 45px;
        padding: 0 5.333333333333333vw;
    }
    .contentSupport--news .contentSupport__newsList .contentSupport__newsTxt {
        margin-left: 5.333333333333333vw;
    }
    .contentSupport__pagination {
        margin-top: 5.333333333333333vw;
    }
    .contentSupport__pagination a {
        margin: 0 2vw;
        width: 8vw;
        height: 8vw;
        max-width: 40px;
        max-height: 40px;
    }
    .contentSupport--news .contentSupport__main {
        margin-top: 5.333333333333333vw;
    }
    .contentSupport--news.newsDetail .contentSupport__main dt {
        flex-wrap: wrap;
    }
    .newsDetail .contentSupport__main dt {
        min-height: auto;
        padding: 1.3333333333333333vw 4vw;
    }
    .newsDetail .contentSupport__main .contentSupport__newsTxt {
        width: 100%;
    }
    .newsDetail .contentSupport__main .contentSupport__newsDate {
        text-align: left;
        width: 100%;
        margin-right: 0;
    }
    .newsDetail .contentSupport__main .contentSupport__close {
        top: -60px;
        right: 0;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }

    /* privacy policy */
    .contentSupport--privacy .content__inner:last-child {
        margin-top: 17.333333333333336VW;
    }
    .contentSupport--privacy .contentSupport__desc {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
    .contentSupport--privacy .contentSupport__main {
        margin-top: 4.666666666666667vw;
        padding: 4.666666666666667vw 0;
    }
    .contentSupport--privacy .contentSupport__mainInner {
        max-height: 50vh;
        min-height: 300px;
        padding: 0 4.666666666666667vw;
    }
    .contentSupport--privacy .contentSupport__main dl + dl {
        margin-top: 2.666666666666667VW;
    }
    .contentSupport--privacy .contentSupport__main dl dd + dd {
        margin-top: 1.666666666666667VW;
    }
    .contentSupport--agreement .contentSupport__main h2 {
        text-align: center;
        font-weight: bold;
        font-size: 4.533333333333333VW;
        margin-bottom: 2.666666666666667VW;
    }
    .contentSupport--agreement .contentSupport__main dl + h2 {
        margin-top: 4VW;
    }
    .contentSupport--agreement .spBlock {
        display: block;
    }


    /* faq */
    .contentSupport--faq .contentSupport__faq dt .contentSupport__faqTitleIcon {
        width: 23.333333333333332VW;
        max-width: 175px;
    }
    .contentSupport--faq .contentSupport__faq dt p {
        width: calc(100% - 23.333333333333332VW);
    }
    .contentSupport--faq .contentSupport__faq dt .contentSupport__faqTitleIcon:before {
        left: 14.666666666666666VW;
    }
    .contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner:before {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/support/support_faq_a_bg.png) no-repeat left -2VW bottom;
        top: 0;
        left: 0;
    }
    .contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner {
        padding-left: calc(23.333333333333332VW + 40px);
    }

    .homeContent__news {
        width: 100%;
        right: 0;
        bottom: -200px;
    }
    .homeShow .homeContent__news {
        bottom: 0;
    }
    .homeShow .footer .footer__snsList {
        display: none;
    }

}

@media screen and (max-width: 750px) {
    [class^=about2] [class*=Text] {
        font-size: 3.4VW;
        line-height: 1.6;
    }
    [class^=about2] [class*=Caption] {
        font-size: 2.9VW;
        line-height: 1.6;
    }

    .about2__d-sp-block {display: block !important; }
    .about2__d-sp-inline {display: inline !important; }
    .about2__d-sp-inlineBlock {display: inline-block !important; }
    .about2__d-pc-block {display: none !important; }
    .about2__d-pc-inline {display: none !important; }
    .about2__d-pc-inlineBlock {display: none !important; }

    .about2List {background: none; }

    .about2List__Item {position: relative; display: block; margin-bottom: 30px;}
    .about2List__Item--gray {opacity: 0.75; filter: grayscale(80%) contrast(70%);}
    .about2List__Item::after {content: ""; display: block; width: 0; height: 0; clear: both; }
    .about2List__ItemImage {width: 57.733333%;}
    .about2List__ItemImage img {max-width: 100%; display: block; }
    .about2List__ItemImage--imgR {float: right; }
    .about2List__ItemImage--imgL {float: left; }
    .about2List__ItemImage--imgR::after {content: "" ; position: absolute; right: 5.333333vw; top: 50%; transform: translateY(-50%); background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about2/arrowR.png); background-size: contain; width: 5.733333vw; height: 9.466666vw; }
    .about2List__ItemImage--imgL::after {content: ""; position: absolute; left: 5.333333vw; top: 50%; transform: translateY(-50%); background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/about2/arrowL.png); background-size: contain; width: 5.733333vw; height: 9.466666vw; }
    .about2List__ItemText {position: absolute; top: 0; left: 0; width: 100%;}
    .about2List__ItemText img {display: block; max-width: 100%; }
    .about2List__ItemCaption {display: inline-block; background: #000; color: #fff; padding: 1vw 5vw 1vw 9vw; }
    .about2List__ItemCaption--fr {float: right; padding: 1vw 9vw 1vw 5vw; ; text-align: right; }

    .about2__title {position: relative; }
    .about2__title img {max-width: 100%; display: block;}
    .about2__titleCaption {display: inline-block; background: #000; position: absolute; bottom: 8vw; padding: 1vw 5vw 1vw 9vw; color: #fff; }

    .about2About__title {position: relative; }
    .about2About__title img {max-width: 100%; display: block;}
    .about2About__titleCaption {display: inline-block; background: #000; position: absolute; bottom: 8vw; padding: 1vw 5vw 1vw 9vw; color: #fff; }

    .about2About__block1 {display: flex; margin-bottom: 70px; padding-top: 10.666666vw; }
    .about2About__block1Text {padding: 1em; width: 42.266666%; }
    .about2About__block1Image {width: 57.733333%;}
    .about2About__block1Image img {display: block; max-width: 100%; }

    .about2About__block2 {position: relative; margin-bottom: 35px; }
    .about2About__title img {display: block; max-width: 100%; }
    .about2About__block2Image {width: 64.4%;}
    .about2About__block2Image img {display: block; max-width: 100%; }
    .about2About__block2Text {position: absolute; top: 0; left: 0; width: 100%;}
    .about2About__block2Text img {display: block; max-width: 100%; }

    .about2About__block3 {position: relative; margin-bottom: 8vw; }
    .about2About__block3Text {padding-right: 5vw; margin-bottom: 7vw; float: right; width: 57.333333%; }
    .about2About__block3Image img {display: block; max-width: 100%; }
    .about2About__block3Text2 {position: absolute; top: 15vw; left: 0;}
    .about2About__block3Text2 img {display: block; max-width: 100%; }
    .about2About__block3Text3 {position: absolute; bottom: 10vw; left: 5.333333vw; right: 5.333333vw; padding: 1em; background: rgba(255,255,255,.8); }

    .about2About__block4 {position: relative;}
    .about2About__block4Title {position: absolute; top: 0; left: 0; }
    .about2About__block4Title img {display: block; max-width: 100%; }
    .about2List__block4Caption {background: #000; color: #fff; width: 66.666666%; padding: 1vw 1vw 1vw 9vw; font-size: 18px;  }
    .about2About__block4Image img {display: block; max-width: 100%; }
    .about2About__block4Text {position: relative; background: rgba(255,255,255,.8); margin: -50vw 5vw 10vw; padding: 5vw; }

    .about2About__block5 {position: relative;}
    .about2About__block5Image img {display: block; max-width: 100%;}
    .about2About__block5Title img {display: block; max-width: 100%; }
    .about2About__block5IconPlus {position: absolute; top: 10vw; right: 5vw; width: 13.333333vw; height: 13.333333vw; background: rgba(60,60,60,.2); border-radius: 100%; color: #fff;}
    .about2About__block5IconPlus::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5vw; height: 1vw; background: #fff; }
    .about2About__block5IconPlus::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1vw; height: 5vw; background: #fff; cursor: pointer; }
    .about2About__charaName {margin-bottom: 8vw}
    .about2About__charaExpText {font-size: 3.2vw !important; }

    .about2Sys__block1 {padding-top: 10.666666vw; padding-bottom: 10.666666vw; }
    .about2Sys__articleList {margin: 0 3vw; justify-content: space-around; }
    .about2Sys__articleItem {width: 42.5vw; margin-bottom: 6.666666vw; }
    .about2Sys__articleItemTitle {padding: 2vw 1.33333vw; }
    .about2GameSysLayer.fancybox-is-open .fancybox-bg {opacity: .9; }
    .about2GameSysLayer .layerItem {padding: 10vw 0; background: transparent; width: auto; height: auto; min-height: 100%; max-height: none; font-size: 3.2vw; }
    .about2GameSysLayer .layerItem__exp {padding: 9.333333vw 4.5vw; }
    .about2GameSysLayer .layerItem__image::before,
    .about2GameSysLayer .layerItem__image::after {padding-top: 4.8%; background-image: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/aboutGameSystem/layerKazari.png);}
    .about2GameSysLayer .layerItem__image::before {top: -2.5vw; }
    .about2GameSysLayer .layerItem__image::after {bottom: -2.5vw; }
    .about2GameSysLayer .layerItem__title {padding-top: 0; margin-bottom: 10vw;}
    .about2GameSysLayer .layerItem__title img {max-width: 100%; }

    .about2GameSysLayer .layerItem h2 {margin: 8vw 0; position: relative; padding: 5vw 0; text-align: center; font-size: 3.4vw; font-weight: bold; }
    .about2GameSysLayer .layerItem h2::before,
    .about2GameSysLayer .layerItem h2::after {content: ""; position: absolute; width: 100%; height: 0; padding-top: 3.582089vw; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/aboutGameSystem/layerkazari2.png) center no-repeat; background-size: contain;  }
    .about2GameSysLayer .layerItem h2::before {left: 0; top: 0;}
    .about2GameSysLayer .layerItem h2::after {left: 0; bottom: 0;}

    .about2GameSysLayer .layerItem h3 img {width: 100%; }
    .about2GameSysLayer .layerItem h3:first-child {margin-top: 0;}
    .about2GameSysLayer .layerItem h3 {position: relative; margin: 13vw 0 8vw; padding: 2vw 0;  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 100%); text-align: center; }
    .about2GameSysLayer .layerItem h3::before,
    .about2GameSysLayer .layerItem h3::after {content: ""; position: absolute; background: linear-gradient(to right, rgba(255,255,255,0) 3%,rgba(255,255,255,0.5) 51%,rgba(255,255,255,0) 97%); width: 100%; padding-top: 0.266666vw; height: 0;}

    .about2GameSysLayer .layerItem--9sp {background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/aboutGameSystem/layerImg9_2.png) center 5vw no-repeat; background-size: contain; margin-left: -4.5vw; margin-right: -4.5vw; }
    .about2GameSysLayer .layerItem--9spInner {padding: 0 4.5vw; }
    .about2GameSysLayer .layerItem--9spHeader {margin-bottom: 58vw !important;}

    /*.about2GameSysLayer #layer2.layerItem .layerItem__title {position: absolute; top: 0; z-index: 1;}*/

    /*.about2GameSysLayer .layerItem__jobImages {position: relative; }*/
    /*.about2GameSysLayer .layerItem__jobImages img {width: 100%; }*/
    /*.about2GameSysLayer .layerItem__jobImages .charaImage {display: none; position: absolute; top: 0; left: 0; }*/
    /*.about2GameSysLayer .layerItem__jobImages .charaImage.show {display: block;}*/
    /*.about2GameSysLayer .layerItem__jobImages .mapImage {position: relative; z-index: 1; }*/

    .about2GameSysLayer .layerItem__jobItemInner {display: block; }
    .about2GameSysLayer .layerItem__jobItemImage {width: auto; }
    .about2GameSysLayer .layerItem__jobItemImage img {width: 100%;}
    .about2GameSysLayer .layerItem__caption {margin: 8vw 0; }
    .about2GameSysLayer .layerItem__jobItem .layerItem__exp {width: auto; margin-left: 0; }

    .about2GameSysLayer #layer2 .layerItem__title {top: 10vw; }
    .about2GameSysLayer .headMenu__close--2 {position: fixed; }

    .fancybox-slide--html {padding: 0; }

    .about2World__mapSet {height: 650px;}
    .about2World__mapSet.active .about2World__layer1 {height: 60px; }
    .about2World__titleText {margin-left: 35px; margin-top: 50px;  }
    .about2World__titleCaption {margin-top: 10px;  background: #000; padding: 1vw 10vw 1vw 9vw; color: #fff; width: auto; }
    .about2World__openBtn {width: 63px; height: 63px; opacity: .95; transition: opacity .5s; pointer-events: none; }



}

@media screen and ( max-width: 550px) {
    .campaign__list .campaign__item.campaign__item--hot a:before {
        left: -2.1333333333333333VW;
    }
}


@media screen and ( max-width: 500px) {
    .campaign__SlideBlock {
        padding-top: 20.933333333333334VW;
    }
    .campaign__list .campaign__item {
        margin-top: -26.26666666666666vw;
        padding-top: 26.26666666666666vw;
    }
    #content[data-namespace="campaign"] {
        background-position: right 25% top calc(41VW + 20.933333333333334VW);
    }
    .about__nav {
        top: 20VW;
    }
    #content .about__story,
    #content .about__feature,
    #content .about__class {
        margin-top: -20VW;
        padding-top: 20VW;
    }
}


/* 415px 以下 スマホ専用 */
@media screen and ( max-width: 415px) {
    html {
        font-size: 3.2VW;
    }
    .fontSize10 {
        font-size: 2.666666666666667VW;
    }
    .fontSize12 {
        font-size: 2.933333333333333VW;
    }
    .fontSize14 {
        font-size: 3.2VW;
    }
    .fontSize16 {
        font-size: 3.4666666666666663VW;
    }
    .fontSize18 {
        font-size: 3.733333333333334VW;
    }
    .headMenu--spOnly {
        display: block;
    }
    .allContainer {
        min-width: 41.333333333333336VW;
    }
    .headSwipe__slideInner {
        display: block;
    }
    .headSwipe__title {
        position: static;
    }
    .pcBlock {
        display: inline;
    }
    .spBlock {
        display: block;
    }

    /***
    loading
    ***/
    #loading,
    #loading #gauge,
    #loading #gauge:before {
        width: 53.333333333333336VW;
        height: 15.333333333333332VW;
    }
    #loading #gauge {
        height: 0;
    }

    /* swipe arrow */
    [class*=swiper-button-] {
        bottom: 73.33333333333333VW;
    }

    .headSwipe__title .subContent__text {
        font-size: 3.2VW;
    }

    /* head bell btn */
    .headMenu__bell {
        width: 5.333333333333334vw;
        right: 13.333333333333334VW;
    }
    .headMenu__bell .headMenu__bellIcon {
        height: 5.333333333333334VW;
    }
    .headMenu__bell .headMenu__bellAlert {
        width: 1.6vw;
        height: 1.6vw;
        top: -0.5333333333333333VW;
        right: -1.0666666666666667vw;
    }


    /*** head layer 関連 ***/
    /* menu layer*/
    .headMenu__logoArea.headMenu--spOnly {
        display: flex;
        height: 23.333333333333332VW;
    }
    .headMenu__logoArea a {
        width: 42.8VW;
        height: 10.133333333333333VW;
    }
    .headMenu__layer.show .headMenu__layerBase {
        width: 95%;
    }
    .headMenu .headMenu__btnArea {
        height: 20.933333333333334vw;
        padding-top: 0.3999999999999995VW;
    }
    .headMenu .headMenu__listArea {
        height: calc(100% - 44.266666666666666vw);
        max-height: 133.33333333333334vw;
    }
    .headMenu .headMenu__listArea .headMenu__subList {
        padding-top: 3.3333333333333335vw;
    }
    .headMenu__layer.show .headMenu__close {
        width: 5.333333333333334VW;
        height: 5.333333333333334VW;
        top: 4.666666666666667VW;
    }

    /* notice layer */
    .headMenu__noticeLayerBase {
        width: 100%;
        max-width: 380px;
        right: 0;
        padding: 10.4vw 0 8vw;
    }
    .headMenu__noticeLayer .headMenu__noticeLayerBaseInner {
        padding: 4.666666666666667vw 7.333333333333333vw 0;
    }
    .headMenu__noticeLayer .headMenu__noticeLayerBaseTop {
        top: -10.4vw;
        right: 0;
        height: 10.4vw;
    }
    .headMenu__noticeLayer .headMenu__noticeLayerBaseBottom {
        bottom: -8vw;
        right: 0;
        height: 8vw;
    }
    .headMenu__noticeLayer .headMenu__noticeList {
        height: 86.66666666666667vw;
    }
    .headMenu__noticeLayer .headMenu__noticeTitle {
        height: 5.733333333333333vw;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/noticeLayer_title.png) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        margin-bottom: 7.333333333333333vw;
    }
    .headMenu__noticeLayer .headMenu__noticeTitle:before,
    .headMenu__noticeLayer .headMenu__noticeList:after {
        height: 1.6vw;
    }
    .headMenu__noticeLayer .headMenu__noticeTitle:before {
        bottom: -6.666666666666667vw;
    }
    .headMenu__noticeLayer .headMenu__noticeList .giji-link {
        padding: 3.3333333333333335vw 16.666666666666668vw 3.3333333333333335vw 4.666666666666667vw;
        font-size: 3.2vw;
        border-top: 0.13333333333333333vw solid #8B8B8B;
        border-bottom: 0.13333333333333333vw solid #262626;
        border-left: 0.13333333333333333vw solid #5d5d5c;
        border-right: 0.13333333333333333vw solid #5c5c5c;
    }
    .headMenu__noticeLayer .headMenu__noticeList .giji-link span {
        font-size: 2.6666666666666665vw;
        margin-top: 2vw;
        padding-top: 2vw;
    }
    .headMenu__noticeLayer .headMenu__noticeList .giji-link span:before {
        height: 0.26666666666666666vw;
        border-bottom: 0.26666666666666666vw solid #696969;
    }
    .show [class*=__close] {
        width: 6vw;
        height: 6vw;
        top: 14.666666666666666vw;
        right: 11.333333333333334vw;
    }
    [class*=__close]:before,
    [class*=__close]:after {
        width: 6.666666666666667vw;
        height: 0.4vw;
        top: 50%;
        left: -3%;
    }
    [class*=__snsList] li,
    [class*=__snsList] li a {
        width: 10.266666666666666vw;
        height: 10.266666666666666vw;
    }
    [class*=__snsList] li + li {
        margin-left: 4vw;
    }
    .headMenu [class*=__snsList] {
        padding-left: 7.333333333333333vw;
    }

    /* head register layer */
    .headMenu__registerLayerBaseInner {
        width: 88.53333333333333VW;
        height: 134VW;
        padding: 5.176470588235294VW 7.333333333333333VW;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerTitle {
        width: 71.2VW;
        height: 19.2VW;
    }
    .headMenu__registerLayerBase form {
        margin-top: -3.5VW;
    }
    .headMenu__registerLayerBase [class*=registerBtn] {
        width: 23.866666666666667VW;
        height: 48.13333333333333VW;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnTwS,
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnLineS,
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnFbS {
        width: 23.866666666666667VW;
        height: 33.133333VW;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnGp,
    .headMenu__registerLayerBase .headMenu__registerLayerBtnArea .registerBtnAs {
        width: 36.144578313253014VW;
        height: 19.03614457831325VW;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerMail {
        width: 100%;
        height: 43.333333333333336VW;
        padding: 10VW 4.705882352941177VW;
        margin-top: 2.3529411764705883VW;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerMail .registerBtnEmal {
        width: 60VW;
        height: 12VW;
        margin-top: 2.666666666666667VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/registerLayer_btn_mail.png) no-repeat center;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerMail input {
        height: 9.411764705882353VW;
        padding: 0.6666666666666667VW 4.705882352941177VW;
    }
    .headMenu__registerLayerBase .headMenu__registerLayerMail .registerError {
        font-size: 2.588235294117647VW;
        margin-top: 1.3333333333333335VW;
    }
    .headMenu__registerLayerBase .registerAtt {
        margin-top: 2VW;
    }
    .headMenu__registerLayer .headMenu__close {
        top: -4.705882352941177VW;
        right: 3.5294117647058822VW;
    }

    /* register complete layer */
    .headMenu__registerCplLayer .headMenu__registerCplLayerBaseInner,
    .content__cplLayer .content__cplLayerInner {
        padding: 4.666666666666667VW 0;
    }
    .headMenu__registerCplLayer .headMenu__registerCplLayerBaseTop,
    .headMenu__registerCplLayer .headMenu__registerCplLayerBaseBottom,
    .content__cplLayer .content__cplLayerInner:before,
    .content__cplLayer .content__cplLayerInner:after {
        height: 0.6666666666666667VW;
    }
    .headMenu__registerCplLayer .headMenu__registerCplLayerBaseTop,
    .content__cplLayer .content__cplLayerInner:before{
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registCplLayer_bg_t.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        top: -0.6666666666666667VW;
    }
    .headMenu__registerCplLayer .headMenu__registerCplLayerBaseBottom,
    .content__cplLayer .content__cplLayerInner:after {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/registCplLayer_bg_b.png) no-repeat center;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        bottom: -0.6666666666666667VW;
    }
    .headMenu__registerCplLayer .headMenu__close,
    .content__cplLayer .content__close {
        top: -4.666666666666667VW;
        right: 2.666666666666667VW;
    }

    /* head register attention */
    .headMenu__registerAttLayer .headMenu__registerAttLayerBase,
    .show .content__attLayerBase {
        max-width: 420px;
    }

    .headMenu__registerAttLayer .headMenu__registerAttLayerBaseInner,
    .show .content__attLayerBaseInner {
        padding-left: 8VW;
        padding-right: 8VW;
    }
    .headMenu__registerAttLayer .headMenu__registerAttLayerBaseTop {
        height: 36px;
        top: -35px;
    }
    .headMenu__registerAttLayer .headMenu__registerAttLayerBaseBottom {
        height: 36px;
        bottom:5-33px;
    }

    /*** video 関連 ***/
    /*.bgVideo:before {
        display: none;
    }
    .bgVideoSp .bgVideo__block .bgVideo__video {
        width: 100%;
        min-height: auto;
    }*/
    .bgVideoSp .bgVideo__block:after {
        content: '';
        width: 100%;
        height: 26.666666666666668VW;
        position: absolute;
        bottom: 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    }

    /*** button ***/
    .btnCommon,
    .homeContent .homeContent__register .homeContent__btn {
        width: 76.26666666666667VW;
        height: 15.866666666666667VW;
        max-width: 454px;
        max-height: 94px;
        /*bottom: 31.333333VW;*/
        bottom: 115px;
        margin-left: -38.13333333333334vw;
    }
    .btnCommon {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_b_sp.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .btnCommon span {
        width: 73.2VW;
        height: 12.666666666666668VW;
        max-width: 435px;
        max-height: 75px;
        margin: 0;
    }
    .btnCommon:before {
        width: 46VW;
        height: 14.000000000000002VW;
        margin-top: -7.000000000000001VW;
        max-width: 273px;
        max-height: 83px;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_e_sp.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        /*animation: 3s btnShinySp ease infinite;*/

    }
    .headMenu__register:hover .btnAnime,
    .btnCommon:hover .btnAnime {
        -webkit-animation: none;
        animation: none;
    }
    .homeContent .btnCommon span,
    .headMenu .btnCommon span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_register_sp.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headSwipe__contentAbout .btnCommon span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_about_sp.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headSwipe__contentCamp .btnCommon span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_campaign_sp.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .headSwipe__contentMedia .btnCommon span {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/btn_media_sp.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    @keyframes btnShinySp {
        0% {
            -webkit-transform: translateX(-6.666666666666667VW);
            -moz-transform: translateX(-6.666666666666667VW);
            -ms-transform: translateX(-6.666666666666667VW);
            -o-transform: translateX(-6.666666666666667VW);
            transform: translateX(-6.666666666666667VW);
        }
        10% {opacity: 0;}
        35% {opacity: .8;}
        63% {opacity: 0;}
        70% {
            -webkit-transform: translateX(24.4VW);
            -moz-transform: translateX(24.4VW);
            -ms-transform: translateX(24.4VW);
            -o-transform: translateX(24.4VW);
            transform: translateX(24.4VW);
        }
        99.9%,to {
            -webkit-transform: translateX(24.4VW);
            -moz-transform: translateX(24.4VW);
            -ms-transform: translateX(24.4VW);
            -o-transform: translateX(24.4VW);
            transform: translateX(24.4VW);
        }
    }


    /*** footer ***/
    body:not(.homeShow) .footer {
        padding-bottom: 4vw;
    }
    .footer .footer__info {
        margin-top: 4vw;
    }
    body:not(.homeShow) .footer .footer__navList {
        height: 11.333333333333332VW;
    }
    .footer .footer__info .footer__infoList .footer__infoListTtl,
    .footer .footer__info .footer__infoList .footer__infoListTxt {
        padding: 3.3333333333333335VW 0;
    }
    .footer .footer__info .footer__infoList .footer__infoListTxt {
        padding-left: 4VW;
    }
    .footer .footer__snsList {
        margin-top: 4vw;
    }
    .footer .footer__copy {
        font-size: 1.3333333333333335VW;
        margin-top: 4vw;
    }


    /*********
    home only
    *********/
    .homeContent {
        padding-top: 0;
    }
    .homeContent .homeContent__logo {
        bottom: 60.66666666666666VW;
    }
    .homeContent .homeContent__register .homeContent__mainDate {
        bottom: 52.666666666666664VW;
    }
    .homeContent .homeContent__register .homeContent__btn {
        bottom: 30.666666666666664VW;
    }
    .homeContent .homeContent__register .homeContent__mainDate,
    .headSwipe__title .subContent__text {
        width: 100%;
        margin-left: -50%;
        font-size: 4.266666666666667VW;
    }
    .homeContent .homeContent__mainTxt1,
    .homeContent .homeContent__mainTxt2 {
        width: 66.66666666666666vw;
        height: 6.133333333333333VW;
        left: 5.333333333333334VW;
        margin-left: 0;
    }
    .homeContent .homeContent__mainTxt1 {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/home/main_txt1.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        bottom: calc(100% - (6.133333333333333VW + 4.666666666666667VW));
    }
    .homeContent .homeContent__mainTxt2 {
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/home/main_txt2.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        bottom: calc(100% - (12.26666666666667vw + 4.666666666666667VW));
    }

    /* home news */
    .homeContent__news .homeContent__newsTop {
        display: none;
    }
    .homeContent__news .homeContent__newsList a {
        height: 10.666666666666668VW;
        padding: 0 20VW 0 12.666666666666668VW;
    }
    .homeContent__news .homeContent__newsList a.newItem:before,
    .contentSupport--news .newItem:before {
        width: 3.4666666666666663VW;
        height: 5.6000000000000005VW;
        left: 7.333333333333333VW;
    }
    .homeContent__news .homeContent__newsList a.campItem:before {
        width: 23vw;
        height: 6vw;
        max-width: 69px;
        max-height: 17px;
        left: 6VW;
    }
    .headMenu__noticeLayer .headMenu__noticeList .giji-link:before,
    .homeContent__news .homeContent__newsList a:after {
        content: '';
        width: 4.3999999999999995VW;
        height: 6VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/common/noticeLayer_arrow.png) no-repeat;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        position: absolute;
        top: 50%;
        right: 4.666667VW;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .homeContent__news .homeContent__newsList .homeContent__newsDate {
        font-size: 2.666666666666667VW;
    }
    .homeContent__news .homeContent__newsList .homeContent__newsTxt {
        font-size: 3.2VW;
    }


    /**********
    sub 共通
    **********/
    .headSwipe__title:not(.homeContent) {
        padding-top: 0;
    }
    .headSwipe__title .subContent__title {
        bottom: 66.66666666666666VW;
    }
    .headSwipe__title .subContent__text {
        bottom: 45.666666666666664VW;
    }
    .headSwipe__title .headSwipe__directBottom {
        bottom: 17.333333333333336VW;
    }


    /*********
    about only
    *********/

    /*********
    campaign only
    *********/
    .headSwipe__contentCamp .headSwipe__title .subContent__title {
        bottom: calc(100% - 39.33333333333333VW);
    }
    .headSwipe__contentCamp .headSwipe__title .subContent__text {
        bottom: calc(100% - 56.00000000000001VW);
    }
    .campaign__bnrArea {
        width: 89.33333333333333VW;
        max-width: 670px;
        bottom: 36VW;
        z-index: 99;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        opacity: 0;
    }
    .campaign__bnrArea .campaign__bnr img {
        max-width: 100%;
        vertical-align: bottom;
    }
    .campaignShow .campaign__bnrArea.active {
        right: 50%;
        -webkit-transform: translateX(50%);
           -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
             -o-transform: translateX(50%);
                transform: translateX(50%);
        opacity: 0;
        animation: .3s fadeIn .5s ease both;
    }
    .campaignShow .campaign__bnrArea.active {
        display: block;
    }
    .campaign__bnrArea .campaign__bnr[class*=campaign__badge]:before {
        width: 17.333333333333336VW;
        height: 17.333333333333336VW;
        top: -8VW;
        right: -4.666666666666667VW;
    }
    .campaignShow .campaign__bnrArea.active.main-slide {
        opacity: 1;
        right: 50%;
        animation: .1s fadeOut ease both;
        display: none;
    }

    /*********
    media only
    *********/
    #content[data-namespace="media"] .media__twTimeLineBase {
        padding: 0;
        text-align: center;
    }
    #content[data-namespace="media"] .media__twTimeLineBase iframe {
        width: 310px !important;
    }


    /* contact */
    #content.contentSupport {
        min-height: 100%;
    }
    .contentSupport--contact .contentSupport__desc {
        font-size: 3.2vw;
    }
    .contentSupport.contentSupport--news .content__inner:before {
        display: none;
    }
    .content__cplLayerBase .content__close,
    .content__attLayerBase .content__close {
        top: -8vw;
        right: 6vw;
    }

    /* news */
    .newsDetail .contentSupport__main dt,
    .newsDetail .contentSupport__main .contentSupport__mainInner {
        padding: 2vw 6.666666666666667vw;
        font-size: 3.2vw;
    }
    .newsDetail .contentSupport__main dd {
        padding-bottom: 4vw;
    }
    .contentSupport--news [class*=__newsDate] {
        font-size: 2.6666666666666665vw;
    }
    .contentSupport--news .contentSupport__newsList .contentSupport__newsTxt,
    .newsDetail .contentSupport__main .contentSupport__newsTxt {
        font-size: 3.2vw;
    }
    .newsDetail .contentSupport__main .contentSupport__close {
        position: absolute;
        top: -13.333333333333334vw;
        width: 10.666666666666666vw;
        height: 10.666666666666666vw;
        max-width: 40px;
        max-height: 40px;
        z-index: 10;
    }
    .newsDetail .contentSupport__main .contentSupport__close:before,
    .newsDetail .contentSupport__main .contentSupport__close:after {
        width: 4vw;
        left: 50%;
        margin-left: -2vw;
    }
    .contentSupport--news .newItem:before {
        left: 0.9333333333333333vw;
        top: -0.26666666666666666VW;
    }

    /* faq */
    .contentSupport--faq .content__inner:before {
        display: none;
    }
    .contentSupport--faq .contentSupport__main {
        width: calc(100% + 10.666666666666668VW);
        margin-left: -5.333333333333334VW;
        margin-top: 12VW;
    }
    .contentSupport--faq .contentSupport__faq + .contentSupport__faq {
        margin-top: 6vw;
    }
    .contentSupport--faq .contentSupport__faq dt .contentSupport__faqTitleIcon {
        width: 20VW;
    }
    .contentSupport--faq .contentSupport__faq dt .contentSupport__faqTitleIcon:before {
        width: 20.133333333333333VW;
        height: 21.73333333333333VW;
        max-width: 76px;
        max-height: 81px;
        left: 3.3333333333333335VW;
        top: -3.3333333333333335VW;
    }
    .contentSupport--faq .contentSupport__faq dt p {
        width: calc(100% - 20.133333333333333VW);
        padding: 3.3333333333333335VW 3.3333333333333335VW 3.3333333333333335VW 8.666666666666668VW;
    }
    .contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner {
        padding: 3.3333333333333335VW 3.3333333333333335VW 3.3333333333333335VW 8.666666666666668VW;
    }
    .contentSupport--faq .contentSupport__faq dd {
        padding-top: 9.333333333333334VW;
    }
    .contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner:before {
        height: 9.333333333333334VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/support/support_faq_a_bg.png) no-repeat;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
    .contentSupport--faq .contentSupport__faq dd .contentSupport__faqInner {
        padding: 2.666666666666667VW 5.333333333333334VW 5.333333333333334VW;
    }
}

@media screen and (max-width: 360px) {
    .about__game .about__gameText {
        width: 50%;
        margin-left: -42.1875VW;
    }
    .about__story .about__storyText1 {
        width: 45.3125%;
    }
    .about__story .about__storyText2 {
        margin-left: -45.3125%;
    }
    .about__story .about__storyText3 {
        width: 50%;
        margin-left: -4.6875VW;
    }
    .about__feature [class*=about__featureSlideCont] .about__featureSlideText,
    .about__feature [class*=about__featureSlideCont] .about__featureSlideTextBg {
        width: 50%;
    }
    .about__class .about__classTabCont .about__classTabCont .about__classText {
        width: 43.75%;
    }
    .about__feature .about__storyLink {
        top: -9.666667VW;
        margin-left: -1.333333VW;
    }
}
@media screen and (max-width: 320px) {
    #content[data-namespace="media"] .media__twTimeLineBase iframe {
        width: 265px !important;
    }
    .about__feature .about__storyLink {
        top: -10.666667VW;
    }
}

@media only screen and (min-aspect-ratio: 13/9) {
    #sp_msg {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-align-items: center;
                align-items: center;
        width: 100%;
        height: 100%;
        background: #000;
    }
    #sp_msg .sp_msg_cont i {
        display: block;
        width: 100px;
        height: 100px;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/sp/common/message_landscape.gif) no-repeat 50% 0;
        background-size: cover;
        margin: 0 auto 20px auto;
    }
    #sp_msg .sp_msg_cont p {
        text-align: center;
        color: #999;
        font-size: 14px;
        transition: none;
    }
}



/**********
キャンペーン subページ
**********/
.campaignSub {
    height: auto;
}
.campaignSub .homeLink,
.campaignSub .headMenu__mainList,
.campaignSub .headMenu__register,
.campaignSub .headMenu__register,
.campaignSub .headMenu__bell,
.campaignSub .headMenu__burger {
    display: none;
}
.campaign__subMain .content__inner {
    position: relative;
    max-width: 1200px;
    margin: auto;
}
.campaign__subMain .campaign__mv {
    height: 830px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/main.jpg) no-repeat center;
}
.campaign__subMain .campaign__mv > * {
    text-indent: -999em;
}
.campaign__subMain .campaign__mv .campaign__subLogo {
    display: block;
    width: 281px;
    height: 128px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/campaign_sub_logo.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
.campaign__subMain .campaign__sct--1 {
    height: 1780px;
    text-indent: -999em;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/sct1_v2.jpg) no-repeat center top;
}
.campaign__subMain .campaign__sct--1 .content__inner {
    padding: 0 140px;
}
.campaign__subMain .campaign__sct--1 h2 {
    height: 0;
}
.campaign__subMain .campaign__sct--1 .campaign__presentList {
    margin: 270px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.campaign__subMain .campaign__sct--1 .campaign__presentList li {
    width: calc(50% - 10px);
    height: 175px;
    position: relative;
    margin-bottom: 17px;
}
.campaign__subMain .campaign__sct--1 li:nth-last-child(2),
.campaign__subMain .campaign__sct--1 li:last-child {
    width: 100%;
    height: 280px;
}
.campaign__subMain .campaign__sct--1 li:nth-last-child(2) {
    margin-bottom: 175px;
}
.campaign__subMain .campaign__sct--1 li:last-child {
    margin-bottom: 0;
}
.campaign__subMain .campaign__sct--1 .campaign__presentList li.campaign__done:before {
    content: "";
    width: 102px;
    height: 109px;
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/icon_campaign_done.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    position: absolute;
    bottom: -13px;
    right: -10px;
}
.campaign__subMain .campaign__sct--1 li.campaign__done:nth-last-child(2):before {
    right: auto;
    left: 17px;
    bottom: -50px;
}
.campaign__subMain .campaign__sct--1 li.campaign__150:before,
.campaign__subMain .campaign__sct--1 li.campaign__200:before {
    content: '';
    width: 122px;
    height: 119px;
    position: absolute;
    top: -55px;
    right: 115px;
}
.campaign__subMain .campaign__sct--1 li.campaign__150:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/campaign_badge150.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__subMain .campaign__sct--1 li.campaign__200:before {
    background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/campaign_badge200.png) no-repeat center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
.campaign__subMain .campaign__sct--1 .campaign__presentList + p {
    height: 0;
}
.campaign__subMain .campaign__sct--1 .btnCommon {
    margin: 0;
    width: 426px;
    height: 83px;
    margin: 80px auto 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}
@media screen and (max-width: 1200px) {
    #content.campaign__subMain .content__inner {
        padding: 0;
    }
    #content.campaign__subMain .campaign__presentList {
        width: 920px;
    }
}
@media screen and (max-width: 920px) {
    #content.campaign__subMain .campaign__presentList {
        width: 100%;
    }
}
@media screen and ( max-width: 834px) {
    .campaignSub {
        overflow: hidden;
    }
    #content.campaign__subMain .content__inner {
        padding: 0 12VW;
    }
    .campaign__subMain .campaign__mv {
        width: 100vw;
        height: 96.66666666666667VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/main_sp.jpg) no-repeat center top;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .campaign__subMain .campaign__mv > * {
        text-indent: -999em;
    }
    .campaign__subMain .campaign__mv .campaign__subLogo {
        width: 37.46666666666666VW;
        height: 17.066666666666666VW;
        top: -2VW;
        left: -1.3333333333333335VW;
    }
    .campaign__subMain .campaign__sct--1 {
        width: 100vw;
        height: 416VW;
        background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/preview/images/pc/campaign/sub/cp/sct1_sp_v2.jpg) no-repeat center top;
        -webkit-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
    }
    .campaign__subMain .campaign__sct--1 .campaign__presentList {
        margin-top: 34.4VW;
    }
    .campaign__subMain .campaign__sct--1 .campaign__presentList li {
        width: 75.33333333333333VW;
        height: 28.933333333333334VW;
        margin-bottom: 3.8666666666666667VW;
    }
    .campaign__subMain .campaign__sct--1 li:nth-last-child(2),
    .campaign__subMain .campaign__sct--1 li:last-child {
        height: 46.13333333333333VW;
    }
    .campaign__subMain .campaign__sct--1 li:nth-last-child(2) {
        margin-bottom: 46.93333333333333VW;
    }
    .campaign__subMain .campaign__sct--1 li:last-child {
        margin-bottom: 0;
    }
    .campaign__subMain .campaign__sct--1 .campaign__presentList li.campaign__done:before {
        width: 16.8VW;
        height: 18VW;
        max-width: 102px;
        max-height: 109px;
        bottom: -3.333333VW;
        right: -4VW;
    }
    .campaign__subMain .campaign__sct--1 .campaign__presentList li.campaign__150:before,
    .campaign__subMain .campaign__sct--1 .campaign__presentList li.campaign__200:before {
        width: 21.2VW;
        height: 20.533333333333335VW;
        max-width: 159px;
        max-height: 154px;
        top: -6.666666666666667VW;
        right: -6.666666666666667VW;
    }
    .campaign__subMain .campaign__sct--1 li.campaign__done:nth-last-child(2):before {
        left: auto;
    }
    .campaign__subMain .campaign__sct--1 .btnCommon {
        width: 76.26666666666667VW;
        height: 15.866666666666667VW;
        max-width: 454px;
        max-height: 94px;
        margin-top: 16.666666666666664VW;
    }
}