@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";

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;
}

html {
  background: #000;
}

body {
  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%;
  overflow-x: hidden;
}

main {
  display: block;
}

*:focus {
  outline: none;
}

.wrapper {
  width: 1024px;
  margin: auto;
  position: relative;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

iframe[name="google_conversion_frame"] {
  position: absolute;
  height: 0;
  width: 0;
}

.disp-none {
  display: none;
}

#container {
  position: relative;
  z-index: 100;
  height: 100%;
}

a {
  display: inline-block;
}

.box-center {
  text-align: center;
  position: relative;
}

.responsive img {
    width: 100%;
    height: 100%;
  }

.to-top-btn {
  background: url(../../resources/img/top/to_top_btn_f11575606c0a30280e26cda422a3dee0.png) center top no-repeat;
  width: 121px;
  height: 101px;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 100;
}

.sns {
  position: relative;
  margin: 45px auto 80px;
}

.sns .sns-sega {
    margin: 0 0 0 220px;
  }

.sns .sns-fb {
    position: relative;
    margin: 0 0 0 18px;
    top: -10px;
  }

@-webkit-keyframes gelatine {
  from,
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
            transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
}

@keyframes gelatine {
  from,
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
            transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
}

.fadein-effect {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  pointer-events: none;
}

.fadein-effect.disp {
    opacity: 1;
    pointer-events: auto;
  }

.up-in-effect {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  pointer-events: none;
}

.up-in-effect.disp {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
  }

.fancybox-is-open .fancybox-bg {
    background: rgba(255, 000, 141, 0.7) !important;
  }

.fancybox-close-small {
  display: none !important;
}

.close-btn:after {
    background: url(../../resources/img/top/close_b9ef5fbbb6c27b895c3ba54db87010a0.png) top center no-repeat;
    min-width: 100%;
    min-height: 52px;

    content: "";
    position: absolute;
    right: 0;
    width: 52px;
    min-width: auto;
    top: calc(52px * -1);
    pointer-events: none;
  }

.close-btn:after:hover {
      cursor: ponter;
    }

ul.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

ul.flex li {
    list-style: none;
  }

a:hover {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
          transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
          animation: gelatine 0.5s 1;
}

a img:focus {
    outline: none;
  }

a:focus {
    outline: none;
  }

footer {
  background: #000;
  padding: 27px 0;
  position: relative;
  z-index: 25;
  font-size: 0;
  text-align: center;
}

footer .wrapper {
    width: 984px;
    margin: auto;
  }

footer .copyright {
    display: inline-block;
  }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: #ff008a;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

.expand-in-anime {
  opacity: 0;
  pointer-events: none;
}

.expand-in-anime.disp {
    -webkit-animation: expandInAnime 0.5s ease-in-out 1 forwards;
            animation: expandInAnime 0.5s ease-in-out 1 forwards;
    pointer-events: auto;
  }

.donwIn-effect1,
.donwIn-effect2 {
  opacity: 0;
}

.donwIn-effect1.disp, .donwIn-effect2.disp {
    -webkit-animation: downInAnime 0.2s ease-out 0s 1 normal forwards;
            animation: downInAnime 0.2s ease-out 0s 1 normal forwards;
  }

.donwIn-effect2.disp {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }

@-webkit-keyframes downInAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes downInAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes upInAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: transletey(0);
            transform: transletey(0);
  }
}

@keyframes upInAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: transletey(0);
            transform: transletey(0);
  }
}

@-webkit-keyframes downOutAnime {
  0% {
    opacity: 1;
    -webkit-transform: transletey(0);
            transform: transletey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}

@keyframes downOutAnime {
  0% {
    opacity: 1;
    -webkit-transform: transletey(0);
            transform: transletey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}

@-webkit-keyframes rightOutAnime {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
}

@keyframes rightOutAnime {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
}

@-webkit-keyframes leftOutAnime {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes leftOutAnime {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@-webkit-keyframes expandInAnime {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0) scale(0.7);
            transform: translate3d(0, 200px, 0) scale(0.7);
  }

  14% {
    opacity: 1;
    -webkit-transform: translate3d(0, -74px, 0) scale(1.111);
            transform: translate3d(0, -74px, 0) scale(1.111);
  }

  28% {
    opacity: 0.84;
    -webkit-transform: translate3d(0, 32px, 0) scale(0.952);
            transform: translate3d(0, 32px, 0) scale(0.952);
  }

  46% {
    opacity: 1;
    -webkit-transform: translate3d(0, -8px, 0) scale(1.012);
            transform: translate3d(0, -8px, 0) scale(1.012);
  }

  58% {
    opacity: 0.98;
    -webkit-transform: translate3d(0, 3px, 0) scale(0.995);
            transform: translate3d(0, 3px, 0) scale(0.995);
  }

  74% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1px, 0) scale(1);
            transform: translate3d(0, -1px, 0) scale(1);
  }

  89% {
    opacity: 0.998;
    -webkit-transform: translate3d(0, 4px, 0) scale(0.99);
            transform: translate3d(0, 4px, 0) scale(0.99);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes expandInAnime {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0) scale(0.7);
            transform: translate3d(0, 200px, 0) scale(0.7);
  }

  14% {
    opacity: 1;
    -webkit-transform: translate3d(0, -74px, 0) scale(1.111);
            transform: translate3d(0, -74px, 0) scale(1.111);
  }

  28% {
    opacity: 0.84;
    -webkit-transform: translate3d(0, 32px, 0) scale(0.952);
            transform: translate3d(0, 32px, 0) scale(0.952);
  }

  46% {
    opacity: 1;
    -webkit-transform: translate3d(0, -8px, 0) scale(1.012);
            transform: translate3d(0, -8px, 0) scale(1.012);
  }

  58% {
    opacity: 0.98;
    -webkit-transform: translate3d(0, 3px, 0) scale(0.995);
            transform: translate3d(0, 3px, 0) scale(0.995);
  }

  74% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1px, 0) scale(1);
            transform: translate3d(0, -1px, 0) scale(1);
  }

  89% {
    opacity: 0.998;
    -webkit-transform: translate3d(0, 4px, 0) scale(0.99);
            transform: translate3d(0, 4px, 0) scale(0.99);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
}

@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes horizontal {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

body {
  position: relative;
  background: #000;
}

body.lock {
    overflow: hidden;
  }

.bg {
  position: absolute;
  top: 0;
  left: -448px;
  background: url(../../resources/img/top/bg_e8ebc69d1f5ecd21b086976405463451.jpg) center top no-repeat;
  background-size: cover;
  width: 1920px;
  height: 11698px;
}

.bg .left,
  .bg .right {
    z-index: 20;
  }

.bg .fv-mv {
    position: absolute;
  }

.bg .left {
    position: relative;
    background: url(../../resources/img/top/side_left_44a8152456412596c72cfa857ce51b75.png) center top repeat-y;
    width: 323px;
    height: 100%;
  }

.bg .right {
    position: absolute;
    right: -1px;
    top: 0;
    background: url(../../resources/img/top/side_right_a88af6cf1581089e4ab339e0f0104a15.png) center top repeat-y;
    width: 313px;
    height: 100%;
  }

section {
  position: relative;
  z-index: 10;
}

.wrapper {
  width: 1024px;
  margin: auto;
  position: relative;
}

.expand {
  position: relative;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

header {
  position: absolute;
  width: 100%;
  height: 106px;
  z-index: 20;
}

header .h-bg {
    position: absolute;
    top: 0;
    left: -448px;
    background: url(../../resources/img/top/h_bg_04027c12170cedd1082ba094187495a7.png) center top no-repeat;
    width: 1920px;
    height: 106px;
  }

header .h-atlus-logo {
    position: relative;
    display: inline-block;
    background: url(../../resources/img/top/h_atlus_logo_36051a6d2f00e9b5a1d9dbedce090998.png) center top no-repeat;
    width: 110px;
    height: 33px;
    margin: 15px 0 0;
  }

header .h-ps-logo {
    position: absolute;
    top: 15px;
    right: 0;
  }

.first-view .fv-date {
    position: relative;
    margin: 549px 0 0 543px;
  }

.first-view .fv-logo {
    position: relative;
    margin: -150px 0 0 135px;
  }

.first-view .fv-catchcopy {
    position: absolute;
    top: -561px;
    right: -3px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
  }

.first-view .fv-catchcopy.show {
      top: 110px;
    }

.first-view .fv-sns {
    position: absolute;
    top: 795px;
    right: -282px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    opacity: 0;
  }

.first-view .fv-sns.show {
      right: 0;
      opacity: 1;
    }

.first-view .fv-sns a {
      margin-bottom: 5px;
    }

.first-view .fv-pv {
    position: relative;
    margin: 133px auto 0;
    background: url(../../resources/img/top/fv_pv_frame_def9f2a38281c8f27cf8275049c24ffa.jpg) center top no-repeat;
    width: 680px;
    height: 383px;
    text-align: center;
  }

.first-view .fv-pv .fv-pv-deco {
      position: absolute;
      top: -35px;
      left: -29px;
      background: url(../../resources/img/top/fv_pv_deco_e7955ed4831551bc783ef7b5347cc779.png) center top no-repeat;
      width: 280px;
      height: 93px;
    }

.first-view .fv-pv a {
      position: relative;
      margin: 132px 0 0 20px;
      background: url(../../resources/img/top/fv_pv_play_5d94c72d5dc15a7f8c8b4addf4e629f3.png) center top no-repeat;
      width: 126px;
      height: 123px;
    }

.v1 .v1-catchcopy {
    margin: 24px auto 0;
    background: url(../../resources/img/top/v1_catchcopy_c745e0010e049bd546c97336d1eea0de.png) center top no-repeat;
    width: 718px;
    height: 396px;
  }

.v1 .v1-bg {
    position: absolute;
    top: 368px;
    left: -448px;
    background: url(../../resources/img/top/v1_bg_be9f57a78e021edab577041073ac35b8.png) center top no-repeat;
    width: 1920px;
    height: 1256px;
  }

.v1 .v1-sort {
    margin: 22px 0 0 175px;
    height: 210px;
  }

.v1 .v1-sort img {
      display: block;
      cursor: pointer;
    }

.v1 .v1-sort img:hover {
        -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
                transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        -webkit-animation: gelatine 0.5s 1;
                animation: gelatine 0.5s 1;
      }

.v1 .v1-sort img:nth-child(1) {
        display: none;
      }

.v1 .v1-sort .slick-list {
      overflow: visible;
    }

.v1 .v1-sort .slick-slide {
      width: auto !important;
      margin-right: 26px;
    }

.v1 .v1-sort .slick-current {
      margin: -10px 16px 0 -9px;
    }

.v1 .v1-sort .slick-current img:nth-child(1) {
          display: block;
        }

.v1 .v1-sort .slick-current img:nth-child(2) {
          display: none;
        }

.v1 .v1-tgl-btn {
    position: absolute;
    background: url(../../resources/img/top/v1_tgl_btn_c1f095643a516677803f94f65e155a19.png) center top no-repeat;
    width: 123px;
    height: 124px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

.v1 .v1-tgl-btn:hover {
      cursor: pointer;
    }

.v1 .v1-tgl-btn:before {
      content: ' ';
      position: absolute;
      top: -18px;
      left: -17px;
      display: block;
      background: url(../../resources/img/top/v1_tgl_btn_day_5ad9854b202473f495b2a246ef70e44f.png) center top no-repeat;
      width: 147px;
      height: 67px;
    }

.v1 .v1-tgl-btn:after {
      content: ' ';
      position: absolute;
      top: 67px;
      left: -21px;
      display: block;
      background: url(../../resources/img/top/v1_tgl_btn_night_off_2754da80efd4a29ce1658cbe265ed7de.png) center top no-repeat;
      width: 161px;
      height: 69px;
    }

.v1 .v1-tgl-btn.night {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      background: url(../../resources/img/top/v1_tgl_btn_tgl_c77e993af38a03c8d15ea7a736f512e2.png) center top no-repeat;
      width: 123px;
      height: 124px;
    }

.v1 .v1-tgl-btn.night:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        background: url(../../resources/img/top/v1_tgl_btn_day_off_531814d47ed597e446831e1bfae99926.png) center top no-repeat;
        width: 144px;
        height: 75px;
        top: -18px;
        left: -7px;
      }

.v1 .v1-tgl-btn.night:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        background: url(../../resources/img/top/v1_tgl_btn_night_512c2e43d1aa1bad74953cafc7f6f267.png) center top no-repeat;
        width: 155px;
        height: 57px;
        top: 80px;
        left: -11px;
      }

.v1 .v1-slide {
    position: relative;
    top: -68px;
    height: 1080px;
  }

.v1 .v1-slide .arrow {
      position: absolute;
      cursor: pointer;
      top: 420px;
      z-index: 1;
    }

.v1 .v1-slide .arrow:hover {
        -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
                transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        -webkit-animation: gelatine 0.5s 1;
                animation: gelatine 0.5s 1;
      }

.v1 .v1-slide .arrow.left {
        left: -76px;
        background: url(../../resources/img/top/v1_left_btn_284e467c953449df160dd4d83f44d214.png) center top no-repeat;
        width: 75px;
        height: 75px;
      }

.v1 .v1-slide .arrow.right {
        right: -76px;
        background: url(../../resources/img/top/v1_right_btn_18128ed8fb212c6fc246e9a789d2b3c4.png) center top no-repeat;
        width: 75px;
        height: 75px;
      }

.v1 .v1-slide .slick-list {
      overflow: visible;
    }

.v1 .v1-slide .slick-slide {
      opacity: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }

.v1 .v1-slide .slick-active {
      opacity: 1;
    }

.v1 .v1-c1,
  .v1 .v1-c2,
  .v1 .v1-c3,
  .v1 .v1-c4 {
    position: relative;
  }

.v1 .v1-c1 {
    margin-top: 70px;
  }

.v1 .v1-c1 .v1-c1-profile {
      position: relative;
      background: url(../../resources/img/top/v1_c1_profile_d951d39593ab3049b213e6d3221e5a76.png) center top no-repeat;
      width: 555px;
      height: 570px;
      top: 82px;
      margin: 0 0 0 120px;
    }

.v1 .v1-c1 .v1-c1-day {
      position: absolute;
      top: 0;
      right: 53px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }

.v1 .v1-c1 .v1-c1-day.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c1 .v1-c1-night {
      position: absolute;
      top: 44px;
      right: 56px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c1 .v1-c1-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c1 .v1-c1-serif {
      position: absolute;
      background: url(../../resources/img/top/v1_c1_serif_d1e4b6debc446dfa368c01605f77c6d0.png) center top no-repeat;
      width: 131px;
      height: 536px;
      top: 18px;
      right: 37px;
    }

.v1 .v1-c1 .v1-c1-tgl-btn {
      position: absolute;
      background: url(../../resources/img/top/v1_c1_tgl_btn_c1f095643a516677803f94f65e155a19.png) center top no-repeat;
      width: 123px;
      height: 124px;
      top: 600px;
      right: 65px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c1 .v1-c1-tgl-btn:hover {
        cursor: pointer;
      }

.v1 .v1-c1 .v1-c1-tgl-btn:before {
        content: ' ';
        position: absolute;
        top: -18px;
        left: 20px;
        display: block;
        background: url(../../resources/img/top/v1_c1_tgl_btn_day_68f841dac578b763b6b24a124d66d188.png) center top no-repeat;
        width: 86px;
        height: 51px;
      }

.v1 .v1-c1 .v1-c1-tgl-btn:after {
        content: ' ';
        position: absolute;
        top: 90px;
        display: block;
        background: url(../../resources/img/top/v1_c1_tgl_btn_night_c6d60c501c0a7d2e3c88e7e767c5bfb1.png) center top no-repeat;
        width: 128px;
        height: 61px;
      }

.v1 .v1-c1 .v1-c1-tgl-btn.night {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
      }

.v1 .v1-c1 .v1-c1-tgl-btn.night:before {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
        }

.v1 .v1-c1 .v1-c1-tgl-btn.night:after {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
        }

.v1 .v1-c1 .v1-c1-ss1 {
      position: relative;
      margin: 0;
      top: -23px;
    }

.v1 .v1-c1 .v1-c1-ss2 {
      position: relative;
      margin: 0 0 0 -72px;
      top: 38px;
    }

.v1 .v1-c2 {
    margin-top: 70px;
  }

.v1 .v1-c2 .v1-c2-profile {
      position: relative;
      background: url(../../resources/img/top/v1_c2_profile_5cef0dfa02ec95dd7f96a769559a7026.png) center top no-repeat;
      width: 609px;
      height: 605px;
      top: 97px;
      margin: 0 0 0 302px;
    }

.v1 .v1-c2 .v1-c2-profile-txt {
      position: absolute;
      background: url(../../resources/img/top/v1_c2_profile_txt_efbf9c1188f4573066b5831796ecb944.png) center top no-repeat;
      width: 301px;
      height: 248px;
      top: 122px;
      left: 189px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c2 .v1-c2-profile-txt.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c2 .v1-c2-profile-txt-night {
      position: absolute;
      background: url(../../resources/img/top/v1_c2_profile_txt_night_602d6c28f75e0ff29291339028a913c7.png) center top no-repeat;
      width: 286px;
      height: 185px;
      top: 125px;
      left: 200px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c2 .v1-c2-profile-txt-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c2 .v1-c2-chara {
      position: absolute;
      top: 32px;
      left: 163px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c2 .v1-c2-chara.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c2 .v1-c2-chara-night {
      position: absolute;
      top: 32px;
      left: 192px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c2 .v1-c2-chara-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c2 .v1-c2-serif {
      position: absolute;
      background: url(../../resources/img/top/v1_c2_serif_811c8dcebbbc8a2240875cee928cf1c0.png) center top no-repeat;
      width: 85px;
      height: 451px;
      top: 17px;
      left: 130px;
    }

.v1 .v1-c2 .v1-c2-spell {
      position: absolute;
      background: url(../../resources/img/top/v1_c2_spell_0ebff41a158bd5929eaf80a323d20379.png) center top no-repeat;
      width: 503px;
      height: 490px;
      top: 40px;
      left: 0;
    }

.v1 .v1-c2 .v1-tgl-btn {
      top: 553px;
      left: 102px;
    }

.v1 .v1-c2 .v1-c2-ss1 {
      position: relative;
      margin: 0 0 0 349px;
      top: -59px;
    }

.v1 .v1-c2 .v1-c2-ss2 {
      position: relative;
      margin: 0 -4px 0 -72px;
    }

.v1 .v1-c3 .v1-c3-profile {
      position: relative;
      background: url(../../resources/img/top/v1_c3_profile_7d3159333cad8c8bfd0efef9b74d057f.png) center top no-repeat;
      width: 642px;
      height: 562px;
      top: 164px;
      margin: 0 0 0 13px;
    }

.v1 .v1-c3 .v1-c3-profile-txt {
      position: absolute;
      background: url(../../resources/img/top/v1_c3_profile_txt_41cb3706d8dd5990a17bcea88f3600ad.png) center top no-repeat;
      width: 303px;
      height: 278px;
      top: 122px;
      left: 222px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c3 .v1-c3-profile-txt.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c3 .v1-c3-profile-txt-night {
      position: absolute;
      background: url(../../resources/img/top/v1_c3_profile_txt_night_eef510e48dc97d09123d73d1d2438062.png) center top no-repeat;
      width: 274px;
      height: 249px;
      top: 121px;
      left: 243px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c3 .v1-c3-profile-txt-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c3 .v1-c3-chara {
      position: absolute;
      top: 62px;
      right: 67px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c3 .v1-c3-chara.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c3 .v1-c3-chara-night {
      position: absolute;
      top: 61px;
      right: 69px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c3 .v1-c3-chara-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c3 .v1-c3-serif {
      position: absolute;
      background: url(../../resources/img/top/v1_c3_serif_de5e5907e5cca026852e5218d809ebba.png) center top no-repeat;
      width: 85px;
      height: 481px;
      top: 86px;
      right: 81px;
    }

.v1 .v1-c3 .v1-tgl-btn {
      top: 670px;
      right: 55px;
    }

.v1 .v1-c3 .v1-c3-spell {
      position: absolute;
      background: url(../../resources/img/top/v1_c3_spell_8e3ee6d0ebe96a35cb137660c36983e5.png) center top no-repeat;
      width: 560px;
      height: 487px;
      top: 16px;
      right: 81px;
    }

.v1 .v1-c3 .v1-c3-ss1 {
      position: relative;
      margin: 52px 0 0;
      top: 0;
    }

.v1 .v1-c3 .v1-c3-ss2 {
      position: relative;
      margin: 0 0 0 -72px;
      top: 61px;
    }

.v1 .v1-c4 {
    margin: 26px 0 0 70px;
  }

.v1 .v1-c4 .v1-c4-profile {
      position: relative;
      background: url(../../resources/img/top/v1_c4_profile_449cb0933ff71c670aab61ec88c7ac12.png) center top no-repeat;
      width: 537px;
      height: 736px;
      top: 26px;
      margin: 0 0 0 300px;
    }

.v1 .v1-c4 .v1-c4-profile-txt {
      position: absolute;
      background: url(../../resources/img/top/v1_c4_profile_txt_1b5472fad48ae448c6e92b1598d38938.png) center top no-repeat;
      width: 314px;
      height: 242px;
      top: 237px;
      left: 112px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c4 .v1-c4-profile-txt.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c4 .v1-c4-profile-txt-night {
      position: absolute;
      background: url(../../resources/img/top/v1_c4_profile_txt_night_25cf0ab6c16c8abaf1131d7b34e12e35.png) center top no-repeat;
      width: 282px;
      height: 188px;
      top: 235px;
      left: 130px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c4 .v1-c4-profile-txt-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c4 .v1-c4-chara {
      position: absolute;
      top: 63px;
      left: 103px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
    }

.v1 .v1-c4 .v1-c4-chara.undisp {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
      }

.v1 .v1-c4 .v1-c4-chara-night {
      position: absolute;
      top: 63px;
      left: 103px;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
      opacity: 0;
    }

.v1 .v1-c4 .v1-c4-chara-night.disp {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
      }

.v1 .v1-c4 .v1-c4-serif {
      position: absolute;
      background: url(../../resources/img/top/v1_c4_serif_e676b8651bd1d7cc371530166084a1b6.png) center top no-repeat;
      width: 85px;
      height: 441px;
      top: 60px;
      left: 60px;
    }

.v1 .v1-c4 .v1-c4-spell {
      position: absolute;
      background: url(../../resources/img/top/v1_c4_spell_a537d0863b44f7cad81dfe8275d7b171.png) center top no-repeat;
      width: 485px;
      height: 552px;
      top: 70px;
      left: 8px;
    }

.v1 .v1-c4 .v1-tgl-btn {
      top: 596px;
      left: 34px;
    }

.v1 .v1-c4 .v1-c4-ss1 {
      position: relative;
      margin: 0 0 0 282px;
      top: -147px;
    }

.v1 .v1-c4 .v1-c4-ss2 {
      position: relative;
      margin: 0 0 0 -72px;
      top: -87px;
    }

.v2 .v2-bg {
    position: absolute;
    top: -88px;
    left: -42px;
    background: url(../../resources/img/top/v2_bg_1f566864e560e4240ff41ceabb3b7b5d.png) center top no-repeat;
    width: 1102px;
    height: 988px;
  }

.v2 .v2-txt {
    position: absolute;
    top: 4px;
    left: -20px;
    background: url(../../resources/img/top/v2_txt_ae112dd1b93597f44eef84a91f83b7f6.png) center top no-repeat;
    width: 1050px;
    height: 797px;
  }

.v2 .v2-ss1 {
    position: relative;
    margin: 196px 0 0 227px;
  }

.v2 .v2-ss2 {
    position: relative;
    margin: -145px 0 0 522px;
  }

.v3 {
  margin-top: 210px;
}

.v3 .wobbling-bg {
    position: absolute;
    margin: 210px auto;
    left: 0;
    right: 0;
    z-index: 12;
  }

.v3 .wobbling-bg .bubble-img,
    .v3 .wobbling-bg .bubble,
    .v3 .wobbling-bg .sheep-img,
    .v3 .wobbling-bg .sheep {
      position: absolute;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 84px;
    }

.v3 .wobbling-bg .bubble:nth-child(1) {
        -webkit-animation: vertical 2s ease-in-out infinite alternate;
                animation: vertical 2s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .bubble:nth-child(2) {
        -webkit-animation: vertical 1.5s ease-in-out infinite alternate;
                animation: vertical 1.5s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .bubble:nth-child(3) {
        -webkit-animation: vertical 1s ease-in-out infinite alternate;
                animation: vertical 1s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .bubble-img.bubble_01 {
        background: url(../../resources/img/top/bg_02_02_01_a4ec1aaae94f94d24848e4c3a071f74c.png) top center no-repeat;
        min-width: 100%;
        min-height: 1975px;

        -webkit-animation: horizontal 1s ease-in-out infinite alternate;

                animation: horizontal 1s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .bubble-img.bubble_02 {
        background: url(../../resources/img/top/bg_02_02_02_bfc05e5aff027c58f4d6bbdff12f8242.png) top center no-repeat;
        min-width: 100%;
        min-height: 1948px;

        -webkit-animation: horizontal 2s ease-in-out infinite alternate;

                animation: horizontal 2s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .bubble-img.bubble_03 {
        background: url(../../resources/img/top/bg_02_02_03_06202f59d3d893509499f9adc46a48c2.png) top center no-repeat;
        min-width: 100%;
        min-height: 1948px;

        -webkit-animation: horizontal 1.5s ease-in-out infinite alternate;

                animation: horizontal 1.5s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep:nth-child(1) {
        -webkit-animation: vertical 2s ease-in-out infinite alternate;
                animation: vertical 2s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep:nth-child(2) {
        -webkit-animation: vertical 1.5s ease-in-out infinite alternate;
                animation: vertical 1.5s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep:nth-child(3) {
        -webkit-animation: vertical 1s ease-in-out infinite alternate;
                animation: vertical 1s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep:nth-child(4) {
        -webkit-animation: vertical 1.3s ease-in-out infinite alternate;
                animation: vertical 1.3s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep:nth-child(5) {
        -webkit-animation: vertical 2s ease-in-out infinite alternate;
                animation: vertical 2s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep-img.sheep_01 {
        background: url(../../resources/img/top/c_sheep_01_63829de9b7cefa23618cedd5f0633b12.png) top center no-repeat;
        min-width: 100%;
        min-height: 147px;

        top: 450px;
        -webkit-animation: horizontal 1s ease-in-out infinite alternate;
                animation: horizontal 1s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep-img.sheep_02 {
        background: url(../../resources/img/top/c_sheep_02_9b154a6465122ac916e6ed9cad16c95c.png) top center no-repeat;
        min-width: 100%;
        min-height: 64px;

        top: 680px;
        -webkit-animation: horizontal 2s ease-in-out infinite alternate;
                animation: horizontal 2s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep-img.sheep_03 {
        background: url(../../resources/img/top/c_sheep_03_f48bb155864d80a177a269ee01292da5.png) top center no-repeat;
        min-width: 100%;
        min-height: 166px;

        top: 790px;
        -webkit-animation: horizontal 1.5s ease-in-out infinite alternate;
                animation: horizontal 1.5s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep-img.sheep_04 {
        background: url(../../resources/img/top/c_sheep_04_3ac07269954e0207cccc03c750d1d03b.png) top center no-repeat;
        min-width: 100%;
        min-height: 53px;

        top: 1320px;
        -webkit-animation: horizontal 2s ease-in-out infinite alternate;
                animation: horizontal 2s ease-in-out infinite alternate;
      }

.v3 .wobbling-bg .sheep-img.sheep_05 {
        background: url(../../resources/img/top/c_sheep_05_9d74e665193c7e0309b2add9261f683c.png) top center no-repeat;
        min-width: 100%;
        min-height: 166px;

        top: 1540px;
        -webkit-animation: horizontal 1.2s ease-in-out infinite alternate;
                animation: horizontal 1.2s ease-in-out infinite alternate;
      }

.v3 .v3-bg {
    position: absolute;
    top: -210px;
    left: -447px;
    z-index: 11;
  }

.v3 .v3-chara {
    position: absolute;
    top: 8px;
    left: 130px;
    z-index: 12;
  }

.v3 .v3-p1,
  .v3 .v3-p2,
  .v3 .v3-p3,
  .v3 .v3-p4,
  .v3 .v3-p5 {
    position: relative;
    z-index: 12;
  }

.v3 .v3-p1 a, .v3 .v3-p2 a, .v3 .v3-p3 a, .v3 .v3-p4 a, .v3 .v3-p5 a {
      z-index: 13;
    }

.v3 .v3-p1 {
    top: 250px;
    left: 0;
  }

.v3 .v3-p2 {
    margin: 275px 0 0 457px;
  }

.v3 .v3-p3 {
    margin: 18px 0 0 0;
  }

.v3 .v3-p4 {
    margin: -185px 0 0 0;
  }

.v3 .v3-p5 {
    margin: 0;
  }

.v3 .v3-p1-title {
    position: relative;
    margin: 0 0 0 3px;
  }

.v3 .v3-p1-title0 {
    display: block;
    position: relative;
    margin: 0;
    background: url(../../resources/img/top/v3_p1_title1_7a2409dbe6e048ecf0504c844c5657f0.png) center top no-repeat;
    width: 346px;
    height: 51px;
  }

.v3 .v3-p1-title1 {
    display: block;
    position: relative;
    margin: 23px 0 0 -2px;
    background: url(../../resources/img/top/v3_p1_title2_5b976f55f5d6cf997ae578706d857b32.png) center top no-repeat;
    width: 481px;
    height: 42px;
  }

.v3 .v3-p1-title2 {
    display: block;
    position: relative;
    margin: 20px 0 0 -2px;
    background: url(../../resources/img/top/v3_p1_title3_31421a417714b85756c9e5ebfeaec17e.png) center top no-repeat;
    width: 576px;
    height: 70px;
  }

.v3 .v3-p1-txt1 {
    position: relative;
    margin: 22px 0 0 2px;
    background: url(../../resources/img/top/v3_p1_txt1_8194bdcbcddd0c6ccdc5d28922dbf3c4.png) center top no-repeat;
    width: 472px;
    height: 56px;
  }

.v3 .v3-p1-ss1 {
    position: relative;
    margin: 15px 0 0 2px;
  }

.v3 .v3-p1-ss2 {
    position: relative;
    top: 57px;
    left: -145px;
  }

.v3 .v3-p1-txt2 {
    position: relative;
    margin: 23px 0 0 2px;
    background: url(../../resources/img/top/v3_p1_txt2_a5df3981f5436cf5a006af58887c71c1.png) center top no-repeat;
    width: 397px;
    height: 57px;
  }

.v3 .v3-p2-title {
    position: relative;
    margin: 0 0 0 2px;
    width: 437px;
    height: 132px;
  }

.v3 .v3-p2-title1 {
    display: block;
    position: relative;
    margin: 0;
    background: url(../../resources/img/top/v3_p2_title1_0fae920b07d69fe1c84c79c17de117b1.png) center top no-repeat;
    width: 437px;
    height: 43px;
  }

.v3 .v3-p2-title2 {
    display: block;
    position: relative;
    margin: 20px 0 0;
    background: url(../../resources/img/top/v3_p2_title2_ea5d2b30e50d414052cc1c240d7e9a17.png) center top no-repeat;
    width: 325px;
    height: 69px;
  }

.v3 .v3-p2-txt1 {
    position: relative;
    margin: 23px 0 0 2px;
    background: url(../../resources/img/top/v3_p2_txt_b39c1250302bb6363cfe121a1004a107.png) center top no-repeat;
    width: 530px;
    height: 94px;
  }

.v3 .v3-p2-img {
    position: relative;
    margin: -264px 0 0 -248px;
  }

.v3 .v3-p3-title {
    position: relative;
    margin: 0 0 0 3px;
    width: 719px;
    height: 132px;
  }

.v3 .v3-p3-title1 {
    display: block;
    position: relative;
    background: url(../../resources/img/top/v3_p3_title1_c5c6ff5093e5ac66a26e2e12a5e7b299.png) center top no-repeat;
    width: 564px;
    height: 42px;
  }

.v3 .v3-p3-title2 {
    display: block;
    position: relative;
    margin: 20px 0 0;
    background: url(../../resources/img/top/v3_p3_title2_e88d22ccf4c01c96b55dd8edc5f744e0.png) center top no-repeat;
    width: 719px;
    height: 70px;
  }

.v3 .v3-p3-txt1 {
    position: relative;
    margin: 27px 0 0 4px;
    background: url(../../resources/img/top/v3_p3_txt_24d1bbb6871816864de1f4849c23f938.png) center top no-repeat;
    width: 250px;
    height: 92px;
  }

.v3 .v3-p3-ss1 {
    position: relative;
    margin: -87px 0 0 504px;
  }

.v3 .v3-p3-ss2 {
    position: relative;
    margin: -221px 0 0 103px;
  }

.v3 .v3-p3-img {
    position: relative;
    margin: -53px 0 0 658px;
  }

.v3 .v3-p4-title {
    position: relative;
    width: 908px;
    height: 180px;
  }

.v3 .v3-p4-title1 {
    display: block;
    position: relative;
    background: url(../../resources/img/top/v3_p4_title1_665276909a0316e89af62c9d6b50b2c9.png) center top no-repeat;
    width: 510px;
    height: 86px;
  }

.v3 .v3-p4-title2 {
    display: block;
    position: relative;
    margin: 24px 0 0;
    background: url(../../resources/img/top/v3_p4_title2_1c5d18e7faea1a2f032c459c8b372e0e.png) center top no-repeat;
    width: 908px;
    height: 69px;
  }

.v3 .v3-p4-ss1 {
    position: relative;
    margin: 95px 0 0 350px;
  }

.v3 .v3-p4-txt1 {
    position: relative;
    margin: -344px 0 0 -10px;
    background: url(../../resources/img/top/v3_p4_txt1_ed2be89315556f1e248d1e3695597607.png) center top no-repeat;
    width: 585px;
    height: 388px;
  }

.v3 .v3-p4-ss2 {
    position: relative;
    margin: -20px 0 0 212px;
  }

.v3 .v3-p4-txt2 {
    position: relative;
    margin: -275px 0 0 222px;
    background: url(../../resources/img/top/v3_p4_txt2_3070f0c9d3615a0286bc3c09e268c6ba.png) center top no-repeat;
    width: 805px;
    height: 390px;
  }

.v3 .v3-p5-title {
    position: relative;
    margin: 74px 0 0 318px;
    background: url(../../resources/img/top/v3_p5_title_c8a22e621a1b40e70efd8cba7cbdd78d.png) center top no-repeat;
    width: 653px;
    height: 69px;
  }

.v3 .v3-p5-txt1 {
    position: relative;
    margin: 20px 0 0 322px;
    background: url(../../resources/img/top/v3_p5_txt_2bfd5ea1a24c4d7ee399b47553f6d264.png) center top no-repeat;
    width: 435px;
    height: 57px;
  }

.v3 .v3-p5-img {
    position: relative;
    margin: -211px 0 0 12px;
  }

.v3 .v3-p5-ss1 {
    position: relative;
    top: -67px;
    left: -83px;
  }

.v3 .v3-p5-ss2 {
    position: relative;
    margin: -199px 0 0 505px;
  }

.v4 .v4-p1 {
    position: relative;
  }

.v4 .v4-p1 .v4-p1-bg {
      position: absolute;
      top: 18px;
      left: -450px;
    }

.v4 .v4-p1 .v4-p1-chara {
      position: relative;
      top: 75px;
      margin: 0 0 0 -135px;
    }

.v4 .v4-p1 .v4-p1-title {
      position: relative;
      margin: -629px 0 0 20px;
      background: url(../../resources/img/top/v4_p1_title_45074a478ed8976c73f1cf34f377525b.png) center top no-repeat;
      width: 501px;
      height: 102px;
    }

.v4 .v4-p1 .v4-p1-txt {
      position: relative;
      margin: 6px 0 0 29px;
      background: url(../../resources/img/top/v4_p1_txt_28530ee8188d61aa02881317d474a8a0.png) center top no-repeat;
      width: 472px;
      height: 350px;
    }

.v4 .v4-p1 .v4-p1-ss {
      position: relative;
      margin: 0 0 0 36px;
    }

.v4 .v4-p2 {
    position: absolute;
    left: 556px;
    top: 0;
    padding: 1px 0 0 1px;
  }

.v4 .v4-p2 .v4-p2-bg {
      position: absolute;
      top: -74px;
      left: -318px;
    }

.v4 .v4-p2 .v4-p2-chara {
      position: absolute;
      top: 30px;
      left: 197px;
    }

.v4 .v4-p2 .v4-p2-title {
      position: relative;
      margin: 214px 0 0;
      background: url(../../resources/img/top/v4_p2_title_ea55fd9d12ed1be843c47239114ab9ef.png) center top no-repeat;
      width: 471px;
      height: 116px;
    }

.v4 .v4-p2 .v4-p2-txt1 {
      position: relative;
      margin: 1px 0 0;
      background: url(../../resources/img/top/v4_p2_txt1_a0cf2224886adf05fc8cef970bf6bdb6.png) center top no-repeat;
      width: 428px;
      height: 122px;
    }

.v4 .v4-p2 .v4-p2-ss {
      position: relative;
      margin: 2px 0 0 14px;
    }

.v4 .v4-p2 .v4-p2-txt2 {
      position: relative;
      margin: 25px 0 0 13px;
      background: url(../../resources/img/top/v4_p2_txt2_85283f2f659f7a37ff8d2e1fb93f5f99.png) center top no-repeat;
      width: 451px;
      height: 193px;
    }

.v5 {
  margin-top: 290px;
}

.v5 .v5-bg {
    position: absolute;
    top: -345px;
    left: -448px;
  }

.v5 .v5-title {
    position: relative;
    top: 0;
    left: 5px;
    background: url(../../resources/img/top/v5_title_34e5246a26513c0a2d3efff5f105cd45.png) center top no-repeat;
    width: 830px;
    height: 317px;
  }

.v5 .v5-title .v5-limited-icon {
      position: relative;
      top: -37px;
      left: 572px;
    }

.v5 .v5-limited {
    display: block;
    position: relative;
    margin: -5px auto 0;
  }

.v5 .v5-limited-txt {
    position: relative;
    margin: 41px auto 0;
    background: url(../../resources/img/top/v5_limited_txt_d2e45625c5d0b3e5cff7ee5051199d56.png) center top no-repeat;
    width: 595px;
    height: 82px;
  }

.v5 .v5-p1 {
    position: relative;
  }

.v5 .v5-p1 .v5-p1-title {
      position: relative;
      margin: 37px 0 0 1px;
      background: url(../../resources/img/top/v5_p1_title_9c0ba2cf425651e9f3ad2f5cc450c6a4.png) center top no-repeat;
      width: 1019px;
      height: 116px;
    }

.v5 .v5-p1 .v5-p1-txt1 {
      position: relative;
      margin: 0 0 0 142px;
      background: url(../../resources/img/top/v5_p1_txt1_037cfdce354d7c033b3b841b05385c60.png) center top no-repeat;
      width: 644px;
      height: 128px;
    }

.v5 .v5-p1 .v5-p1-ss {
      position: relative;
      margin: 34px 0 0 -8px;
    }

.v5 .v5-p1 .v5-p1-txt2 {
      position: relative;
      margin: -214px 0 0 380px;
      background: url(../../resources/img/top/v5_p1_txt2_6ccefd7ccd3cfe978efb91c5092351bc.png) center top no-repeat;
      width: 621px;
      height: 195px;
    }

.v5 .v5-p1 .v5-p1-img {
      position: absolute;
      top: 180px;
      right: 10px;
    }

.v5 .v5-p2 {
    position: relative;
  }

.v5 .v5-p2 .v5-p2-title {
      position: relative;
      margin: 100px 0 0 1px;
      background: url(../../resources/img/top/v5_p2_title_6efe0d4fe775e105d728b825e073b2d4.png) center top no-repeat;
      width: 1018px;
      height: 95px;
    }

.v5 .v5-p2 .v5-p2-txt1 {
      position: relative;
      margin: -16px 0 0 149px;
      background: url(../../resources/img/top/v5_p2_txt_538f54831c260c47ad081792f251d5c4.png) center top no-repeat;
      width: 745px;
      height: 54px;
    }

.v5 .v5-p2 .v5-p2-items {
      position: relative;
      margin: 28px 0 0 -5px;
      background: url(../../resources/img/top/v5_p2_items_4aa257fa0a5cfcc009574c53e8ad05f9.png) center top no-repeat;
      width: 979px;
      height: 89px;
    }

.v5 .v5-p2 .v5-p2-img {
      position: absolute;
      top: 115px;
      right: -75px;
    }

.v5 .v5-p3 {
    position: relative;
  }

.v5 .v5-p3 .v5-p3-title {
      position: relative;
      margin: 72px 0 0 1px;
      background: url(../../resources/img/top/v5_p3_title_59df15a9c44d7451eb5b659741cae556.png) center top no-repeat;
      width: 1018px;
      height: 95px;
    }

.v5 .v5-p3 .v5-p3-txt1 {
      position: relative;
      margin: 2px 0 0 147px;
      background: url(../../resources/img/top/v5_p3_txt_f5f2bf27d46c41a3b3a597ee8048539c.png) center top no-repeat;
      width: 575px;
      height: 165px;
    }

.v5 .v5-p3 .v5-p3-img {
      position: absolute;
      top: 66px;
      right: -24px;
    }

.v6 .v6-package {
    position: absolute;
    top: 17px;
    left: 42px;
  }

.v6 .v6-spec {
    position: relative;
    margin: 166px 0 0 360px;
    background: url(../../resources/img/top/v6_spec_829f3d12c9a4a1de15a8a2f298fcc08f.png) center top no-repeat;
    width: 662px;
    height: 420px;
  }

.v6 .v6-spec .v6-spec-cero {
      position: relative;
      margin: 227px 0 0 530px;
      background: url(../../resources/img/top/v6_spec_cero_46abbdaea6c1c401433648ac5c7b7435.png) center top no-repeat;
      width: 73px;
      height: 85px;
    }

.sheeps {
  width: 100%;
  height: 11718px;
  pointer-events: none;
  position: absolute;
  z-index: 5;
  overflow-y: hidden;
}

.sheeps .inner {
    width: 100%;
    margin: auto;
    position: relative;
  }

.sheeps .inner div {
      position: absolute;
      opacity: 0;
    }

.sheeps .inner div.flake1 {
        background: url(../../resources/img/top/sheep_01_8318506380510482eef1b5a67f511a1d.png) no-repeat;
        width: 172px;
        height: 149px;
      }

.sheeps .inner div.flake2 {
        background: url(../../resources/img/top/sheep_02_599f6a6b159624edb26ac5c2f9e34f4e.png) no-repeat;
        width: 100px;
        height: 111px;
        background-size: contain;
      }

.sheeps .inner div.flake3 {
        background: url(../../resources/img/top/sheep_03_457d2e32ffac86c3e862c2e2f71d44d2.png) no-repeat;
        width: 63px;
        height: 70px;
        background-size: contain;
      }

@media all and (max-width: 900px) {
  #container {
    width: 900px;
  }
}

@media all and (min-width: 1920px) {
  body {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
        .first-view .container .logo .release-date {
          right: -30px;
          top: 60px;
        }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            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: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-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:before,
.slick-track:after
{
    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;
}