/*
* Usage:
*
*
*/
.sk-rotating-plane {
width: 40px;
height: 40px;
background-color: #333;
margin: 40px auto;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/*
* Usage:
*
*
*/
.sk-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
@-webkit-keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4); }
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4); }
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;-webkit-transition:opacity .25s,visibility 0s linear .25s;transition:opacity .25s,visibility 0s linear .25s;-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;-webkit-transition:opacity .25s,visibility 0s;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);-webkit-transition:color .3s ease;transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"\D7";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;-webkit-transition:background-color .25s;transition:background-color .25s;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),color-stop(20%, rgba(0,0,0,.1)),color-stop(40%, rgba(0,0,0,.2)),color-stop(80%, rgba(0,0,0,.6)),to(rgba(0,0,0,.8)));background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share p:first-of-type{margin-right:-10px}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;border:0;border-radius:3px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.16);box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#707070;-webkit-transition:all .2s;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{text-decoration:none;color:#333;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.fancybox-share_button svg{margin-right:5px;width:20px;height:20px;vertical-align:text-bottom}.fancybox-share input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:5px 0 0;padding:10px 15px;border:1px solid #d7d7d7;border-radius:3px;background:#ebebeb;color:#5d5b5b;font-size:14px;outline:none}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}@charset "UTF-8";
@charset "UTF-8";
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: normal;
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;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
/* top */
@-webkit-keyframes fade-in-up {
from {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fade-in-up {
from {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fade-in-down {
from {
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes fade-in-down {
from {
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes scrollAnimaiton {
0% {
-webkit-transform: translate(0, -30px);
transform: translate(0, -30px);
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0;
}
}
@keyframes scrollAnimaiton {
0% {
-webkit-transform: translate(0, -30px);
transform: translate(0, -30px);
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0;
}
}
@-webkit-keyframes left-right-up {
0% {
-webkit-transform: translate(-100px, 100px) scale(0.7);
transform: translate(-100px, 100px) scale(0.7);
opacity: 0;
}
14% {
-webkit-transform: translate(74px, -74px) scale(1.12);
transform: translate(74px, -74px) scale(1.12);
opacity: 1.37;
}
28% {
-webkit-transform: translate(-32px, 32px) scale(0.9);
transform: translate(-32px, 32px) scale(0.9);
opacity: 0.84;
}
46% {
-webkit-transform: translate(8px, -8px) scale(1.02);
transform: translate(8px, -8px) scale(1.02);
opacity: 1.04;
}
58% {
-webkit-transform: translate(-3.28px, 3.28px) scale(0.99);
transform: translate(-3.28px, 3.28px) scale(0.99);
opacity: 0.95;
}
74% {
-webkit-transform: translate(1.16px, -1.16px) scale(1);
transform: translate(1.16px, -1.16px) scale(1);
opacity: 1;
}
89% {
-webkit-transform: translate(-1.5px, 1.5px) scale(0.99);
transform: translate(-1.5px, 1.5px) scale(0.99);
opacity: 0.99;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@keyframes left-right-up {
0% {
-webkit-transform: translate(-100px, 100px) scale(0.7);
transform: translate(-100px, 100px) scale(0.7);
opacity: 0;
}
14% {
-webkit-transform: translate(74px, -74px) scale(1.12);
transform: translate(74px, -74px) scale(1.12);
opacity: 1.37;
}
28% {
-webkit-transform: translate(-32px, 32px) scale(0.9);
transform: translate(-32px, 32px) scale(0.9);
opacity: 0.84;
}
46% {
-webkit-transform: translate(8px, -8px) scale(1.02);
transform: translate(8px, -8px) scale(1.02);
opacity: 1.04;
}
58% {
-webkit-transform: translate(-3.28px, 3.28px) scale(0.99);
transform: translate(-3.28px, 3.28px) scale(0.99);
opacity: 0.95;
}
74% {
-webkit-transform: translate(1.16px, -1.16px) scale(1);
transform: translate(1.16px, -1.16px) scale(1);
opacity: 1;
}
89% {
-webkit-transform: translate(-1.5px, 1.5px) scale(0.99);
transform: translate(-1.5px, 1.5px) scale(0.99);
opacity: 0.99;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-in {
0% {
-webkit-transform: translate(0, -50px) scale(5);
transform: translate(0, -50px) scale(5);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@keyframes scale-in {
0% {
-webkit-transform: translate(0, -50px) scale(5);
transform: translate(0, -50px) scale(5);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@-webkit-keyframes right-left-up {
0% {
-webkit-transform: translate(100px, 100px) scale(0.7);
transform: translate(100px, 100px) scale(0.7);
opacity: 0;
}
14% {
-webkit-transform: translate(-74px, -74px) scale(1.1);
transform: translate(-74px, -74px) scale(1.1);
opacity: 1.37;
}
28% {
-webkit-transform: translate(32px, 32px) scale(0.95);
transform: translate(32px, 32px) scale(0.95);
opacity: 0.84;
}
46% {
-webkit-transform: translate(-8px, -8px) scale(1.012);
transform: translate(-8px, -8px) scale(1.012);
opacity: 1.04;
}
58% {
-webkit-transform: translate(3.28px, 3.28px) scale(0.99);
transform: translate(3.28px, 3.28px) scale(0.99);
opacity: 0.98;
}
74% {
-webkit-transform: translate(-1.16px, -1.16px) scale(1);
transform: translate(-1.16px, -1.16px) scale(1);
opacity: 1.0058;
}
89% {
-webkit-transform: translate(0.4px, 0.4px) scale(0.99);
transform: translate(0.4px, 0.4px) scale(0.99);
opacity: 0.99;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@keyframes right-left-up {
0% {
-webkit-transform: translate(100px, 100px) scale(0.7);
transform: translate(100px, 100px) scale(0.7);
opacity: 0;
}
14% {
-webkit-transform: translate(-74px, -74px) scale(1.1);
transform: translate(-74px, -74px) scale(1.1);
opacity: 1.37;
}
28% {
-webkit-transform: translate(32px, 32px) scale(0.95);
transform: translate(32px, 32px) scale(0.95);
opacity: 0.84;
}
46% {
-webkit-transform: translate(-8px, -8px) scale(1.012);
transform: translate(-8px, -8px) scale(1.012);
opacity: 1.04;
}
58% {
-webkit-transform: translate(3.28px, 3.28px) scale(0.99);
transform: translate(3.28px, 3.28px) scale(0.99);
opacity: 0.98;
}
74% {
-webkit-transform: translate(-1.16px, -1.16px) scale(1);
transform: translate(-1.16px, -1.16px) scale(1);
opacity: 1.0058;
}
89% {
-webkit-transform: translate(0.4px, 0.4px) scale(0.99);
transform: translate(0.4px, 0.4px) scale(0.99);
opacity: 0.99;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@-webkit-keyframes fall-in {
0% {
-webkit-transform: translate(0, -50px) scale(1.1);
transform: translate(0, -50px) scale(1.1);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@keyframes fall-in {
0% {
-webkit-transform: translate(0, -50px) scale(1.1);
transform: translate(0, -50px) scale(1.1);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
}
@-webkit-keyframes slide-left-in {
from {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0;
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes slide-left-in {
from {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0;
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes slide-right-in {
from {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0;
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes slide-right-in {
from {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0;
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes flash-fade-in {
0% {
opacity: 0;
}
90% {
-webkit-transform: scale(1.11);
transform: scale(1.11);
}
100% {
opacity: 1;
}
}
@keyframes flash-fade-in {
0% {
opacity: 0;
}
90% {
-webkit-transform: scale(1.11);
transform: scale(1.11);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flash-fade-in2 {
0% {
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
50% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes flash-fade-in2 {
0% {
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
50% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes flash-fade-in3 {
0% {
opacity: 0;
-webkit-transform: scale(2) translate(100px, -100px) rotate(5.5deg);
transform: scale(2) translate(100px, -100px) rotate(5.5deg);
}
50% {
-webkit-transform: scale(1) translate(20px, -20px);
transform: scale(1) translate(20px, -20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes flash-fade-in3 {
0% {
opacity: 0;
-webkit-transform: scale(2) translate(100px, -100px) rotate(5.5deg);
transform: scale(2) translate(100px, -100px) rotate(5.5deg);
}
50% {
-webkit-transform: scale(1) translate(20px, -20px);
transform: scale(1) translate(20px, -20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes shake-rotate {
2% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
4% {
-webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
transform: translate(2.5px, 1.5px) rotate(1.5deg);
}
6% {
-webkit-transform: translate(2.5px, 0.5px) rotate(0.5deg);
transform: translate(2.5px, 0.5px) rotate(0.5deg);
}
8% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
10% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
12% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
14% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(1.5deg);
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
}
16% {
-webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
transform: translate(2.5px, 1.5px) rotate(1.5deg);
}
18% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
transform: translate(0.5px, -0.5px) rotate(-0.5deg);
}
20% {
-webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
transform: translate(0.5px, 1.5px) rotate(0.5deg);
}
22% {
-webkit-transform: translate(2.5px, -0.5px) rotate(0.5deg);
transform: translate(2.5px, -0.5px) rotate(0.5deg);
}
24% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
26% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(1.5deg);
transform: translate(-1.5px, 0.5px) rotate(1.5deg);
}
28% {
-webkit-transform: translate(0.5px, 0.5px) rotate(-0.5deg);
transform: translate(0.5px, 0.5px) rotate(-0.5deg);
}
30% {
-webkit-transform: translate(1.5px, 1.5px) rotate(1.5deg);
transform: translate(1.5px, 1.5px) rotate(1.5deg);
}
32% {
-webkit-transform: translate(0.5px, 0.5px) rotate(0.5deg);
transform: translate(0.5px, 0.5px) rotate(0.5deg);
}
34% {
-webkit-transform: translate(1.5px, -1.5px) rotate(-0.5deg);
transform: translate(1.5px, -1.5px) rotate(-0.5deg);
}
36% {
-webkit-transform: translate(1.5px, 2.5px) rotate(1.5deg);
transform: translate(1.5px, 2.5px) rotate(1.5deg);
}
38% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
40% {
-webkit-transform: translate(0.5px, -0.5px) rotate(1.5deg);
transform: translate(0.5px, -0.5px) rotate(1.5deg);
}
42% {
-webkit-transform: translate(2.5px, -1.5px) rotate(-0.5deg);
transform: translate(2.5px, -1.5px) rotate(-0.5deg);
}
44% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
transform: translate(-1.5px, -1.5px) rotate(0.5deg);
}
46% {
-webkit-transform: translate(1.5px, 0.5px) rotate(0.5deg);
transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
48% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
transform: translate(0.5px, -0.5px) rotate(-0.5deg);
}
50% {
-webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
transform: translate(0.5px, 1.5px) rotate(0.5deg);
}
52% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
54% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
56% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
transform: translate(-1.5px, -1.5px) rotate(0.5deg);
}
58% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
60% {
-webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
transform: translate(0.5px, -1.5px) rotate(0.5deg);
}
62% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
64% {
-webkit-transform: translate(0.5px, 2.5px) rotate(0.5deg);
transform: translate(0.5px, 2.5px) rotate(0.5deg);
}
66% {
-webkit-transform: translate(0.5px, 0.5px) rotate(1.5deg);
transform: translate(0.5px, 0.5px) rotate(1.5deg);
}
68% {
-webkit-transform: translate(-1.5px, 2.5px) rotate(0.5deg);
transform: translate(-1.5px, 2.5px) rotate(0.5deg);
}
70% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(1.5deg);
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
}
72% {
-webkit-transform: translate(-0.5px, 2.5px) rotate(1.5deg);
transform: translate(-0.5px, 2.5px) rotate(1.5deg);
}
74% {
-webkit-transform: translate(1.5px, 2.5px) rotate(-0.5deg);
transform: translate(1.5px, 2.5px) rotate(-0.5deg);
}
76% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
78% {
-webkit-transform: translate(1.5px, -1.5px) rotate(0.5deg);
transform: translate(1.5px, -1.5px) rotate(0.5deg);
}
80% {
-webkit-transform: translate(-0.5px, 2.5px) rotate(0.5deg);
transform: translate(-0.5px, 2.5px) rotate(0.5deg);
}
82% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(1.5deg);
transform: translate(-1.5px, -1.5px) rotate(1.5deg);
}
84% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
86% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
transform: translate(0.5px, -0.5px) rotate(-0.5deg);
}
88% {
-webkit-transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
}
90% {
-webkit-transform: translate(1.5px, 0.5px) rotate(0.5deg);
transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
92% {
-webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
transform: translate(0.5px, -1.5px) rotate(0.5deg);
}
94% {
-webkit-transform: translate(0.5px, -1.5px) rotate(1.5deg);
transform: translate(0.5px, -1.5px) rotate(1.5deg);
}
96% {
-webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
transform: translate(0.5px, 1.5px) rotate(-0.5deg);
}
98% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(0.5deg);
transform: translate(-0.5px, -0.5px) rotate(0.5deg);
}
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
}
@keyframes shake-rotate {
2% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
4% {
-webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
transform: translate(2.5px, 1.5px) rotate(1.5deg);
}
6% {
-webkit-transform: translate(2.5px, 0.5px) rotate(0.5deg);
transform: translate(2.5px, 0.5px) rotate(0.5deg);
}
8% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
10% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
12% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
14% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(1.5deg);
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
}
16% {
-webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
transform: translate(2.5px, 1.5px) rotate(1.5deg);
}
18% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
transform: translate(0.5px, -0.5px) rotate(-0.5deg);
}
20% {
-webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
transform: translate(0.5px, 1.5px) rotate(0.5deg);
}
22% {
-webkit-transform: translate(2.5px, -0.5px) rotate(0.5deg);
transform: translate(2.5px, -0.5px) rotate(0.5deg);
}
24% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
26% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(1.5deg);
transform: translate(-1.5px, 0.5px) rotate(1.5deg);
}
28% {
-webkit-transform: translate(0.5px, 0.5px) rotate(-0.5deg);
transform: translate(0.5px, 0.5px) rotate(-0.5deg);
}
30% {
-webkit-transform: translate(1.5px, 1.5px) rotate(1.5deg);
transform: translate(1.5px, 1.5px) rotate(1.5deg);
}
32% {
-webkit-transform: translate(0.5px, 0.5px) rotate(0.5deg);
transform: translate(0.5px, 0.5px) rotate(0.5deg);
}
34% {
-webkit-transform: translate(1.5px, -1.5px) rotate(-0.5deg);
transform: translate(1.5px, -1.5px) rotate(-0.5deg);
}
36% {
-webkit-transform: translate(1.5px, 2.5px) rotate(1.5deg);
transform: translate(1.5px, 2.5px) rotate(1.5deg);
}
38% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
40% {
-webkit-transform: translate(0.5px, -0.5px) rotate(1.5deg);
transform: translate(0.5px, -0.5px) rotate(1.5deg);
}
42% {
-webkit-transform: translate(2.5px, -1.5px) rotate(-0.5deg);
transform: translate(2.5px, -1.5px) rotate(-0.5deg);
}
44% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
transform: translate(-1.5px, -1.5px) rotate(0.5deg);
}
46% {
-webkit-transform: translate(1.5px, 0.5px) rotate(0.5deg);
transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
48% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
transform: translate(0.5px, -0.5px) rotate(-0.5deg);
}
50% {
-webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
transform: translate(0.5px, 1.5px) rotate(0.5deg);
}
52% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
54% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
56% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
transform: translate(-1.5px, -1.5px) rotate(0.5deg);
}
58% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
60% {
-webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
transform: translate(0.5px, -1.5px) rotate(0.5deg);
}
62% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
64% {
-webkit-transform: translate(0.5px, 2.5px) rotate(0.5deg);
transform: translate(0.5px, 2.5px) rotate(0.5deg);
}
66% {
-webkit-transform: translate(0.5px, 0.5px) rotate(1.5deg);
transform: translate(0.5px, 0.5px) rotate(1.5deg);
}
68% {
-webkit-transform: translate(-1.5px, 2.5px) rotate(0.5deg);
transform: translate(-1.5px, 2.5px) rotate(0.5deg);
}
70% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(1.5deg);
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
}
72% {
-webkit-transform: translate(-0.5px, 2.5px) rotate(1.5deg);
transform: translate(-0.5px, 2.5px) rotate(1.5deg);
}
74% {
-webkit-transform: translate(1.5px, 2.5px) rotate(-0.5deg);
transform: translate(1.5px, 2.5px) rotate(-0.5deg);
}
76% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
78% {
-webkit-transform: translate(1.5px, -1.5px) rotate(0.5deg);
transform: translate(1.5px, -1.5px) rotate(0.5deg);
}
80% {
-webkit-transform: translate(-0.5px, 2.5px) rotate(0.5deg);
transform: translate(-0.5px, 2.5px) rotate(0.5deg);
}
82% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(1.5deg);
transform: translate(-1.5px, -1.5px) rotate(1.5deg);
}
84% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
86% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
transform: translate(0.5px, -0.5px) rotate(-0.5deg);
}
88% {
-webkit-transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
}
90% {
-webkit-transform: translate(1.5px, 0.5px) rotate(0.5deg);
transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
92% {
-webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
transform: translate(0.5px, -1.5px) rotate(0.5deg);
}
94% {
-webkit-transform: translate(0.5px, -1.5px) rotate(1.5deg);
transform: translate(0.5px, -1.5px) rotate(1.5deg);
}
96% {
-webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
transform: translate(0.5px, 1.5px) rotate(-0.5deg);
}
98% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(0.5deg);
transform: translate(-0.5px, -0.5px) rotate(0.5deg);
}
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
}
@-webkit-keyframes infinite-shake {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
85%,
95%,
88% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
87.5%,
92.5%,
97.5% {
-webkit-transform: translate3d(20px, -5px, 0);
transform: translate3d(20px, -5px, 0);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes infinite-shake {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
85%,
95%,
88% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
87.5%,
92.5%,
97.5% {
-webkit-transform: translate3d(20px, -5px, 0);
transform: translate3d(20px, -5px, 0);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.fade-in {
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.fade-in.run {
opacity: 1;
}
@-webkit-keyframes fv-char-scale-in {
0% {
-webkit-transform: translate(-100px, -100px) scale(5);
transform: translate(-100px, -100px) scale(5);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.6);
transform: translate(0, 0) scale(0.6);
opacity: 1;
}
100% {
-webkit-transform: translate(100px, 100px) scale(0.2);
transform: translate(100px, 100px) scale(0.2);
opacity: 0;
}
}
@keyframes fv-char-scale-in {
0% {
-webkit-transform: translate(-100px, -100px) scale(5);
transform: translate(-100px, -100px) scale(5);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.6);
transform: translate(0, 0) scale(0.6);
opacity: 1;
}
100% {
-webkit-transform: translate(100px, 100px) scale(0.2);
transform: translate(100px, 100px) scale(0.2);
opacity: 0;
}
}
@-webkit-keyframes fv-char-scale-in-right {
0% {
-webkit-transform: translate(-100px, -100px) scale(5);
transform: translate(-100px, -100px) scale(5);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.6);
transform: translate(0, 0) scale(0.6);
opacity: 1;
}
100% {
-webkit-transform: translate(-100px, 100px) scale(0.2);
transform: translate(-100px, 100px) scale(0.2);
opacity: 0;
}
}
@keyframes fv-char-scale-in-right {
0% {
-webkit-transform: translate(-100px, -100px) scale(5);
transform: translate(-100px, -100px) scale(5);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.6);
transform: translate(0, 0) scale(0.6);
opacity: 1;
}
100% {
-webkit-transform: translate(-100px, 100px) scale(0.2);
transform: translate(-100px, 100px) scale(0.2);
opacity: 0;
}
}
@-webkit-keyframes fv-char-scale-in-sp {
0% {
-webkit-transform: translate(-100px, -100px) scale(3);
transform: translate(-100px, -100px) scale(3);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.3);
transform: translate(0, 0) scale(0.3);
opacity: 1;
}
100% {
-webkit-transform: translate(100px, 100px) scale(0.1);
transform: translate(100px, 100px) scale(0.1);
opacity: 0;
}
}
@keyframes fv-char-scale-in-sp {
0% {
-webkit-transform: translate(-100px, -100px) scale(3);
transform: translate(-100px, -100px) scale(3);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.3);
transform: translate(0, 0) scale(0.3);
opacity: 1;
}
100% {
-webkit-transform: translate(100px, 100px) scale(0.1);
transform: translate(100px, 100px) scale(0.1);
opacity: 0;
}
}
@-webkit-keyframes fv-char-scale-in-right-sp {
0% {
-webkit-transform: translate(-100px, -100px) scale(3);
transform: translate(-100px, -100px) scale(3);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.3);
transform: translate(0, 0) scale(0.3);
opacity: 1;
}
100% {
-webkit-transform: translate(-100px, 100px) scale(0.1);
transform: translate(-100px, 100px) scale(0.1);
opacity: 0;
}
}
@keyframes fv-char-scale-in-right-sp {
0% {
-webkit-transform: translate(-100px, -100px) scale(3);
transform: translate(-100px, -100px) scale(3);
opacity: 0;
}
50%,
80% {
-webkit-transform: translate(0, 0) scale(0.3);
transform: translate(0, 0) scale(0.3);
opacity: 1;
}
100% {
-webkit-transform: translate(-100px, 100px) scale(0.1);
transform: translate(-100px, 100px) scale(0.1);
opacity: 0;
}
}
@-webkit-keyframes loadingAnim {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
15% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
30% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
45% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
60% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
75% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes loadingAnim {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
15% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
30% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
45% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
60% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
75% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes loadingAnim2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
}
@keyframes loadingAnim2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
}
@charset "UTF-8";
.fancybox-bg {
opacity: 0;
background: #000;
-webkit-animation: fancybox-fade-out 0.3s ease-in 0s forwards;
animation: fancybox-fade-out 0.3s ease-in 0s forwards;
}
.fancybox-slide--iframe .fancybox-content {
margin-top: 5vw;
}
.fancybox-close-small {
display: none !important;
}
.close-btn:after {
display: block;
background: url(../../resources/img/common/modal_movie_close_62604939009c543352e1750eaaf6602c.png) no-repeat;
background-size: contain;
width: 5vw;
height: 5vw;
content: "";
position: absolute;
right: 0;
min-width: auto;
top: -5vw;
pointer-events: none;
}
.fancybox-iframe {
background: #000;
}
.fancybox-slide--iframe .fancybox-content {
background: #000;
}
.fancybox-is-open .fancybox-bg {
opacity: 0;
-webkit-animation: fancybox-fade-in 0.3s ease-in 0s forwards;
animation: fancybox-fade-in 0.3s ease-in 0s forwards;
}
.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
width: 921px;
height: 518px;
max-width: 100%;
}
@-webkit-keyframes fancybox-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
1% {
visibility: visible;
}
100% {
opacity: 0.9;
visibility: visible;
}
}
@keyframes fancybox-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
1% {
visibility: visible;
}
100% {
opacity: 0.9;
visibility: visible;
}
}
@-webkit-keyframes fancybox-fade-out {
0% {
opacity: 0.9;
visibility: visible;
}
99% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes fancybox-fade-out {
0% {
opacity: 0.9;
visibility: visible;
}
99% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
}
}
html {
background: #000;
}
body {
overflow-x: hidden;
font-family: "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
}
section {
position: relative;
}
#container {
overflow: hidden;
position: relative;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.disp-none {
display: none;
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 0;
display: inline-block;
}
main {
display: block;
}
a {
cursor: pointer;
outline: none;
}
.to-mt-btn,
.to-top-btn {
opacity: 0;
position: fixed;
z-index: 98;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.to-mt-btn.show, .to-top-btn.show {
opacity: 1;
pointer-events: auto;
}
.to-top-btn {
background: url(../../resources/img/common/to_top_btn_bfc13295386354f4f6d1611761277a5a.png) no-repeat;
width: 130px;
height: 119px;
bottom: 25px;
right: 0;
}
.loading {
width: 100%;
height: 100%;
background: #000;
position: fixed;
top: 0;
z-index: 1000;
}
.loading .loading-img {
width: 72px;
height: 43px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.loading .loading-img .loading-parts1 {
width: 72px;
-webkit-animation: loadingAnim 0.2s infinite;
animation: loadingAnim 0.2s infinite;
}
.loading .loading-img .loading-parts2,
.loading .loading-img .loading-parts3 {
width: 12px;
}
.loading .loading-img .loading-parts2 {
position: absolute;
top: 28px;
left: 8px;
-webkit-animation: loadingAnim2 0.2s infinite;
animation: loadingAnim2 0.2s infinite;
}
.loading .loading-img .loading-parts3 {
position: absolute;
top: 28px;
left: 44px;
-webkit-animation: loadingAnim2 0.2s 0.1s infinite;
animation: loadingAnim2 0.2s 0.1s infinite;
}
.loading.end {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s ease-in-out 0.3s;
transition: 0.3s ease-in-out 0.3s;
}
.wrapper {
width: 640px;
position: relative;
margin: auto;
}
.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
width: 640px;
height: 330px;
max-width: 100%;
}
header {
height: 80px;
width: 100vw;
position: absolute;
z-index: 99;
pointer-events: none;
background: url(../../resources/img/sp/common/h_bg_b26e7efa4453f4c8c9b62fce1b299500.png);
overflow: hidden;
}
header .header-contents {
background-position: center top;
background-size: cover;
opacity: 0;
position: relative;
-webkit-transition: opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
header .header-contents .wrapper {
overflow-y: scroll;
overflow-x: hidden;
height: 100vh;
background: black;
}
header.disp-enabled {
position: fixed;
background: none;
-webkit-transition: none;
transition: none;
opacity: 0;
}
header.disp-enabled .menu-btn {
top: -100px;
}
header.disp {
opacity: 1;
}
header.disp .menu-btn {
top: 0;
}
header a {
pointer-events: auto;
}
header.open {
height: auto;
pointer-events: auto;
background: none;
z-index: 100;
position: fixed;
opacity: 1;
}
header.open .header-contents {
height: auto;
opacity: 1;
}
header.open .mark {
display: none;
}
header.open.disp-enabled .menu-btn {
top: 0;
}
header.open .h-close-btn {
display: block;
}
header.open .nav {
background: url(../../resources/img/sp/common/h_open_bg_955bace84f7efca25ecba6224e2e9af2.jpg);
}
header.open .nav li a {
pointer-events: auto;
}
header.open .nav li:nth-child(1) a {
-webkit-animation: flash-fade-in2 0.1s 0.3s forwards;
animation: flash-fade-in2 0.1s 0.3s forwards;
}
header.open .nav li:nth-child(2) a {
-webkit-animation: flash-fade-in2 0.1s 0.6s forwards;
animation: flash-fade-in2 0.1s 0.6s forwards;
}
header.open .nav li:nth-child(3) a {
-webkit-animation: flash-fade-in2 0.1s 0.8s forwards;
animation: flash-fade-in2 0.1s 0.8s forwards;
}
header.open .nav li:nth-child(4) a {
-webkit-animation: flash-fade-in2 0.1s 1s forwards;
animation: flash-fade-in2 0.1s 1s forwards;
}
header.open .nav li:nth-child(5) a {
-webkit-animation: flash-fade-in2 0.1s 1.2s forwards;
animation: flash-fade-in2 0.1s 1.2s forwards;
}
header.open .nav li:nth-child(6) a {
-webkit-animation: flash-fade-in2 0.1s 1.3s forwards;
animation: flash-fade-in2 0.1s 1.3s forwards;
}
header .menu-btn {
background: url(../../resources/img/sp/common/h_menu_btn_63f8cbb61c2c14a3b5894989af82696a.png) no-repeat;
width: 96px;
height: 76px;
position: absolute;
top: 0;
right: 15px;
z-index: 100;
-webkit-transition: top 0.32s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: top 0.32s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 1;
}
header .menu-btn.close {
background: url(../../resources/img/sp/common/h_menu_close_btn_fbb26b5eeafffe39a41529e7d7625068.png) no-repeat;
width: 96px;
height: 76px;
}
header .nav {
width: 640px;
height: 1085px;
}
header .nav li {
position: absolute;
pointer-events: none;
}
header .nav li.new a:after {
content: '';
position: absolute;
top: -47px;
left: -85px;
background: url(../../resources/img/sp/common/h_new_6b7d64f34773773d8930552feba0d385.png) no-repeat;
width: 166px;
height: 94px;
}
header .nav li.new:nth-child(3) a:after {
top: -10px;
left: -105px;
}
header .nav li.new:nth-child(4) a:after {
top: -50px;
left: -125px;
}
header .nav li.new:nth-child(5) a:after {
top: -50px;
left: -105px;
}
header .nav li a {
display: block;
position: relative;
pointer-events: none;
opacity: 0;
}
header .nav li:nth-child(1) {
top: 8px;
left: 185px;
}
header .nav li:nth-child(1) a {
background: url(../../resources/img/sp/common/h_logo_1cdb4a3b7d3d9368f2755ee1d042add3.png) no-repeat;
width: 276px;
height: 237px;
}
header .nav li:nth-child(1) a.run {
-webkit-animation: flash-fade-in2 0.1s 1s forwards;
animation: flash-fade-in2 0.1s 1s forwards;
}
header .nav li:nth-child(2) {
top: 305px;
left: 155px;
}
header .nav li:nth-child(2) a {
background: url(../../resources/img/sp/common/h_character_633b454729d85c9c63514dfb4477c2cc.png) no-repeat;
width: 333px;
height: 121px;
}
header .nav li:nth-child(3) {
top: 470px;
left: 165px;
}
header .nav li:nth-child(3) a {
background: url(../../resources/img/sp/common/h_tbmt_64240416bc66f3220d7ccdf0ec29bb2e.png) no-repeat;
width: 281px;
height: 125px;
}
header .nav li:nth-child(4) {
top: 665px;
left: 205px;
}
header .nav li:nth-child(4) a {
background: url(../../resources/img/sp/common/h_about_9391a092072f3a02358e7bbe64ec904f.png) no-repeat;
width: 194px;
height: 70px;
}
header .nav li:nth-child(5) {
top: 815px;
left: 195px;
}
header .nav li:nth-child(5) a {
background: url(../../resources/img/sp/common/h_special_c1e4f84042589244478e89a3363bd292.png) no-repeat;
width: 227px;
height: 76px;
}
header .nav li:nth-child(6) {
top: 952px;
left: 54px;
}
header .nav li:nth-child(6) a {
background: url(../../resources/img/sp/common/h_pre_order_btn_e8b0ba437cac17ef69070259d2e7bc67.png) no-repeat;
width: 496px;
height: 225px;
}
header .official-sns {
background: url(../../resources/img/sp/common/h_official_sns_6cecf90b81c935d76967916de2705a27.png) no-repeat;
width: 197px;
height: 23px;
position: absolute;
top: 1080px;
left: 0;
right: 0;
margin: 0 auto;
}
header .h-twitter {
background: url(../../resources/img/sp/common/h_twitter_30b4189aa188dda8b77330c0ed21475e.png) no-repeat;
width: 121px;
height: 132px;
display: inline-block;
position: absolute;
top: 1130px;
left: 200px;
}
header .h-youtube {
background: url(../../resources/img/sp/common/h_youtube_04fab74d7cd5ed9029d6e8fe5e6d3e06.png) no-repeat;
width: 121px;
height: 132px;
display: inline-block;
position: absolute;
top: 1130px;
left: 360px;
}
footer {
position: relative;
background: #000;
padding: 30px 0 50px;
z-index: 99;
}
footer .atlus-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .atlus-box .pstudio-logo {
background: url(../../resources/img/sp/top/footer_p_studio_bf7288e1c743f8302e2438cd7b986192.png) no-repeat;
width: 50px;
height: 75px;
margin-right: 25px;
}
footer .atlus-box .atlus-logo {
background: url(../../resources/img/sp/top/footer_atlus_1f8a15c332d19d8b0e3de767c975eabe.png) no-repeat;
width: 165px;
height: 50px;
margin-right: 27px;
}
footer .atlus-box .p-ch-logo {
background: url(../../resources/img/sp/top/footer_pch_4f57ef2a2edf8710bde3b163f32dc67c.png) no-repeat;
width: 203px;
height: 52px;
}
footer .copyright {
color: #fff;
text-align: center;
font-size: 16px;
margin-top: 30px;
line-height: 1.3;
}
body {
background-color: #b71505;
}
.mark {
height: 0;
position: relative;
z-index: 99;
}
.mark .right {
position: absolute;
padding: 5px 0 3px;
vertical-align: top;
width: 640px;
height: 78px;
background: black;
}
.mark .header-ps4-logo {
margin-left: 425px;
margin-right: 7px;
padding-bottom: 20px;
position: relative;
}
.mark .header-switch-logo {
position: relative;
}
.mark .fv-catch1 {
background: url(../../resources/img/sp/gad/fv_catch1_9ac5e8528032893edfdd8f34bbdf4e9e.png) no-repeat;
width: 630px;
height: 195px;
position: absolute;
top: 25px;
left: 10px;
}
#container {
text-align: center;
background: url(../../resources/img/sp/gad/fv_bg_0a1cbd1a90c7780baf9c428e170ef4f1.jpg) center top no-repeat;
position: relative;
z-index: 1;
overflow: hidden;
}
#container .fv-catch2 {
background: url(../../resources/img/sp/gad/fv_catch2_3c75749a94cba8d18ee86ea784de2905.png) no-repeat;
width: 391px;
height: 107px;
position: absolute;
top: 742px;
left: 141px;
}
#container #fv-logo {
background: url(../../resources/img/sp/gad/fv_logo_d28974014c799750bec70a862d8ca807.png) no-repeat;
width: 445px;
height: 384px;
position: absolute;
top: 405px;
left: 98px;
}
#container .pv-box {
margin-top: 786px;
padding-top: 50px;
background: url(../../resources/img/sp/gad/bg_deco_0a55aef589f45dfca851f3094bd888eb.png) center top no-repeat;
}
#container .pv-box .pv-wrapper .fv-release-date {
background: url(../../resources/img/sp/gad/fv_release_date_e85bff2dd89a251d08c4f8b983d5da6b.png) no-repeat;
width: 492px;
height: 87px;
display: block;
margin: 0 0 0 78px;
position: relative;
}
#container .pv-box .pv-wrapper .fv-pre-order-btn {
background: url(../../resources/img/sp/gad/fv_pre_order_btn_1314ad11f43b6a9eb4aad411826fbe40.png) no-repeat;
width: 485px;
height: 271px;
display: block;
margin: 55px auto 0;
position: relative;
-webkit-animation: infinite-shake 3.5s infinite;
animation: infinite-shake 3.5s infinite;
}
#container .anchor-box .fv-senchaku {
background: url(../../resources/img/sp/gad/fv_senchaku_8f705167d6eb287fcc8ca93d10243aa7.png) no-repeat;
width: 626px;
height: 325px;
position: relative;
margin: 38px 0 0 7px;
z-index: 2;
}
#container .anchor-box .fv-senchaku a {
background: url(../../resources/img/sp/gad/fv_anchor_btn_036cfa2a603b3e7413140b2153628c9b.png) no-repeat;
width: 349px;
height: 101px;
display: inline-block;
position: absolute;
bottom: -45px;
right: 5px;
}
#container .anchor-box .fv-limited {
background: url(../../resources/img/sp/gad/fv_limited_3093304583d90c23ac968fe12c48e344.png) no-repeat;
width: 629px;
height: 344px;
position: relative;
margin: 30px 0 0 10px;
z-index: 2;
}
#container .anchor-box .fv-limited a {
background: url(../../resources/img/sp/gad/fv_anchor_btn_036cfa2a603b3e7413140b2153628c9b.png) no-repeat;
width: 349px;
height: 101px;
display: inline-block;
position: absolute;
bottom: -25px;
right: 5px;
}
#container .v2-chara {
background: url(../../resources/img/sp/gad/v2_chara_2f917c7dafedaadc1a13a4c3dc62896a.png) no-repeat;
width: 640px;
height: 2139px;
position: absolute;
pointer-events: none;
top: 1794px;
left: 0;
}
#container .v2-catch1 {
background: url(../../resources/img/sp/gad/v2_catch1_6445791b9336e9e3776d1fab3232b9c5.png) no-repeat;
width: 629px;
height: 217px;
position: relative;
margin: 323px 0 0 11px;
top: -100px;
}
#container .v2-catch1:after {
background: url(../../resources/img/sp/gad/v2_catch1_deco_b61437f33fa14835e3d29e790c3262ae.png) no-repeat;
width: 619px;
height: 216px;
position: absolute;
content: '';
top: 11px;
left: -10px;
}
#container .v2-copy {
position: relative;
height: 830px;
text-align: left;
font-size: 20px;
line-height: 1.6;
font-weight: bold;
margin-top: -10px;
}
#container .v2-copy .v2-copy1 {
background: url(../../resources/img/sp/gad/v2_copy1_bg_1eed2f579fa7f3637f5c6deac5a5ce76.png) no-repeat;
width: 480px;
height: 239px;
position: absolute;
top: 0;
right: 0;
}
#container .v2-copy .v2-copy1 p {
margin: 80px 0 0 45px;
}
#container .v2-copy .v2-copy2 {
background: url(../../resources/img/sp/gad/v2_copy2_bg_d837f4461e1f065e3356891bb34be403.png) no-repeat;
width: 494px;
height: 139px;
position: absolute;
top: 196px;
right: 44px;
}
#container .v2-copy .v2-copy2 p {
margin: 51px 0 0 18px;
}
#container .v2-copy .v2-copy3 {
background: url(../../resources/img/sp/gad/v2_copy3_bg_b94d3f5be1e2103a21beb05c72543e2a.png) no-repeat;
width: 640px;
height: 313px;
position: absolute;
top: 280px;
right: 0;
}
#container .v2-copy .v2-copy3 p {
margin: 196px 0 0 15px;
font-size: 19px;
color: white;
}
#container .v2-catch2 {
background: url(../../resources/img/sp/gad/v2_catch2_e361d5880da839176553aae6c0753ee6.png) no-repeat;
width: 635px;
height: 376px;
position: relative;
margin: 0 0 0 7px;
}
#container .v2-pre-order-btn {
background: url(../../resources/img/sp/gad/v2_pre_order_btn_9a153cfc8128674516bb1838e650f977.png) no-repeat;
width: 641px;
height: 291px;
display: block;
margin: -20px 0 0;
position: relative;
-webkit-animation: infinite-shake 3.5s infinite;
animation: infinite-shake 3.5s infinite;
}
#container .v3-red-line {
background: url(../../resources/img/sp/gad/v3_red_line_acdcee52812257d4328fb75dbef8fe77.png) no-repeat;
width: 640px;
height: 369px;
margin: 210px 0 0 0;
width: 640px;
}
#container .v3-catch1 {
background: url(../../resources/img/sp/gad/v3_catch1_0534b0eda332369c2981e95867dc6087.png) no-repeat;
width: 640px;
height: 327px;
position: relative;
margin: -602px 0 0 0;
z-index: 2;
}
#container .v3-catch1:after {
background: url(../../resources/img/sp/gad/v3_catch1_deco_0494b4961476af3aa9747279eeda3edb.png) no-repeat;
width: 624px;
height: 369px;
position: absolute;
content: '';
top: -28px;
left: 2px;
}
#container .v3-content {
position: relative;
height: 1495px;
margin-top: 20px;
}
#container .v3-content .v3-chara {
background: url(../../resources/img/sp/gad/v3_chara_7a42832a6e7f4749a5b365036d8bd1a6.png) no-repeat;
width: 430px;
height: 1015px;
position: absolute;
top: -400px;
left: 0;
}
#container .v3-content .v3-copy {
background: url(../../resources/img/gad/v3_copy_bg_10c67e9e7eed28f0b4b47e0f2cb92100.png) no-repeat;
width: 557px;
height: 465px;
position: absolute;
top: 113px;
right: 2px;
text-align: left;
font-size: 20px;
line-height: 1.6;
font-weight: bold;
}
#container .v3-content .v3-copy p {
margin: 109px 0 0 67px;
}
#container .v3-content .v3-ss1 {
position: absolute;
top: 427px;
left: 0;
}
#container .v3-content .v3-catch2 {
background: url(../../resources/img/gad/v3_catch2_71b5b75b7bc5cbd816380f826fd0ac05.png) no-repeat;
width: 595px;
height: 192px;
position: absolute;
pointer-events: none;
top: 704px;
left: 0;
}
#container .v3-content .v3-catch2:after {
background: url(../../resources/img/gad/v3_catch2_deco_a10c70a323c66365b1aa87e680c612a8.png) no-repeat;
width: 739px;
height: 255px;
position: absolute;
content: '';
top: -29px;
left: -40px;
}
#container .v3-content .v3-ss2 {
position: absolute;
top: 865px;
right: 9px;
}
#container .v3-content .v3-ss3 {
position: absolute;
top: 967px;
left: 15px;
}
#container .v3-content .v3-catch3 {
background: url(../../resources/img/gad/v3_catch3_bf0a95e6ee3ceb1316b74abe6f402059.png) no-repeat;
width: 508px;
height: 264px;
position: absolute;
pointer-events: none;
top: 1368px;
left: 35px;
}
#container .v3-content .v3-catch3:after {
background: url(../../resources/img/gad/v3_catch3_deco_25370cfa8a4670a97bd07b30674b3cad.png) no-repeat;
width: 749px;
height: 352px;
position: absolute;
content: '';
top: -65px;
left: -60px;
}
#container .v3-pre-order-btn {
display: block;
margin: 140px 0 0 -5px;
position: relative;
-webkit-animation: infinite-shake 3.5s infinite;
animation: infinite-shake 3.5s infinite;
z-index: 3;
}
#container .v4-catch1 {
background: url(../../resources/img/sp/gad/v4_catch1_07171b5d17097b1cb0ba8af618c3d6b7.png) no-repeat;
width: 636px;
height: 252px;
position: relative;
margin: 2px 0 0 0;
z-index: 2;
}
#container .v4-catch1:after {
background: url(../../resources/img/sp/gad/v4_catch1_deco_21c0a4ed741cc42b6efd67c52f194790.png) no-repeat;
width: 618px;
height: 222px;
position: absolute;
content: '';
top: -46px;
left: 0;
}
#container .v4-content {
position: relative;
height: 1800px;
}
#container .v4-content .v4-chara1 {
background: url(../../resources/img/sp/gad/v4_chara1_65a6fc0c365205ad5ffb2b6e85386ad6.png) no-repeat;
width: 640px;
height: 803px;
position: absolute;
top: 466px;
left: 0;
}
#container .v4-content .v4-chara2 {
background: url(../../resources/img/sp/gad/v4_chara2_6dfb3371674e2ee54750fbe542706642.png) no-repeat;
width: 640px;
height: 1065px;
position: absolute;
top: -60px;
left: 0;
}
#container .v4-content .v4-chara3 {
background: url(../../resources/img/sp/gad/v4_chara3_6db27bc3db340ac22eba828105e122df.png) no-repeat;
width: 390px;
height: 559px;
position: absolute;
top: 752px;
left: 0;
}
#container .v4-content .v4-chara4 {
background: url(../../resources/img/sp/gad/v4_chara4_b0c1117a3e2ba0d92b4d9082cc4e01c6.png) no-repeat;
width: 640px;
height: 1468px;
position: absolute;
top: 1000px;
left: 0;
}
#container .v4-content .v4-copy {
background: url(../../resources/img/gad/v4_copy_bg_6a0397132216f9608a3d90bc71d4acce.png) no-repeat;
width: 615px;
height: 344px;
position: absolute;
top: 411px;
right: -80px;
text-align: left;
font-size: 20px;
line-height: 1.6;
font-weight: bold;
z-index: 2;
}
#container .v4-content .v4-copy p {
margin: 75px 0 0 87px;
}
#container .v4-content .v4-ss1 {
position: absolute;
top: 140px;
left: -110px;
z-index: 2;
}
#container .v4-content .v4-ss2 {
position: absolute;
top: 690px;
right: -24px;
z-index: 2;
}
#container .v4-content .v4-catch2 {
background: url(../../resources/img/sp/gad/v4_catch2_5e39bfe6336a0673e272aae67af6f9a6.png) no-repeat;
width: 421px;
height: 158px;
position: absolute;
pointer-events: none;
top: 1087px;
left: 140px;
z-index: 2;
}
#container .v4-content .v4-catch2:after {
background: url(../../resources/img/sp/gad/v4_catch2_deco_6333db160c7961a96098d9ffd3c4db35.png) no-repeat;
width: 535px;
height: 256px;
position: absolute;
content: '';
top: -75px;
left: -64px;
}
#container .v4-content .v4-ss3 {
position: absolute;
top: 1313px;
left: -97px;
z-index: 2;
}
#container .v4-content .v4-catch3 {
background: url(../../resources/img/sp/gad/v4_catch3_4560a07ea74d1e3e0c859b3a48cc5cba.png) no-repeat;
width: 549px;
height: 204px;
position: absolute;
pointer-events: none;
top: 1592px;
left: 29px;
z-index: 2;
}
#container .v4-content .v4-catch3:after {
background: url(../../resources/img/sp/gad/v4_catch3_deco_ab28917435950d1465da0a0d85a805ab.png) no-repeat;
width: 640px;
height: 291px;
position: absolute;
content: '';
top: -6px;
left: -29px;
}
#container .v4-pre-order-btn {
display: block;
margin: 50px 0 0 -5px;
position: relative;
-webkit-animation: infinite-shake 3.5s infinite;
animation: infinite-shake 3.5s infinite;
z-index: 3;
}
#container .v5 {
position: relative;
z-index: 2;
}
#container .v5 .v5-title {
background: url(../../resources/img/gad/v5_title_4bffe3842e2fd13d91a5d67edca1230a.png) no-repeat;
width: 519px;
height: 189px;
position: relative;
margin: -19px 0 0 7px;
}
#container .v5 .v5-catch1 {
background: url(../../resources/img/sp/gad/v5_catch1_0ed65e2fc8b2f67efd7b074b5c0174b6.png) no-repeat;
width: 632px;
height: 127px;
position: relative;
margin: -24px 0 0 2px;
}
#container .v5 .v5-copy1 {
text-align: center;
font-size: 20px;
line-height: 1.6;
font-weight: bold;
color: white;
margin: 10px auto 0;
}
#container .v5 .v5-bgm-list {
background: url(../../resources/img/gad/v5_bgm_list_91cd2856e7ff1f431b971993186fc0dc.png) no-repeat;
width: 598px;
height: 341px;
position: relative;
margin: 20px 0 0 24px;
}
#container .v5 .v5-copy2 {
text-align: left;
font-size: 15px;
line-height: 1.7;
font-weight: bold;
color: white;
margin: 23px 25px 0 25px;
}
#container .v5 .v5-limited {
background: url(../../resources/img/sp/gad/v5_limited_c88410f23443e42b5e8d02d087ad393f.png) no-repeat;
width: 290px;
height: 176px;
position: relative;
margin: 53px 0 0 342px;
}
#container .v5 .v5-logo {
background: url(../../resources/img/sp/gad/v5_logo_0a773c4fbea4ca6f07a9b72120594bdc.png) no-repeat;
width: 582px;
height: 358px;
position: relative;
margin: -115px 0 0 5px;
}
#container .v5 .v5-limited-content {
background: url(../../resources/img/sp/top/v5_limited_content_2db8a1dfa2bf89f39665e9348ebc77a1.png) no-repeat;
width: 640px;
height: 1096px;
position: relative;
margin: -20px 0 0 0;
}
#container .v5 .v5-limited-detail {
background: url(../../resources/img/sp/gad/v5_limited_detail_bg_5f0f25f7b41e905788847c02380d591a.png) no-repeat;
width: 640px;
height: 990px;
position: relative;
margin: -253px 0 0 0;
padding: 49px 0 0 20px;
}
#container .v5 .v5-limited-detail p {
margin: 94px 0 0 30px;
text-align: left;
font-size: 15px;
line-height: 1.7;
font-weight: bold;
color: black;
}
#container .v5 .v5-limited-detail p:last-child {
margin-top: 50px;
font-size: 14px;
padding-right: 70px;
}
#container .v5 .v5-pre-order-btn {
display: block;
margin: -100px 0 0 -2px;
position: relative;
-webkit-animation: infinite-shake 3.5s infinite;
animation: infinite-shake 3.5s infinite;
}
#container .v6 {
padding: 0 0 30px;
position: relative;
}
#container .v6 .v6-title {
background: url(../../resources/img/sp/gad/v6_title_10b43449be6be4fe7793a5c84c44f31b.png) no-repeat;
width: 640px;
height: 622px;
position: relative;
margin: 10px 0 0 0;
}
#container .v6 .v6-comment {
background: url(../../resources/img/sp/gad/v6_comment_2da6b97d89c1056f95a9396064b8b9aa.png) no-repeat;
width: 382px;
height: 287px;
position: absolute;
top: 20px;
right: 20px;
}
#container .v6 .v6-spec {
background: url(../../resources/img/gad/v6_spec_c2020f533893f029ff7fc09a3f4c76f8.png) no-repeat;
width: 635px;
height: 325px;
position: relative;
margin: -52px 0 0 0;
}
#container .v6 .v6-cero {
background: url(../../resources/img/gad/v6_cero_1f2975ae773135ebc176500da3d7a0ae.png) no-repeat;
width: 64px;
height: 79px;
position: relative;
margin: 3px 0 0 10px;
}
#container .v6 .v6-about-p5r {
background: url(../../resources/img/sp/gad/v6_about_p5r_bg_07bd3e4ac21d2811445a7bc812a04039.png) no-repeat;
width: 639px;
height: 435px;
position: relative;
margin: -31px 0 0 0;
text-align: left;
font-size: 20px;
line-height: 1.7;
font-weight: bold;
}
#container .v6 .v6-about-p5r p {
padding: 166px 0 0 70px;
}
#container .v6 .v6-pre-order-btn {
display: block;
margin: 6px 0 0;
position: relative;
-webkit-animation: infinite-shake 3.5s infinite;
animation: infinite-shake 3.5s infinite;
}
#container .v6 .v6-remark {
margin: 20px auto 0;
text-align: center;
font-size: 16px;
line-height: 1.6;
font-weight: bold;
color: white;
}
#bg-movie {
position: fixed;
width: 800px;
height: 3000px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#bg {
background: url(../../resources/img/sp/gad/bg_dfa35db4d6323b939054ec749702d4da.png) center -210px repeat-y;
width: 100vw;
height: 13840px;
position: absolute;
top: 0;
left: 0;
}
.v5-bg {
background: url(../../resources/img/sp/gad/v5_bg_4ef8f1e220687c1ed3a0f970aaf6002b.png) center top no-repeat;
width: 100vw;
height: 2691px;
position: absolute;
top: 8600px;
left: 0;
}
@media screen and (max-width: 640px) {
.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
width: 640px;
height: 330px;
max-width: 100%;
}
.fancybox-slide--iframe .fancybox-close-small {
top: -60px;
right: 4;
}
body,
#container,
.wrapper {
width: 640px;
}
.to-top-btn {
bottom: 25px;
right: 0;
}
}
@media screen and (min-width: 641px) {
.to-top-btn {
-webkit-transition: 0.1s;
transition: 0.1s;
}
.to-top-btn:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}