@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: "Malgun Gothic", "Dotum", '\B3CB\C6C0', "Apple SD Gothic Neo", "HY Gulim", Helvetica, Arial, "HY Dotum", "Roboto", 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: 1024px;
  position: relative;
  margin: auto;
}

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

header.top {
    position: relative;
  }

header.top .header-contents ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        opacity: 0;
      }

header.top .header-contents ul.run {
          -webkit-animation: fade-in-down 0.5s 1.2s both;
                  animation: fade-in-down 0.5s 1.2s both;
        }

header .header-contents {
    background: url(../../resources/img/common/h_bg_de4d0372259719d9c832ff3482e070ff.png) center 5px repeat-x;
    width: 100%;
    top: 0;
  }

header .header-contents.disp-enabled {
      position: fixed;
      -webkit-transition: top 0.2s;
      transition: top 0.2s;
      top: -140px;
      opacity: 0;
    }

header .header-contents.disp {
      top: 0;
      opacity: 1;
    }

header .header-contents ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

header .header-contents ul li {
        position: relative;

        -webkit-transition: 0.1s;

        transition: 0.1s;
      }

header .header-contents ul li:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

header .header-contents ul li:nth-child(1) {
          margin-left: -2px;
          margin-top: 1px;
        }

header .header-contents ul li:nth-child(2) {
          margin-left: 23px;
          margin-top: -6px;
        }

header .header-contents ul li:nth-child(3) {
          margin-left: 53px;
          margin-top: -6px;
        }

header .header-contents ul li:nth-child(4) {
          margin-left: 52px;
          margin-top: -12px;
        }

header .header-contents ul li:nth-child(5) {
          margin-left: 40px;
          margin-top: -15px;
        }

header .header-contents ul li:nth-child(6) {
          margin-left: 20px;
          margin-top: -10px;
        }

footer {
  position: relative;
  background: #000;
  padding: 32px 0 34px;
  z-index: 100;
}

footer .wrapper {
    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 {
    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/top/footer_p_studio_4caa72ea51bc43d58b1d0d3ac13a41c6.png) no-repeat;
      width: 59px;
      height: 88px;

      margin-right: 28px;
    }

footer .atlus-box .atlus-logo {
      background: url(../../resources/img/top/footer_atlus_35764fb619bd8942b240269acc26e46f.png) no-repeat;
      width: 193px;
      height: 58px;

      margin-right: 32px;
    }

footer .copyright {
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
  }

body {
  background: url(../../resources/img/shopguide/bg_9d05dc3c6545ec301246a88e188a2644.jpg) center top repeat-y #b71505;
}

body.lock {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

section {
  position: relative;
}

#fv {
  z-index: 10;
}

#fv h1 {
    padding: 123px 0 0 275px;
    position: relative;
  }

#fv .fv-txt {
    color: #fff;
    font-size: 18px;
    margin-left: 352px;
    position: relative;
  }

#fv .detail-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 14px;
    position: relative;
  }

#fv .detail-contents .details1,
    #fv .detail-contents .details2 {
      position: relative;
    }

#fv .detail-contents .details1 a, #fv .detail-contents .details2 a {
        background: url(../../resources/img/shopguide/detail_btn_ebc31b42aabb84532f005eca67e347d5.png) no-repeat;
        width: 297px;
        height: 87px;
        -webkit-transition: 0.1s;
        transition: 0.1s;

        position: absolute;
      }

#fv .detail-contents .details1 a:hover, #fv .detail-contents .details2 a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

#fv .detail-contents .details1 {
      margin-left: -6px;
    }

#fv .detail-contents .details1 a {
        top: 223px;
        left: 176px;
      }

#fv .detail-contents .details2 {
      margin: 32px 0 0 12px;
    }

#fv .detail-contents .details2 a {
        top: 190px;
        left: 72px;
      }

#shop-contents {
  margin-top: 58px;
  z-index: 10;
}

#shop-contents h2 {
    margin-left: 308px;
    position: relative;
  }

#shop-contents .select-img {
    margin: -22px 0 0 268px;
  }

#shop-contents #shop-box {
    margin-top: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

#shop-contents #shop-box .box {
      background: url(../../resources/img/shopguide/box_bg_7a7faf39626af3498119e129f00a2770.png) no-repeat;
      width: 498px;
      height: 212px;

      position: relative;
      margin: 0 10px 40px 0;
    }

#shop-contents #shop-box .box a {
        -webkit-transition: 0.1s;
        transition: 0.1s;
      }

#shop-contents #shop-box .box a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

#shop-contents #shop-box .box .shop-bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 38px 0 0 42px;
      }

#shop-contents #shop-box .box .shop-bnr p {
          color: #fff;
          line-height: 1.3;
          font-size: 20px;
          margin-left: 12px;
        }

#shop-contents #shop-box .box .shop-bnr p span {
            font-size: 11px;
          }

#shop-contents #shop-box .box .shop-bnr .no-bnr {
          margin: 17px 0 20px 0;
        }

#shop-contents #shop-box .box .btn-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 43px;
      }

#shop-contents #shop-box .box .btn-box .shop-btn {
          background: url(../../resources/img/shopguide/shop_btn_031f79f0082976ce3303b4fc440a8cff.png) no-repeat;
          width: 286px;
          height: 76px;
        }

#shop-contents #shop-box .box .btn-box .special-btn {
          background: url(../../resources/img/shopguide/special_btn_0b270d8a7bd43c6c3df30d2b93228802.png) no-repeat;
          width: 214px;
          height: 76px;
        }

#shop-contents #shop-box .box .btn-box .normal-btn {
          background: url(../../resources/img/shopguide/normal_btn_ad7e03777342fc71289a1857cd02f333.png) no-repeat;
          width: 214px;
          height: 76px;
        }

#shop-contents #shop-box .box .btn-box a {
          position: absolute;
        }

#shop-contents #shop-box #gamemania-ps4 .special-btn, #shop-contents #shop-box #gamemania-ns .special-btn, #shop-contents #shop-box #gamemol-ps4 .special-btn, #shop-contents #shop-box #gamemol-ns .special-btn, #shop-contents #shop-box #game-and-life-ps4 .special-btn, #shop-contents #shop-box #game-and-life-ns .special-btn, #shop-contents #shop-box #daewonshop-ns .special-btn, #shop-contents #shop-box #gameholic-ps4 .special-btn, #shop-contents #shop-box #gameholic-ns .special-btn, #shop-contents #shop-box #sjgame-ps4 .special-btn, #shop-contents #shop-box #sjgame-ns .special-btn, #shop-contents #shop-box #onestop-ns .special-btn, #shop-contents #shop-box #tcoa-ps4 .special-btn, #shop-contents #shop-box #tcoa-ns .special-btn {
        left: 246px;
      }

#shop-contents #shop-box #gamemania-ps4 .normal-btn, #shop-contents #shop-box #gamemania-ns .normal-btn, #shop-contents #shop-box #gamemol-ps4 .normal-btn, #shop-contents #shop-box #gamemol-ns .normal-btn, #shop-contents #shop-box #game-and-life-ps4 .normal-btn, #shop-contents #shop-box #game-and-life-ns .normal-btn, #shop-contents #shop-box #daewonshop-ns .normal-btn, #shop-contents #shop-box #gameholic-ps4 .normal-btn, #shop-contents #shop-box #gameholic-ns .normal-btn, #shop-contents #shop-box #sjgame-ps4 .normal-btn, #shop-contents #shop-box #sjgame-ns .normal-btn, #shop-contents #shop-box #onestop-ns .normal-btn, #shop-contents #shop-box #tcoa-ps4 .normal-btn, #shop-contents #shop-box #tcoa-ns .normal-btn {
        left: 32px;
      }

#shop-contents .notes {
    color: #fff;
    font-size: 16px;
    line-height: 1.75;
    padding-left: 175px;
  }

#dlc-otakara {
  margin: 11px 0 -56px;
  padding-bottom: 60px;
  z-index: 10;
}

#dlc-otakara .dlc-otakara-bg {
    background: url(../../resources/img/shopguide/dlc_otakara_bg_f092983dc468cc01a49606136745fe63.png) no-repeat;
    width: 1641px;
    height: 2328px;

    position: absolute;
    top: 31px;
    left: -307px;
  }

#dlc-otakara h2.dlc-title {
    margin: -30px 0 0 211px;
    position: relative;
  }

#dlc-otakara h2.dlc-title .catch {
      margin: -10px 0 0 28px;
    }

#dlc-otakara .dlc-copy1 {
    color: #fff;
    text-align: center;
    font-size: 19px;
    line-height: 1.6;
    margin: 25px auto 0;
    position: relative;
  }

#dlc-otakara .bgm-list {
    margin: 18px 0 0 214px;
    position: relative;
  }

#dlc-otakara .dlc-copy2 {
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    margin: 15px 0 0 309px;
    position: relative;
  }

#dlc-otakara h2#limited-title {
    margin: 112px 0 0 84px;
    position: relative;
  }

#dlc-otakara h2#limited-title .title {
      position: absolute;
      top: -11px;
      left: 486px;
    }

#dlc-otakara .limited-content {
    margin: -39px 0 0 -53px;
    position: relative;
  }

#dlc-otakara .limited-content2 {
    margin: -165px 0 0 36px;
    position: relative;
  }

#dlc-otakara .remark {
    color: #fff;
    margin: 39px auto 40px;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
  }

#bg {
  width: 100%;
  position: absolute;
  top: 0;
}

#bg img {
    margin-left: -330px;
  }

#bg-particle {
  width: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
}

#bg-particle img {
    position: absolute;
  }

#bg-particle .bg-particle {
    top: 152px;
    left: -117px;
  }

#select-box {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 1020px;
  padding-top: 60px;
  z-index: 10;
}

#select-box.fixed {
    position: fixed;
    top: 0;
  }

#select-box a {
    -webkit-transition: 0.1s;
    transition: 0.1s;

    position: relative;
    margin: 0 8px;
  }

#select-box a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

#select-box a.mixitup-control-active:before {
        content: url(../../resources/img/shopguide/select_current_ecc1113d80787552b384e914fc0dff42.png);
        position: absolute;
        top: -58px;
        left: -16px;
      }

#select-box .select-ps4 {
    background: url(../../resources/img/shopguide/select_ps4_btn_a8dd93a113fccc877bd1d987c01bd619.png) no-repeat;
    width: 300px;
    height: 95px;
  }

#select-box .select-ns {
    background: url(../../resources/img/shopguide/select_ns_btn_5044ae19334a2098dc990a31305e1cfa.png) no-repeat;
    width: 300px;
    height: 95px;
  }

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