@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;}
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;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;cursor:pointer;}
a{cursor:pointer;}
a:link{color:#373d85;}
a:visited{color:#373d85;}
a:hover{color:#373d85;}
a:active{color:#373d85;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
* {outline:none;}
* {max-height:999999px;}
.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;}
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;}
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;}
.over-section{margin:0 -400px;zoom:1;position:relative;*overflow-y:hidden;clear:both;padding:0;}
.over-section:after{content:'';clear:both;display:block;}
main{width:100%;min-height:380px;}
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;}
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;}
i{font-style: normal;}

main{font-size:0;line-height:1;position:relative;}

#contents{position:relative;opacity:0;transition:opacity 0.6s ease; /*max-width: 1200px;*/ min-width: 1200px; margin: 0 auto;/* border: 1px solid red;*/ overflow: hidden; z-index: 100;}
.windowloaded #contents{opacity:1;}

#wrapper {position: relative; text-align: center; overflow: hidden; min-width: 1200px; padding: 88px 0 0;}

/* siteheader*/
#siteheader {background: url(../png/bg_nav-repeat.png) center top repeat-x; height: 88px; position: fixed; left: 0; top: 0; width: 100%; min-width: 1200px; font-size: 0; line-height: 1; z-index: 1000;}
#siteheader nav {width: 1200px; margin: 0 auto; height: 70px; padding: 0 0 0 38px; background: url(../png/bg_nav.png) center top no-repeat; background-size: auto 88px;}
#siteheader nav p {height: 66px; line-height: 66px; display: inline-block;}
#siteheader nav p.logo {margin: 15px 23px 0 0; float: left;}
#siteheader nav ul {float: left;}
#siteheader nav ul li {display: inline-block; padding: 0 17px; vertical-align: top;}
#siteheader nav ul a {display: block; height: 70px; width: 46px; position: relative; transition: opacity 0.3s ease;}
#siteheader nav ul a:hover{opacity: 0.7; backface-visibility: hidden;}
#siteheader nav ul a::after{content: ''; width: 100%; height: 28px; position: absolute; left: 0; top: 0; margin-top: 21px; background: url(../png/nav.png) left top no-repeat;}
#siteheader nav ul a::before{content: ''; width: 49px; height: 21px; position: absolute; left: 50%; top: -21px; background: url(../png/nav_arr.png) left top no-repeat; margin: -3px 0 0 -25px; opacity: 0; transition: opacity 0.3s;}

#siteheader nav ul li a[href='comingsoon'] {pointer-events: none;}
#siteheader nav ul li.top a {width: 46px;}
#siteheader nav ul li.series a {width: 314px;}
#siteheader nav ul li.series a::after{background-position: -82px 0;}
#siteheader nav ul li.series a[href='comingsoon']::after{background-position: -82px -60px;}

#siteheader nav ul li a i{display: block; position: absolute; left: 50%; bottom: -6px; background: url(../png/icon_new-pc.png) left top no-repeat; width: 70px; height: 22px; margin: 0 0 0 -35px;}

#siteheader nav div {float: right; white-space: nowrap; width: 654px; padding: 0 52px 0 0;}
#siteheader nav div p {float: right;}
#siteheader nav div p.ps4 {padding: 10px 0 0 0;}
#siteheader nav div p.switch {padding: 4px 0 0 17px;}
#siteheader nav div p.steam {padding: 11px 0 0 17px;}
#siteheader .buy {width: 237px; height: 82px; background: url(../png/btn_head_yoyaku.png) left top no-repeat; display: block; padding: 0 10px 0; transition: 0.3s;}
#siteheader .buy a{width: 150px; height: 50px; display: block; margin: 0 auto; position: relative; z-index: 10; transition: background 0.3s ease; transition: 0.3s;}
#siteheader .buy:hover{filter: brightness(120%);}
.ie #siteheader .buy a:hover {background: rgba(255,255,255,0.2);}
#siteheader .buy.active {filter: brightness(120%);}

#siteheader nav ul li a.active::before {top: 0; opacity: 1;}

/*footer*/
#sitefooter {background:#fff; margin:0; font-size:0; line-height:1; border-top:1px solid #d6d6d6; z-index:10; z-index:110; position:relative; min-width: 1200px;}
#sitefooter .wrap {width:1200px; position:relative; margin:0 auto; padding:58px 0 67px; color: #000;}

#sitefooter ul.sns li {display:inline-block; padding:0 5px;}
#sitefooter ul.sns li a{transition:0.5s;}
#sitefooter ul.sns li a:hover{opacity:0.8;}
#sitefooter ul.link {padding:0 0 37px;}
#sitefooter ul.link li{display:inline-block; padding:0 10px; position:relative;}
#sitefooter ul.link li:nth-child(n+2):before{content:''; width:1px; height:15px; position:absolute; left:0; top:0; background:#000;}
#sitefooter ul.link li a {font-size:14px; line-height:1; color:#000; text-decoration:none; letter-spacing: 0.15em;}
#sitefooter ul.link li a:hover{ text-decoration:underline;}
#sitefooter .rights {margin-top:37px;}
#sitefooter .rights + .rights{margin-top:28px;}
#sitefooter .copyrights {font-size: 14px; font-weight:bold; line-height:1; color:#000; padding:27px 0 46px;}

#sitefooter nav.lang{position:relative}
#sitefooter nav.lang i{position:absolute; top:10px; left:50%; margin-left:-440px; letter-spacing:0.05em; color:#373d85; font-weight:bold; font-size:16px;}
#sitefooter nav.lang ul{position:relative; display:flex; flex-wrap:wrap; justify-content:center;}
#sitefooter nav.lang ul li{width:calc(165px - 10px); margin:0 5px;}
#sitefooter nav.lang ul li a{position:relative; display:block; width:100%; height:100%; line-height:32px; text-decoration:none; font-size:16px; color:#fff; font-weight:bold; background:#373d85; border:2px solid #373d85; transition:0.3s;}
.ie #sitefooter nav.lang ul li a{padding-top:4px; line-height:28px;}
#sitefooter nav.lang ul li a:before{content:''; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #fff; transition:0.3s;}
#sitefooter nav.lang ul li a:hover{color:#373d85; background:#fff; border:2px solid #373d85;}
#sitefooter nav.lang ul li a:hover:before{border:1px solid #373d85;}
#sitefooter nav.lang ul li a.active{color:#373d85; background:#fff; border:2px solid #373d85; pointer-events:none;}
#sitefooter nav.lang ul li a.active:before{border:1px solid #373d85;}


.sp-item{display: none;}
.pc-item{display: inline-block;}
#spnav{display: none;}
.menutoggle {display: none;}

@media screen and (max-width:640px){
.sp-item{display: inline-block;}
.pc-item{display: none;}
/*

    SP 

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

body{font-size:2.5vw;}
.over-section{margin:0;}
main{min-height:inherit;}

#contents{min-width: inherit;}
#wrapper {min-width: inherit; padding: 0 0 0; width: 100vw; overflow: hidden;}

/* siteheader*/
#siteheader {background: url(../png/head_sp.png) center top no-repeat; background-size: 100% auto; height: 7.8125vw; position: absolute; min-width: inherit; left: 0; top: 0; width: 100vw;}
#siteheader nav {display: none;}
.menutoggle {position: fixed; right: 1.5625vw; top: 1.5625vw; z-index: 99999; font-size: 0; display: block;}
.menutoggle a{width: 16.25vw; height: 16.25vw; background: url(../png/btn_nav-sp.png) left top no-repeat; background-size: 100% auto; display: block;}

#spnav {position: fixed; left: 0; top: 0; background: rgba(255,255,255,0.9); width: 100%; height: 100%; display: block; font-size: 0; line-height: 1; opacity: 0; z-index: -9999; transition: opacity 0.3s;}
.menuopen #spnav{z-index: 100000; opacity: 1;}
#spnav .close {height: 16.09375vw; position: absolute;  width: 100%; top: 0; left: 0; z-index: 10000;}
#spnav .close a{display: block; background: url(../png/btn_close.png) center center no-repeat; background-size: 100% auto; width: 9.6875vw; height: 9.6875vw; position: absolute; right: 2.65625vw; top: 2.8125vw;}
#spnav .scroll {height: 100%; overflow: hidden; overflow-y: scroll; padding: 16.09375vw 0 .8125vw; width: 100vw;}
#spnav .bg {background: url(../png/bg_nav-2.png) center top no-repeat / 100vw auto; height: 160.625vw; padding: 5vw 0 0;}
#spnav ul.link { margin-bottom: 8.4375vw; position: relative; z-index: 1000;}
#spnav ul.link a{display: block; height: 20.3125vw; background: url(../png/nav-2.png) left top no-repeat; background-size: 200vw auto; position: relative;}
#spnav ul.link li:nth-child(2) a{background-position: left -20.3125vw; height: 30vw;}
#spnav ul.link li:nth-child(2) a[href='comingsoon']{background-position: -100vw -20.3125vw;}
#spnav ul.link li a i{display: block; position: absolute; left: 42.1875vw; bottom: 2.03125vw; background: url(../png/icon_new.png) left top no-repeat; height: 4.375vw; background-size: auto 4.375vw; width: 100%;}
#spnav ul.btn {text-align: center;}
#spnav ul.btn li a {display: block; height: 16.09375vw; margin: 0 auto;}
#spnav ul.btn li a {background: url(../png/btn_yoyaku.png) center top no-repeat ; background-size: auto 100%; width: 79.6875vw;}
#spnav ul.link li a[href='comingsoon'] {pointer-events: none;}

/*footer*/
#sitefooter {background:#fff; margin:0; font-size:0; line-height:1; border-top:1px solid #ccc; z-index:1000; position:relative; min-width: inherit;}
#sitefooter .wrap {width:100%; position:relative; margin:0 auto; padding:6.406vw 0 8.906vw; z-index:0;}
#sitefooter ul.link li{padding:0 1.563vw;}
#sitefooter ul.link li a{letter-spacing:0.01em; font-size:2.656vw;}
#sitefooter ul.link li.turn {clear: both; margin-top: 2.34375vw;}
#sitefooter ul.link li.turn + li {margin-top: 2.34375vw;}
#sitefooter ul.link li {border-right:1px solid #000;}
#sitefooter ul.link li:nth-child(n+2):before{display: none;}
#sitefooter ul.link li:last-child{border:none;}
#sitefooter ul.sns li {padding: 0 0.78125vw;}
#sitefooter ul.sns li a img {width:10vw; height:auto;}
#sitefooter .rights {margin-top:6.875vw;}
#sitefooter .rights + .rights{margin-top:6.563vw;}
#sitefooter .rights img {width:100%; height:auto;}
#sitefooter .copyrights {font-size:2.656vw; line-height:1; color:#000; padding:4.844vw 0 7.813vw;}
#sitefooter .copyrights + p {padding: 0 0 2.8125vw;}
#sitefooter .copyrights + p.last {padding: 3.4375vw 0 2.8125vw;}
#sitefooter nav.lang i{position:static; display:block; margin:0 0 2.813vw 0; font-size:3.125vw;}
#sitefooter nav.lang ul li{width:calc(36.094vw - 2.188vw); margin:0 1.094vw 1.563vw;}
#sitefooter nav.lang ul li a{line-height:7.5vw; letter-spacing:0.03em; font-size:3.438vw; border:none; transition:auto;}
.android #sitefooter nav.lang ul li a{padding-top:0.781vw; line-height:7.344vw;}
#sitefooter nav.lang ul li a:before{top:0.313vw; left:0.313vw; width:calc(100% - 0.625vw); height:calc(100% - 0.625vw); border:0.313vw solid #fff; transition:auto;}
#sitefooter nav.lang ul li a:hover{color:#373d85; background:#fff; border:0.313vw solid #373d85;}
#sitefooter nav.lang ul li a:hover:before{border:0.156vw solid #373d85;}
#sitefooter nav.lang ul li a.active{color:#373d85; background:#fff; border:0.313vw solid #373d85; pointer-events:none;}
#sitefooter nav.lang ul li a.active:before{border:0.156vw solid #373d85;}

}

#baseVW{position:fixed;left:0;bottom:0;width:100%;width:100vw;height:100%;height:100vh;z-index:-1111;opacity:0;}
#imageloaded{position:fixed;left:-9999px;font-size:0;line-height:1;height:1px;width:1px;overflow:hidden;}
.analytics{position:fixed;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden;}
.animation-up ,
.animation ,
.animation.itemshow ,
.animation-trigger,
.uatablet .animation{}
div[class=nicescroll-rails],
div[class=nicescroll-rails] div{z-index:999999 !important;cursor:pointer;}
#gridJSSW{z-index:1000000000 !important;}
#sePlayer,#bgmPlayer,#openingBgmPlayer{position:fixed;left:-9999px;top:-9999px;}



/*
	JS
*/

/*	modal */
#modalMask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.9); z-index:100000; display:none;}
#modalContent {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100001; display:none; cursor:pointer; }
#modalContent div.mc {width:1000px; height:638px; position:absolute; left:50%; top:0; margin-left:0px; margin-top:0; z-index:10; padding:80px 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);}
#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 {width:1000px; height:560px; position:relative; z-index:10000;}
#modalContent div.mc:before{content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
#modalContent .close {position:absolute; right:0px; top:0px; opacity:0; transition:0.3s; z-index:20;}
#modalContent.view .close{opacity:1;}
#modalContent .close a{display:block; width:62px; height:62px; overflow:hidden; text-indent:200%; white-space:nowrap; background:url(../png/btn_close.png) left top no-repeat; position:relative; transition:0.5s;}
#modalContent .close a:hover {opacity:0.5;}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@media screen and (max-width:640px){
#modalContent .close {height: 12vw; position: absolute;  width: 100vw; top: 0; left: 0;}
#modalContent .close a{display: block; background: url(../png/btn_close.png) center center no-repeat / 100% auto; width: 9.6875vw; height: 9.6875vw; position: absolute; right: 3.125vw; top: 0;}

#modalContent div.mc {padding: 12vw 3.125vw; width: 100vw !important;}
#modalContent div.mc iframe {width: 93.75vw !important; height: 52.65625vw !important;}
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
#loader {background:rgba(255,255,255,0.5);width:100%;height:100%;z-index:100000000;position:fixed;left:0;top:0;}
#loader .posi {position: fixed; left: 50%; top: 50%; margin: -32px 0 0 -32px;}
.la-line-spin-clockwise-fade-rotating,
.la-line-spin-clockwise-fade-rotating > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-line-spin-clockwise-fade-rotating {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-line-spin-clockwise-fade-rotating.la-dark {
    color: #333;
}
.la-line-spin-clockwise-fade-rotating > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-line-spin-clockwise-fade-rotating {
    width: 32px;
    height: 32px;
    -webkit-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
       -moz-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
         -o-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
            animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
}
.la-line-spin-clockwise-fade-rotating > div {
    position: absolute;
    width: 2px;
    height: 10px;
    margin: 2px;
    margin-top: -5px;
    margin-left: -1px;
    border-radius: 0;
    -webkit-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
       -moz-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
         -o-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
            animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(1) {
    top: 15%;
    left: 50%;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-delay: -.875s;
       -moz-animation-delay: -.875s;
         -o-animation-delay: -.875s;
            animation-delay: -.875s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(2) {
    top: 25.2512626585%;
    left: 74.7487373415%;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation-delay: -.75s;
       -moz-animation-delay: -.75s;
         -o-animation-delay: -.75s;
            animation-delay: -.75s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(3) {
    top: 50%;
    left: 85%;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation-delay: -.625s;
       -moz-animation-delay: -.625s;
         -o-animation-delay: -.625s;
            animation-delay: -.625s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(4) {
    top: 74.7487373415%;
    left: 74.7487373415%;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-animation-delay: -.5s;
       -moz-animation-delay: -.5s;
         -o-animation-delay: -.5s;
            animation-delay: -.5s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(5) {
    top: 84.9999999974%;
    left: 50.0000000004%;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-animation-delay: -.375s;
       -moz-animation-delay: -.375s;
         -o-animation-delay: -.375s;
            animation-delay: -.375s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(6) {
    top: 74.7487369862%;
    left: 25.2512627193%;
    -webkit-transform: rotate(225deg);
       -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
         -o-transform: rotate(225deg);
            transform: rotate(225deg);
    -webkit-animation-delay: -.25s;
       -moz-animation-delay: -.25s;
         -o-animation-delay: -.25s;
            animation-delay: -.25s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(7) {
    top: 49.9999806189%;
    left: 15.0000039834%;
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
    -webkit-animation-delay: -.125s;
       -moz-animation-delay: -.125s;
         -o-animation-delay: -.125s;
            animation-delay: -.125s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(8) {
    top: 25.2506949798%;
    left: 25.2513989292%;
    -webkit-transform: rotate(315deg);
       -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
         -o-transform: rotate(315deg);
            transform: rotate(315deg);
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
}
.la-line-spin-clockwise-fade-rotating.la-sm {
    width: 16px;
    height: 16px;
}
.la-line-spin-clockwise-fade-rotating.la-sm > div {
    width: 1px;
    height: 4px;
    margin-top: -2px;
    margin-left: 0;
}
.la-line-spin-clockwise-fade-rotating.la-2x {
    width: 64px;
    height: 64px;
}
.la-line-spin-clockwise-fade-rotating.la-2x > div {
    width: 4px;
    height: 20px;
    margin-top: -10px;
    margin-left: -2px;
}
.la-line-spin-clockwise-fade-rotating.la-3x {
    width: 96px;
    height: 96px;
}
.la-line-spin-clockwise-fade-rotating.la-3x > div {
    width: 6px;
    height: 30px;
    margin-top: -15px;
    margin-left: -3px;
}
/*
 * Animations
 */
@-webkit-keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

.analytics{position: fixed; left: 0; top: 0;}
.async-hide { opacity: 0 !important}


/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(255,255,255,0.9);}
#colorbox{outline:0;}
#cboxContent{margin-top:80px; margin-bottom: 38px; overflow:visible; background:none;}
.cboxIframe{background:#fff;}
#cboxError{padding:80px 0; border:1px solid #ccc;}
#cboxLoadedContent{background:none; padding:0; border: none;}
#cboxLoadingGraphic{}
#cboxTitle{position:absolute; top:-0; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-0; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxClose{background:url(../png/btn_close.png) left top no-repeat; width:62px; height:62px; background-size:100% auto; right:0; top:-72px !important; transition:0.5s;}

#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover{opacity:0.7;}

@media screen and (max-width:640px){
#cboxContent{margin-top:12vw; margin-bottom: 12vw;}

#cboxLoadingOverlay img {max-width: 100vw;}
#cboxNext{right:5rem; top: -4rem; width: 2.4rem; height: 3rem;}
#cboxPrevious{right:9rem; top: -4rem; width: 2.4rem; height: 3rem;}
#cboxClose{display: block; width: 9.6875vw; height: 9.6875vw; background-size: cover;top:-12vw !important;}


}