/******** Reset ********/
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
*,:before,:after{box-sizing:border-box}
html,body{height:100%;width:100%}
body{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.7}
a{outline:none;text-decoration:none}
img{vertical-align:top}*/

body,html{width:100%;height:100%;font-family:"wigwag-bold",sans-serif; }
body{ background:#280000; color:#FFF}
.l-wrapper{ background: url('../img/purchase/texture.png') repeat center top; width:100%;/*min-width:1200px;*/min-height:100%;text-align:center;position:relative;/*overflow:hidden*/}
#main{position:relative;width:100%;}
a { text-decoration:none; }

.not-active { color:#666 !important; pointer-events: none; cursor: default; }
.myClose {
    height: 50px;
    width: 50px;
    background: url('img/close_btn.png') no-repeat;
}


#scrollup{width:90px;height:90px;position:fixed;bottom:50px;right:20px;display:none;text-indent:-9999px;cursor:pointer;opacity:.8;z-index:2}
#scrollup:hover{opacity:1}
#scrollup img{display:block}
a.soldout{color: #555 !important;}
.soldout{pointer-events: none;cursor: default;color: #555 !important;}
.soldout::before{background: #C00;content: 'sold out';position: absolute;transform: rotate(-9deg);/* margin: 0 auto; */font-size: 9px;color: #FFF;padding: 5px 40px;/* border: 3px solid #000; */box-shadow: 5px 5px 5px #000;}
.flag {margin: 20px auto;box-shadow: 10px 10px 0px;border: 5px solid #000;}
.remodal h3, .remodal h4 {margin-top: 50px;}
.remodal h3 + h4 {margin: 0px;}

/* Pre-load */
.pre-load{position:fixed;width:100%;height:100%;background:#d6001c;z-index:99999}
body .pre-load .i1{position:absolute;top:50%;left:50%;text-align:center;margin-left:-122px;margin-top:-63px}
body .pre-load .i1 img{margin:0 auto;}

/* navigation */
div.nav #nav-bg-top{position:absolute;width:100%;z-index:999}
div.nav #nav-bg-top img{width:100%;height:auto}
div.nav{position:fixed;width:35%;z-index:99995;left:2%;top:5%;padding-bottom:1.4%}
div.nav #menu-btn-container{background:url(../img/common/menu_exit.png) left top no-repeat;background-size:30% auto;display:block;width:100%;z-index:99999;opacity:0}
div.nav #menu-btn{width:30%;height:auto;cursor:pointer;float:left}
div.nav #home-btn{width:20%;height:auto;cursor:pointer}
div.nav.active ul{height:auto;display:block;width:85%;margin:0 auto;text-align:center;z-index:99995}
div.nav.hidden-menu ul.hide{height:0;-moz-transition:opacity 0.75s,z-index 0s 1s;-o-transition:opacity 0.75s,z-index 0s 1s;-webkit-transition:opacity 0.75s,z-index 0s 1s;transition:opacity 0.75s,z-index 0s 1s;z-index:-1;opacity:0}
div.nav ul.hide li{opacity:0}
div.nav ul li{list-style-type:none;display:list-item;background:center top no-repeat;background-size:100% auto;opacity:1}
div.nav ul li.menu-character{background-image:url(../img/common/nav_bg_chara.png)}
div.nav ul li.menu-school{background-image:url(../img/common/nav_bg_school.png)}
div.nav ul li.menu-phantom{background-image:url(../img/common/nav_bg_phantom.png)}
div.nav ul li.menu-media{background-image:url(../img/common/nav_bg_media.png)}
div.nav ul li.menu-dlc{background-image:url(../img/common/nav_bg_dlc.png)}
div.nav ul li.menu-purchase{background-image:url(../img/common/nav_bg_purchase.png)}
div.nav ul li img{height:auto;width:100%;display:block}
div.nav ul li img.coming-soon{opacity:0.5}
div.active-menu ul,div.active-menu #menu-bg{display:block}
div.nav-bg-overlay{width:100%;height:100%;position:fixed;background:#000;opacity:.5;z-index:99990}
div.nav-bg-overlay.hidden{width:0;height:0;opacity:0;z-index:-1}

/******** Footer ********/
/*
#footer{width:100%;position:absolute;left:0;bottom:0;font-family:Arial,Helvetica,sans-serif;}
#footer .copyright{float:left;height:27px;width:100%}
#footer ul#disclaimer{margin:0 auto;font-family:Arial,Helvetica,Verdana,sans-serif}
#footer ul#disclaimer li{display:inline-block;padding:5px;vertical-align:middle}
#footer ul#disclaimer li#esrb{min-width:157px;height:auto}
#footer ul#disclaimer li#esrb img{width:175px;height:auto;min-height:72px;vertical-align:middle}
#footer ul#disclaimer li#dev img{width:100%;height:auto;max-width:100px}
#footer ul#disclaimer li#platform img{width:100%;height:auto;max-width:180px}
#footer ul#disclaimer li#legal{text-align: left; width:40%;font-size:10px;color:#FFF}
*/

#footer{display:block;width:100%;background:#000;padding:40px 0;position:relative;z-index:9999;margin-top: 2%;}
#footer #legals{width:80%;display:table;text-align:center;margin:0 auto}
#footer #legals .table-cell{display:table-cell;vertical-align:middle;padding:0 10px}
#footer #legals #esrb{vertical-align:middle}
#footer #legals #esrb img{max-height:72px;min-height:72px;width:auto}
#footer #legals #esrbPolicy{vertical-align:middle}
#footer #legals #esrbPolicy img{max-height:72px;min-height:72px;width:auto}
#footer #legals #console{}
#footer #legals #p-studio{padding-left:1%}
#footer #legals #atlus{padding-left:1%}
#footer #legals #legal-text{font-size:10px;text-align:left;padding-left:1%;font-family:Helvetica,Arial,sans-serif;}

/******** Main ********/
#main h1{position:absolute;left:10%;top:53%;margin-top:-100px;width:90%;text-align:left;pointer-events:none}
#main h1 img{width:28%;height:auto}
#main .main_wrap{width:470px;text-align:left;position:absolute;left:97%;top:60%;margin:-235px 0 0 -490px}
#main .movie{margin:0 0 28px}
#main .movie h2{margin:0 0 0 10px}
#main .movie_block li{display:inline-block}
#main .buttons{margin:0 0 0 55px}
#main .buttons li{display:inline-block;margin:0 6px}

/******** Purchase ********/

/*.purchase-left { float:left; width:60%}
.purchase-right { float:left; width:40%; text-align:right;}*/
.purchase-button { width:400px; margin: 0 auto; margin-top: 10px; margin-bottom: 40px; }
.back-button { width: 160px; margin:0 auto; }
.ue_button_a_tag {width: 25% !important;}
.ue_button {margin: 0 auto;}
#purchase-links {  }
#purchase-links li { display: inline-block; margin:10px; width:200px; text-align:center;  }
#purchase-links li a { font-weight: bold; text-transform: uppercase; font-style: italic; color: #FFF; padding:10px; font-size:18px; background-color:rgba(0,0,0,0.8); display:block; border:5px solid #000; box-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, 5px 5px 0 #000, 6px 6px 0 #000;}
#purchase-links li a:hover { background:#ff0000; }
#purchase-links li a span{font-size:13px;color:#ff0000}

#purchase-links li:nth-child(2n) {    -ms-transform: rotate(1deg); /* IE 9 */-webkit-transform: rotate(1deg); /* Safari */transform: rotate(1deg);}
#purchase-links li:nth-child(5n) {    -ms-transform: rotate(-2deg); /* IE 9 */-webkit-transform: rotate(-2deg); /* Safari */transform: rotate(-2deg);}

/******** Social ********/
.social{width:330px;zoom:1}
.social:after{clear:both;display:block;content:""}
.social .share-total{width:139px;background-color:#FFF;display:none;zoom:1;position:absolute;left:0;top:460px;z-index:0}
.social .share-total:after{clear:both;display:block;content:""}
.social .share-total a:link span,.social .share-total a:visited span{text-decoration:none}
.social .share-total a:hover span,.social .share-total a:active span{text-decoration:underline}
.social .share-total p{zoom:1}
.social .share-total p:after{clear:both;display:block;content:""}
.social .share-total .icon{display:block;float:left;width:50px;margin:5px 0 0 7px;font-size:10px;color:#000}
.social .share-total .num{display:block;float:right;width:70px;margin:0 12px 0 0;color:#000;font-size:16px;font-family:"Open Sans",sans-serif;font-weight:700italic;font-style:italic;letter-spacing:2px;text-align:right}
.social .share{width:147px;height:34px;float:left;cursor:pointer;margin:5px 0 0;background:url(../img/teaser3/sns_bg_total.png) 0 0 no-repeat}
.social .share .icon{display:block;float:left;width:72px;margin:8px 0 0 7px}
.social .share .num{display:block;float:right;width:70px;margin:0 20px 0 0;color:#000;font-size:18px;font-family:"Open Sans",sans-serif;font-weight:700italic;font-style:italic;letter-spacing:2px;text-align:right}
.social ul{width:160px;float:right}
.social li{text-align:center}
.social li a{display:block;width:32px;height:32px}
.social .tw{width:48px;float:left}
.social .tw a{display:block}
.social .fb{width:58px;float:left;margin:0 auto}
.social .fb a{margin:0 auto}
.social .line{width:48px;float:left}
.social .line a{float:right}

/******** Loader ********/
#loader{background-color:#e80000;width:100%;height:100%;position:relative;color:#000;font-size:24px;font-family:"Oswald",sans-serif;overflow:hidden}
#loader .i1{position:absolute;left:50%;top:50%;margin:-150px 0 0 -100px;pointer-events:none;display:none}
#loader .i2{width:300px;text-align:center;position:absolute;top:50%;left:50%;margin:50px 0 0 -150px;pointer-events:none;display:none}

/*.l-wrapper{display:none}*/

#container{width:100%}

.l-scene{width:1200px;margin:0 auto;position:relative;color:#000}


/******** Tabs ********/
.tabs { width: 75%; margin:0 auto; margin-top:50px; max-width:1000px;  }
.tabs a { text-decoration: none; }
.tabs:after { content:''; clear:both; display:block;}
.tab-nav { /*width: 750px; margin: 0 auto;*/ margin-bottom:10px; }
a.tab-label, a.tab-label:link { width:32%; margin-left:3%;/*max-width:250px; margin-right:10px; box-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, 5px 5px 0 #000, 6px 6px 0 #000;*/ }

.glamshot { /*border:10px solid #000;*/ }

/*.button-tyhpe { background:url('../img/button-tyhpe.png') no-repeat;}
.button-lesb { background:url('../img/button-lesb.png') no-repeat;}
.button-reg { background:url('../img/button-reg.png') no-repeat;}*/


/******** Remodal ********/
.remodal { font-weight: bold !important; text-transform: uppercase;  font-style: italic;} 
.remodal h2 { font-weight:bold !important }
.remodal ul { list-style: none; }


.m-slide{overflow:hidden}



.particles .p1{position:absolute;left:90px;top:56px;z-index:0}
.particles .p2{position:absolute;left:876px;top:134px;z-index:0}
.particles .p3{position:absolute;left:1201px;top:71px;z-index:0}
.particles .p4{position:absolute;left:1084px;top:247px;z-index:0}
.particles .p5{position:absolute;left:803px;top:304px;z-index:0}
.particles .p6{position:absolute;left:157px;top:471px;z-index:0}
.particles .p7{position:absolute;left:313px;top:578px;z-index:0}
.particles .p8{position:absolute;left:1140px;top:465px;z-index:0}
.particles .p9{position:absolute;left:1282px;top:496px;z-index:0}
.particles .p10{position:absolute;left:1349px;top:672px;z-index:0}
.particles .p11{position:absolute;left:910px;top:627px;z-index:0}
.particles .p12{position:absolute;left:1193px;top:825px;z-index:0}
.particles .p13{position:absolute;left:1303px;top:855px;z-index:0}
.particles .p14{position:absolute;left:466px;top:868px;z-index:0}
.particles .p15{position:absolute;left:238px;top:790px;z-index:0}
.particles .p16{position:absolute;left:138px;top:695px;z-index:0}

/******** Media Queries ********/

@media (max-width: 1600px){
	#footer #legals{width:90%}
}
@media (max-width:1280px){
	div.nav{width:50%}
	#footer #legals{width:100%}
}
@media (max-width: 1068px){
	#footer #legals{display:block;width:100%}
	#footer #legals .table-cell{display:block;margin:20px;width:80%}
	#footer #legals #legal-text{text-align:center}
}
@media (max-width:770px) {
#footer{text-align:center; }
#footer ul#disclaimer li#legal{text-align:center; width:90%}
#purchase-links {padding: 0px;}
#purchase-links li {width: 90%;}
.tabs {width:95%; margin-top: 0px;}
.tab-nav {width:80%; margin:0 auto;}
a.tab-label, a.tab-label:link {width:100%; margin-right:0px; box-shadow: none;}
.ue_button_a_tag {width: 80%!important;}
.ue_button {width: 55%;}
.centerSmallScreen{margin: 1% auto;}
.tab-nav > .tab-label {float: none;}
}

@media (max-width:450px){
	.purchase-button{width:90%}
}

/* Animations Rules */
div.hidden-menu #menu-bg img{opacity:0;-moz-transition:-moz-transform .25s ease-in,opacity .5s;-o-transition:-o-transform .25s ease-in,opacity .5s;-webkit-transition:-webkit-transform .25s ease-in,opacity .5s;transition:transform .25s ease-in,opacity .5s;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}
div.active-menu #menu-bg img#menu-background{-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s;animation-delay:.2s;-moz-animation-duration:.151s;-o-animation-duration:.151s;-webkit-animation-duration:.151s;animation-duration:.151s}
div.active-menu ul li.menu-character,div.hidden-menu ul li.menu-purchase,div.active-menu ul li.menu-top,div.hidden-menu ul li.menu-bottom{-o-animation-delay:.012s;-moz-animation-delay:.012s;-webkit-animation-delay:.012s;animation-delay:.012s;-moz-animation-duration:.151s;-o-animation-duration:.151s;-webkit-animation-duration:.151s;animation-duration:.151s}

div.active-menu #menu-bg img#school-bg,div.active-menu ul li.menu-school,div.hidden-menu ul li.menu-dlc{-o-animation-delay:.024s;-moz-animation-delay:.024s;-webkit-animation-delay:.024s;animation-delay:.024s;-moz-animation-duration:.152s;-o-animation-duration:.152s;-webkit-animation-duration:.152s;animation-duration:.152s}

div.active-menu #menu-bg img#phantom-bg,div.active-menu ul li.menu-phantom,div.hidden-menu ul li.menu-media{-o-animation-delay:.036s;-moz-animation-delay:.036s;-webkit-animation-delay:.036s;animation-delay:.036s;-moz-animation-duration:.153s;-o-animation-duration:.153s;-webkit-animation-duration:.153s;animation-duration:.153s}

div.active-menu #menu-bg img#media-bg,div.active-menu ul li.menu-media,div.hidden-menu ul li.menu-phantom{-o-animation-delay:.048s;-moz-animation-delay:.048s;-webkit-animation-delay:.048s;animation-delay:.048s;-moz-animation-duration:.154s;-o-animation-duration:.154s;-webkit-animation-duration:.154s;animation-duration:.154s}

div.active-menu #menu-bg img#dlc-bg,div.active-menu ul li.menu-dlc,div.hidden-menu ul li.menu-school{-o-animation-delay:.06s;-moz-animation-delay:.06s;-webkit-animation-delay:.06s;animation-delay:.06s;-moz-animation-duration:.155s;-o-animation-duration:.155s;-webkit-animation-duration:.155s;animation-duration:.155s}

div.active-menu #menu-bg img#purchase-bg,div.active-menu ul li.menu-purchase,div.hidden-menu ul li.menu-character,div.hidden-menu ul li.menu-top,div.active-menu ul li.menu-bottom{-o-animation-delay:.072s;-moz-animation-delay:.072s;-webkit-animation-delay:.072s;animation-delay:.072s;-moz-animation-duration:.156s;-o-animation-duration:.156s;-webkit-animation-duration:.156s;animation-duration:.156s}

/*footer addition*/
.fade-border{display: block;border: 0;height: 1px;width: 100%;margin: 0;background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));}
#footer-2{color:#FFF;text-align:center;width:90%;margin: 1% auto 0;}
#footer-2 a{color:#FFF;text-decoration:none;font-size:15px;display:inline-block;padding:20px}