@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/*==================================================== */
html{background: #000;}
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8; background: #000;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}

a{cursor:pointer;}
a:link{ color:#373737;}
a:visited{ color:#373737;}
a:hover {color:#373737; transition:background 0.2s;}
a:active{color:#373737;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
section {clear:both; zoom:1;}
article:after,section:after,.clrFx:after{content:''; clear:both; display:block;}
img{-ms-interpolation-mode:bicubic;}

/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{outline:none;}
area{border:none;outline:none;}


/*
	BASE SET
__________________________________________________*/
html{overflow:visible;}
html,body {margin:0; padding:0;}
body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#fff; font-size:20px; line-height:1.5; z-index:0; background:#000;}
.over-section{margin:0 -410px; zoom:1; position:relative; *overflow-y:hidden; clear:both; padding:0;}
.over-section:after{content:''; clear:both; display:block;}
main {width:100%;}
section {width:100%; margin:0 auto; clear:both; zoom:1; position:relative; z-index:100; padding:0;}
.wrap   {margin:0 auto; clear:both; zoom:1; position:relative; z-index:100; padding:0; max-width: 1400px; min-width: 1200px;}
article   {margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0;}
article:after,section:after,.wrap:after{content:''; clear:both; display:block;}
*,*::before,*::after {box-sizing:border-box;}

/*

	PC/SP STYLE

**************************************************************/
body,#contents  {background:#fff;}
main {font-size:0; line-height:1; position:relative; opacity:1; transition:opacity 0.6s ease;}
.windowloaded main {opacity:1;}
#contents {position:relative; overflow:hidden; opacity:1; transition:opacity 0.6s ease;}
.windowloaded #contents{opacity:1;}


@media screen and (min-width:641px){
/*

	PC STYLE

**************************************************************/

html.noscroll,body.noscroll {overflow: hidden;}
#contents {min-width:1200px; padding-bottom:0; font-size: 0; line-height: 1;}
#contents main { margin:0 auto 0; position:relative; padding:0; z-index:10; font-size:0; line-height:1; text-align:center;}
.sp-item {display:none;}

/* siteheader */
#siteheader {position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; overflow: hidden; min-width: 1200px; height: 110px; font-size: 0; line-height: 1;}
#siteheader .triace {border-bottom: 1px solid #6e6e6e; background: #000; height: 37px; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}
#siteheader .triace .wrap {padding: 0 0 0 22px;}
#siteheader .triace p {float: left;}
#siteheader .triace ul.game {display: flex; align-content: flex-end; align-items: flex-end; float: right; padding: 0 7px 0 0; display: none;}
#siteheader .triace ul.game li {padding: 0 22px 0 0;}
#siteheader .triace ul.lang {display: flex; align-content: flex-end; align-items: flex-end; float: right;}
#siteheader .triace ul.lang li {padding: 0 0 0 1px;}
#siteheader .triace ul.lang li img {height: 36px; width: auto;}
#siteheader .triace ul.lang li a {background-color: #c58704; display: inline-block; transition: 0.2s;}
#siteheader .triace ul.lang li a:hover {filter: brightness(1.3);}
html[lang='ja'] #siteheader .triace ul.lang li:nth-child(1) a {background-color: #dbdbdb; pointer-events: none;}
html[lang='en'] #siteheader .triace ul.lang li:nth-child(2) a {background-color: #dbdbdb; pointer-events: none;}
#siteheader nav {height: 73px; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 37px; width: 100%; padding-top: 1px; transition: height 0.3s; transform: translate(0,-80px); z-index: 0;}
.windowloaded #siteheader nav {transform: translate(0,0); transition:transform 1.2s 2.0s cubic-bezier(0.215, 0.61, 0.355, 1);}
#siteheader nav::after{content: ''; width: 1920px; height: 72px; background: url(../images/bg_nav.png) center top no-repeat; position: absolute; left: 50%; top: 0; margin-left: -960px;}
#siteheader nav .wrap { padding: 0 0 0 16px; transition:transform 0.3s;}
#siteheader nav ul {display: flex; float: left;}
#siteheader nav ul li a {display: block; height: 72px; width:81px; padding: 0 16px; background: url(../images/nav.png) left top no-repeat; position: relative; z-index: 10; transition: 0.1s;}
#siteheader nav ul li i {display: block; height: 72px; width:81px; padding: 0 16px; background: url(../images/nav.png) left top no-repeat; position: absolute; z-index: 0; left: 0; top: 0; transition: 0.3s; opacity: 0;}
#siteheader nav ul li a:hover{transition: 0.3s; filter: brightness(140%);}
.ie11 #siteheader nav ul li a:hover {opacity: 0.7;}

#siteheader nav ul li a.active i {opacity: 1;}

#siteheader nav ul li a[href*='world'] {background-position: -81px 0; width: 127px;}
#siteheader nav ul li a[href*='character'] {background-position: -208px 0; width:188px;}
#siteheader nav ul li a[href*='system'] {background-position: -410px 0; width: 122px;}
#siteheader nav ul li a[href='#special'] {background-position: -532px 0; width: 134px;}
#siteheader nav ul li a[href='#spec'] {background-position: -666px 0; width: 82px;}
#siteheader nav ul li a[href*='top'] i{background-position: 0 -72px; width: 81px;}
#siteheader nav ul li a[href*='world'] i{background-position: -81px -72px; width: 127px;}
#siteheader nav ul li a[href*='character'] i{background-position: -208px -72px; width:188px;}
#siteheader nav ul li a[href*='system'] i{background-position: -410px -72px; width: 122px;}
#siteheader nav ul li a[href='#special'] i{background-position: -532px -72px; width: 134px;}
#siteheader nav ul li a[href='#spec'] i{background-position: -666px -72px; width: 82px;}
#siteheader nav .other {width: 330px; float: right; height: 72px;}
.bgm {z-index:100; position: absolute; height: 25px; width: 112px; margin: 22px 0 0;}
.bgm .status a {display:block; height:25px; position: relative;}
.bgm .status a:after {content:''; background: url(../images/btn_sound.png) left top no-repeat; width: 100%; height: 25px; position:absolute; left: 0; top: 0; opacity: 1; transition: 0.3s; filter: brightness(1); backface-visibility: hidden;}
.bgm .status a:before {content:''; background: url(../images/btn_sound.png) left -25px no-repeat; width: 100%; height: 25px; position:absolute; left: 0; top: 0; opacity: 0; transition: 0.3s; filter: brightness(1); backface-visibility: hidden;}
.bgm .status.active a:after {opacity: 0;}
.bgm .status.active a:before{opacity: 1;}
.bgm .status a:hover:before,
.bgm .status a:hover:after{filter: brightness(1.4);}
.ie11 .bgm .status a:hover {opacity: 0.7;}
#siteheader nav dl {height: 48px; width: 162px; background: url(../images/btn_sns.png) left center no-repeat; float: right; margin: 10px 23px 0;}
#siteheader nav dl dd {float: right;}
#siteheader nav dl a {width: 43px; height: 43px; display: inline-block; background: rgba(255,255,255,0.2); opacity: 0; transition: 0.3s; margin: 3px 3px 0 0;}
#siteheader nav dl a:hover{opacity: 1;}
/* .fixed */
#siteheader.fixed nav {position: fixed; top: 0;}
#siteheader.fixed nav {height: 63px;}
#siteheader.fixed nav::after{top: -10px;}
#siteheader.fixed .wrap {transform: translate(0,-5px);}
#siteheader a.menuclose,
#siteheader a.spmenu{display: none;}

/* siteFooter */
#sitefooter {background: #1c1c1c; text-align: center; line-height: 1; padding: 34px 0 0;}
#sitefooter ul {display: flex; justify-content: center;}
#sitefooter ul li {padding: 0 22px;}
#sitefooter p {font-size: 14px; letter-spacing: 0.1em; padding: 24px 0;}


/* swiper */
.swiper-pagination-bullets {text-align: center; width: 100%;}
.swiper-pagination-bullet{background: rgba(255,255,255,0.5) !important; margin: 0 10px; opacity: 1 !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff !important;}

}


@media screen and (max-width:640px){
/*

	SP STYLE

**************************************************************/
#wrapper {width: 100vw; overflow: hidden;}
#contents {padding-bottom:0; width:100vw; overflow:hidden; position:relative;}
#contents main {position:relative; z-index:10; font-size:0; line-height:1; text-align:center;}
#contents main img {width: 100%; height: auto;}

/* siteheader */
#siteheader .triace {height:6.875vw; border-bottom: 1px solid #6e6e6e; background: #000; overflow: hidden; position: absolute; left: 0; top: 0; width: 100vw; z-index: 10100;}
.menuopen #siteheader .triace {z-index: 100;}
#siteheader .triace .wrap {padding: 0 0 0 3.125vw; position: relative;}
#siteheader .triace p {float: left; position: relative; z-index: 100;}
#siteheader .triace p {padding: 0.625vw 0;}
#siteheader .triace ul.game {position: absolute; left: 0; top: 0; width: 100vw; text-align: right; padding: 0.625vw 3.125vw; display: none;}
#siteheader .triace ul.game li {padding: 0 3.281vw 0 0; display: inline-block;}
#siteheader .triace img{height:5.938vw; width: auto;}
#siteheader .triace ul.lang {position: absolute; left: 0; top: 0; width: 100vw; text-align: right;}
#siteheader .triace ul.lang li {padding: 0 0 0 1px; display: inline-block;}
#siteheader .triace ul.lang li img {height: 6.875vw; width: auto;}
#siteheader .triace ul.lang li a {background-color: #c58704; display: inline-block; transition: 0.2s;}
#siteheader .triace ul.lang li a:hover {filter: brightness(1.3);}
html[lang='ja'] #siteheader .triace ul.lang li:nth-child(1) a {background-color: #dbdbdb; pointer-events: none;}
html[lang='en'] #siteheader .triace ul.lang li:nth-child(2) a {background-color: #dbdbdb; pointer-events: none;}

#siteheader nav {background: rgba(0,0,0,0.9); position: fixed; left: 0; top: 0; width: 100vw; height: 100%; z-index: 10000; padding: 1.719vw 0 1.719vw; font-size: 0; line-height: 1; transform: translate(101vw,0); transition: 0.3s;}
#siteheader nav .wrap {height: 100%; overflow: hidden; overflow-y: scroll; position: relative; width: 100vw;}
#siteheader nav ul {padding: 6.7vw 0 0;}
#siteheader nav ul li {padding: 5.544vw 0;}
#siteheader nav ul li a {display: block; height: 7.5vw; background: url(../images/nav-sp.png) left top no-repeat; background-size: 200vw auto; width: 100vw; position: relative;}
#siteheader nav ul li a::after {content: ''; height: 100%; background: url(../images/nav-sp.png) left top no-repeat; background-size: 200vw auto; width: 100vw; position:absolute; left: 0; top: 0; opacity: 0; transition: 0.3s;}
#siteheader nav ul li a[href*='world'] {background-position: 0 -18.438vw;}
#siteheader nav ul li a[href*='character'] {background-position: 0 -37.031vw;}
#siteheader nav ul li a[href*='system'] {background-position: 0 -55.625vw;}
#siteheader nav ul li a[href='#special'] {background-position: 0 -73.906vw;}
#siteheader nav ul li a[href='#spec'] {background-position: 0 -92.5vw;}
#siteheader nav ul li a[href*='top']::after{background-position: -100vw 0;}
#siteheader nav ul li a[href*='world']::after {background-position: -100vw -18.438vw;}
#siteheader nav ul li a[href*='character']::after {background-position: -100vw -37.031vw;}
#siteheader nav ul li a[href*='system']::after {background-position: -100vw -55.625vw;}
#siteheader nav ul li a[href='#special']::after {background-position: -100vw -73.906vw;}
#siteheader nav ul li a[href='#spec']::after {background-position: -100vw -92.5vw;}
#siteheader nav ul li a.active::after {opacity: 1;}
#siteheader .bgm{display: none;}
#siteheader nav dl {height: 8.906vw; width: 42.188vw; background: url(../images/btn_sns-sp.png) left center no-repeat; background-size: cover; margin-left: 28.438vw; margin-top: 10.188vw;}
#siteheader nav dl dd {float: right;}
#siteheader nav dl a {width: 10.938vw; height: 10.938vw; display: inline-block; background: rgba(255,255,255,0.2); opacity: 0; transition: 0.3s; margin-left: 1.563vw; position: relative; top: -1.563vw; left: 0.781vw; cursor: pointer;}
#siteheader nav a.menuclose{width:11.563vw; height:11.563vw; background: url(../images/btn_close.png) center center no-repeat; background-size: 7.813vw auto; display: block; position: absolute; left: 84.688vw; top: 1.406vw; z-index: 10000;}

#siteheader a.spmenu{display:block; position: fixed; left: 78.438vw; top: 0; width: 21.563vw; height: 23.594vw; z-index: 10000; background: url(../images/menu.png) left top no-repeat; background-size: cover; font-size: 0; transition: top  0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s 1.8s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate(0,-31.5vw); opacity: 0;}
.windowloaded #siteheader a.spmenu {transform: translate(0,-1.5vw); opacity: 1;}
.menuopen #siteheader nav {transform: translate(0,0); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}

/* siteFooter */
#sitefooter {line-height: 1; padding: 5.313vw 0 0;}
#sitefooter .wrap {min-width: inherit; width: 100vw;}
#sitefooter ul li {padding: 0 3.438vw;}
#sitefooter p {font-size: 2.188vw; letter-spacing: 0.1em; padding: 3.75vw 0;}


/* siteFooter */
#sitefooter {background: #1c1c1c; text-align: center; line-height: 1; padding: 34px 0 0;}
#sitefooter ul {display: flex; justify-content: center;}
#sitefooter ul li {padding: 0 22px;}
#sitefooter p {font-size: 14px; letter-spacing: 0.1em; padding: 24px 0;}


.sp-item {display:inline-block;}
.pc-item {display:none !important;}
/* swiper */
.swiper-pagination-bullets {text-align: center; width: 100%;}
.swiper-pagination-bullet{background: rgba(255,255,255,0.5) !important; margin: 0 1.875vw; opacity: 1 !important; width: 2.1875vw !important; height:2.1875vw !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff !important;}

}


/* 
	loader
*********************/
#loader {background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 100000; position: fixed; left: 0; top: 0;}
#loader .loader{width: 64px; height: 64px; position: fixed; right: 50vw; top: 50%; margin: -32px -32px 0 0;}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}
.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/*
	js styles
******************************/
#baseW {position: fixed; left: 0; bottom: 0; width: 100%; width: 100vw; height: 1px; z-index: -1111; opacity: 0;}
.analytics {position:fixed; left:-9999px; top:-9999px; height:0; width:0; overflow:hidden;}
#imageloaded {position: fixed; left: -9999px; font-size: 0; line-height: 1; height: 1px; width: 1px; overflow: hidden;}

.animation-up ,
.animation ,
.animation.itemshow ,
.animation-trigger,
.uatablet .animation {}

.nicescroll-rails#ascrail2000-hr,
.nicescroll-rails#ascrail2000-hr div,
.nicescroll-rails#ascrail2000 ,
.nicescroll-rails#ascrail2000 div {z-index: 10000 !important; cursor: pointer;}
.nicescroll-rails#ascrail2001 ,
.nicescroll-rails#ascrail2001 div {z-index: 999999 !important; cursor: pointer;}

#gridJSSW {z-index:1000000000 !important;}
#sePlayer,.bgmPlayer,#openingBgmPlayer {position:fixed; left:-9999px; top:-9999px;}
.fade1,.fade2 {opacity:0;}


/*	modal */
#modalMask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100000; display:none;}
#modalContent {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100001; display:none; cursor:pointer;}
#modalContent div.mc {position:fixed; left:0; top:0; margin-left:0px; margin-top:0; z-index:10; padding:0; transition:0.8s ease;
-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); text-align: center; width: 100%; height: 100%;}
#modalContent.view div.mc {-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
#modalContent div.mc iframe {position:relative; margin: 0 auto;}
#modalContent .close {display:block; width:31px; height:31px; overflow:hidden; text-indent:200%; white-space:nowrap; background:url(../images/btn_close.png) left top no-repeat; position:absolute; top: 10px; right: 10px; transition:0.5s; z-index: 100; background-size: 31px auto;}
#modalContent .close:hover{filter: brightness(1.7);}

.ie11 #modalContent .close:hover {opacity:0.5;}

@media screen and (max-width:640px){
#modalContent div.mc{padding: 10.125vw 0 0; height: 61.25vw !important; position:absolute; top: 50%; margin-top: -40.75vw;}
#modalContent .close{display:block; width:8.28125vw; height:8.28125vw; overflow:hidden; text-indent:200%; white-space:nowrap; background:url(../images/btn_close.png) left top no-repeat; position:absolute; right: 3.75vw; top: 0; cursor: pointer; background-size: 100% auto; margin-top: 0;}
#modalContent div.mc iframe {margin:0 auto!important;}
}

#baseVW{ width:100vw; position: fixed; left: -9999px; opacity: 0;}