@charset "UTF-8";
/************************************

  font

************************************/
@font-face {
  font-family: 'Noto Sans';
  src: url('https://www.capcom-games.com/common/font/SourceHanSansJP-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://www.capcom-games.com/common/font/SourceHanSansTW-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://www.capcom-games.com/common/font/SourceHanSansCN-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://www.capcom-games.com/common/font/SourceHanSansKR-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Serif';
  src: url('https://www.capcom-games.com/common/font/SourceHanSerifJP-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Serif TC';
  src: url('https://www.capcom-games.com/common/font/SourceHanSerifTW-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Serif SC';
  src: url('https://www.capcom-games.com/common/font/SourceHanSerifCN-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Noto Serif KR';
  src: url('https://www.capcom-games.com/common/font/SourceHanSerifKR-VF.otf.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Oswald';
  src: url('https://www.residentevil.com/common/font/Oswald-VariableFont.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Material Icons';
  src: url('https://www.capcom-games.com/common/font/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
}

/************************************
	reset
************************************/
a, area, button, input:not([type=range]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

/************************************
	base
************************************/
html,
body {
  height: 100%;
  width: 100%; }

html {
  box-sizing: border-box; }

*, ::after, ::before {
  box-sizing: inherit; }

body {
  background: #000;
  color: #333;
  font-family: 'Noto Sans', sans-serif;
  font-size: 2.6vw;
  font-weight: 400; }
  @media only screen and (min-width: 1024px) {
    body {
      font-size: 0.9375vw; } }
  body a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: none;
    color: #333;
    outline: none;
    text-decoration: none; }
  body ul li {
    list-style: none; }
    body ul li a {
      display: block; }
  body ul.note li {
    padding-left: 1em;
    text-indent: -1em; }
    body ul.note li::before {
      content: '※'; }
  body button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    outline: none; }
  body small.note {
    display: block;
    padding-left: 1em;
    text-indent: -1em; }
    body small.note::before {
      content: '※'; }
  body .btn a {
    display: block; }
  body #wrapper img {
    height: auto;
    width: 100%;
    border: none;
    margin: auto;
    outline: none; }

body[data-lang="hk"] {
  font-family: "Noto Sans TC", sans-serif; }
body[data-lang="cn"] {
  font-family: "Noto Sans SC", sans-serif; }
body[data-lang="kr"] {
  font-family: "Noto Sans KR", sans-serif; }

/************************************
	content
************************************/
#wrapper {
  overflow-x: hidden;
  position: relative;
  z-index: 2; }

.conts {
  line-height: 1.5; }
  .conts-box {
    padding: 0 6vw; }
    @media only screen and (min-width: 1024px) {
      .conts-box {
        padding: 0 2vw; } }
    .conts-box:not(#firstView) {
      margin-bottom: 24vw; }
      @media only screen and (min-width: 1024px) {
        .conts-box:not(#firstView) {
          margin-right: auto;
          margin-bottom: 12vw;
          margin-left: auto;
          width: 81.91489%; } }
    .conts-box-inner:not(:last-child) {
      margin-bottom: 12vw; }
      @media only screen and (min-width: 1024px) {
        .conts-box-inner:not(:last-child) {
          margin-bottom: 6vw; } }

/************************************
	globalNav
************************************/
.global-nav {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6; }
  @media only screen and (min-width: 1024px) {
    .global-nav {
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }
  .global-nav-btn {
    cursor: pointer;
    height: 5vw;
    position: fixed;
    right: 5vw;
    top: 5vw;
    width: 12.5vw;
    z-index: 7; }
    .global-nav-btn .label {
      color: #FFF;
      font-size: 3.6vw;
      font-family: 'Oswald', sans-serif;
      text-align: center;
      padding: .75vw 0;
      top: calc(100% + .5em);
      width: 100%; }
    body[data-lang="hk"]  .global-nav-btn .label {
      font-family: "Oswald", "Noto Sans TC", sans-serif; }
    body[data-lang="cn"]  .global-nav-btn .label {
      font-family: "Oswald", "Noto Sans SC", sans-serif; }
    body[data-lang="kr"]  .global-nav-btn .label {
      font-family: "Oswald", "Noto Sans KR", sans-serif; }
      .global-nav-btn .label .open {
        display: none; }
    @media only screen and (min-width: 1024px) {
      .global-nav-btn {
        display: none; } }
  @media only screen and (max-width: 1023px) {
    .global-nav-box {
      background: rgba(0, 0, 0, 0.8);
      height: 100vh;
      overflow-y: auto;
      padding: 4vw 0;
      position: relative;
      transition: width .25s ease-in;
      width: 0; } }
  @media only screen and (max-width: 1023px) {
    .global-nav-list {
      padding-top: 20vw; } }
  .global-nav-list li {
    font-size: 4.8vw;
    font-family: 'Oswald', sans-serif;
    text-align: right; }
  body[data-lang="hk"]  .global-nav-list li {
    font-family: "Oswald", "Noto Sans TC", sans-serif; }
  body[data-lang="cn"]  .global-nav-list li {
    font-family: "Oswald", "Noto Sans SC", sans-serif; }
  body[data-lang="kr"]  .global-nav-list li {
    font-family: "Oswald", "Noto Sans KR", sans-serif; }
    @media only screen and (max-width: 1023px) {
      .global-nav-list li {
        margin-right: -52vw;
        position: relative;
        transition: margin-right .25s ease-in .1s; } }
    @media only screen and (min-width: 1024px) {
      .global-nav-list li {
        font-size: 1.14583vw; } }
    .global-nav-list li a {
      color: #FFF;
      display: inline-block;
      transition: color .25s ease-in, opacity .25s ease-in, text-shadow .25s ease-in; }
    .global-nav-list li:not(.current):not(.link-btn) a:hover {
      opacity: .8; }
    .global-nav-list li:not(:last-child) {
      margin-bottom: 8vw; }
      @media only screen and (min-width: 1024px) {
        .global-nav-list li:not(:last-child) {
          margin-bottom: 2vw; } }
    .global-nav-list li:not(.link-btn) a::after {
      color: rgba(255, 255, 255, 0.8);
      content: "\02014";
      display: inline-block;
      font-weight: 700;
      margin-left: 0.25em; }
    .global-nav-list li.link-btn a {
      border: 1px solid #52B6A7;
      color: #52B6A7;
      padding: 2vw;
      position: relative;
      text-align: center;
      text-shadow: 2px 2px 8px rgba(82, 182, 167, 0.3), 2px -2px 8px rgba(82, 182, 167, 0.3), -2px 2px 8px rgba(82, 182, 167, 0.3), -2px -2px 8px rgba(82, 182, 167, 0.3);
      transition: box-shadow .25s ease-in; }
      @media only screen and (max-width: 1023px) {
        .global-nav-list li.link-btn a {
          margin-right: 5.4vw;
          margin-left: auto;
          width: 30%; } }
      @media only screen and (min-width: 1024px) {
        .global-nav-list li.link-btn a {
          margin: 0 1.2vw 0 0;
          padding: .5vw; } }
      .global-nav-list li.link-btn a:hover {
        box-shadow: 1px 1px 5px 0px rgba(82, 182, 167, 0.4), 1px -1px 5px 0px rgba(82, 182, 167, 0.4), -1px 1px 5px 0px rgba(82, 182, 167, 0.4), -1px -1px 5px 0px rgba(82, 182, 167, 0.4); }
    .global-nav-list li.nav-mutual-link {
      background: rgba(0, 0, 0, 0.5);
      margin-left: auto;
      width: 60%; }
      @media only screen and (min-width: 1024px) {
        .global-nav-list li.nav-mutual-link {
          margin-top: 4vw;
          max-width: 120px;
          width: 100%; } }
      .global-nav-list li.nav-mutual-link a::after {
        display: none; }
      .global-nav-list li.nav-mutual-link img {
        border: 1px solid #C60000;
        height: auto;
        width: 100%; }

/************************************
	movieBg
************************************/
.movie-bg {
  background: #000;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }
  @media only screen and (min-width: 1024px) {
    .movie-bg {
      left: 40px;
      width: calc(100% - 40px); } }
  .movie-bg .mv {
    left: 0;
    height: 100vh;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; }
    .movie-bg .mv .img {
      background: #000 url(../images/mv_sp.jpg) top center no-repeat;
      background-size: cover;
      height: 100%;
      transition: opacity .5s ease-out;
      width: 100%; }
      @media only screen and (min-width: 1024px) {
        .movie-bg .mv .img {
          background: url(../images/mv.jpg) top center no-repeat;
          background-size: cover; } }
    .movie-bg .mv video {
      opacity: .1;
      z-index: 3; }
  .movie-bg video {
    left: 50%;
    min-width: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .movie-bg::after {
    background: transparent;
    content: "";
    display: block;
    min-width: 100%;
    min-height: 100vh;
    position: absolute;
    z-index: 4; }

/************************************
	langSelect
************************************/
.lang-select {
  font-family: 'Noto Sans', sans-serif;
  font-size: 3.8vw;
  text-align: center; }
body[data-lang="hk"]  .lang-select {
  font-family: "Noto Sans TC", sans-serif; }
body[data-lang="cn"]  .lang-select {
  font-family: "Noto Sans SC", sans-serif; }
body[data-lang="kr"]  .lang-select {
  font-family: "Noto Sans KR", sans-serif; }
  @media only screen and (max-width: 1023px) {
    .lang-select {
      margin-bottom: 24vw; } }
  @media only screen and (min-width: 1024px) {
    .lang-select {
      font-size: 1.14583vw;
      position: fixed;
      right: 3vw;
      top: 3.75vw;
      z-index: 99; } }
  .lang-select form {
    position: relative; }

.lang-list {
  letter-spacing: -.4em; }
  .lang-list li {
    display: inline-block;
    letter-spacing: normal;
    line-height: 1; }
    .lang-list li a {
      color: rgba(255, 255, 255, 0.5); }
    .lang-list li:first-child {
      border-right: 1px solid rgba(255, 255, 255, 0.8);
      margin-right: 1em;
      padding-right: 1em; }
      @media only screen and (min-width: 1024px) {
        .lang-list li:first-child {
          margin-right: 0.5em;
          padding-right: 0.5em; } }

/************************************
	footer
************************************/
#title_footer {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1024px) {
  #title_footer {
    margin-right: auto;
    margin-left: auto;
    max-width: 96vw;
  }
  body:not(.gatePage) #title_footer {
    left: 20px;
    max-width: calc(96vw - 20px);
    padding-bottom: 2.5vw;
  }
}
#title_footer .title-footer-menu ul li a span::before,
#title_footer .title-footer-legal a {
  color: #BB1020;
}

/************************************
	navi
************************************/
.page-buy-btn {
  left: 0;
  position: fixed;
  transition: opacity .2s ease-out, visibility .2s ease-out, z-index .2s ease-out;
  z-index: 9; }
  @media only screen and (max-width: 1023px) {
    .page-buy-btn {
      background: #9a0000;
      bottom: 18px;
      text-align: center;
      width: 48%; } }
  @media only screen and (min-width: 1024px) {
    .page-buy-btn {
      height: 100%;
      top: 0;
      width: 40px; } }
  .page-buy-btn .btn {
    height: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 4.5vw;
    position: relative; }
  body[data-lang="hk"]  .page-buy-btn .btn {
    font-family: "Oswald", "Noto Sans TC", sans-serif; }
  body[data-lang="cn"]  .page-buy-btn .btn {
    font-family: "Oswald", "Noto Sans SC", sans-serif; }
  body[data-lang="kr"]  .page-buy-btn .btn {
    font-family: "Oswald", "Noto Sans KR", sans-serif; }
    @media only screen and (min-width: 1024px) {
      .page-buy-btn .btn {
        font-size: 24px;
        width: inherit;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl; } }
    .page-buy-btn .btn a {
      color: #FFF;
      padding: 6px 8px 10px 24px;
      position: relative; }
      @media only screen and (min-width: 1024px) {
        .page-buy-btn .btn a {
          padding: 0 6px;
          width: inherit; } }
      @media only screen and (min-width: 1024px) {
        .page-buy-btn .btn a .hide-sp {
          display: inline; } }
      @media only screen and (max-width: 1023px) {
        .page-buy-btn .btn a::after {
          color: #FFF;
          content: "\E5C5";
          display: inline-block;
          font-family: "Material Icons";
          font-size: 1.75em;
          left: .5vw;
          position: absolute;
          top: .5vw;
          vertical-align: top; } }
    .page-buy-btn .btn-inner {
      display: block;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .page-buy-btn .btn-inner {
          text-indent: -2em; } }
    .page-buy-btn .btn .btn-bg {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: -1; }
      @media only screen and (max-width: 1023px) {
        .page-buy-btn .btn .btn-bg {
          bottom: 0; } }
      @media only screen and (min-width: 1024px) {
        .page-buy-btn .btn .btn-bg {
          background: url(../images/common/buybtn_bg.svg) left -5px bottom no-repeat;
          background-size: 150%;
          top: 0; } }
    .page-buy-btn .btn small {
      font-family: "Noto Serif", serif;
      font-size: .75em;
      position: relative; }
    body[data-lang="hk"]  .page-buy-btn .btn small {
      font-family: "Noto Serif TC", sans-serif; }
    body[data-lang="cn"]  .page-buy-btn .btn small {
      font-family: "Noto Serif SC", sans-serif; }
    body[data-lang="kr"]  .page-buy-btn .btn small {
      font-family: "Noto Serif KR", sans-serif; }
      @media only screen and (max-width: 1023px) {
        .page-buy-btn .btn small {
          display: block;
          font-size: .5em;
          line-height: 1.5; } }
      @media only screen and (min-width: 1024px) {
        .page-buy-btn .btn small {
          left: -.125em; } }

@media only screen and (min-width: 1024px) {
  .ua-edge .page-buy-btn .btn small,
  .ua-ie .page-buy-btn .btn small {
    left: auto;
    top: .125em; } }

/************************************
	Module
************************************/
/*----- 見出し -----*/
.sec-ttl {
  color: #C60000;
  font-family: "Oswald", sans-serif;
  font-size: 8vw;
  line-height: 1.2;
  margin-bottom: 8vw;
  position: relative;
  text-align: center;
  transition: text-shadow .5s ease-in; }
body[data-lang="hk"]  .sec-ttl {
  font-family: "Oswald", "Noto Sans TC", sans-serif; }
body[data-lang="cn"]  .sec-ttl {
  font-family: "Oswald", "Noto Sans SC", sans-serif; }
body[data-lang="kr"]  .sec-ttl {
  font-family: "Oswald", "Noto Sans KR", sans-serif; }
  @media only screen and (min-width: 1024px) {
    .sec-ttl {
      font-size: 3.54167vw;
      margin-bottom: 4vw; } }
  .sec-ttl.deg-mg {
    margin-bottom: 4vw; }
    @media only screen and (min-width: 1024px) {
      .sec-ttl.deg-mg {
        margin-bottom: 2vw; } }
  .sec-ttl small {
    display: block;
    font-size: .5em; }
  .sec-ttl.size-s {
    font-size: 6vw; }
    @media only screen and (min-width: 1024px) {
      .sec-ttl.size-s {
        font-size: 1.5625vw; } }
  .sec-ttl.ic-up::before {
    color: #C60000;
    content: "[UP]";
    display: block;
    font-size: .3em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .5em;
    text-shadow: none; }

.h3-ttl.ic-up::before {
  color: #C60000;
  content: "[UP]";
  display: block;
  font-size: .4em;
  font-weight: 700;
  line-height: 1;
  text-shadow: none; }

/*----- テキストボックス -----*/
.text-box .h3-ttl {
  color: #FFF;
  font-size: 4.2vw;
  font-weight: 700; }
  @media only screen and (min-width: 1024px) {
    .text-box .h3-ttl {
      font-size: 1.97917vw; } }

.text-box p {
  color: #FFF; }
  .text-box p.lead {
    font-size: 5.2vw;
    font-weight: 700;
    margin-bottom: 8vw;
    line-height: 1.5; }
    @media only screen and (min-width: 1024px) {
      .text-box p.lead {
        font-size: 2.5vw;
        margin-bottom: 4vw; } }
    .text-box p.lead strong {
      color: #C60000;
      font-weight: 900; }
  .text-box p:not(.lead) {
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 2; }
    @media only screen and (min-width: 1024px) {
      .text-box p:not(.lead) {
        font-size: 1.45833vw; } }
    .text-box p:not(.lead):not(:last-child) {
      margin-bottom: 4vw; }
      @media only screen and (min-width: 1024px) {
        .text-box p:not(.lead):not(:last-child) {
          margin-bottom: 2vw; } }

.text-box li {
  color: #FFF;
  font-size: 3.2vw;
  line-height: 1.5; }
  @media only screen and (min-width: 1024px) {
    .text-box li {
      font-size: 1.45833vw; } }
  .text-box li:not(:last-child) {
    margin-bottom: 0.5em; }
    @media only screen and (min-width: 1024px) {
      .text-box li:not(:last-child) {
        margin-bottom: 0.5em; } }

/*----- マルチカラム -----*/
.col-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (min-width: 1024px) {
    .col-box-pc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

/*----- リンクボタン -----*/
.link-btn {
  font-weight: 700;
  text-align: center; }
  .link-btn .btn {
    font-size: 5.4vw; }
    @media only screen and (min-width: 1024px) {
      .link-btn .btn {
        font-size: 2.8125vw; } }
    .link-btn .btn a {
      color: #FFF;
      line-height: 1;
      padding: 0.66667em 4vw 0.66667em 8vw; }
      @media only screen and (min-width: 1024px) {
        .link-btn .btn a {
          padding: 0.66667em 2vw 0.66667em 4vw; } }
  @media only screen and (min-width: 1024px) {
    .link-btn-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media only screen and (min-width: 1024px) {
    .link-btn-list .btn {
      width: 48%; } }
  @media only screen and (max-width: 1023px) {
    .link-btn-list .btn:not(:last-child) {
      margin-bottom: 4vw; } }
  .link-btn-more, .link-btn-detail {
    font-weight: 400; }
    .link-btn-more .btn, .link-btn-detail .btn {
      border: 2px solid #D7D7D7;
      font-size: 4vw;
      position: relative;
      transition: opacity .2s ease; }
      @media only screen and (min-width: 1024px) {
        .link-btn-more .btn, .link-btn-detail .btn {
          font-size: 1.25vw; } }
      .link-btn-more .btn a, .link-btn-detail .btn a {
        background: transparent;
        font-family: "Oswald", sans-serif;
        transition: color .2s ease; }
      body[data-lang="hk"] .link-btn-more .btn a,
      body[data-lang="hk"] .link-btn-detail .btn a {
        font-family: "Oswald", "Noto Sans TC", sans-serif; }
      body[data-lang="cn"] .link-btn-more .btn a,
      body[data-lang="cn"] .link-btn-detail .btn a {
        font-family: "Oswald", "Noto Sans SC", sans-serif; }
      body[data-lang="kr"] .link-btn-more .btn a,
      body[data-lang="kr"] .link-btn-detail .btn a {
        font-family: "Oswald", "Noto Sans KR", sans-serif; }
        .link-btn-more .btn a::after, .link-btn-detail .btn a::after {
          display: none; }
      .link-btn-more .btn:hover, .link-btn-detail .btn:hover {
        opacity: .8; }
  .link-btn-more .btn a {
    padding: 0.4em 4vw 0.44444em; }
    @media only screen and (min-width: 1024px) {
      .link-btn-more .btn a {
        padding: 0.4em 2vw 0.44444em; } }
  .link-btn-detail {
    font-weight: 700; }
    .link-btn-detail .btn a {
      font-family: "Oswald", sans-serif; }
    body[data-lang="hk"] .link-btn-detail .btn a {
      font-family: "Oswald", "Noto Sans TC", sans-serif; }
    body[data-lang="cn"] .link-btn-detail .btn a {
      font-family: "Oswald", "Noto Sans SC", sans-serif; }
    body[data-lang="kr"] .link-btn-detail .btn a {
      font-family: "Oswald", "Noto Sans KR", sans-serif; }
      .link-btn-detail .btn a span {
        position: relative; }
        .link-btn-detail .btn a span::before {
          content: "+";
          font-size: 2em;
          font-weight: 400;
          left: -.75em;
          line-height: 1;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

/*----- 埋め込み動画 -----*/
.iframe-player {
  background: #000;
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .iframe-player .player {
    background: #000;
    height: 99.8%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 99.8%; }

/*----- ページ背景 -----*/
.page-bg {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }
  .page-bg .img {
    height: 100%;
    width: 100%; }
  .page-bg video {
    left: 50%;
    min-width: 100%;
    min-height: 100vh;
    opacity: .2;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1; }
  .page-bg::after {
    background: rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    min-width: 100%;
    min-height: 100vh;
    position: absolute;
    z-index: 2; }

/*----- TOPページリンク -----*/
.pagetop-link {
  font-size: 3vw;
  position: fixed;
  left: 6vw;
  top: 6vw;
  z-index: 6; }
  @media only screen and (min-width: 1024px) {
    .pagetop-link {
      font-size: 1.14583vw;
      left: 4vw;
      top: 4vw; } }
  .pagetop-link .btn a {
    color: #FFF;
    line-height: 1;
    transition: text-shadow .25s ease-in; }
    .pagetop-link .btn a::before {
      background: url(../images/common/slide_arrow_l.jpg) center no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      height: 1.2em;
      margin-right: .5em;
      vertical-align: sub;
      width: 1.2em; }
  .pagetop-link .btn:hover a {
    text-shadow: 2px 2px 4px rgba(198, 0, 0, 0.4), 2px -2px 4px rgba(198, 0, 0, 0.4), -2px 2px 4px rgba(198, 0, 0, 0.4), -2px -2px 4px rgba(198, 0, 0, 0.4); }

/*----- リンク -----*/
.links {
  color: #FFF;
  text-align: center; }
  .links .label {
    color: #FFF;
    font-size: 3.8vw;
    margin-bottom: 2vw; }
    @media only screen and (min-width: 1024px) {
      .links .label {
        font-size: 1.14583vw;
        margin-bottom: 1vw; } }
  .links .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .links .link-list .btn:not(:last-child) {
      margin-right: 2.5em; }
      @media only screen and (min-width: 1024px) {
        .links .link-list .btn:not(:last-child) {
          margin-right: 1.8em; } }
  .links.sns .sns-link .link-list .ic {
    display: block;
    height: 3.5em;
    position: relative;
    width: 3.5em; }
    @media only screen and (min-width: 1024px) {
      .links.sns .sns-link .link-list .ic {
        height: 2.8em;
        width: 2.8em; } }
    .links.sns .sns-link .link-list .ic-yt {
      background: url(../images/common/yt_icon.svg) center no-repeat;
      background-size: contain; }
    .links.sns .sns-link .link-list .ic-tw {
      background: url(../images/common/x_icon.svg) center no-repeat;
      background-size: contain; }
    .links.sns .sns-link .link-list .ic-fb {
      background: url(../images/common/fb_icon.svg) center no-repeat;
      background-size: contain; }
    .links.sns .sns-link .link-list .ic-insta {
      background: url(../images/common/insta_icon.svg) center no-repeat;
      background-size: contain; }
  .links.portal, .links.ecrm {
    margin-right: auto;
    margin-left: auto; }
    .links.portal .portal-link .link-btn .btn, .links.ecrm .portal-link .link-btn .btn {
      border: 2px solid #FFF;
      line-height: 1.2;
      transition: opacity .2s ease; }
      .links.portal .portal-link .link-btn .btn a, .links.ecrm .portal-link .link-btn .btn a {
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        font-family: "Oswald", sans-serif;
        padding: 0.66667em 4vw 0.8em;
        text-align: center;
        transition: color .2s ease;
        font-size: 4.6vw; }
      body[data-lang="hk"] .link-btn-detail .links.portal .portal-link .link-btn .btn a,
      body[data-lang="hk"] .link-btn-detail .links.ecrm .portal-link .link-btn .btn a {
        font-family: "Oswald", "Noto Sans TC", sans-serif; }
      body[data-lang="cn"] .link-btn-detail .links.portal .portal-link .link-btn .btn a,
      body[data-lang="cn"] .link-btn-detail .links.ecrm .portal-link .link-btn .btn a {
        font-family: "Oswald", "Noto Sans SC", sans-serif; }
      body[data-lang="kr"] .link-btn-detail .links.portal .portal-link .link-btn .btn a,
      body[data-lang="kr"] .link-btn-detail .links.ecrm .portal-link .link-btn .btn a {
        font-family: "Oswald", "Noto Sans KR", sans-serif; }
        @media only screen and (min-width: 1024px) {
          .links.portal .portal-link .link-btn .btn a, .links.ecrm .portal-link .link-btn .btn a {
            font-size: 1.5625vw;
            padding: 0.66667em 2vw 0.8em; } }
        .links.portal .portal-link .link-btn .btn a::after, .links.ecrm .portal-link .link-btn .btn a::after {
          display: none; }
        .links.portal .portal-link .link-btn .btn a small, .links.ecrm .portal-link .link-btn .btn a small {
          margin-left: 0.5em; }
      .links.portal .portal-link .link-btn .btn:hover, .links.ecrm .portal-link .link-btn .btn:hover {
        opacity: .8; }

/*----- 製品選択 -----*/
.product-box {
  color: #FFF; }
  .product-box a {
    color: #FFF; }
  .product-box .pf-list {
    background: rgba(0, 0, 0, 0.6);
    margin-bottom: 4vw; }
    @media only screen and (min-width: 1024px) {
      .product-box .pf-list {
        font-size: 1.4em;
        margin-bottom: 2vw; } }
    .product-box .pf-list .pf {
      text-align: center; }
      .product-box .pf-list .pf-logo {
        padding: 1vw 0.5em; }
        @media only screen and (min-width: 1024px) {
          .product-box .pf-list .pf-logo {
            padding: 0.5vw 1em; } }
        .product-box .pf-list .pf-logo img {
          max-height: 3.5vw;
          width: auto !important; }
          @media only screen and (min-width: 1024px) {
            .product-box .pf-list .pf-logo img {
              max-height: 1.8vw; } }
    .product-box .pf-list .fmt-list .fmt {
      cursor: pointer;
      text-decoration: underline;
      width: 50%; }
      .product-box .pf-list .fmt-list .fmt span {
        padding: 1.2em 0.5em;
        display: block; }
        @media only screen and (min-width: 1024px) {
          .product-box .pf-list .fmt-list .fmt span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 1em; } }
      .product-box .pf-list .fmt-list .fmt:hover {
        text-decoration: none; }
    .product-box .pf-list .fmt-list.full-size .fmt {
      width: 100%; }
    .product-box .pf-list .pf-ps4 {
      border: 2px solid #0248A0;
      width: 49.5%; }
      @media only screen and (min-width: 1024px) {
        .product-box .pf-list .pf-ps4 {
          width: 29%; } }
      .product-box .pf-list .pf-ps4 .pf-logo {
        background: #0248A0; }
      .product-box .pf-list .pf-ps4 .fmt-list .fmt span {
        border: 2px solid rgba(102, 153, 255, 0); }
      .product-box .pf-list .pf-ps4 .fmt-list .fmt:not(:last-child) {
        border-right: 2px solid #0248A0; }
    .product-box .pf-list .pf-xbox {
      border: 2px solid #107A10;
      width: 49.5%; }
      @media only screen and (min-width: 1024px) {
        .product-box .pf-list .pf-xbox {
          width: 29%; } }
      .product-box .pf-list .pf-xbox .pf-logo {
        background: #107A10; }
      .product-box .pf-list .pf-xbox .fmt-list .fmt span {
        border: 2px solid rgba(111, 175, 111, 0); }
      .product-box .pf-list .pf-xbox .fmt-list .fmt:not(:last-child) {
        border-right: 2px solid #107A10; }
    .product-box .pf-list .pf-steam {
      border: 2px solid #6A6A6A;
      width: 49.5%; }
      @media only screen and (min-width: 1024px) {
        .product-box .pf-list .pf-steam {
          width: 21%; } }
      .product-box .pf-list .pf-steam .pf-logo {
        background: #6A6A6A; }
      .product-box .pf-list .pf-steam .fmt-list .fmt span {
        border: 2px solid rgba(160, 160, 160, 0); }
      .product-box .pf-list .pf-steam .fmt-list .fmt:not(:last-child) {
        border-right: 2px solid #6A6A6A; }
        .product-box .pf-list .pf-windows {
          border: 2px solid #0078b4;
          width: 49.5%; }
          @media only screen and (min-width: 1024px) {
            .product-box .pf-list .pf-windows {
              width: 21%; } }
          .product-box .pf-list .pf-windows .pf-logo {
            background: #0078b4; }
          .product-box .pf-list .pf-windows .fmt-list .fmt span {
            border: 2px solid rgba(160, 160, 160, 0); }
          .product-box .pf-list .pf-windows .fmt-list .fmt:not(:last-child) {
            border-right: 2px solid #0078b4; }
        @media only screen and (min-width: 1024px) {
    .product-box .ed-list {
      font-size: 1.4em; } }
  .product-box .ed-list .ed {
    cursor: pointer;
    display: table;
    line-height: 1.2;
    text-align: center;
    text-decoration: underline; }
    .product-box .ed-list .ed span {
      border-top: 4px solid transparent;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      display: table-cell;
      height: 4em;
      padding: 1.5em 1em 2em;
      vertical-align: middle;
      width: 100%; }
      @media only screen and (min-width: 1024px) {
        .product-box .ed-list .ed span {
          border-bottom: none;
          padding: 0.5em 1em 0.66667em; } }
    @media only screen and (min-width: 1024px) {
      .product-box .ed-list .ed:not(:last-child) {
        border-right: 1px solid #333; } }
    .product-box .ed-list .ed:hover {
      text-decoration: none; }
  .product-box .product-detail {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #333; }
  @media only screen and (min-width: 1024px) {
    .product-box-inner {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .product-box-inner .product-name {
    border-bottom: 1px solid #333;
    font-size: 4vw;
    padding: 0.66667em 1em;
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .product-box-inner .product-name {
        font-size: 1.66667vw; } }
    .product-box-inner .product-name .icon {
      line-height: 1;
      margin: 0 0.5em; }
    @media only screen and (min-width: 1024px) {
      .product-box-inner .product-name .hide-sp {
        display: inline; } }
  .product-box-inner .product-img {
    line-height: 0;
    padding: 4vw;
    width: 100%; }
    @media only screen and (max-width: 1023px) {
      .product-box-inner .product-img {
        border-bottom: 1px solid #333; } }
    @media only screen and (min-width: 1024px) {
      .product-box-inner .product-img {
        border-right: 1px solid #333;
        padding: 2vw;
        width: 50%; } }
    .product-box-inner .product-img .img-box {
      margin-bottom: 4vw;
      position: relative; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-img .img-box {
          margin-bottom: 2vw; } }
      .product-box-inner .product-img .img-box a {
        display: block;
        pointer-events: none; }
      .product-box-inner .product-img .img-box .ic-open {
        bottom: 0.5em;
        display: none;
        font-weight: 700;
        position: absolute;
        right: 0.5em; }
    .product-box-inner .product-img .link-btn {
      width: 100%; }
      .product-box-inner .product-img .link-btn .btn {
        font-size: 3.2vw;
        height: 100%;
        overflow: hidden; }
        @media only screen and (min-width: 1024px) {
          .product-box-inner .product-img .link-btn .btn {
            font-size: 1.04167vw; } }
        .product-box-inner .product-img .link-btn .btn a {
          height: inherit;
          padding: 2px; }
        .product-box-inner .product-img .link-btn .btn-icon {
          background: #313131;
          border: none;
          height: auto;
          position: relative;
          width: 6%; }
          @media only screen and (min-width: 1024px) {
            .product-box-inner .product-img .link-btn .btn-icon {
              width: 4%; } }
          .product-box-inner .product-img .link-btn .btn-icon span {
            font-size: 1.2em;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
            .product-box-inner .product-img .link-btn .btn-icon span::before {
              display: none; }
          .product-box-inner .product-img .link-btn .btn-icon::before {
            display: block;
            position: absolute;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .product-box-inner .product-img .link-btn .btn-thumb {
          background: url(../images/product/modal/item_img01.jpg) center top no-repeat;
          background-size: 140%;
          width: 18%; }
        .product-box-inner .product-img .link-btn .btn-text {
          text-align: left;
          padding: 1.2em 4%;
          width: 76%; }
          @media only screen and (min-width: 1024px) {
            .product-box-inner .product-img .link-btn .btn-text {
              width: 78%; } }
          .product-box-inner .product-img .link-btn .btn-text strong {
            color: #C60000;
            display: block;
            margin-bottom: .5em; }
  .product-box-inner .product-buy {
    font-size: 3.6vw;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .product-box-inner .product-buy {
        font-size: 1.25vw; } }
    .product-box-inner .product-buy-ttl {
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
      padding: 0.66667em 1em; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy-ttl {
          text-align: center; } }
    .product-box-inner .product-buy-inner .store-info {
      margin-bottom: 2.66667vw; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy-inner .store-info {
          margin-bottom: 1.33333vw;
          font-size: 1.22396vw; } }
    .product-box-inner .product-buy-inner .privilege-img {
      margin-bottom: 2.66667vw; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy-inner .privilege-img {
          margin-bottom: 1.33333vw; } }
    .product-box-inner .product-buy-inner .link-btn .btn {
      font-size: 4vw;
      transition: opacity .2s ease; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy-inner .link-btn .btn {
          font-size: 1.45833vw; } }
      .product-box-inner .product-buy-inner .link-btn .btn a::after {
        right: 2em; }
      .product-box-inner .product-buy-inner .link-btn .btn:hover {
        opacity: .8; }
    @media only screen and (min-width: 1024px) {
      .product-box-inner .product-buy.main {
        width: 50%; } }
    .product-box-inner .product-buy.main .store {
      padding: 4vw; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy.main .store {
          padding: 2vw; } }
    .product-box-inner .product-buy.main .store-info .store-logo-text {
      font-weight: 700;
      font-size: 4.8vw;
      margin-bottom: .5em;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy.main .store-info .store-logo-text {
          font-size: 1.66667vw; } }
      .product-box-inner .product-buy.main .store-info .store-logo-text strong {
        line-height: 1.2; }
    .product-box-inner .product-buy.main .privilege-img {
      text-align: center; }
      @media only screen and (max-width: 1023px) {
        .product-box-inner .product-buy.main .privilege-img img {
          max-width: 68%; } }
    .product-box-inner .product-buy.main .link-btn .btn {
      margin-right: auto;
      margin-left: auto;
      width: 100%; }
      .product-box-inner .product-buy.main .link-btn .btn a {
        padding: 1.25em 4vw 1.5em;
        position: relative; }
        @media only screen and (min-width: 1024px) {
          .product-box-inner .product-buy.main .link-btn .btn a {
            padding: 1em 2vw 1.15em; } }
        .product-box-inner .product-buy.main .link-btn .btn a::after {
          border-top: 2px solid #FFF;
          border-right: 2px solid #FFF;
          content: "";
          display: block;
          height: .5em;
          position: absolute;
          right: 1em;
          top: 50%;
          -webkit-transform: rotate(45deg) translateY(-50%);
          -moz-transform: rotate(45deg) translateY(-50%);
          -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
          width: .5em; }
    .product-box-inner .product-buy.sub .product-buy-ttl {
      display: none; }
    .product-box-inner .product-buy.sub .store-list {
      display: none;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 4vw 4vw 2vw; }
      @media only screen and (max-width: 1023px) {
        .product-box-inner .product-buy.sub .store-list {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-buy.sub .store-list {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 2vw; } }
      .product-box-inner .product-buy.sub .store-list .store {
        line-height: 0;
        width: 48%; }
        @media only screen and (max-width: 1023px) {
          .product-box-inner .product-buy.sub .store-list .store {
            margin-bottom: 2vw; } }
        @media only screen and (min-width: 1024px) {
          .product-box-inner .product-buy.sub .store-list .store {
            width: 18%; } }
        @media only screen and (min-width: 1024px) {
          .product-box-inner .product-buy.sub .store-list .store:not(:last-child) {
            margin-right: 1vw; } }
  .product-box-inner .product-note {
    border-top: 1px solid #333;
    font-size: 2.8vw;
    padding: 1em 2em;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .product-box-inner .product-note {
        font-size: 0.83333vw; } }
    .product-box-inner .product-note-list-ttl {
      color: #C60000;
      font-size: 3vw;
      font-weight: 700;
      margin-bottom: 0.5em; }
      @media only screen and (min-width: 1024px) {
        .product-box-inner .product-note-list-ttl {
          font-size: 0.9375vw; } }
    .product-box-inner .product-note-list {
      color: #999; }
      .product-box-inner .product-note-list li {
        line-height: 1.5; }

/************************************
	pattern
************************************/
/*----- frame -----*/
.frame-pattern {
  height: 10vw;
  position: fixed;
  width: 10vw;
  z-index: 5; }
  @media only screen and (min-width: 1024px) {
    .frame-pattern {
      height: 5vw;
      width: 5vw; } }
  .frame-pattern::before, .frame-pattern::after {
    background: rgba(173, 173, 173, 0.5);
    content: '';
    display: block;
    position: absolute; }
  .frame-pattern::before {
    height: 2px;
    width: 100%; }
  .frame-pattern::after {
    height: 100%;
    width: 2px; }
  .frame-pattern.pos-tl {
    left: 2vw;
    top: 2vw; }
    .frame-pattern.pos-tl::before, .frame-pattern.pos-tl::after {
      left: 0;
      top: 0; }
  .frame-pattern.pos-tr {
    right: 2vw;
    top: 2vw; }
    .frame-pattern.pos-tr::before, .frame-pattern.pos-tr::after {
      right: 0;
      top: 0; }
  .frame-pattern.pos-bl {
    bottom: 2vw;
    left: 2vw; }
    .frame-pattern.pos-bl::before, .frame-pattern.pos-bl::after {
      bottom: 0;
      left: 0; }
  .frame-pattern.pos-br {
    bottom: 2vw;
    right: 2vw; }
    .frame-pattern.pos-br::before, .frame-pattern.pos-br::after {
      bottom: 0;
      right: 0; }

/*----- conts -----*/
.conts-pattern {
  position: absolute;
  z-index: 5; }
  .conts-pattern::before, .conts-pattern::after {
    background: rgba(173, 173, 173, 0.5);
    content: '';
    display: block;
    position: absolute; }
  .conts-pattern.pos-tl {
    left: 0;
    top: 0; }
    .conts-pattern.pos-tl::before, .conts-pattern.pos-tl::after {
      left: 0;
      top: 0; }
  .conts-pattern.pos-tr {
    right: 0;
    top: 0; }
    .conts-pattern.pos-tr::before, .conts-pattern.pos-tr::after {
      right: 0;
      top: 0; }
  .conts-pattern.pos-bl {
    bottom: 0;
    left: 0; }
    .conts-pattern.pos-bl::before, .conts-pattern.pos-bl::after {
      bottom: 0;
      left: 0; }
  .conts-pattern.pos-br {
    bottom: 0;
    right: 0; }
    .conts-pattern.pos-br::before, .conts-pattern.pos-br::after {
      bottom: 0;
      right: 0; }

/*----- btn -----*/
.btn-pattern {
  height: 50%;
  position: absolute;
  width: 1vw;
  z-index: 5; }
  .btn-pattern::before, .btn-pattern::after {
    background: #FFF;
    content: '';
    display: block;
    position: absolute; }
  .btn-pattern::before {
    height: 2px;
    width: 100%; }
  .btn-pattern::after {
    height: 100%;
    width: 2px; }
  .btn-pattern.pos-tl {
    left: 0;
    top: 0; }
    .btn-pattern.pos-tl::before, .btn-pattern.pos-tl::after {
      left: 0;
      top: 0; }
  .btn-pattern.pos-tr {
    right: 0;
    top: 0; }
    .btn-pattern.pos-tr::before, .btn-pattern.pos-tr::after {
      right: 0;
      top: 0; }
  .btn-pattern.pos-bl {
    bottom: 0;
    left: 0; }
    .btn-pattern.pos-bl::before, .btn-pattern.pos-bl::after {
      bottom: 0;
      left: 0; }
  .btn-pattern.pos-br {
    bottom: 0;
    right: 0; }
    .btn-pattern.pos-br::before, .btn-pattern.pos-br::after {
      bottom: 0;
      right: 0; }

/************************************
	object
************************************/
/*----- clearfix -----*/
.cf::before, .cf::after {
  content: "";
  display: table; }

.cf::after {
  clear: both; }

/*----- アイコン -----*/
.ic-open {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #FFF;
  font-size: 3.6vw;
  height: 5vw;
  position: relative;
  width: 5vw;
  z-index: 9; }
  @media only screen and (min-width: 1024px) {
    .ic-open {
      font-size: 1.2vw;
      height: 2vw;
      width: 2vw; } }
  .ic-open::before {
    color: #FFF;
    content: "\E145";
    display: inline-block;
    font-family: "Material Icons";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/*----- 括弧 -----*/
.mark-bracket {
  margin: 0 .2em;
  position: relative;
  top: -.05em; }

/*----- kerning -----*/
.kerning {
  margin-right: -0.5em;
  margin-left: -0.5em;
  position: relative; }

/*----- テキスト -----*/
.ta-l {
  text-align: left; }

.ta-c {
  text-align: center; }

.ta-r {
  text-align: right; }

@media only screen and (min-width: 1024px) {
  .ta-l-pc {
    text-align: left; } }

@media only screen and (min-width: 1024px) {
  .ta-c-pc {
    text-align: center; } }

@media only screen and (min-width: 1024px) {
  .ta-r-pc {
    text-align: right; } }

/*----- 配色 -----*/
.label-end {
  color: #C60000;
  font-size: .8;
  letter-spacing: -.05em; }

/*----- 余白 -----*/
.mg-none {
  margin: 0; }

.pd-0 {
  padding: 0; }

.pd-b {
  padding-bottom: 4vw; }
  @media only screen and (min-width: 1024px) {
    .pd-b {
      padding-bottom: 2vw; } }

.pd-b-1h-t {
  padding-bottom: 6vw; }
  @media only screen and (min-width: 1024px) {
    .pd-b-1h-t {
      padding-bottom: 3vw; } }

.pd-b-1h-d {
  padding-bottom: 2.66667vw; }
  @media only screen and (min-width: 1024px) {
    .pd-b-1h-d {
      padding-bottom: 1.33333vw; } }

.pd-b-2-t {
  padding-bottom: 8vw; }
  @media only screen and (min-width: 1024px) {
    .pd-b-2-t {
      padding-bottom: 4vw; } }

.pd-b-2-d {
  padding-bottom: 2vw; }
  @media only screen and (min-width: 1024px) {
    .pd-b-2-d {
      padding-bottom: 1vw; } }

.pd-t {
  padding-top: 4vw; }
  @media only screen and (min-width: 1024px) {
    .pd-t {
      padding-top: 2vw; } }

.pd-t-1h-t {
  padding-top: 6vw; }
  @media only screen and (min-width: 1024px) {
    .pd-t-1h-t {
      padding-top: 3vw; } }

.pd-t-1h-d {
  padding-top: 2.66667vw; }
  @media only screen and (min-width: 1024px) {
    .pd-t-1h-d {
      padding-top: 1.33333vw; } }

.pd-t-2-t {
  padding-top: 8vw; }
  @media only screen and (min-width: 1024px) {
    .pd-t-2-t {
      padding-top: 4vw; } }

.pd-t-2-d {
  padding-top: 2vw; }
  @media only screen and (min-width: 1024px) {
    .pd-t-2-d {
      padding-top: 1vw; } }

.mg-0 {
  margin: 0; }

.mg-b {
  margin-bottom: 4vw; }
  @media only screen and (min-width: 1024px) {
    .mg-b {
      margin-bottom: 2vw; } }

.mg-b-1h-t {
  margin-bottom: 6vw; }
  @media only screen and (min-width: 1024px) {
    .mg-b-1h-t {
      margin-bottom: 3vw; } }

.mg-b-1h-d {
  margin-bottom: 2.66667vw; }
  @media only screen and (min-width: 1024px) {
    .mg-b-1h-d {
      margin-bottom: 1.33333vw; } }

.mg-b-2-t {
  margin-bottom: 8vw; }
  @media only screen and (min-width: 1024px) {
    .mg-b-2-t {
      margin-bottom: 4vw; } }

.mg-b-2-d {
  margin-bottom: 2vw; }
  @media only screen and (min-width: 1024px) {
    .mg-b-2-d {
      margin-bottom: 1vw; } }

.mg-t {
  margin-top: 4vw; }
  @media only screen and (min-width: 1024px) {
    .mg-t {
      margin-top: 2vw; } }

.mg-t-1h-t {
  margin-top: 6vw; }
  @media only screen and (min-width: 1024px) {
    .mg-t-1h-t {
      margin-top: 3vw; } }

.mg-t-1h-d {
  margin-top: 2.66667vw; }
  @media only screen and (min-width: 1024px) {
    .mg-t-1h-d {
      margin-top: 1.33333vw; } }

.mg-t-2-t {
  margin-top: 8vw; }
  @media only screen and (min-width: 1024px) {
    .mg-t-2-t {
      margin-top: 4vw; } }

.mg-t-2-d {
  margin-top: 2vw; }
  @media only screen and (min-width: 1024px) {
    .mg-t-2-d {
      margin-top: 1vw; } }

/*----- 表示 -----*/
.hide-sp,
.img-pc {
  display: none; }

/*** TB（横）/PC ***/
@media only screen and (min-width: 1024px) {
  .hide-sp {
    display: block; }
  .img-pc {
    display: inline; }
  .hide-pc,
  .img-sp {
    display: none; } }

.nav-br {
  display: none; }

/************************************
	Theme
************************************/
/********** Index **********/
@media only screen and (min-width: 1024px) {
  .index #wrapper {
    margin-left: auto;
    width: calc(100% - 40px); } }

@media only screen and (min-width: 1024px) {
  .index .frame-pattern.pos-tl {
    left: calc(2vw + 40px); } }

@media only screen and (min-width: 1024px) {
  .index .frame-pattern.pos-bl {
    left: calc(2vw + 40px); } }

.index .conts-box#firstView {
  padding: 0;
  height: calc(100vh - 40px);
  position: relative;
  transition: opacity .5s ease-out;
  width: 100%;
  z-index: 1; }
  @media only screen and (orientation: landscape) and (max-width: 1023px) {
    .index .conts-box#firstView {
      min-height: 150vh; } }
  @media only screen and (min-width: 1024px), only screen and (min-width: 769px) and (max-width: 1023px) {
    .index .conts-box#firstView {
      height: 100vh;
      min-height: 500px; } }
  .index .conts-box#firstView .conts-box-inner {
    height: 100%;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .index .conts-box#firstView .conts-box-inner .inner {
      height: 100%;
      position: relative; }
      @media only screen and (max-width: 1023px) {
        .index .conts-box#firstView .conts-box-inner .inner {
          padding: 0; } }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#firstView .conts-box-inner .inner {
          margin-right: auto;
          margin-left: auto;
          max-width: 1020px;
          width: 54.25532%; } }
  .index .conts-box#firstView .page-logo {
    opacity: .94;
    position: relative;
    top: 38vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#firstView .page-logo {
        top: 0;
        -webkit-transform: translateY(18vh);
        -moz-transform: translateY(18vh);
        -ms-transform: translateY(18vh);
        transform: translateY(18vh); } }
    .index .conts-box#firstView .page-logo-img {
      line-height: 0;
      position: relative; }
      .index .conts-box#firstView .page-logo-img .img-glitch {
        position: relative;
        z-index: -1; }
        .index .conts-box#firstView .page-logo-img .img-glitch::before, .index .conts-box#firstView .page-logo-img .img-glitch::after {
          content: "";
          display: block;
          height: 100%;
          opacity: .5;
          position: absolute;
          top: 0;
          width: 100%; }
        .index .conts-box#firstView .page-logo-img .img-glitch::before {
          background: url(../images/common/logo.png) center no-repeat;
          background-size: contain; }
        .index .conts-box#firstView .page-logo-img .img-glitch::after {
          background: url(../images/common/logo.png) center no-repeat;
          background-size: contain; }
    .index .conts-box#firstView .page-logo .ruby {
      color: #DBCDC6;
      display: block;
      font-size: 4vw;
      font-weight: 700;
      text-align: center;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#firstView .page-logo .ruby {
          font-size: 1.66667vw; } }
  .index .conts-box#firstView .release {
    color: #C60000;
    font-size: 13vw;
    font-family: "Oswald", sans-serif;
    left: 50%;
    line-height: 1.2;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 8px rgba(198, 0, 0, 0.4), 1px -1px 8px rgba(198, 0, 0, 0.4), -1px 1px 8px rgba(198, 0, 0, 0.4), -1px -1px 8px rgba(198, 0, 0, 0.4);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%; }
  body[data-lang="hk"].index .conts-box#firstView .release {
    font-family: "Oswald", "Noto Sans TC", sans-serif; }
  body[data-lang="cn"].index .conts-box#firstView .release {
    font-family: "Oswald", "Noto Sans SC", sans-serif; }
  body[data-lang="kr"].index .conts-box#firstView .release {
    font-family: "Oswald", "Noto Sans KR", sans-serif; }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#firstView .release {
        top: 84vw; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#firstView .release {
        bottom: 2.5vw;
        font-size: 4.58333vw; } }
  .index .conts-box#firstView .notice {
    color: #ff0000;
    font-weight: bold;
    font-size: 4vw;
    margin: 0 3vw;
    position: absolute;
    bottom: 20%;
    text-shadow: 1px 1px 8px black, 1px -1px 8px black, -1px 1px 8px black, -1px 1px 8px black;
    text-align: center;
    text-decoration: underline;
    z-index: 100; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#firstView .notice {
        font-size: 1.3vw;
        left: 50%;
        top: 4%;
        bottom: auto;
        margin: 0;
        white-space: nowrap;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
  .index .conts-box#firstView .update-info {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 96%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#firstView .update-info {
        top: 120%; } }
    .index .conts-box#firstView .update-info .update-list li {
      font-size: 4vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#firstView .update-info .update-list li {
          font-size: 2.08333vw; } }
      .index .conts-box#firstView .update-info .update-list li .date {
        color: #C60000; }
      .index .conts-box#firstView .update-info .update-list li .text {
        color: #FFF; }
  .index .conts-box#firstView .scroll-btn {
    left: 50%;
    opacity: .94;
    position: absolute;
    top: calc(80vh - 40px);
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#firstView .scroll-btn {
        bottom: 4vw;
        top: 90%; } }
    @media only screen and (orientation: landscape) and (max-width: 1023px) {
      .index .conts-box#firstView .scroll-btn {
        display: none; } }
    .index .conts-box#firstView .scroll-btn .btn {
      position: relative;
      z-index: 2;
      display: inline-block;
      height: 6vw;
      width: 6vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#firstView .scroll-btn .btn {
          height: 2vw;
          width: 2vw; } }
      .index .conts-box#firstView .scroll-btn .btn a {
        height: 6vw;
        left: 50%;
        margin-left: -3vw;
        width: 6vw; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#firstView .scroll-btn .btn a {
            height: 2vw;
            margin-left: -1vw;
            width: 2vw; } }
        .index .conts-box#firstView .scroll-btn .btn a span {
          border-left: solid #DBCDC6;
          border-bottom: solid #DBCDC6;
          border-width: 0 0 2px 2px;
          height: 100%;
          left: 50%;
          margin-left: -3vw;
          position: absolute;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          width: 100%; }
          @media only screen and (min-width: 1024px) {
            .index .conts-box#firstView .scroll-btn .btn a span {
              border-width: 0 0 4px 4px;
              margin-left: -1vw; } }

.index .conts-box#topics {
  padding: 24vw 0 0; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#topics {
      padding: 12vw 0 0;
      width: 100%; } }
  .index .conts-box#topics .topics-list .topics {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #C60000; }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#topics .topics-list .topics:not(:last-child) {
        margin-bottom: 4vw; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#topics .topics-list .topics {
        width: 48%; } }
    .index .conts-box#topics .topics-list .topics a {
      transition: opacity .25s ease-in; }
      .index .conts-box#topics .topics-list .topics a:hover {
        opacity: .8; }
      .index .conts-box#topics .topics-list .topics a .thumb {
        line-height: 0; }
      .index .conts-box#topics .topics-list .topics a .text {
        color: #FFF;
        font-size: 3.2vw;
        line-height: 1.5;
        padding: 4%;
        word-wrap: break-word; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#topics .topics-list .topics a .text {
            font-size: 1.14583vw;
            padding: 2% 4%; } }
        .index .conts-box#topics .topics-list .topics a .text .date {
          color: #C60000;
          display: inline;
          font-size: .6em;
          font-weight: 700;
          margin-right: .4em;
          position: relative;
          top: .2em;
          vertical-align: top; }
          @media only screen and (max-width: 1023px) {
            .index .conts-box#topics .topics-list .topics a .text .date {
              margin-bottom: .4em; } }
          @media only screen and (min-width: 1024px) {
            .index .conts-box#topics .topics-list .topics a .text .date {
              top: .5em; } }
          .index .conts-box#topics .topics-list .topics a .text .date .up::after {
            content: "UP";
            margin-left: .2em; }
        .index .conts-box#topics .topics-list .topics a .text p {
          display: inline; }
  .index .conts-box#topics .link-btn {
    margin-top: 16vw;
    margin-right: auto;
    margin-left: auto;
    width: 68%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#topics .link-btn {
        margin-top: 8vw;
        width: 26%; } }
    .index .conts-box#topics .link-btn .btn {
      border: 2px solid #FFF;
      font-family: "Oswald", sans-serif;
      font-size: 5.6vw;
      font-weight: 400;
      width: 100%; }
    body[data-lang="hk"].index .conts-box#topics .link-btn .btn {
      font-family: "Oswald", "Noto Sans TC", sans-serif; }
    body[data-lang="cn"].index .conts-box#topics .link-btn .btn {
      font-family: "Oswald", "Noto Sans SC", sans-serif; }
    body[data-lang="kr"].index .conts-box#topics .link-btn .btn {
      font-family: "Oswald", "Noto Sans KR", sans-serif; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#topics .link-btn .btn {
          font-size: 1.875vw; } }
      .index .conts-box#topics .link-btn .btn a {
        padding: 0.66667em 4vw 0.66667em; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#topics .link-btn .btn a {
            padding: 0.66667em 2vw 0.66667em; } }
      .index .conts-box#topics .link-btn .btn .up {
        position: relative; }
        .index .conts-box#topics .link-btn .btn .up::before {
          color: #C60000;
          content: "[UP]";
          font-size: .6em;
          font-weight: 700;
          left: -3em;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.index .conts-box#trailer {
  padding: 0; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#trailer {
      width: 100%; } }
  .index .conts-box#trailer .player-list .list a {
    border: 1px solid #C60000;
    line-height: 0;
    margin-bottom: 0.5em;
    padding-top: 56.25%;
    position: relative;
    transition: box-shadow .5s ease-in; }
    .index .conts-box#trailer .player-list .list a img {
      height: calc(100% - 2px);
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: calc(100% - 2px); }
    .index .conts-box#trailer .player-list .list a::after {
      background: url(../images/common/yt_icon_b.svg) center no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 16%;
      left: 50%;
      max-width: 135px;
      opacity: .8;
      position: absolute;
      top: 50%;
      transition: background .25s ease, opacity .25s ease;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 12%; }
    .index .conts-box#trailer .player-list .list a:hover::after {
      background: url(../images/common/yt_icon_r.svg) center no-repeat;
      background-size: contain;
      opacity: 1; }
  .index .conts-box#trailer .player-list .list .list-ttl {
    color: #FFF;
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 4vw;
    text-align: center;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#trailer .player-list .list .list-ttl {
        font-size: 1.25vw;
        margin-bottom: 1vw; } }
    .index .conts-box#trailer .player-list .list .list-ttl .date {
      color: #C60000;
      display: block;
      font-size: .6em; }

.index .conts-box#about .concept-box {
  color: #FFF;
  margin-bottom: 12vw;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#about .concept-box {
      margin-bottom: 6vw; } }
  .index .conts-box#about .concept-box h3 {
    font-size: 10.4vw;
    font-weight: 700;
    letter-spacing: -.05em;
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#about .concept-box h3 {
        font-size: 6.45833vw; } }
    .index .conts-box#about .concept-box h3 .back-text {
      color: rgba(19, 19, 19, 0.8);
      font-size: 1.85em;
      opacity: .6;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: -1; }
    .index .conts-box#about .concept-box h3.mastermind {
      text-shadow: 8px 8px 16px rgba(198, 0, 0, 0.4), 8px -8px 16px rgba(198, 0, 0, 0.4), -8px 8px 16px rgba(198, 0, 0, 0.4), -8px -8px 16px rgba(198, 0, 0, 0.4); }
      .index .conts-box#about .concept-box h3.mastermind .back-text {
        text-shadow: 1px 1px 1px rgba(198, 0, 0, 0.8), 1px -1px 1px rgba(198, 0, 0, 0.8), -1px 1px 1px rgba(198, 0, 0, 0.8), -1px -1px 1px rgba(198, 0, 0, 0.8), 8px 8px 16px rgba(198, 0, 0, 0.4), 8px -8px 16px rgba(198, 0, 0, 0.4), -8px 8px 16px rgba(198, 0, 0, 0.4), -8px -8px 16px rgba(198, 0, 0, 0.4); }
    .index .conts-box#about .concept-box h3.survivor {
      text-shadow: 8px 8px 16px rgba(82, 182, 167, 0.4), 8px -8px 16px rgba(82, 182, 167, 0.4), -8px 8px 16px rgba(82, 182, 167, 0.4), -8px -8px 16px rgba(82, 182, 167, 0.4); }
      .index .conts-box#about .concept-box h3.survivor .back-text {
        text-shadow: 1px 1px 1px rgba(82, 182, 167, 0.8), 1px -1px 1px rgba(82, 182, 167, 0.8), -1px 1px 1px rgba(82, 182, 167, 0.8), -1px -1px 1px rgba(82, 182, 167, 0.8), 8px 8px 16px rgba(82, 182, 167, 0.4), 8px -8px 16px rgba(82, 182, 167, 0.4), -8px 8px 16px rgba(82, 182, 167, 0.4), -8px -8px 16px rgba(82, 182, 167, 0.4); }
  .index .conts-box#about .concept-box .label-text {
    font-size: 8vw;
    font-weight: 700;
    margin-top: 4vw;
    margin-bottom: 4vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#about .concept-box .label-text {
        font-size: 4.375vw;
        margin-top: 1vw;
        margin-bottom: 1vw; } }

.index .conts-box#about .text-box {
  text-align: center; }

.index .conts-box#gameplay {
  padding: 0;
  width: 100%; }
  .index .conts-box#gameplay .conts-nav {
    bottom: 0;
    left: 50%;
    opacity: 0;
    position: fixed;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    transition: opacity .1s ease-in, visibility .1s ease-in, z-index .1s ease-in;
    width: 76%;
    z-index: -1; }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#gameplay .conts-nav {
        font-size: 4vw; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-nav {
        display: none; } }
    .index .conts-box#gameplay .conts-nav-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .index .conts-box#gameplay .conts-nav-list li {
        background: rgba(0, 0, 0, 0.7);
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        width: 50%; }
      body[data-lang="hk"].index .conts-box#gameplay .conts-nav-list li {
        font-family: "Oswald", "Noto Sans TC", sans-serif; }
      body[data-lang="cn"].index .conts-box#gameplay .conts-nav-list li {
        font-family: "Oswald", "Noto Sans SC", sans-serif; }
      body[data-lang="kr"].index .conts-box#gameplay .conts-nav-list li {
        font-family: "Oswald", "Noto Sans KR", sans-serif; }
        .index .conts-box#gameplay .conts-nav-list li a {
          color: #FFF;
          padding: 4vw; }
        .index .conts-box#gameplay .conts-nav-list li.mastermind a {
          background: rgba(198, 0, 0, 0.6); }
        .index .conts-box#gameplay .conts-nav-list li.survivor a {
          background: rgba(82, 182, 167, 0.6); }
  .index .conts-box#gameplay .conts-box-inner.rule {
    margin-right: auto;
    margin-left: auto;
    padding: 4.8vw 4vw 4vw;
    position: relative;
    width: 85.18519%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.rule {
        margin-bottom: 4vw;
        padding: 2.4vw 4vw 2vw;
        width: 75.10638%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.rule .text-box {
        text-align: center; } }
    .index .conts-box#gameplay .conts-box-inner.rule .text-box .h3-ttl {
      left: 0;
      position: absolute;
      text-align: center;
      top: -.75em;
      width: 100%; }
    .index .conts-box#gameplay .conts-box-inner.rule .text-box ul {
      text-align: left; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.rule .text-box ul {
          display: inline-block; } }
      .index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
        font-weight: 700;
        padding-left: 1em;
        text-indent: -1em; }
        .index .conts-box#gameplay .conts-box-inner.rule .text-box ul li strong {
          font-weight: 900; }
          .index .conts-box#gameplay .conts-box-inner.rule .text-box ul li strong.mastermind {
            color: #C60000; }
          .index .conts-box#gameplay .conts-box-inner.rule .text-box ul li strong.survivor {
            color: #52B6A7; }
    .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern {
      height: 25vw;
      width: 50%; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern {
          height: 5vw; } }
      .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern::before {
        height: 2px;
        width: calc(100% + .1px); }
      .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern::after {
        height: 20%;
        width: 2px; }
      .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tl {
        width: 35%; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tl {
            width: 40%; } }
      .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tr {
        width: 35%; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tr {
            width: 40%; } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#gameplay .conts-box-inner.group {
      margin-right: auto;
      margin-left: auto;
      width: 85.18519%; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#gameplay .conts-box-inner.group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 4vw; } }
  .index .conts-box#gameplay .conts-box-inner.group .inner {
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.group .inner {
        width: 50%; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .group-ttl {
      color: #FFF;
      font-family: 'Oswald', sans-serif;
      font-size: 7vw;
      margin-bottom: 8vw;
      opacity: .8;
      text-align: center; }
    body[data-lang="hk"].index .conts-box#gameplay .conts-box-inner.group .inner .group-ttl {
      font-family: "Oswald", "Noto Sans TC", sans-serif; }
    body[data-lang="cn"].index .conts-box#gameplay .conts-box-inner.group .inner .group-ttl {
      font-family: "Oswald", "Noto Sans SC", sans-serif; }
    body[data-lang="kr"].index .conts-box#gameplay .conts-box-inner.group .inner .group-ttl {
      font-family: "Oswald", "Noto Sans KR", sans-serif; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .group-ttl {
          font-size: 2.8125vw;
          margin-bottom: 4vw; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .back-text {
      color: rgba(0, 0, 0, 0.2);
      font-family: 'Oswald', sans-serif;
      font-size: 40vw;
      font-weight: 700;
      letter-spacing: -.05em;
      line-height: 1;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      position: absolute;
      top: 1%;
      z-index: -1; }
    body[data-lang="hk"].index .conts-box#gameplay .conts-box-inner.group .inner .back-text {
      font-family: "Oswald", "Noto Sans TC", sans-serif; }
    body[data-lang="cn"].index .conts-box#gameplay .conts-box-inner.group .inner .back-text {
      font-family: "Oswald", "Noto Sans SC", sans-serif; }
    body[data-lang="kr"].index .conts-box#gameplay .conts-box-inner.group .inner .back-text {
      font-family: "Oswald", "Noto Sans KR", sans-serif; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .back-text {
          font-size: 10.20833vw;
          opacity: 0;
          position: fixed;
          top: 0; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .info {
      margin-bottom: 16vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .info {
          margin-bottom: 8vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner .info .inner-box:not(:last-child) {
        margin-bottom: 8vw; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .info .inner-box:not(:last-child) {
            margin-bottom: 4vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner .info .img {
        line-height: 0;
        margin-bottom: 4vw; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .info .img {
            margin-bottom: 2vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner .info .text-box .h3-ttl {
        font-size: 5.2vw;
        margin-bottom: 4vw;
        text-align: center; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .info .text-box .h3-ttl {
            font-size: 1.97917vw;
            margin-bottom: 2vw; } }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .info .text-box p {
          font-size: 1.25vw; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .character .group-ttl {
      margin-bottom: 4vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .group-ttl {
          margin-bottom: 2vw; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box {
      background: rgba(0, 0, 0, 0.5);
      transition: box-shadow .25s ease-in;
      position: relative; }
      .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box.ic-up {
        overflow: hidden; }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box.ic-up::before, .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box.ic-up::after {
          display: block;
          position: absolute; }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box.ic-up::before {
          background: #FFF;
          content: "";
          height: 5.5em;
          right: -5.75em;
          top: -2.75em;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 11.5em; }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box.ic-up::after {
          color: #FFF;
          content: "UP";
          font-size: .8em;
          font-weight: 700;
          height: 1em;
          line-height: 1;
          right: .5em;
          text-align: center;
          top: 1em;
          width: 2em; }
      .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box:not(:last-child) {
        margin-bottom: 4vw; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box:not(:last-child) {
            margin-bottom: 1vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box a {
        display: block; }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box a.disable {
          cursor: default;
          pointer-events: none; }
          .index .conts-box#gameplay .conts-box-inner.group .inner .character .inner-box a.disable .box::after {
            display: none; }
    .index .conts-box#gameplay .conts-box-inner.group .inner .character .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .index .conts-box#gameplay .conts-box-inner.group .inner .character .box::after {
        content: "";
        display: block;
        height: 4vw;
        position: absolute;
        right: 3vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: box-shadow .25s ease-in;
        width: 4.1vw; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .character .box::after {
            height: 1.5vw;
            right: 1vw;
            width: 1.6vw; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .character .img {
      line-height: 0;
      width: 34%; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .img {
          width: 26%; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box {
      padding: 2% 3%;
      width: 66%; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box {
          width: 74%; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box p {
        font-size: 3.2vw;
        line-height: 1.5; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box p {
            font-size: 1.25vw; } }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box p.type {
          font-weight: 900;
          line-height: 1.2;
          margin-bottom: 0.125em; }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box p.name {
          font-weight: 400;
          margin-bottom: 0.5em; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box .skill-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box .skill-list li {
        border: 1px solid #999;
        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;
        font-size: 2.4vw;
        line-height: 1;
        padding: 1vw;
        text-align: center;
        width: 85%; }
        @media only screen and (max-width: 1023px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box .skill-list li {
            margin-bottom: 1vw; } }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box .skill-list li {
            font-size: 0.83333vw;
            margin-bottom: 0;
            padding: 0.5vw;
            width: 42%; } }
        .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box .skill-list li:first-child {
          margin-right: 1%; }
          @media only screen and (min-width: 1024px) {
            .index .conts-box#gameplay .conts-box-inner.group .inner .character .text-box .skill-list li:first-child {
              margin-right: 2%; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner::after {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      transition: background .5s ease-in;
      top: 0;
      width: 100vw;
      z-index: -1; }
      @media only screen and (max-width: 1023px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner::after {
          background: rgba(198, 0, 0, 0.2); } }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner::after {
          position: fixed; } }
    .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind {
      padding: 12vw 0 12vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind {
          padding: 4vw 4vw 0 12vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .group-ttl {
        transition: text-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .back-text {
        left: -12vw;
        transition: color .25s ease-in, opacity .25s ease-in; }
        @media only screen and (max-width: 1023px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .back-text {
            display: none;
            opacity: .4;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); } }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .back-text {
            left: calc(1.4% + 40px);
            color: rgba(198, 0, 0, 0); } }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .info .img {
        transition: box-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .info .text-box .h3-ttl, .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .info .text-box p {
        transition: text-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .group-ttl {
        transition: text-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .box {
        border: 1px solid #C60000; }
        .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .box::after {
          background: url(../images/common/modal_ic_master.jpg) center no-repeat;
          background-size: contain; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .text-box p.type {
        color: #C60000; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .text-box p.name {
        margin-bottom: 0; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .plofile-box {
        border-right: 1px solid #C60000;
        border-bottom: 1px solid #C60000;
        border-left: 1px solid #C60000;
        padding: 2% 3%; }
        .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .plofile-box p {
          color: #FFF;
          font-size: 3.4vw; }
          @media only screen and (min-width: 1024px) {
            .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .plofile-box p {
              font-size: 0.9375vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .inner-box.ic-up::before {
        background: rgba(198, 0, 0, 0.8); }
      .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .inner-box:not(.disable):hover {
        box-shadow: 1px 1px 5px 0px rgba(198, 0, 0, 0.4), 1px -1px 5px 0px rgba(198, 0, 0, 0.4), -1px 1px 5px 0px rgba(198, 0, 0, 0.4), -1px -1px 5px 0px rgba(198, 0, 0, 0.4); }
        .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind .character .inner-box:not(.disable):hover .box::after {
          box-shadow: 1px 1px 5px 0px rgba(198, 0, 0, 0.4), 1px -1px 5px 0px rgba(198, 0, 0, 0.4), -1px 1px 5px 0px rgba(198, 0, 0, 0.4), -1px -1px 5px 0px rgba(198, 0, 0, 0.4); }
      @media only screen and (max-width: 1023px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind::after {
          background: rgba(198, 0, 0, 0.2);
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); } }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner.mastermind::after {
          background: rgba(198, 0, 0, 0);
          left: 0;
          width: calc(50% + 20px); } }
    .index .conts-box#gameplay .conts-box-inner.group .inner.survivor {
      padding: 8vw 0 12vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner.survivor {
          padding: 4vw 12vw 0 4vw; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .group-ttl {
        transition: text-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .back-text {
        right: -12vw;
        transition: color .25s ease-in, opacity .25s ease-in; }
        @media only screen and (max-width: 1023px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .back-text {
            display: none;
            opacity: .4; } }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .back-text {
            color: rgba(82, 182, 167, 0);
            right: .5%; } }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .info .img {
        transition: box-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .info .text-box .h3-ttl, .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .info .text-box p {
        transition: text-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .group-ttl {
        transition: text-shadow .5s ease-in; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .box {
        border: 1px solid #52B6A7; }
        .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .box::after {
          background: url(../images/common/modal_ic_surviv.jpg) center no-repeat;
          background-size: contain; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .text-box p.type {
        color: #52B6A7; }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .inner-box.ic-up::before {
        background: rgba(82, 182, 167, 0.8); }
      .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .inner-box:not(.disable):hover {
        box-shadow: 1px 1px 5px 0px rgba(82, 182, 167, 0.4), 1px -1px 5px 0px rgba(82, 182, 167, 0.4), -1px 1px 5px 0px rgba(82, 182, 167, 0.4), -1px -1px 5px 0px rgba(82, 182, 167, 0.4); }
        .index .conts-box#gameplay .conts-box-inner.group .inner.survivor .character .inner-box:not(.disable):hover .box::after {
          box-shadow: 1px 1px 5px 0px rgba(82, 182, 167, 0.4), 1px -1px 5px 0px rgba(82, 182, 167, 0.4), -1px 1px 5px 0px rgba(82, 182, 167, 0.4), -1px -1px 5px 0px rgba(82, 182, 167, 0.4); }
      @media only screen and (max-width: 1023px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner.survivor::after {
          background: rgba(82, 182, 167, 0.2);
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); } }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#gameplay .conts-box-inner.group .inner.survivor::after {
          background: rgba(82, 182, 167, 0);
          right: 0;
          width: calc(50% - 20px); } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#gameplay .conts-box-inner.stage {
      padding: 0 8vw !important; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#gameplay .conts-box-inner.stage {
      margin-right: auto;
      margin-left: auto;
      width: 75.10638%; } }
  .index .conts-box#gameplay .conts-box-inner.stage .h3-ttl {
    color: #FFF;
    font-family: "Oswald", sans-serif;
    font-size: 7vw;
    margin-bottom: 4vw;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(198, 0, 0, 0.3), 2px -2px 4px rgba(198, 0, 0, 0.3), -2px 2px 4px rgba(198, 0, 0, 0.3), -2px -2px 4px rgba(198, 0, 0, 0.3); }
  body[data-lang="hk"].index .conts-box#gameplay .conts-box-inner.stage .h3-ttl {
    font-family: "Oswald", "Noto Sans TC", sans-serif; }
  body[data-lang="cn"].index .conts-box#gameplay .conts-box-inner.stage .h3-ttl {
    font-family: "Oswald", "Noto Sans SC", sans-serif; }
  body[data-lang="kr"].index .conts-box#gameplay .conts-box-inner.stage .h3-ttl {
    font-family: "Oswald", "Noto Sans KR", sans-serif; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.stage .h3-ttl {
        font-size: 2.8125vw;
        margin-bottom: 2vw; } }
  .index .conts-box#gameplay .conts-box-inner.stage .inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.stage .inner-box {
        width: 48%; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#gameplay .conts-box-inner.stage .inner-box:not(:last-child) {
        margin-bottom: 4vw; } }
  .index .conts-box#gameplay .conts-box-inner.stage .stage-img {
    border: 1px solid #444;
    margin-bottom: 2vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.stage .stage-img {
        margin-bottom: 2vw; } }
    .index .conts-box#gameplay .conts-box-inner.stage .stage-img .img {
      line-height: 0; }
  .index .conts-box#gameplay .conts-box-inner.stage .stage-name {
    color: #FFF;
    font-family: "Oswald", sans-serif;
    font-size: 5.2vw;
    font-weight: 700;
    margin-bottom: 2vw;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(198, 0, 0, 0.3), 2px -2px 4px rgba(198, 0, 0, 0.3), -2px 2px 4px rgba(198, 0, 0, 0.3), -2px -2px 4px rgba(198, 0, 0, 0.3); }
  body[data-lang="hk"].index .conts-box#gameplay .conts-box-inner.stage .stage-name {
    font-family: "Oswald", "Noto Sans TC", sans-serif; }
  body[data-lang="cn"].index .conts-box#gameplay .conts-box-inner.stage .stage-name {
    font-family: "Oswald", "Noto Sans SC", sans-serif; }
  body[data-lang="kr"].index .conts-box#gameplay .conts-box-inner.stage .stage-name {
    font-family: "Oswald", "Noto Sans KR", sans-serif; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.stage .stage-name {
        font-size: 1.97917vw;
        margin-bottom: 1vw; } }
  .index .conts-box#gameplay .conts-box-inner.stage .stage-info {
    font-size: 2.8vw;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#gameplay .conts-box-inner.stage .stage-info {
        font-size: 1.04167vw; } }

.index .conts-box#art {
  position: relative; }
  .index .conts-box#art .slide-box {
    padding: 0 2vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#art .slide-box {
        padding: 0 2vw; } }

.index .conts-box#product {
  padding-top: 12vw; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#product {
      padding-top: 6vw; } }
  .index .conts-box#product .sec-ttl {
    color: #FFF;
    line-height: 1.2; }
  .index .conts-box#product .rating-text {
    color: #FFF;
    font-size: 3.2vw;
    margin-top: 4vw;
    text-align: center;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#product .rating-text {
        font-size: 1.35417vw;
        margin-top: 2vw; } }
    .index .conts-box#product .rating-text a {
      color: #C60000;
      font-weight: 700;
      text-decoration: underline; }
      .index .conts-box#product .rating-text a:hover {
        text-decoration: none; }
  .index .conts-box#product .link-bnr {
    margin-top: 4vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#product .link-bnr {
        margin-top: 2vw; } }
    .index .conts-box#product .link-bnr a {
      transition: opacity .2s ease; }
      .index .conts-box#product .link-bnr a:hover {
        opacity: .8; }

.index .conts-box#spec .sec-ttl {
  color: #FFF;
  font-size: 3.8vw;
  text-shadow: none !important; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#spec .sec-ttl {
      font-size: 1.45833vw; } }

.index .conts-box#spec .spec-box {
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#spec .spec-box.col-box-pc {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: auto;
      margin-left: auto;
      width: 85%; } }
  .index .conts-box#spec .spec-box .box {
    display: inline-block; }
    .index .conts-box#spec .spec-box .box p {
      color: #FFF;
      font-size: 3.6vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#spec .spec-box .box p {
          font-size: 1.45833vw; } }
      .index .conts-box#spec .spec-box .box p a, .index .conts-box#spec .spec-box .box p img {
        display: inline;
        vertical-align: middle;
        width: auto; }
    .index .conts-box#spec .spec-box .box.title {
      width: 100%; }
      .index .conts-box#spec .spec-box .box.title p {
        font-size: 6vw;
        font-weight: 700; }
        @media only screen and (max-width: 1023px) {
          .index .conts-box#spec .spec-box .box.title p {
            line-height: 1.2; } }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#spec .spec-box .box.title p {
            font-size: 2.08333vw; } }
        @media only screen and (max-width: 1023px) {
          .index .conts-box#spec .spec-box .box.title p small {
            display: block;
            font-size: .8em; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#spec .spec-box .box.genre {
        margin-bottom: 2vw;
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box .box.genre {
        margin-right: 2vw;
        margin-bottom: 2vw; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#spec .spec-box .box.release {
        margin-bottom: 2vw;
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box .box.release {
        margin-right: 2vw;
        margin-bottom: 2vw; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#spec .spec-box .box.note {
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box .box.note {
        margin-bottom: 2vw; } }
    .index .conts-box#spec .spec-box .box.note p {
      font-size: 3vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#spec .spec-box .box.note p {
          font-size: 1.14583vw; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#spec .spec-box .box.reengine {
        width: 46%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box .box.reengine {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 1.33333vw; } }
    .index .conts-box#spec .spec-box .box.reengine img {
      width: 34%; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#spec .spec-box .box.reengine img {
          max-width: 84px; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#spec .spec-box .box.rating {
        width: 52%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box .box.rating {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; } }
    .index .conts-box#spec .spec-box .box.rating img {
      width: 24%; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#spec .spec-box .box.rating img {
          max-width: 58px; } }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#spec .spec-box .box.award {
        margin-top: 4vw;
        width: 46%; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box .box.award {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 1.33333vw; } }
    .index .conts-box#spec .spec-box .box.award img {
      width: 44%; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#spec .spec-box .box.award img {
          max-width: 168px;
          width: 54%; } }
  .index .conts-box#spec .spec-box:not(:last-child) {
    margin-bottom: 4vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#spec .spec-box:not(:last-child) {
        margin-bottom: 2vw; } }

.index .conts-box#links {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24vw; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links {
      margin-right: auto;
      margin-bottom: 8vw;
      margin-left: auto;
      padding: 0;
      width: 48.93617%; } }
  .index .conts-box#links .links-box {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#links .links.manual {
      margin-bottom: 12vw; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.manual {
      margin-bottom: 3vw;
      width: 32.6087%; } }
  .index .conts-box#links .links.manual .link-btn {
    margin-right: auto;
    margin-left: auto;
    width: 60%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links.manual .link-btn {
        width: 100%; } }
    .index .conts-box#links .links.manual .link-btn .btn {
      border: 2px solid #FFF;
      font-size: 4.2vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#links .links.manual .link-btn .btn {
          font-size: 1.04167vw; } }
      .index .conts-box#links .links.manual .link-btn .btn a {
        background: rgba(0, 0, 0, 0.5);
        padding: 0.66667em 4vw 0.8em;
        transition: opacity .2s ease; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#links .links.manual .link-btn .btn a {
            padding: 0.8em 1vw 1em; } }
        .index .conts-box#links .links.manual .link-btn .btn a::after {
          display: none; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#links .links.manual .link-btn .btn a:hover {
            opacity: .8; } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#links .links.renet {
      margin-bottom: 6vw; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.renet {
      margin-right: 3vw;
      margin-bottom: 3vw;
      width: 32.6087%; } }
  .index .conts-box#links .links.renet .link-btn {
    margin-right: auto;
    margin-left: auto;
    width: 60%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links.renet .link-btn {
        width: 100%; } }
    .index .conts-box#links .links.renet .link-btn .btn {
      border: 2px solid #FFF;
      font-size: 4.2vw; }
      @media only screen and (min-width: 1024px) {
        .index .conts-box#links .links.renet .link-btn .btn {
          font-size: 1.04167vw; } }
      .index .conts-box#links .links.renet .link-btn .btn a {
        background: rgba(0, 0, 0, 0.5);
        padding: 0.66667em 4vw 0.8em;
        transition: opacity .2s ease; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#links .links.renet .link-btn .btn a {
            padding: 0.8em 1vw 1em; } }
        .index .conts-box#links .links.renet .link-btn .btn a::after {
          display: none; }
        @media only screen and (min-width: 1024px) {
          .index .conts-box#links .links.renet .link-btn .btn a:hover {
            opacity: .8; } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#links .links.sns {
      margin-bottom: 12vw; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.sns {
      width: 39.13043%; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.sns .label {
      margin-bottom: 1.6vw; } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#links .links.page {
      margin-bottom: 12vw; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.page {
      width: 39.13043%; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.page .label {
      margin-bottom: 1.33333vw; } }
  .index .conts-box#links .links.page .page-link {
    margin-right: auto;
    margin-left: auto;
    width: 60%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links.page .page-link {
        width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#links .links.portal {
      margin-top: 3vw;
      width: 50%; } }
  .index .conts-box#links .links.portal .portal-link {
    margin-right: auto;
    margin-left: auto;
    width: 60%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links.portal .portal-link {
        width: 100%; } }
  .index .conts-box#links .links.capcom-store-eu {
    margin-top: 6vw;
    transition: opacity .2s ease;
    width: 100%; }
    @media only screen and (max-width: 1023px) {
      .index .conts-box#links .links.capcom-store-eu {
        margin-bottom: 12vw; } }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links.capcom-store-eu {
        margin-top: 3vw; } }
    .index .conts-box#links .links.capcom-store-eu img {
      border: 1px #444 solid;
      width: 50%; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#links .links.capcom-store-eu:hover {
        opacity: .8; } }

/************************************
	State
************************************/
/********** layout **********/
/*----- globalNav -----*/
.global-nav-list li.current a {
  color: rgba(198, 0, 0, 0.8);
  text-shadow: 2px 2px 8px rgba(198, 0, 0, 0.3), 2px -2px 8px rgba(198, 0, 0, 0.3), -2px 2px 8px rgba(198, 0, 0, 0.3), -2px -2px 8px rgba(198, 0, 0, 0.3); }

.global-nav.active .global-nav-btn .icon {
  width: 0; }

.global-nav.active .global-nav-btn .label .open {
  display: block; }

.global-nav.active .global-nav-btn .label .close {
  display: none; }

.global-nav.active .global-nav-btn::before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg); }

.global-nav.active .global-nav-btn::after {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

@media only screen and (max-width: 1023px) {
  .global-nav.active .global-nav-box {
    width: 65vw; } }

@media only screen and (max-width: 1023px) {
  .global-nav.active .global-nav-list li {
    margin-right: 0; } }

/*----- buyBtn -----*/
@media only screen and (max-width: 1023px) {
  .page-buy-btn.hide {
    opacity: 0;
    visibility: hidden;
    z-index: -1; } }

/********** Module **********/
/*----- 見出し -----*/
.conts-box.anime:not(#product) .sec-ttl {
  text-shadow: 3px 3px 15px rgba(198, 0, 0, 0.3), 3px -3px 15px rgba(198, 0, 0, 0.3), -3px 3px 15px rgba(198, 0, 0, 0.3), -3px -3px 15px rgba(198, 0, 0, 0.3); }

/*----- langSelect -----*/
.lang-list {
  letter-spacing: -.4em; }
  .lang-list li.active a {
    color: rgba(255, 255, 255, 0.9);
    pointer-events: none; }

/*----- 製品選択 -----*/
.product-box .rating-list .rating a.modal-disable {
  pointer-events: none; }

.product-box .rating-list.hide {
  display: none; }

.product-box .pf-list .fmt-list .fmt.select {
  text-decoration: none; }

.product-box .ed-list .ed.select {
  text-decoration: none; }

.product-box-inner .product-buy-inner .link-btn .btn.disable {
  border: 1px solid #444 !important;
  opacity: .4;
  pointer-events: none; }
  .product-box-inner .product-buy-inner .link-btn .btn.disable a {
    background: rgba(68, 68, 68, 0.4) !important; }

@media only screen and (max-width: 1023px) {
  .product-box.pk .ed-list .ed-normal {
    border-right: 1px solid #333; } }

.product-box.pk .product-img .img-box {
  margin-bottom: 0; }

.product-box.pk .product-img .link-btn {
  display: none; }

.product-box.pk.normal .btn-collectors {
  display: none; }

.product-box.pk.collectors .btn-normal {
  display: none; }

.product-box.dl .product-img .img-box {
  margin-bottom: 0; }

.product-box.dl .product-img .link-btn {
  display: none; }

.product-box.ps4 .rating-list .rating.select .inner {
  background: rgba(2, 72, 160, 0.4);
  border: 4px solid #0248a0; }

.product-box.ps4 .fmt-list .fmt.select {
  background: rgba(2, 72, 160, 0.4); }

.product-box.ps4 .ed-list .ed.select {
  background: rgba(2, 72, 160, 0.4); }
  .product-box.ps4 .ed-list .ed.select span {
    border-top: 4px solid #0248a0;
    border-right: 4px solid #0248a0;
    border-left: 4px solid #0248a0; }
    @media only screen and (min-width: 1024px) {
      .product-box.ps4 .ed-list .ed.select span {
        border-bottom: none; } }

.product-box.ps4 .product-box-inner .product-name {
  background: #0248A0; }

.product-box.ps4 .product-box-inner .product-buy-inner .link-btn .btn {
  border: 1px solid #0248A0; }
  .product-box.ps4 .product-box-inner .product-buy-inner .link-btn .btn a {
    background: rgba(2, 72, 160, 0.4); }

.product-box.ps4.pk .ed-list .ed {
  width: 50%; }
  .product-box.ps4.pk .ed-list .ed-deluxe {
    display: none; }

.product-box.ps4.pk .product-box-inner .product-buy.sub .product-buy-ttl {
  display: block; }

.product-box.ps4.pk .product-box-inner .product-buy.sub .store-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.product-box.ps4.pk .btn-xbox {
  display: none; }

.product-box.ps4.pk.collectors .product-box-inner .product-img .img-box a {
  pointer-events: auto; }

.product-box.ps4.pk.collectors .product-box-inner .product-img .img-box .ic-open {
  display: block; }

.product-box.ps4.dl .ed-list .ed {
  width: 100%; }
  .product-box.ps4.dl .ed-list .ed-collectors, .product-box.ps4.dl .ed-list .ed-premium, .product-box.ps4.dl .ed-list .ed-limited {
    display: none; }

.product-box.xbox .rating-list .rating.select .inner {
  background: rgba(16, 122, 16, 0.4);
  border: 4px solid #107a10; }

.product-box.xbox .fmt-list .fmt.select {
  background: rgba(16, 122, 16, 0.4); }

.product-box.xbox .ed-list .ed.select {
  background: rgba(16, 122, 16, 0.4); }
  .product-box.xbox .ed-list .ed.select span {
    border-top: 4px solid #107a10;
    border-right: 4px solid #107a10;
    border-left: 4px solid #107a10; }

.product-box.xbox .product-box-inner .product-name {
  background: #107A10; }

.product-box.xbox .product-box-inner .product-buy-inner .link-btn .btn {
  border: 1px solid #107A10; }
  .product-box.xbox .product-box-inner .product-buy-inner .link-btn .btn a {
    background: rgba(16, 122, 16, 0.4); }

.product-box.xbox.pk .ed-list .ed {
  width: 50%; }
  .product-box.xbox.pk .ed-list .ed-deluxe {
    display: none; }

.product-box.xbox.pk .product-box-inner .product-buy.sub .product-buy-ttl {
  display: block; }

.product-box.xbox.pk .product-box-inner .product-buy.sub .store-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.product-box.xbox.pk .btn-ps4 {
  display: none; }

.product-box.xbox.pk.collectors .product-box-inner .product-img .img-box a {
  pointer-events: auto; }

.product-box.xbox.pk.collectors .product-box-inner .product-img .img-box .ic-open {
  display: block; }

.product-box.xbox.dl .ed-list .ed {
  width: 100%; }
  .product-box.xbox.dl .ed-list .ed-collectors, .product-box.xbox.dl .ed-list .ed-premium, .product-box.xbox.dl .ed-list .ed-limited {
    display: none; }

.product-box.steam .rating-list .rating.select .inner {
  background: rgba(106, 106, 106, 0.4);
  border: 4px solid #6a6a6a; }

.product-box.steam .fmt-list .fmt.select {
  background: rgba(106, 106, 106, 0.4); }

.product-box.steam .ed-list .ed.select {
  background: rgba(106, 106, 106, 0.4); }
  .product-box.steam .ed-list .ed.select span {
    border-top: 4px solid #6a6a6a;
    border-right: 4px solid #6a6a6a;
    border-left: 4px solid #6a6a6a; }

.product-box.steam .product-box-inner .product-name {
  background: #6A6A6A; }

.product-box.steam .product-box-inner .product-buy-inner .link-btn .btn {
  border: 1px solid #6A6A6A; }
  .product-box.steam .product-box-inner .product-buy-inner .link-btn .btn a {
    background: rgba(106, 106, 106, 0.4); }

.product-box.steam.dl .ed-list .ed {
  width: 100%; }
  .product-box.steam.dl .ed-list .ed-collectors, .product-box.steam.dl .ed-list .ed-premium, .product-box.steam.dl .ed-list .ed-limited {
    display: none; }

.product-box-inner .product-note.hide {
  display: none; }

.product-box-inner .product-buy.main .store.hide {
  display: none; }

.product-box.pk.ps4.normal .product-img .img {
  background: url(../images/product/ps4_pk_img01.jpg) center top no-repeat;
  background-size: contain; }

.product-box.pk.ps4.collectors .product-img .img {
  background: url(../images/product/ps4_pk_img02.jpg) center top no-repeat;
  background-size: contain; }

.product-box.pk.xbox.normal .product-img .img {
  background: url(../images/product/xbox_pk_img01.jpg) center top no-repeat;
  background-size: contain; }

.product-box.pk.xbox.collectors .product-img .img {
  background: url(../images/product/xbox_pk_img02.jpg) center top no-repeat;
  background-size: contain; }

.product-box.dl.ps4.normal .product-img .img {
  background: url(../images/product/ps4_dl_img01.jpg) center top no-repeat;
  background-size: contain; }

.product-box.dl.xbox.normal .product-img .img {
  background: url(../images/product/xbox_dl_img01.jpg) center top no-repeat;
  background-size: contain; }

.product-box.dl.steam.normal .product-img .img {
  background: url(../images/product/steam_dl_img01.jpg) center top no-repeat;
  background-size: contain; }

/********** Local **********/
.lang-us .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-us .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-us .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-us .product-box.pk .product-box-inner .product-buy.main {
    display: none; }
  .lang-us .product-box.pk .product-box-inner .product-buy.sub .store-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (min-width: 1024px) {
      .lang-us .product-box.pk .product-box-inner .product-buy.sub .store-list .store:not(:last-child) {
        margin-right: 0; } }
    @media only screen and (min-width: 1024px) {
      .lang-us .product-box.pk .product-box-inner .product-buy.sub .store-list .store:not(:nth-child(5n)) {
        margin-right: 1vw; } }
    @media only screen and (min-width: 1024px) {
      .lang-us .product-box.pk .product-box-inner .product-buy.sub .store-list .store:not([data-shop="target"]) {
        margin-bottom: 1.33333vw; } }

.lang-us .product-box.pk.ps4.normal .product-img .img {
  background: url(../images/product/ps4_pk_img01_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.pk.ps4.collectors .product-img .img {
  background: url(../images/product/ps4_pk_img02_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.pk.ps4.collectors .product-box-inner .product-buy.sub .store-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .lang-us .product-box.pk.ps4.collectors .product-box-inner .product-buy.sub .store-list .store {
    display: none; }
    .lang-us .product-box.pk.ps4.collectors .product-box-inner .product-buy.sub .store-list .store[data-shop="gamestop"] {
      display: block;
      margin-bottom: 0; }

.lang-us .product-box.pk.xbox.normal .product-img .img {
  background: url(../images/product/xbox_pk_img01_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.pk.xbox.collectors .product-img .img {
  background: url(../images/product/xbox_pk_img02_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.pk.xbox.collectors .product-box-inner .product-buy.sub .store-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .lang-us .product-box.pk.xbox.collectors .product-box-inner .product-buy.sub .store-list .store {
    display: none; }
    .lang-us .product-box.pk.xbox.collectors .product-box-inner .product-buy.sub .store-list .store[data-shop="gamestop"] {
      display: block;
      margin-bottom: 0; }

.lang-us .product-box.dl.ps4.normal .product-img .img {
  background: url(../images/product/ps4_dl_img01_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.dl.xbox.normal .product-img .img {
  background: url(../images/product/xbox_dl_img01_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.dl.steam.normal .product-img .img {
  background: url(../images/product/steam_dl_img01_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-uk .product-box.pk .product-box-inner,
.lang-fr .product-box.pk .product-box-inner,
.lang-it .product-box.pk .product-box-inner,
.lang-es .product-box.pk .product-box-inner,
.lang-pl .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-uk .product-box.pk .product-box-inner .product-img,
    .lang-fr .product-box.pk .product-box-inner .product-img,
    .lang-it .product-box.pk .product-box-inner .product-img,
    .lang-es .product-box.pk .product-box-inner .product-img,
    .lang-pl .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-uk .product-box.pk .product-box-inner .product-img,
    .lang-fr .product-box.pk .product-box-inner .product-img,
    .lang-it .product-box.pk .product-box-inner .product-img,
    .lang-es .product-box.pk .product-box-inner .product-img,
    .lang-pl .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-uk .product-box.pk .product-box-inner .product-buy.main,
  .lang-fr .product-box.pk .product-box-inner .product-buy.main,
  .lang-it .product-box.pk .product-box-inner .product-buy.main,
  .lang-es .product-box.pk .product-box-inner .product-buy.main,
  .lang-pl .product-box.pk .product-box-inner .product-buy.main {
    display: none; }

.lang-uk .product-box.pk.ps4 .ed-list .ed-normal,
.lang-fr .product-box.pk.ps4 .ed-list .ed-normal,
.lang-it .product-box.pk.ps4 .ed-list .ed-normal,
.lang-es .product-box.pk.ps4 .ed-list .ed-normal,
.lang-pl .product-box.pk.ps4 .ed-list .ed-normal {
  width: 100%; }

.lang-uk .product-box.pk.ps4 .ed-list .ed-collectors,
.lang-fr .product-box.pk.ps4 .ed-list .ed-collectors,
.lang-it .product-box.pk.ps4 .ed-list .ed-collectors,
.lang-es .product-box.pk.ps4 .ed-list .ed-collectors,
.lang-pl .product-box.pk.ps4 .ed-list .ed-collectors {
  display: none; }

.lang-uk .product-box.pk.ps4.normal .product-img .img,
.lang-fr .product-box.pk.ps4.normal .product-img .img,
.lang-it .product-box.pk.ps4.normal .product-img .img,
.lang-es .product-box.pk.ps4.normal .product-img .img,
.lang-pl .product-box.pk.ps4.normal .product-img .img {
  background: url(../images/product/ps4_pk_img01_eu.jpg) center top no-repeat;
  background-size: contain; }

.lang-uk .product-box.pk.ps4.collectors,
.lang-fr .product-box.pk.ps4.collectors,
.lang-it .product-box.pk.ps4.collectors,
.lang-es .product-box.pk.ps4.collectors,
.lang-pl .product-box.pk.ps4.collectors {
  display: none; }
  .lang-uk .product-box.pk.ps4.collectors .product-img .img,
  .lang-fr .product-box.pk.ps4.collectors .product-img .img,
  .lang-it .product-box.pk.ps4.collectors .product-img .img,
  .lang-es .product-box.pk.ps4.collectors .product-img .img,
  .lang-pl .product-box.pk.ps4.collectors .product-img .img {
    background: url(../images/product/ps4_pk_img02_eu.jpg) center top no-repeat;
    background-size: contain; }

.lang-uk .product-box.pk.xbox .ed-list .ed-normal,
.lang-fr .product-box.pk.xbox .ed-list .ed-normal,
.lang-it .product-box.pk.xbox .ed-list .ed-normal,
.lang-es .product-box.pk.xbox .ed-list .ed-normal,
.lang-pl .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-uk .product-box.pk.xbox .ed-list .ed-collectors,
.lang-fr .product-box.pk.xbox .ed-list .ed-collectors,
.lang-it .product-box.pk.xbox .ed-list .ed-collectors,
.lang-es .product-box.pk.xbox .ed-list .ed-collectors,
.lang-pl .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-uk .product-box.pk.xbox.normal .product-img .img,
.lang-fr .product-box.pk.xbox.normal .product-img .img,
.lang-it .product-box.pk.xbox.normal .product-img .img,
.lang-es .product-box.pk.xbox.normal .product-img .img,
.lang-pl .product-box.pk.xbox.normal .product-img .img {
  background: url(../images/product/xbox_pk_img01_eu.jpg) center top no-repeat;
  background-size: contain; }

.lang-uk .product-box.pk.xbox.collectors,
.lang-fr .product-box.pk.xbox.collectors,
.lang-it .product-box.pk.xbox.collectors,
.lang-es .product-box.pk.xbox.collectors,
.lang-pl .product-box.pk.xbox.collectors {
  display: none; }
  .lang-uk .product-box.pk.xbox.collectors .product-img .img,
  .lang-fr .product-box.pk.xbox.collectors .product-img .img,
  .lang-it .product-box.pk.xbox.collectors .product-img .img,
  .lang-es .product-box.pk.xbox.collectors .product-img .img,
  .lang-pl .product-box.pk.xbox.collectors .product-img .img {
    background: url(../images/product/xbox_pk_img02_eu.jpg) center top no-repeat;
    background-size: contain; }

.lang-de .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-de .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-de .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-de .product-box.pk .product-box-inner .product-buy.main {
    display: none; }

.lang-de .product-box.pk.ps4 .ed-list .ed-normal {
  width: 100%; }

.lang-de .product-box.pk.ps4 .ed-list .ed-collectors {
  display: none; }

.lang-de .product-box.pk.ps4.normal .product-img .img {
  background: url(../images/product/ps4_pk_img01_de.jpg) center top no-repeat;
  background-size: contain; }

.lang-de .product-box.pk.ps4.collectors {
  display: none; }
  .lang-de .product-box.pk.ps4.collectors .product-img .img {
    background: url(../images/product/ps4_pk_img02_de.jpg) center top no-repeat;
    background-size: contain; }

.lang-de .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-de .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-de .product-box.pk.xbox.normal .product-img .img {
  background: url(../images/product/xbox_pk_img01_de.jpg) center top no-repeat;
  background-size: contain; }

.lang-de .product-box.pk.xbox.collectors {
  display: none; }
  .lang-de .product-box.pk.xbox.collectors .product-img .img {
    background: url(../images/product/xbox_pk_img02_de.jpg) center top no-repeat;
    background-size: contain; }

.lang-ru .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-ru .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-ru .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-ru .product-box.pk .product-box-inner .product-buy.main {
    display: none; }

.lang-ru .product-box.pk.ps4 .ed-list .ed-normal {
  width: 100%; }

.lang-ru .product-box.pk.ps4 .ed-list .ed-collectors {
  display: none; }

.lang-ru .product-box.pk.ps4.collectors {
  display: none; }

.lang-ru .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-ru .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-ru .product-box.pk.xbox.collectors {
  display: none; }

.lang-pt-br .product-box.pk.ps4 .ed-list .ed-normal {
  width: 100%; }

.lang-pt-br .product-box.pk.ps4 .ed-list .ed-collectors {
  display: none; }

.lang-pt-br .product-box.pk.ps4.collectors {
  display: none; }

.lang-pt-br .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-pt-br .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-pt-br .product-box.pk.xbox.collectors {
  display: none; }

.lang-hk .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-hk .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-hk .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-hk .product-box.pk .product-box-inner .product-buy.main {
    display: none; }

.lang-hk .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-hk .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-hk .product-box.pk.xbox.collectors {
  display: none; }

.lang-cn .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-cn .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-cn .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-cn .product-box.pk .product-box-inner .product-buy.main {
    display: none; }

.lang-cn .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-cn .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-cn .product-box.pk.xbox.collectors {
  display: none; }

.lang-kr .product-box.pk .product-box-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .lang-kr .product-box.pk .product-box-inner .product-img {
      border-bottom: none; } }
  @media only screen and (min-width: 1024px) {
    .lang-kr .product-box.pk .product-box-inner .product-img {
      border-right: none; } }
  .lang-kr .product-box.pk .product-box-inner .product-buy.main {
    display: none; }

.lang-kr .product-box.pk.ps4.normal .product-img .img {
  background: url(../images/product/ps4_pk_img01_kr.jpg) center top no-repeat;
  background-size: contain; }

.lang-kr .product-box.pk.ps4.collectors .product-img .img {
  background: url(../images/product/ps4_pk_img02_kr.jpg) center top no-repeat;
  background-size: contain; }

.lang-kr .product-box.pk.xbox .ed-list .ed-normal {
  width: 100%; }

.lang-kr .product-box.pk.xbox .ed-list .ed-collectors {
  display: none; }

.lang-kr .product-box.pk.xbox.normal .product-img .img {
  background: url(../images/product/xbox_pk_img01_kr.jpg) center top no-repeat;
  background-size: contain; }

.lang-kr .product-box.pk.xbox.collectors {
  display: none; }

.lang-kr .product-box.dl.ps4.normal .product-img .img {
  background: url(../images/product/ps4_dl_img01_kr.jpg) center top no-repeat;
  background-size: contain; }

.lang-kr .product-box.dl.xbox.normal .product-img .img {
  background: url(../images/product/xbox_dl_img01_kr.jpg) center top no-repeat;
  background-size: contain; }

.lang-kr .product-box.dl.steam.normal .product-img .img {
  background: url(../images/product/steam_dl_img01_kr.jpg) center top no-repeat;
  background-size: contain; }

/********** Theme **********/
/*----- Index -----*/
.index .conts-box#firstView .scroll-btn .btn a span {
  -webkit-animation: scrollBtn 2s infinite ease-in-out;
  -moz-animation: scrollBtn 2s infinite ease-in-out;
  -ms-animation: scrollBtn 2s infinite ease-in-out;
  animation: scrollBtn 2s infinite ease-in-out; }

.index .conts-box#topics .topics-list.is-slide .topics:not(.slick-active) {
  pointer-events: none; }

.index .conts-box#topics .topics-list.not-slide {
  margin-right: auto;
  margin-left: auto;
  width: 85.18519%; }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#topics .topics-list.not-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 68.08511%; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#topics .topics-list.not-slide .topics {
      width: 47.5%; } }
  .index .conts-box#topics .topics-list.not-slide .topics a .text {
    font-size: 3.2vw; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box#topics .topics-list.not-slide .topics a .text {
        font-size: 1.14583vw; } }
  @media only screen and (min-width: 1024px) {
    .index .conts-box#topics .topics-list.not-slide .topics.single {
      margin-right: auto;
      margin-left: auto;
      width: 52.05%; } }
  @media only screen and (max-width: 1023px) {
    .index .conts-box#topics .topics-list.not-slide .topics:not(:last-child) {
      margin-bottom: 8vw; } }
  .index .conts-box#topics .topics-list.not-slide.is-slide .topics:not(.slick-active) {
    pointer-events: auto; }

@media only screen and (min-width: 1024px) {
  .index .conts-box#topics .topics-list.three.not-slide {
    width: 88.29787%; } }

@media only screen and (min-width: 1024px) {
  .index .conts-box#topics .topics-list.three.not-slide .topics {
    width: 31.5%; } }

@media only screen and (max-width: 1023px) {
  .index .conts-box#trailer .player-list.not-slide {
    padding: 0 6vw !important; } }

@media only screen and (min-width: 1024px) {
  .index .conts-box#trailer .player-list.not-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 82.97872%; } }

@media only screen and (min-width: 1024px) {
  .index .conts-box#trailer .player-list.not-slide .list {
    width: 48.5%; } }

@media only screen and (min-width: 1024px) {
  .index .conts-box#trailer .player-list.not-slide .list.single {
    margin-right: auto;
    margin-left: auto;
    width: 52.05%; } }

@media only screen and (max-width: 1023px) {
  .index .conts-box#trailer .player-list.not-slide .list:not(:last-child) {
    margin-bottom: 8vw; } }

.index .conts-box.anime .text-glitch {
  position: relative; }
  .index .conts-box.anime .text-glitch:before, .index .conts-box.anime .text-glitch:after {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    animation-delay: 0.25s;
    clip: rect(0, 0, 0, 0);
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 0, 0, 0.4);
    width: 100%; }
  .index .conts-box.anime .text-glitch::before {
    left: -1px; }
    @media only screen and (min-width: 1024px) {
      .index .conts-box.anime .text-glitch::before {
        left: -2px; } }

.index .conts-box.anime .box-glitch {
  position: absolute; }
  .index .conts-box.anime .box-glitch::before, .index .conts-box.anime .box-glitch::after {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: rgba(255, 255, 255, 0.6);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }

.index .conts-box.anime .img-glitch {
  z-index: -1; }
  .index .conts-box.anime .img-glitch::before, .index .conts-box.anime .img-glitch::after {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    animation-delay: 0.25s; }
  .index .conts-box.anime .img-glitch::before {
    clip: rect(0, 0, 0, 0);
    left: -4px; }
  .index .conts-box.anime .img-glitch::after {
    clip: rect(0, 0, 0, 0);
    left: -2px; }

.index .conts-box.anime#firstView .img-glitch::before {
  -webkit-animation: img-glitch-logo-frame-1 9s infinite ease-in-out alternate;
  -moz-animation: img-glitch-logo-frame-1 9s infinite ease-in-out alternate;
  -ms-animation: img-glitch-logo-frame-1 9s infinite ease-in-out alternate;
  animation: img-glitch-logo-frame-1 9s infinite ease-in-out alternate; }

.index .conts-box.anime#firstView .img-glitch::after {
  -webkit-animation: img-glitch-logo-frame-2 10s infinite ease-in-out alternate-reverse;
  -moz-animation: img-glitch-logo-frame-2 10s infinite ease-in-out alternate-reverse;
  -ms-animation: img-glitch-logo-frame-2 10s infinite ease-in-out alternate-reverse;
  animation: img-glitch-logo-frame-2 10s infinite ease-in-out alternate-reverse; }

.index .conts-box.anime#firstView .text-glitch::before {
  -webkit-animation: text-glitch-s-1 4s infinite linear alternate-reverse;
  -moz-animation: text-glitch-s-1 4s infinite linear alternate-reverse;
  -ms-animation: text-glitch-s-1 4s infinite linear alternate-reverse;
  animation: text-glitch-s-1 4s infinite linear alternate-reverse; }

.index .conts-box.anime#firstView .text-glitch::after {
  -webkit-animation: text-glitch-s-2 5s infinite linear alternate-reverse;
  -moz-animation: text-glitch-s-2 5s infinite linear alternate-reverse;
  -ms-animation: text-glitch-s-2 5s infinite linear alternate-reverse;
  animation: text-glitch-s-2 5s infinite linear alternate-reverse; }

.index .conts-box.anime#about .text-glitch::before {
  -webkit-animation: text-glitch-s-1 4s infinite linear alternate-reverse;
  -moz-animation: text-glitch-s-1 4s infinite linear alternate-reverse;
  -ms-animation: text-glitch-s-1 4s infinite linear alternate-reverse;
  animation: text-glitch-s-1 4s infinite linear alternate-reverse; }

.index .conts-box.anime#about .text-glitch::after {
  -webkit-animation: text-glitch-s-2 5s infinite linear alternate-reverse;
  -moz-animation: text-glitch-s-2 5s infinite linear alternate-reverse;
  -ms-animation: text-glitch-s-2 5s infinite linear alternate-reverse;
  animation: text-glitch-s-2 5s infinite linear alternate-reverse; }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .group-ttl {
  text-shadow: 2px 2px 4px rgba(198, 0, 0, 0.3), 2px -2px 4px rgba(198, 0, 0, 0.3), -2px 2px 4px rgba(198, 0, 0, 0.3), -2px -2px 4px rgba(198, 0, 0, 0.3); }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .back-text {
  color: rgba(198, 0, 0, 0.4); }
  @media only screen and (min-width: 1024px) {
    .index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .back-text {
      color: rgba(198, 0, 0, 0.2); } }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .info .img {
  box-shadow: 1px 1px 15px 0px rgba(198, 0, 0, 0.3), 1px -1px 15px 0px rgba(198, 0, 0, 0.3), -1px 1px 15px 0px rgba(198, 0, 0, 0.3), -1px -1px 15px 0px rgba(198, 0, 0, 0.3); }
  @media only screen and (min-width: 1024px) {
    .index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .info .img {
      box-shadow: 1px 1px 30px 0px rgba(198, 0, 0, 0.3), 1px -1px 30px 0px rgba(198, 0, 0, 0.3), -1px 1px 30px 0px rgba(198, 0, 0, 0.3), -1px -1px 30px 0px rgba(198, 0, 0, 0.3); } }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .info .text-box .h3-ttl, .index .conts-box.anime#gameplay .conts-box-inner.group .inner.mastermind .info .text-box p {
  text-shadow: 2px 2px 4px rgba(198, 0, 0, 0.3), 2px -2px 4px rgba(198, 0, 0, 0.3), -2px 2px 4px rgba(198, 0, 0, 0.3), -2px -2px 4px rgba(198, 0, 0, 0.3); }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .group-ttl {
  text-shadow: 2px 2px 4px rgba(82, 182, 167, 0.3), 2px -2px 4px rgba(82, 182, 167, 0.3), -2px 2px 4px rgba(82, 182, 167, 0.3), -2px -2px 4px rgba(82, 182, 167, 0.3); }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .back-text {
  color: rgba(82, 182, 167, 0.4); }
  @media only screen and (min-width: 1024px) {
    .index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .back-text {
      color: rgba(82, 182, 167, 0.2); } }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .info .img {
  box-shadow: 1px 1px 15px 0px rgba(82, 182, 167, 0.3), 1px -1px 15px 0px rgba(82, 182, 167, 0.3), -1px 1px 15px 0px rgba(82, 182, 167, 0.3), -1px -1px 15px 0px rgba(82, 182, 167, 0.3); }
  @media only screen and (min-width: 1024px) {
    .index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .info .img {
      box-shadow: 1px 1px 30px 0px rgba(82, 182, 167, 0.3), 1px -1px 30px 0px rgba(82, 182, 167, 0.3), -1px 1px 30px 0px rgba(82, 182, 167, 0.3), -1px -1px 30px 0px rgba(82, 182, 167, 0.3); } }

.index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .info .text-box .h3-ttl, .index .conts-box.anime#gameplay .conts-box-inner.group .inner.survivor .info .text-box p {
  text-shadow: 2px 2px 4px rgba(82, 182, 167, 0.3), 2px -2px 4px rgba(82, 182, 167, 0.3), -2px 2px 4px rgba(82, 182, 167, 0.3), -2px -2px 4px rgba(82, 182, 167, 0.3); }

.index .conts.fixedAnime .conts-box#gameplay .conts-nav {
  opacity: 1;
  visibility: visible;
  z-index: 5; }

@media only screen and (min-width: 1024px) {
  .index .conts.fixedAnime .conts-box#gameplay .conts-box-inner.group .inner .back-text {
    opacity: 1; } }

@media only screen and (min-width: 1024px) {
  .index .conts.fixedAnime .conts-box#gameplay .conts-box-inner.group .inner.mastermind::after {
    background: rgba(198, 0, 0, 0.2); } }

@media only screen and (min-width: 1024px) {
  .index .conts.fixedAnime .conts-box#gameplay .conts-box-inner.group .inner.survivor::after {
    background: rgba(82, 182, 167, 0.2); } }

.index.scrollParallax .movie-bg .mv .img {
  opacity: .5; }

/************************************
	Local
************************************/
/********** us **********/
.lang-us ul.note li {
  padding-left: 0;
  text-indent: 0; }
  .lang-us ul.note li::before {
    content: ''; }

.lang-us.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: normal; }
  .lang-us.index .conts-box#about .concept-box h3 .back-text {
    font-size: 1.5em;
    margin-top: .1em; }

.lang-us.index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
  padding-left: 0;
  text-indent: 0; }

@media only screen and (max-width: 1023px) {
  .lang-us.index .conts-box#spec .spec-box .box.reengine {
    margin-bottom: 4vw;
    width: 100%; } }

.lang-us.index .conts-box#spec .spec-box .box.reengine img {
  width: 15.5%; }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#spec .spec-box .box.reengine img {
      max-width: 84px;
      width: 34%; } }

@media only screen and (max-width: 1023px) {
  .lang-us.index .conts-box#spec .spec-box .box.rating {
    width: 100%; } }

@media only screen and (min-width: 1024px) {
  .lang-us.index .conts-box#spec .spec-box .box.rating {
    text-align: left;
    width: 32%; } }

.lang-us.index .conts-box#spec .spec-box .box.rating .rating {
  margin-right: .5em; }
  .lang-us.index .conts-box#spec .spec-box .box.rating .rating img {
    width: 39.53704%; }
    @media only screen and (min-width: 1024px) {
      .lang-us.index .conts-box#spec .spec-box .box.rating .rating img {
        max-width: 427px;
        width: 48%; } }

.lang-us.index .conts-box#spec .spec-box .box.rating .visit img {
  width: 19.16667%; }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#spec .spec-box .box.rating .visit img {
      max-width: 227px;
      width: 20%; } }

.lang-us.index .conts-box#links {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.sns {
      margin-bottom: 4vw;
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.sns .label {
      margin-bottom: 1vw; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.page {
      margin-bottom: 4vw;
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.page .label {
      margin-bottom: 1vw; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.page .btn {
      display: inline-block; } }
  @media only screen and (max-width: 1023px) {
    .lang-us.index .conts-box#links .links.page .btn:not(:last-child) {
      margin-bottom: 6vw; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.page .btn:nth-child(1) {
      width: 36%; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.page .btn:nth-child(2) {
      width: 42%; } }
  @media only screen and (max-width: 1023px) {
    .lang-us.index .conts-box#links .links.ecrm {
      margin-bottom: 12vw; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.ecrm {
      margin-right: 0;
      margin-bottom: 4vw;
      margin-left: 0;
      width: 100%; } }
  .lang-us.index .conts-box#links .links.ecrm .portal-link {
    margin-right: auto;
    margin-left: auto;
    width: 60%; }
    @media only screen and (min-width: 1024px) {
      .lang-us.index .conts-box#links .links.ecrm .portal-link {
        width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .lang-us.index .conts-box#links .links.portal {
      margin-top: 0;
      width: 50%; } }

/********** uk **********/
.lang-uk ul.note li {
  padding-left: 0;
  text-indent: 0; }
  .lang-uk ul.note li::before {
    content: ''; }

.lang-uk.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: normal; }
  .lang-uk.index .conts-box#about .concept-box h3 .back-text {
    font-size: 1.5em;
    margin-top: .1em; }

.lang-uk.index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
  padding-left: 0;
  text-indent: 0; }

.lang-uk.index .conts-box#spec .spec-box .box.rating .rating img {
  width: 25.92593%; }
  @media only screen and (min-width: 1024px) {
    .lang-uk.index .conts-box#spec .spec-box .box.rating .rating img {
      max-width: 210px;
      width: 19.44444%; } }

/********** fr **********/
.lang-fr ul.note li {
  padding-left: 0;
  text-indent: 0; }
  .lang-fr ul.note li::before {
    content: ''; }

.lang-fr.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: normal; }
  .lang-fr.index .conts-box#about .concept-box h3 .back-text {
    font-size: 1.5em;
    margin-top: .1em; }

.lang-fr.index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
  padding-left: 0;
  text-indent: 0; }

.lang-fr.index .conts-box#spec .spec-box .box.rating .rating img {
  width: 25.92593%; }
  @media only screen and (min-width: 1024px) {
    .lang-fr.index .conts-box#spec .spec-box .box.rating .rating img {
      max-width: 190px;
      width: 17.59259%; } }

/********** it **********/
@media only screen and (min-width: 1024px) {
  .lang-it .global-nav-list li a .nav-text-box {
    display: inline-block;
    vertical-align: middle; } }

@media only screen and (min-width: 1024px) {
  .lang-it .global-nav-list li a .nav-text-box .nav-br {
    display: block; } }

.lang-it ul.note li {
  padding-left: 0;
  text-indent: 0; }
  .lang-it ul.note li::before {
    content: ''; }

@media only screen and (max-width: 1023px) {
  .lang-it .global-nav.active .global-nav-box {
    width: 75vw; } }

.lang-it.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: normal; }
  .lang-it.index .conts-box#about .concept-box h3 .back-text {
    font-size: 1.5em;
    margin-top: .1em; }

.lang-it.index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
  padding-left: 0;
  text-indent: 0; }

.lang-it.index .conts-box#spec .spec-box .box.rating .rating img {
  width: 25.92593%; }
  @media only screen and (min-width: 1024px) {
    .lang-it.index .conts-box#spec .spec-box .box.rating .rating img {
      max-width: 210px;
      width: 19.44444%; } }

/********** de **********/
.lang-de ul.note li {
  padding-left: 0;
  text-indent: 0; }
  .lang-de ul.note li::before {
    content: ''; }

.lang-de.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: normal; }
  .lang-de.index .conts-box#about .concept-box h3 .back-text {
    font-size: 1.5em;
    margin-top: .1em; }

.lang-de.index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
  padding-left: 0;
  text-indent: 0; }

.lang-de.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tl {
  width: 25%; }
  @media only screen and (min-width: 1024px) {
    .lang-de.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tl {
      width: 35%; } }

.lang-de.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tr {
  width: 25%; }
  @media only screen and (min-width: 1024px) {
    .lang-de.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tr {
      width: 35%; } }

.lang-de.index .conts-box#spec .spec-box .box.rating .rating img {
  width: 29.62963%; }
  @media only screen and (min-width: 1024px) {
    .lang-de.index .conts-box#spec .spec-box .box.rating .rating img {
      max-width: 240px;
      width: 22.22222%; } }

@media only screen and (min-width: 1024px) {
  .lang-de.index .conts-box#links .links.manual {
    width: 39.13043%; } }

.lang-de.index .conts-box#links .links.manual .link-btn {
  width: 80%; }
  @media only screen and (min-width: 1024px) {
    .lang-de.index .conts-box#links .links.manual .link-btn {
      width: 100%; } }

@media only screen and (min-width: 1024px) {
  .lang-de.index .conts-box#links .links.renet {
    width: 41.30435%; } }

.lang-de.index .conts-box#links .links.renet .link-btn {
  width: 80%; }
  @media only screen and (min-width: 1024px) {
    .lang-de.index .conts-box#links .links.renet .link-btn {
      width: 100%; } }

/********** es **********/
@media only screen and (min-width: 1024px) {
  .lang-es .global-nav-list li a .nav-text-box {
    display: inline-block;
    vertical-align: middle; } }

@media only screen and (min-width: 1024px) {
  .lang-es .global-nav-list li a .nav-text-box .nav-br {
    display: block; } }

.lang-es ul.note li {
  padding-left: 0;
  text-indent: 0; }
  .lang-es ul.note li::before {
    content: ''; }

.lang-es.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: normal; }
  .lang-es.index .conts-box#about .concept-box h3 .back-text {
    font-size: 1.5em;
    margin-top: .1em; }

.lang-es.index .conts-box#gameplay .conts-box-inner.rule .text-box ul li {
  padding-left: 0;
  text-indent: 0; }

.lang-es.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tl {
  width: 15%; }
  @media only screen and (min-width: 1024px) {
    .lang-es.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tl {
      width: 30%; } }

.lang-es.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tr {
  width: 15%; }
  @media only screen and (min-width: 1024px) {
    .lang-es.index .conts-box#gameplay .conts-box-inner.rule .conts-pattern.pos-tr {
      width: 30%; } }

.lang-es.index .conts-box#spec .spec-box .box.rating .rating img {
  width: 25.92593%; }
  @media only screen and (min-width: 1024px) {
    .lang-es.index .conts-box#spec .spec-box .box.rating .rating img {
      max-width: 190px;
      width: 17.59259%; } }

/********** hk **********/
.lang-hk.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', 'Noto Sans HK', sans-serif;
  letter-spacing: normal; }

/********** cn **********/
.lang-cn.index .conts-box#about .concept-box h3 {
  font-family: 'Oswald', 'Noto Sans SC', sans-serif;
  letter-spacing: normal; }

/********** kr **********/
.lang-kr.index .conts-box#firstView .page-logo-img .img-glitch::before {
  background: url(../images/common/logo_kr.png) center no-repeat;
  background-size: contain; }

.lang-kr.index .conts-box#firstView .page-logo-img .img-glitch::after {
  background: url(../images/common/logo_kr.png) center no-repeat;
  background-size: contain; }

@media only screen and (min-width: 1024px) {
  .lang-kr.index .conts-box#gameplay .conts-box-inner.rule {
    padding: 2.4vw 2vw 2vw; } }

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

  Platform List

************************************/
#spec .platform-list {
  display: flex;
  flex-wrap:  wrap;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 6vw;
}
#spec .platform-list-item {
  line-height: 0;
}
#spec .platform-list-psf {
  margin-right: .6em;
  width: min(calc(58 / 670) * 100%, 58px);
}
#spec .platform-list-ps4 {
  margin-right: 4vw;
  width: min(calc(106 / 670) * 100%, 106px);
}
#spec .platform-list-xbox {
  margin-right: 4vw;
  width: min(calc(166 / 670) * 100%, 166px);
}
#spec .platform-list-steam {
  width: min(calc(140 / 670) * 100%, 140px);
}
#spec .platform-list-gamepass {
  margin-top: 2vw;
  margin-right: 4vw;
  width: min(calc(198 / 670) * 100%, 198px);
}
#spec .platform-list-windows {
  margin-top: 2vw;
  width: min(calc(148 / 670) * 100%, 148px);
}
#spec .platform-list-xbox {
  margin-right: 4vw;
  width: min(calc(166 / 670) * 100%, 166px);
}
#spec .platform-list-steam {
  width: min(calc(140 / 670) * 100%, 140px);
}
@media only screen and (min-width: 1024px) {
  #spec .platform-list {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  #spec .platform-list-psf {
    width: min(calc(58 / 1600) * 100%, 58px);
  }
  #spec .platform-list-ps4 {
    margin-right: 1.5em;
    width: min(calc(106 / 1600) * 100%, 106px);
  }
  #spec .platform-list-xbox {
    margin-right: 1.5em;
    width: min(calc(166 / 1600) * 100%, 166px);
  }
  #spec .platform-list-steam {
    margin-right: 1.5em;
    width: min(calc(140 / 1600) * 100%, 140px);
  }
  #spec .platform-list-gamepass {
    margin-top: 0;
    margin-right: 1.5em;
    width: min(calc(198 / 1600) * 100%, 198px);
  }
  #spec .platform-list-windows {
    margin-top: 0;
    width: min(calc(148 / 1600) * 100%, 148px);
  }
}

/************************************
	Anim
************************************/
@keyframes scrollBtn {
  0% {
    opacity: 0;
    transform: rotate(-45deg) translate(0, 0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: rotate(-45deg) translate(-50%, 50%); } }

@-webkit-keyframes scrollBtn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(0, 0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(-50%, 50%); } }

@keyframes text-glitch-1 {
  0% {
    clip: rect(2vw, 100vw, 15vw, 0); }
  6.66667% {
    clip: rect(10vw, 100vw, 8vw, 0); }
  13.33333% {
    clip: rect(10vw, 100vw, 5vw, 0); }
  20% {
    clip: rect(1vw, 100vw, 12vw, 0); }
  26.66667% {
    clip: rect(1vw, 100vw, 7vw, 0); }
  33.33333% {
    clip: rect(4vw, 100vw, 3vw, 0); }
  40% {
    clip: rect(1vw, 100vw, 11vw, 0); }
  46.66667% {
    clip: rect(6vw, 100vw, 4vw, 0); }
  53.33333% {
    clip: rect(7vw, 100vw, 15vw, 0); }
  60% {
    clip: rect(2vw, 100vw, 8vw, 0); }
  66.66667% {
    clip: rect(4vw, 100vw, 7vw, 0); }
  73.33333% {
    clip: rect(8vw, 100vw, 2vw, 0); }
  80% {
    clip: rect(9vw, 100vw, 11vw, 0); }
  86.66667% {
    clip: rect(1vw, 100vw, 2vw, 0); }
  93.33333% {
    clip: rect(9vw, 100vw, 3vw, 0); }
  100% {
    clip: rect(2vw, 100vw, 3vw, 0); } }

@-webkit-keyframes text-glitch-1 {
  0% {
    clip: rect(1vw, 100vw, 4vw, 0); }
  6.66667% {
    clip: rect(4vw, 100vw, 2vw, 0); }
  13.33333% {
    clip: rect(3vw, 100vw, 9vw, 0); }
  20% {
    clip: rect(3vw, 100vw, 4vw, 0); }
  26.66667% {
    clip: rect(5vw, 100vw, 12vw, 0); }
  33.33333% {
    clip: rect(2vw, 100vw, 1vw, 0); }
  40% {
    clip: rect(4vw, 100vw, 8vw, 0); }
  46.66667% {
    clip: rect(8vw, 100vw, 6vw, 0); }
  53.33333% {
    clip: rect(2vw, 100vw, 8vw, 0); }
  60% {
    clip: rect(2vw, 100vw, 4vw, 0); }
  66.66667% {
    clip: rect(4vw, 100vw, 12vw, 0); }
  73.33333% {
    clip: rect(7vw, 100vw, 5vw, 0); }
  80% {
    clip: rect(2vw, 100vw, 5vw, 0); }
  86.66667% {
    clip: rect(7vw, 100vw, 6vw, 0); }
  93.33333% {
    clip: rect(7vw, 100vw, 6vw, 0); }
  100% {
    clip: rect(2vw, 100vw, 4vw, 0); } }

@keyframes text-glitch-2 {
  0% {
    clip: rect(7vw, 100vw, 2vw, 0); }
  6.66667% {
    clip: rect(7vw, 100vw, 13vw, 0); }
  13.33333% {
    clip: rect(6vw, 100vw, 7vw, 0); }
  20% {
    clip: rect(4vw, 100vw, 14vw, 0); }
  26.66667% {
    clip: rect(6vw, 100vw, 4vw, 0); }
  33.33333% {
    clip: rect(10vw, 100vw, 2vw, 0); }
  40% {
    clip: rect(6vw, 100vw, 10vw, 0); }
  46.66667% {
    clip: rect(6vw, 100vw, 9vw, 0); }
  53.33333% {
    clip: rect(10vw, 100vw, 3vw, 0); }
  60% {
    clip: rect(10vw, 100vw, 12vw, 0); }
  66.66667% {
    clip: rect(8vw, 100vw, 9vw, 0); }
  73.33333% {
    clip: rect(5vw, 100vw, 4vw, 0); }
  80% {
    clip: rect(3vw, 100vw, 7vw, 0); }
  86.66667% {
    clip: rect(1vw, 100vw, 1vw, 0); }
  93.33333% {
    clip: rect(4vw, 100vw, 9vw, 0); }
  100% {
    clip: rect(9vw, 100vw, 6vw, 0); } }

@-webkit-keyframes text-glitch-2 {
  0% {
    clip: rect(1vw, 100vw, 9vw, 0); }
  6.66667% {
    clip: rect(9vw, 100vw, 12vw, 0); }
  13.33333% {
    clip: rect(10vw, 100vw, 10vw, 0); }
  20% {
    clip: rect(2vw, 100vw, 12vw, 0); }
  26.66667% {
    clip: rect(8vw, 100vw, 11vw, 0); }
  33.33333% {
    clip: rect(3vw, 100vw, 2vw, 0); }
  40% {
    clip: rect(6vw, 100vw, 6vw, 0); }
  46.66667% {
    clip: rect(9vw, 100vw, 1vw, 0); }
  53.33333% {
    clip: rect(2vw, 100vw, 5vw, 0); }
  60% {
    clip: rect(5vw, 100vw, 13vw, 0); }
  66.66667% {
    clip: rect(5vw, 100vw, 2vw, 0); }
  73.33333% {
    clip: rect(2vw, 100vw, 1vw, 0); }
  80% {
    clip: rect(9vw, 100vw, 12vw, 0); }
  86.66667% {
    clip: rect(5vw, 100vw, 9vw, 0); }
  93.33333% {
    clip: rect(1vw, 100vw, 15vw, 0); }
  100% {
    clip: rect(8vw, 100vw, 4vw, 0); } }

@keyframes text-glitch-s-1 {
  0% {
    clip: rect(6vw, 100vw, 8vw, 0); }
  6.66667% {
    clip: rect(5vw, 100vw, 14vw, 0); }
  13.33333% {
    clip: rect(3vw, 100vw, 6vw, 0); }
  20% {
    clip: rect(1vw, 100vw, 4vw, 0); }
  26.66667% {
    clip: rect(6vw, 100vw, 7vw, 0); }
  33.33333% {
    clip: rect(8vw, 100vw, 4vw, 0); }
  40% {
    clip: rect(4vw, 100vw, 6vw, 0); }
  46.66667% {
    clip: rect(10vw, 100vw, 6vw, 0); }
  53.33333% {
    clip: rect(10vw, 100vw, 10vw, 0); }
  60% {
    clip: rect(6vw, 100vw, 14vw, 0); }
  66.66667% {
    clip: rect(1vw, 100vw, 9vw, 0); }
  73.33333% {
    clip: rect(6vw, 100vw, 13vw, 0); }
  80% {
    clip: rect(10vw, 100vw, 13vw, 0); }
  86.66667% {
    clip: rect(5vw, 100vw, 10vw, 0); }
  93.33333% {
    clip: rect(1vw, 100vw, 2vw, 0); }
  100% {
    clip: rect(5vw, 100vw, 2vw, 0); } }

@-webkit-keyframes text-glitch-s-1 {
  0% {
    clip: rect(2vw, 100vw, 15vw, 0); }
  6.66667% {
    clip: rect(6vw, 100vw, 4vw, 0); }
  13.33333% {
    clip: rect(3vw, 100vw, 2vw, 0); }
  20% {
    clip: rect(3vw, 100vw, 14vw, 0); }
  26.66667% {
    clip: rect(3vw, 100vw, 5vw, 0); }
  33.33333% {
    clip: rect(5vw, 100vw, 14vw, 0); }
  40% {
    clip: rect(7vw, 100vw, 3vw, 0); }
  46.66667% {
    clip: rect(7vw, 100vw, 13vw, 0); }
  53.33333% {
    clip: rect(10vw, 100vw, 11vw, 0); }
  60% {
    clip: rect(7vw, 100vw, 14vw, 0); }
  66.66667% {
    clip: rect(1vw, 100vw, 11vw, 0); }
  73.33333% {
    clip: rect(2vw, 100vw, 2vw, 0); }
  80% {
    clip: rect(4vw, 100vw, 5vw, 0); }
  86.66667% {
    clip: rect(6vw, 100vw, 1vw, 0); }
  93.33333% {
    clip: rect(8vw, 100vw, 13vw, 0); }
  100% {
    clip: rect(1vw, 100vw, 10vw, 0); } }

@keyframes text-glitch-s-2 {
  0% {
    clip: rect(1vw, 100vw, 11vw, 0); }
  6.66667% {
    clip: rect(7vw, 100vw, 3vw, 0); }
  13.33333% {
    clip: rect(6vw, 100vw, 11vw, 0); }
  20% {
    clip: rect(9vw, 100vw, 15vw, 0); }
  26.66667% {
    clip: rect(1vw, 100vw, 2vw, 0); }
  33.33333% {
    clip: rect(7vw, 100vw, 3vw, 0); }
  40% {
    clip: rect(4vw, 100vw, 8vw, 0); }
  46.66667% {
    clip: rect(6vw, 100vw, 8vw, 0); }
  53.33333% {
    clip: rect(9vw, 100vw, 11vw, 0); }
  60% {
    clip: rect(8vw, 100vw, 7vw, 0); }
  66.66667% {
    clip: rect(8vw, 100vw, 11vw, 0); }
  73.33333% {
    clip: rect(7vw, 100vw, 9vw, 0); }
  80% {
    clip: rect(6vw, 100vw, 7vw, 0); }
  86.66667% {
    clip: rect(2vw, 100vw, 2vw, 0); }
  93.33333% {
    clip: rect(8vw, 100vw, 11vw, 0); }
  100% {
    clip: rect(2vw, 100vw, 10vw, 0); } }

@-webkit-keyframes text-glitch-s-2 {
  0% {
    clip: rect(2vw, 100vw, 15vw, 0); }
  6.66667% {
    clip: rect(4vw, 100vw, 4vw, 0); }
  13.33333% {
    clip: rect(2vw, 100vw, 9vw, 0); }
  20% {
    clip: rect(7vw, 100vw, 14vw, 0); }
  26.66667% {
    clip: rect(7vw, 100vw, 1vw, 0); }
  33.33333% {
    clip: rect(6vw, 100vw, 15vw, 0); }
  40% {
    clip: rect(10vw, 100vw, 3vw, 0); }
  46.66667% {
    clip: rect(1vw, 100vw, 11vw, 0); }
  53.33333% {
    clip: rect(9vw, 100vw, 8vw, 0); }
  60% {
    clip: rect(7vw, 100vw, 5vw, 0); }
  66.66667% {
    clip: rect(4vw, 100vw, 4vw, 0); }
  73.33333% {
    clip: rect(2vw, 100vw, 3vw, 0); }
  80% {
    clip: rect(1vw, 100vw, 15vw, 0); }
  86.66667% {
    clip: rect(8vw, 100vw, 3vw, 0); }
  93.33333% {
    clip: rect(2vw, 100vw, 13vw, 0); }
  100% {
    clip: rect(9vw, 100vw, 2vw, 0); } }

@keyframes img-glitch-logo-frame-1 {
  0% {
    clip: rect(58px, 690px, 64px, 0);
    transform: translate(3px, 0); }
  6.66667% {
    clip: rect(112px, 690px, 41px, 0);
    transform: translate(3px, 0); }
  13.33333% {
    clip: rect(58px, 690px, 114px, 0);
    transform: translate(4px, 0); }
  20% {
    clip: rect(4px, 690px, 25px, 0);
    transform: translate(3px, 0); }
  26.66667% {
    clip: rect(75px, 690px, 91px, 0);
    transform: translate(3px, 0); }
  33.33333% {
    clip: rect(88px, 690px, 70px, 0);
    transform: translate(1px, 0); }
  40% {
    clip: rect(11px, 690px, 3px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(99px, 690px, 59px, 0);
    transform: translate(1px, 0); }
  53.33333% {
    clip: rect(65px, 690px, 75px, 0);
    transform: translate(3px, 0); }
  60% {
    clip: rect(54px, 690px, 33px, 0);
    transform: translate(3px, 0); }
  66.66667% {
    clip: rect(54px, 690px, 81px, 0);
    transform: translate(1px, 0); }
  73.33333% {
    clip: rect(30px, 690px, 110px, 0);
    transform: translate(3px, 0); }
  80% {
    clip: rect(70px, 690px, 83px, 0);
    transform: translate(4px, 0); }
  86.66667% {
    clip: rect(42px, 690px, 52px, 0);
    transform: translate(4px, 0); }
  93.33333% {
    clip: rect(14px, 690px, 54px, 0);
    transform: translate(4px, 0); }
  100% {
    clip: rect(10px, 690px, 71px, 0);
    transform: translate(3px, 0); } }

@-webkit-keyframes img-glitch-logo-frame-1 {
  0% {
    clip: rect(100px, 690px, 92px, 0);
    transform: translate(3px, 0); }
  6.66667% {
    clip: rect(88px, 690px, 91px, 0);
    transform: translate(1px, 0); }
  13.33333% {
    clip: rect(19px, 690px, 9px, 0);
    transform: translate(1px, 0); }
  20% {
    clip: rect(11px, 690px, 32px, 0);
    transform: translate(1px, 0); }
  26.66667% {
    clip: rect(47px, 690px, 29px, 0);
    transform: translate(2px, 0); }
  33.33333% {
    clip: rect(30px, 690px, 88px, 0);
    transform: translate(1px, 0); }
  40% {
    clip: rect(19px, 690px, 57px, 0);
    transform: translate(2px, 0); }
  46.66667% {
    clip: rect(112px, 690px, 80px, 0);
    transform: translate(3px, 0); }
  53.33333% {
    clip: rect(36px, 690px, 99px, 0);
    transform: translate(1px, 0); }
  60% {
    clip: rect(29px, 690px, 109px, 0);
    transform: translate(4px, 0); }
  66.66667% {
    clip: rect(63px, 690px, 110px, 0);
    transform: translate(3px, 0); }
  73.33333% {
    clip: rect(6px, 690px, 51px, 0);
    transform: translate(4px, 0); }
  80% {
    clip: rect(82px, 690px, 95px, 0);
    transform: translate(1px, 0); }
  86.66667% {
    clip: rect(97px, 690px, 67px, 0);
    transform: translate(1px, 0); }
  93.33333% {
    clip: rect(65px, 690px, 70px, 0);
    transform: translate(1px, 0); }
  100% {
    clip: rect(86px, 690px, 62px, 0);
    transform: translate(4px, 0); } }

@keyframes img-glitch-logo-frame-2 {
  0% {
    clip: rect(26px, 690px, 31px, 0);
    transform: translate(2px, 0); }
  6.66667% {
    clip: rect(23px, 690px, 13px, 0);
    transform: translate(1px, 0); }
  13.33333% {
    clip: rect(82px, 690px, 82px, 0);
    transform: translate(4px, 0); }
  20% {
    clip: rect(48px, 690px, 91px, 0);
    transform: translate(1px, 0); }
  26.66667% {
    clip: rect(82px, 690px, 65px, 0);
    transform: translate(3px, 0); }
  33.33333% {
    clip: rect(107px, 690px, 30px, 0);
    transform: translate(2px, 0); }
  40% {
    clip: rect(106px, 690px, 114px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(77px, 690px, 43px, 0);
    transform: translate(2px, 0); }
  53.33333% {
    clip: rect(9px, 690px, 28px, 0);
    transform: translate(3px, 0); }
  60% {
    clip: rect(57px, 690px, 61px, 0);
    transform: translate(2px, 0); }
  66.66667% {
    clip: rect(102px, 690px, 7px, 0);
    transform: translate(4px, 0); }
  73.33333% {
    clip: rect(93px, 690px, 27px, 0);
    transform: translate(1px, 0); }
  80% {
    clip: rect(47px, 690px, 12px, 0);
    transform: translate(4px, 0); }
  86.66667% {
    clip: rect(20px, 690px, 2px, 0);
    transform: translate(4px, 0); }
  93.33333% {
    clip: rect(114px, 690px, 53px, 0);
    transform: translate(3px, 0); }
  100% {
    clip: rect(56px, 690px, 111px, 0);
    transform: translate(1px, 0); } }

@-webkit-keyframes img-glitch-logo-frame-2 {
  0% {
    clip: rect(115px, 690px, 5px, 0);
    transform: translate(4px, 0); }
  6.66667% {
    clip: rect(12px, 690px, 91px, 0);
    transform: translate(3px, 0); }
  13.33333% {
    clip: rect(104px, 690px, 5px, 0);
    transform: translate(2px, 0); }
  20% {
    clip: rect(6px, 690px, 41px, 0);
    transform: translate(4px, 0); }
  26.66667% {
    clip: rect(114px, 690px, 7px, 0);
    transform: translate(2px, 0); }
  33.33333% {
    clip: rect(85px, 690px, 104px, 0);
    transform: translate(2px, 0); }
  40% {
    clip: rect(95px, 690px, 44px, 0);
    transform: translate(3px, 0); }
  46.66667% {
    clip: rect(6px, 690px, 45px, 0);
    transform: translate(2px, 0); }
  53.33333% {
    clip: rect(7px, 690px, 51px, 0);
    transform: translate(1px, 0); }
  60% {
    clip: rect(21px, 690px, 45px, 0);
    transform: translate(2px, 0); }
  66.66667% {
    clip: rect(117px, 690px, 43px, 0);
    transform: translate(3px, 0); }
  73.33333% {
    clip: rect(90px, 690px, 69px, 0);
    transform: translate(1px, 0); }
  80% {
    clip: rect(79px, 690px, 99px, 0);
    transform: translate(3px, 0); }
  86.66667% {
    clip: rect(112px, 690px, 64px, 0);
    transform: translate(3px, 0); }
  93.33333% {
    clip: rect(89px, 690px, 22px, 0);
    transform: translate(3px, 0); }
  100% {
    clip: rect(107px, 690px, 12px, 0);
    transform: translate(1px, 0); } }

@keyframes img-glitch-logo-text-1 {
  0% {
    clip: rect(52px, 34px, 74px, 0);
    transform: translate(4px, 0); }
  6.66667% {
    clip: rect(57px, 34px, 22px, 0);
    transform: translate(4px, 0); }
  13.33333% {
    clip: rect(69px, 34px, 29px, 0);
    transform: translate(4px, 0); }
  20% {
    clip: rect(69px, 34px, 74px, 0);
    transform: translate(3px, 0); }
  26.66667% {
    clip: rect(67px, 34px, 12px, 0);
    transform: translate(2px, 0); }
  33.33333% {
    clip: rect(78px, 34px, 66px, 0);
    transform: translate(3px, 0); }
  40% {
    clip: rect(9px, 34px, 45px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(62px, 34px, 22px, 0);
    transform: translate(4px, 0); }
  53.33333% {
    clip: rect(27px, 34px, 12px, 0);
    transform: translate(4px, 0); }
  60% {
    clip: rect(58px, 34px, 38px, 0);
    transform: translate(3px, 0); }
  66.66667% {
    clip: rect(60px, 34px, 30px, 0);
    transform: translate(2px, 0); }
  73.33333% {
    clip: rect(33px, 34px, 64px, 0);
    transform: translate(2px, 0); }
  80% {
    clip: rect(31px, 34px, 76px, 0);
    transform: translate(4px, 0); }
  86.66667% {
    clip: rect(57px, 34px, 30px, 0);
    transform: translate(1px, 0); }
  93.33333% {
    clip: rect(15px, 34px, 39px, 0);
    transform: translate(3px, 0); }
  100% {
    clip: rect(32px, 34px, 12px, 0);
    transform: translate(4px, 0); } }

@-webkit-keyframes img-glitch-logo-text-1 {
  0% {
    clip: rect(71px, 34px, 73px, 0);
    transform: translate(4px, 0); }
  6.66667% {
    clip: rect(38px, 34px, 19px, 0);
    transform: translate(4px, 0); }
  13.33333% {
    clip: rect(37px, 34px, 2px, 0);
    transform: translate(3px, 0); }
  20% {
    clip: rect(72px, 34px, 34px, 0);
    transform: translate(2px, 0); }
  26.66667% {
    clip: rect(17px, 34px, 60px, 0);
    transform: translate(1px, 0); }
  33.33333% {
    clip: rect(33px, 34px, 71px, 0);
    transform: translate(1px, 0); }
  40% {
    clip: rect(34px, 34px, 49px, 0);
    transform: translate(3px, 0); }
  46.66667% {
    clip: rect(7px, 34px, 9px, 0);
    transform: translate(4px, 0); }
  53.33333% {
    clip: rect(4px, 34px, 61px, 0);
    transform: translate(3px, 0); }
  60% {
    clip: rect(29px, 34px, 17px, 0);
    transform: translate(4px, 0); }
  66.66667% {
    clip: rect(16px, 34px, 45px, 0);
    transform: translate(4px, 0); }
  73.33333% {
    clip: rect(3px, 34px, 30px, 0);
    transform: translate(1px, 0); }
  80% {
    clip: rect(71px, 34px, 31px, 0);
    transform: translate(3px, 0); }
  86.66667% {
    clip: rect(42px, 34px, 73px, 0);
    transform: translate(2px, 0); }
  93.33333% {
    clip: rect(55px, 34px, 67px, 0);
    transform: translate(2px, 0); }
  100% {
    clip: rect(26px, 34px, 50px, 0);
    transform: translate(4px, 0); } }

@keyframes img-glitch-logo-text-2 {
  0% {
    clip: rect(33px, 34px, 44px, 0);
    transform: translate(3px, 0); }
  6.66667% {
    clip: rect(35px, 34px, 27px, 0);
    transform: translate(1px, 0); }
  13.33333% {
    clip: rect(12px, 34px, 46px, 0);
    transform: translate(1px, 0); }
  20% {
    clip: rect(60px, 34px, 19px, 0);
    transform: translate(4px, 0); }
  26.66667% {
    clip: rect(26px, 34px, 76px, 0);
    transform: translate(4px, 0); }
  33.33333% {
    clip: rect(6px, 34px, 71px, 0);
    transform: translate(2px, 0); }
  40% {
    clip: rect(66px, 34px, 65px, 0);
    transform: translate(4px, 0); }
  46.66667% {
    clip: rect(78px, 34px, 61px, 0);
    transform: translate(1px, 0); }
  53.33333% {
    clip: rect(32px, 34px, 3px, 0);
    transform: translate(3px, 0); }
  60% {
    clip: rect(45px, 34px, 19px, 0);
    transform: translate(4px, 0); }
  66.66667% {
    clip: rect(5px, 34px, 35px, 0);
    transform: translate(4px, 0); }
  73.33333% {
    clip: rect(25px, 34px, 17px, 0);
    transform: translate(2px, 0); }
  80% {
    clip: rect(8px, 34px, 56px, 0);
    transform: translate(1px, 0); }
  86.66667% {
    clip: rect(25px, 34px, 42px, 0);
    transform: translate(3px, 0); }
  93.33333% {
    clip: rect(46px, 34px, 63px, 0);
    transform: translate(1px, 0); }
  100% {
    clip: rect(63px, 34px, 20px, 0);
    transform: translate(1px, 0); } }

@-webkit-keyframes img-glitch-logo-text-2 {
  0% {
    clip: rect(69px, 34px, 21px, 0);
    transform: translate(1px, 0); }
  6.66667% {
    clip: rect(21px, 34px, 25px, 0);
    transform: translate(3px, 0); }
  13.33333% {
    clip: rect(52px, 34px, 52px, 0);
    transform: translate(3px, 0); }
  20% {
    clip: rect(9px, 34px, 46px, 0);
    transform: translate(2px, 0); }
  26.66667% {
    clip: rect(9px, 34px, 38px, 0);
    transform: translate(4px, 0); }
  33.33333% {
    clip: rect(27px, 34px, 1px, 0);
    transform: translate(1px, 0); }
  40% {
    clip: rect(44px, 34px, 18px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(8px, 34px, 30px, 0);
    transform: translate(3px, 0); }
  53.33333% {
    clip: rect(3px, 34px, 45px, 0);
    transform: translate(4px, 0); }
  60% {
    clip: rect(56px, 34px, 61px, 0);
    transform: translate(2px, 0); }
  66.66667% {
    clip: rect(6px, 34px, 58px, 0);
    transform: translate(1px, 0); }
  73.33333% {
    clip: rect(78px, 34px, 40px, 0);
    transform: translate(1px, 0); }
  80% {
    clip: rect(9px, 34px, 5px, 0);
    transform: translate(4px, 0); }
  86.66667% {
    clip: rect(78px, 34px, 17px, 0);
    transform: translate(1px, 0); }
  93.33333% {
    clip: rect(45px, 34px, 45px, 0);
    transform: translate(4px, 0); }
  100% {
    clip: rect(28px, 34px, 71px, 0);
    transform: translate(1px, 0); } }

@keyframes img-glitch-afterword-1 {
  0% {
    clip: rect(16px, 37px, 8px, 0);
    transform: translate(4px, 0); }
  6.66667% {
    clip: rect(25px, 37px, 17px, 0);
    transform: translate(3px, 0); }
  13.33333% {
    clip: rect(29px, 37px, 6px, 0);
    transform: translate(4px, 0); }
  20% {
    clip: rect(21px, 37px, 2px, 0);
    transform: translate(1px, 0); }
  26.66667% {
    clip: rect(8px, 37px, 6px, 0);
    transform: translate(3px, 0); }
  33.33333% {
    clip: rect(12px, 37px, 11px, 0);
    transform: translate(3px, 0); }
  40% {
    clip: rect(12px, 37px, 24px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(24px, 37px, 9px, 0);
    transform: translate(1px, 0); }
  53.33333% {
    clip: rect(6px, 37px, 33px, 0);
    transform: translate(3px, 0); }
  60% {
    clip: rect(34px, 37px, 10px, 0);
    transform: translate(1px, 0); }
  66.66667% {
    clip: rect(33px, 37px, 27px, 0);
    transform: translate(4px, 0); }
  73.33333% {
    clip: rect(11px, 37px, 29px, 0);
    transform: translate(1px, 0); }
  80% {
    clip: rect(19px, 37px, 14px, 0);
    transform: translate(4px, 0); }
  86.66667% {
    clip: rect(29px, 37px, 21px, 0);
    transform: translate(2px, 0); }
  93.33333% {
    clip: rect(6px, 37px, 15px, 0);
    transform: translate(1px, 0); }
  100% {
    clip: rect(24px, 37px, 19px, 0);
    transform: translate(2px, 0); } }

@-webkit-keyframes img-glitch-afterword-1 {
  0% {
    clip: rect(29px, 37px, 8px, 0);
    transform: translate(1px, 0); }
  6.66667% {
    clip: rect(14px, 37px, 15px, 0);
    transform: translate(1px, 0); }
  13.33333% {
    clip: rect(26px, 37px, 2px, 0);
    transform: translate(3px, 0); }
  20% {
    clip: rect(14px, 37px, 30px, 0);
    transform: translate(2px, 0); }
  26.66667% {
    clip: rect(31px, 37px, 13px, 0);
    transform: translate(3px, 0); }
  33.33333% {
    clip: rect(1px, 37px, 8px, 0);
    transform: translate(4px, 0); }
  40% {
    clip: rect(34px, 37px, 21px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(5px, 37px, 30px, 0);
    transform: translate(3px, 0); }
  53.33333% {
    clip: rect(26px, 37px, 32px, 0);
    transform: translate(4px, 0); }
  60% {
    clip: rect(2px, 37px, 31px, 0);
    transform: translate(4px, 0); }
  66.66667% {
    clip: rect(10px, 37px, 31px, 0);
    transform: translate(4px, 0); }
  73.33333% {
    clip: rect(24px, 37px, 25px, 0);
    transform: translate(3px, 0); }
  80% {
    clip: rect(1px, 37px, 26px, 0);
    transform: translate(3px, 0); }
  86.66667% {
    clip: rect(13px, 37px, 19px, 0);
    transform: translate(3px, 0); }
  93.33333% {
    clip: rect(18px, 37px, 2px, 0);
    transform: translate(4px, 0); }
  100% {
    clip: rect(12px, 37px, 23px, 0);
    transform: translate(4px, 0); } }

@keyframes img-glitch-afterword-2 {
  0% {
    clip: rect(5px, 37px, 16px, 0);
    transform: translate(1px, 0); }
  6.66667% {
    clip: rect(27px, 37px, 33px, 0);
    transform: translate(4px, 0); }
  13.33333% {
    clip: rect(34px, 37px, 18px, 0);
    transform: translate(1px, 0); }
  20% {
    clip: rect(2px, 37px, 20px, 0);
    transform: translate(3px, 0); }
  26.66667% {
    clip: rect(33px, 37px, 21px, 0);
    transform: translate(3px, 0); }
  33.33333% {
    clip: rect(24px, 37px, 12px, 0);
    transform: translate(1px, 0); }
  40% {
    clip: rect(31px, 37px, 11px, 0);
    transform: translate(2px, 0); }
  46.66667% {
    clip: rect(30px, 37px, 28px, 0);
    transform: translate(2px, 0); }
  53.33333% {
    clip: rect(3px, 37px, 18px, 0);
    transform: translate(4px, 0); }
  60% {
    clip: rect(23px, 37px, 18px, 0);
    transform: translate(4px, 0); }
  66.66667% {
    clip: rect(7px, 37px, 20px, 0);
    transform: translate(4px, 0); }
  73.33333% {
    clip: rect(24px, 37px, 28px, 0);
    transform: translate(4px, 0); }
  80% {
    clip: rect(7px, 37px, 30px, 0);
    transform: translate(2px, 0); }
  86.66667% {
    clip: rect(13px, 37px, 4px, 0);
    transform: translate(3px, 0); }
  93.33333% {
    clip: rect(29px, 37px, 5px, 0);
    transform: translate(2px, 0); }
  100% {
    clip: rect(10px, 37px, 21px, 0);
    transform: translate(3px, 0); } }

@-webkit-keyframes img-glitch-afterword-2 {
  0% {
    clip: rect(11px, 37px, 31px, 0);
    transform: translate(3px, 0); }
  6.66667% {
    clip: rect(13px, 37px, 15px, 0);
    transform: translate(3px, 0); }
  13.33333% {
    clip: rect(32px, 37px, 9px, 0);
    transform: translate(4px, 0); }
  20% {
    clip: rect(21px, 37px, 34px, 0);
    transform: translate(3px, 0); }
  26.66667% {
    clip: rect(25px, 37px, 9px, 0);
    transform: translate(2px, 0); }
  33.33333% {
    clip: rect(6px, 37px, 21px, 0);
    transform: translate(3px, 0); }
  40% {
    clip: rect(7px, 37px, 18px, 0);
    transform: translate(1px, 0); }
  46.66667% {
    clip: rect(2px, 37px, 24px, 0);
    transform: translate(2px, 0); }
  53.33333% {
    clip: rect(14px, 37px, 27px, 0);
    transform: translate(3px, 0); }
  60% {
    clip: rect(22px, 37px, 24px, 0);
    transform: translate(3px, 0); }
  66.66667% {
    clip: rect(11px, 37px, 21px, 0);
    transform: translate(1px, 0); }
  73.33333% {
    clip: rect(19px, 37px, 8px, 0);
    transform: translate(3px, 0); }
  80% {
    clip: rect(12px, 37px, 31px, 0);
    transform: translate(4px, 0); }
  86.66667% {
    clip: rect(7px, 37px, 8px, 0);
    transform: translate(4px, 0); }
  93.33333% {
    clip: rect(10px, 37px, 9px, 0);
    transform: translate(2px, 0); }
  100% {
    clip: rect(28px, 37px, 14px, 0);
    transform: translate(2px, 0); } }

@media only screen and (min-width: 1024px) {
  @keyframes img-glitch-logo-frame-1 {
    0% {
      clip: rect(149px, 1380px, 8px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(220px, 1380px, 155px, 0);
      transform: translate(5px, 0); }
    13.33333% {
      clip: rect(82px, 1380px, 180px, 0);
      transform: translate(6px, 0); }
    20% {
      clip: rect(171px, 1380px, 131px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(122px, 1380px, 56px, 0);
      transform: translate(6px, 0); }
    33.33333% {
      clip: rect(172px, 1380px, 144px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(214px, 1380px, 23px, 0);
      transform: translate(3px, 0); }
    46.66667% {
      clip: rect(182px, 1380px, 157px, 0);
      transform: translate(5px, 0); }
    53.33333% {
      clip: rect(120px, 1380px, 47px, 0);
      transform: translate(4px, 0); }
    60% {
      clip: rect(186px, 1380px, 166px, 0);
      transform: translate(3px, 0); }
    66.66667% {
      clip: rect(234px, 1380px, 53px, 0);
      transform: translate(2px, 0); }
    73.33333% {
      clip: rect(225px, 1380px, 92px, 0);
      transform: translate(3px, 0); }
    80% {
      clip: rect(146px, 1380px, 111px, 0);
      transform: translate(6px, 0); }
    86.66667% {
      clip: rect(27px, 1380px, 54px, 0);
      transform: translate(6px, 0); }
    93.33333% {
      clip: rect(2px, 1380px, 173px, 0);
      transform: translate(6px, 0); }
    100% {
      clip: rect(216px, 1380px, 149px, 0);
      transform: translate(3px, 0); } }
  @-webkit-keyframes img-glitch-logo-frame-1 {
    0% {
      clip: rect(141px, 1380px, 48px, 0);
      transform: translate(4px, 0); }
    6.66667% {
      clip: rect(126px, 1380px, 156px, 0);
      transform: translate(5px, 0); }
    13.33333% {
      clip: rect(68px, 1380px, 85px, 0);
      transform: translate(2px, 0); }
    20% {
      clip: rect(73px, 1380px, 159px, 0);
      transform: translate(5px, 0); }
    26.66667% {
      clip: rect(197px, 1380px, 14px, 0);
      transform: translate(2px, 0); }
    33.33333% {
      clip: rect(45px, 1380px, 100px, 0);
      transform: translate(3px, 0); }
    40% {
      clip: rect(86px, 1380px, 26px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(225px, 1380px, 61px, 0);
      transform: translate(2px, 0); }
    53.33333% {
      clip: rect(188px, 1380px, 185px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(228px, 1380px, 125px, 0);
      transform: translate(4px, 0); }
    66.66667% {
      clip: rect(125px, 1380px, 133px, 0);
      transform: translate(3px, 0); }
    73.33333% {
      clip: rect(167px, 1380px, 165px, 0);
      transform: translate(5px, 0); }
    80% {
      clip: rect(93px, 1380px, 119px, 0);
      transform: translate(3px, 0); }
    86.66667% {
      clip: rect(151px, 1380px, 85px, 0);
      transform: translate(3px, 0); }
    93.33333% {
      clip: rect(232px, 1380px, 104px, 0);
      transform: translate(4px, 0); }
    100% {
      clip: rect(201px, 1380px, 129px, 0);
      transform: translate(1px, 0); } }
  @keyframes img-glitch-logo-frame-2 {
    0% {
      clip: rect(175px, 1380px, 54px, 0);
      transform: translate(4px, 0); }
    6.66667% {
      clip: rect(228px, 1380px, 84px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(68px, 1380px, 62px, 0);
      transform: translate(3px, 0); }
    20% {
      clip: rect(61px, 1380px, 119px, 0);
      transform: translate(5px, 0); }
    26.66667% {
      clip: rect(17px, 1380px, 227px, 0);
      transform: translate(2px, 0); }
    33.33333% {
      clip: rect(165px, 1380px, 31px, 0);
      transform: translate(6px, 0); }
    40% {
      clip: rect(1px, 1380px, 35px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(56px, 1380px, 72px, 0);
      transform: translate(5px, 0); }
    53.33333% {
      clip: rect(197px, 1380px, 82px, 0);
      transform: translate(6px, 0); }
    60% {
      clip: rect(42px, 1380px, 54px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(111px, 1380px, 155px, 0);
      transform: translate(4px, 0); }
    73.33333% {
      clip: rect(19px, 1380px, 142px, 0);
      transform: translate(5px, 0); }
    80% {
      clip: rect(139px, 1380px, 38px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(89px, 1380px, 84px, 0);
      transform: translate(1px, 0); }
    93.33333% {
      clip: rect(225px, 1380px, 11px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(3px, 1380px, 109px, 0);
      transform: translate(3px, 0); } }
  @-webkit-keyframes img-glitch-logo-frame-2 {
    0% {
      clip: rect(67px, 1380px, 124px, 0);
      transform: translate(5px, 0); }
    6.66667% {
      clip: rect(65px, 1380px, 39px, 0);
      transform: translate(5px, 0); }
    13.33333% {
      clip: rect(189px, 1380px, 16px, 0);
      transform: translate(3px, 0); }
    20% {
      clip: rect(67px, 1380px, 21px, 0);
      transform: translate(4px, 0); }
    26.66667% {
      clip: rect(230px, 1380px, 159px, 0);
      transform: translate(2px, 0); }
    33.33333% {
      clip: rect(190px, 1380px, 124px, 0);
      transform: translate(6px, 0); }
    40% {
      clip: rect(147px, 1380px, 69px, 0);
      transform: translate(6px, 0); }
    46.66667% {
      clip: rect(220px, 1380px, 96px, 0);
      transform: translate(5px, 0); }
    53.33333% {
      clip: rect(134px, 1380px, 86px, 0);
      transform: translate(5px, 0); }
    60% {
      clip: rect(93px, 1380px, 53px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(22px, 1380px, 59px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(142px, 1380px, 38px, 0);
      transform: translate(3px, 0); }
    80% {
      clip: rect(67px, 1380px, 115px, 0);
      transform: translate(1px, 0); }
    86.66667% {
      clip: rect(205px, 1380px, 55px, 0);
      transform: translate(4px, 0); }
    93.33333% {
      clip: rect(34px, 1380px, 63px, 0);
      transform: translate(5px, 0); }
    100% {
      clip: rect(73px, 1380px, 201px, 0);
      transform: translate(3px, 0); } }
  @keyframes img-glitch-logo-text-1 {
    0% {
      clip: rect(86px, 68px, 100px, 0);
      transform: translate(1px, 0); }
    6.66667% {
      clip: rect(65px, 68px, 152px, 0);
      transform: translate(4px, 0); }
    13.33333% {
      clip: rect(32px, 68px, 123px, 0);
      transform: translate(5px, 0); }
    20% {
      clip: rect(39px, 68px, 107px, 0);
      transform: translate(5px, 0); }
    26.66667% {
      clip: rect(105px, 68px, 46px, 0);
      transform: translate(6px, 0); }
    33.33333% {
      clip: rect(3px, 68px, 23px, 0);
      transform: translate(6px, 0); }
    40% {
      clip: rect(48px, 68px, 58px, 0);
      transform: translate(5px, 0); }
    46.66667% {
      clip: rect(116px, 68px, 16px, 0);
      transform: translate(3px, 0); }
    53.33333% {
      clip: rect(113px, 68px, 119px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(39px, 68px, 16px, 0);
      transform: translate(3px, 0); }
    66.66667% {
      clip: rect(125px, 68px, 35px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(80px, 68px, 59px, 0);
      transform: translate(5px, 0); }
    80% {
      clip: rect(143px, 68px, 121px, 0);
      transform: translate(6px, 0); }
    86.66667% {
      clip: rect(36px, 68px, 69px, 0);
      transform: translate(4px, 0); }
    93.33333% {
      clip: rect(121px, 68px, 103px, 0);
      transform: translate(1px, 0); }
    100% {
      clip: rect(58px, 68px, 133px, 0);
      transform: translate(4px, 0); } }
  @-webkit-keyframes img-glitch-logo-text-1 {
    0% {
      clip: rect(84px, 68px, 104px, 0);
      transform: translate(3px, 0); }
    6.66667% {
      clip: rect(140px, 68px, 50px, 0);
      transform: translate(5px, 0); }
    13.33333% {
      clip: rect(30px, 68px, 141px, 0);
      transform: translate(2px, 0); }
    20% {
      clip: rect(100px, 68px, 128px, 0);
      transform: translate(4px, 0); }
    26.66667% {
      clip: rect(59px, 68px, 128px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(40px, 68px, 11px, 0);
      transform: translate(5px, 0); }
    40% {
      clip: rect(112px, 68px, 74px, 0);
      transform: translate(5px, 0); }
    46.66667% {
      clip: rect(74px, 68px, 14px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(134px, 68px, 112px, 0);
      transform: translate(4px, 0); }
    60% {
      clip: rect(76px, 68px, 67px, 0);
      transform: translate(1px, 0); }
    66.66667% {
      clip: rect(27px, 68px, 108px, 0);
      transform: translate(2px, 0); }
    73.33333% {
      clip: rect(31px, 68px, 40px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(118px, 68px, 78px, 0);
      transform: translate(6px, 0); }
    86.66667% {
      clip: rect(85px, 68px, 72px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(19px, 68px, 14px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(20px, 68px, 63px, 0);
      transform: translate(5px, 0); } }
  @keyframes img-glitch-logo-text-2 {
    0% {
      clip: rect(84px, 68px, 14px, 0);
      transform: translate(3px, 0); }
    6.66667% {
      clip: rect(53px, 68px, 113px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(140px, 68px, 37px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(80px, 68px, 74px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(110px, 68px, 25px, 0);
      transform: translate(3px, 0); }
    33.33333% {
      clip: rect(15px, 68px, 30px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(115px, 68px, 154px, 0);
      transform: translate(6px, 0); }
    46.66667% {
      clip: rect(131px, 68px, 85px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(120px, 68px, 156px, 0);
      transform: translate(3px, 0); }
    60% {
      clip: rect(23px, 68px, 39px, 0);
      transform: translate(5px, 0); }
    66.66667% {
      clip: rect(122px, 68px, 77px, 0);
      transform: translate(6px, 0); }
    73.33333% {
      clip: rect(140px, 68px, 95px, 0);
      transform: translate(6px, 0); }
    80% {
      clip: rect(14px, 68px, 105px, 0);
      transform: translate(6px, 0); }
    86.66667% {
      clip: rect(154px, 68px, 71px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(109px, 68px, 39px, 0);
      transform: translate(3px, 0); }
    100% {
      clip: rect(129px, 68px, 36px, 0);
      transform: translate(2px, 0); } }
  @-webkit-keyframes img-glitch-logo-text-2 {
    0% {
      clip: rect(6px, 68px, 51px, 0);
      transform: translate(4px, 0); }
    6.66667% {
      clip: rect(51px, 68px, 28px, 0);
      transform: translate(3px, 0); }
    13.33333% {
      clip: rect(155px, 68px, 80px, 0);
      transform: translate(5px, 0); }
    20% {
      clip: rect(27px, 68px, 92px, 0);
      transform: translate(3px, 0); }
    26.66667% {
      clip: rect(40px, 68px, 93px, 0);
      transform: translate(5px, 0); }
    33.33333% {
      clip: rect(52px, 68px, 109px, 0);
      transform: translate(5px, 0); }
    40% {
      clip: rect(97px, 68px, 17px, 0);
      transform: translate(6px, 0); }
    46.66667% {
      clip: rect(99px, 68px, 156px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(32px, 68px, 79px, 0);
      transform: translate(4px, 0); }
    60% {
      clip: rect(5px, 68px, 97px, 0);
      transform: translate(6px, 0); }
    66.66667% {
      clip: rect(154px, 68px, 150px, 0);
      transform: translate(6px, 0); }
    73.33333% {
      clip: rect(114px, 68px, 13px, 0);
      transform: translate(6px, 0); }
    80% {
      clip: rect(26px, 68px, 2px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(74px, 68px, 134px, 0);
      transform: translate(3px, 0); }
    93.33333% {
      clip: rect(3px, 68px, 84px, 0);
      transform: translate(3px, 0); }
    100% {
      clip: rect(33px, 68px, 36px, 0);
      transform: translate(6px, 0); } }
  @keyframes img-glitch-afterword-1 {
    0% {
      clip: rect(41px, 75px, 22px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(1px, 75px, 50px, 0);
      transform: translate(3px, 0); }
    13.33333% {
      clip: rect(41px, 75px, 11px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(26px, 75px, 16px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(12px, 75px, 53px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(6px, 75px, 12px, 0);
      transform: translate(4px, 0); }
    40% {
      clip: rect(64px, 75px, 51px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(9px, 75px, 62px, 0);
      transform: translate(3px, 0); }
    53.33333% {
      clip: rect(37px, 75px, 53px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(9px, 75px, 17px, 0);
      transform: translate(4px, 0); }
    66.66667% {
      clip: rect(43px, 75px, 18px, 0);
      transform: translate(4px, 0); }
    73.33333% {
      clip: rect(63px, 75px, 34px, 0);
      transform: translate(1px, 0); }
    80% {
      clip: rect(27px, 75px, 53px, 0);
      transform: translate(1px, 0); }
    86.66667% {
      clip: rect(40px, 75px, 17px, 0);
      transform: translate(3px, 0); }
    93.33333% {
      clip: rect(10px, 75px, 62px, 0);
      transform: translate(3px, 0); }
    100% {
      clip: rect(42px, 75px, 20px, 0);
      transform: translate(4px, 0); } }
  @-webkit-keyframes img-glitch-afterword-1 {
    0% {
      clip: rect(15px, 75px, 45px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(32px, 75px, 40px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(29px, 75px, 58px, 0);
      transform: translate(3px, 0); }
    20% {
      clip: rect(62px, 75px, 22px, 0);
      transform: translate(2px, 0); }
    26.66667% {
      clip: rect(3px, 75px, 9px, 0);
      transform: translate(4px, 0); }
    33.33333% {
      clip: rect(46px, 75px, 61px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(60px, 75px, 46px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(4px, 75px, 39px, 0);
      transform: translate(3px, 0); }
    53.33333% {
      clip: rect(23px, 75px, 26px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(15px, 75px, 54px, 0);
      transform: translate(4px, 0); }
    66.66667% {
      clip: rect(29px, 75px, 17px, 0);
      transform: translate(2px, 0); }
    73.33333% {
      clip: rect(63px, 75px, 2px, 0);
      transform: translate(4px, 0); }
    80% {
      clip: rect(42px, 75px, 37px, 0);
      transform: translate(4px, 0); }
    86.66667% {
      clip: rect(13px, 75px, 43px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(43px, 75px, 3px, 0);
      transform: translate(1px, 0); }
    100% {
      clip: rect(13px, 75px, 55px, 0);
      transform: translate(4px, 0); } }
  @keyframes img-glitch-afterword-2 {
    0% {
      clip: rect(8px, 75px, 29px, 0);
      transform: translate(3px, 0); }
    6.66667% {
      clip: rect(55px, 75px, 50px, 0);
      transform: translate(2px, 0); }
    13.33333% {
      clip: rect(20px, 75px, 47px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(61px, 75px, 36px, 0);
      transform: translate(2px, 0); }
    26.66667% {
      clip: rect(39px, 75px, 55px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(19px, 75px, 9px, 0);
      transform: translate(2px, 0); }
    40% {
      clip: rect(57px, 75px, 10px, 0);
      transform: translate(4px, 0); }
    46.66667% {
      clip: rect(26px, 75px, 43px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(48px, 75px, 55px, 0);
      transform: translate(2px, 0); }
    60% {
      clip: rect(38px, 75px, 42px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(60px, 75px, 7px, 0);
      transform: translate(3px, 0); }
    73.33333% {
      clip: rect(45px, 75px, 38px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(18px, 75px, 17px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(26px, 75px, 14px, 0);
      transform: translate(4px, 0); }
    93.33333% {
      clip: rect(57px, 75px, 62px, 0);
      transform: translate(4px, 0); }
    100% {
      clip: rect(31px, 75px, 15px, 0);
      transform: translate(4px, 0); } }
  @-webkit-keyframes img-glitch-afterword-2 {
    0% {
      clip: rect(15px, 75px, 43px, 0);
      transform: translate(4px, 0); }
    6.66667% {
      clip: rect(25px, 75px, 49px, 0);
      transform: translate(2px, 0); }
    13.33333% {
      clip: rect(13px, 75px, 35px, 0);
      transform: translate(4px, 0); }
    20% {
      clip: rect(52px, 75px, 54px, 0);
      transform: translate(3px, 0); }
    26.66667% {
      clip: rect(11px, 75px, 41px, 0);
      transform: translate(4px, 0); }
    33.33333% {
      clip: rect(57px, 75px, 61px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(40px, 75px, 47px, 0);
      transform: translate(4px, 0); }
    46.66667% {
      clip: rect(64px, 75px, 1px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(26px, 75px, 36px, 0);
      transform: translate(3px, 0); }
    60% {
      clip: rect(8px, 75px, 2px, 0);
      transform: translate(3px, 0); }
    66.66667% {
      clip: rect(5px, 75px, 26px, 0);
      transform: translate(4px, 0); }
    73.33333% {
      clip: rect(21px, 75px, 45px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(58px, 75px, 45px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(56px, 75px, 7px, 0);
      transform: translate(1px, 0); }
    93.33333% {
      clip: rect(29px, 75px, 37px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(4px, 75px, 39px, 0);
      transform: translate(4px, 0); } } }

@media only screen and (min-width: 1024px) {
  @keyframes box-glitch-pos-tb-1 {
    0% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    6.66667% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    26.66667% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(1px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    53.33333% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(1px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(1px, 0); }
    86.66667% {
      clip: rect(2px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(1px, 0); }
    100% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(1px, 0); } }
  @-webkit-keyframes box-glitch-pos-tb-1 {
    0% {
      clip: rect(1px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    26.66667% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    33.33333% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(2px, 640px, 2px, 0);
      transform: translate(1px, 0); }
    46.66667% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    53.33333% {
      clip: rect(1px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    60% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    66.66667% {
      clip: rect(1px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(2px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(2px, 0); } }
  @keyframes box-glitch-pos-tb-2 {
    0% {
      clip: rect(1px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    13.33333% {
      clip: rect(1px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    20% {
      clip: rect(1px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(1px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    53.33333% {
      clip: rect(1px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    60% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    66.66667% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    73.33333% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    100% {
      clip: rect(2px, 640px, 2px, 0);
      transform: translate(1px, 0); } }
  @-webkit-keyframes box-glitch-pos-tb-2 {
    0% {
      clip: rect(1px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(2px, 640px, 1px, 0);
      transform: translate(2px, 0); }
    13.33333% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(1px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(1px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(3px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(3px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(2px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(3px, 640px, 1px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(1px, 640px, 2px, 0);
      transform: translate(1px, 0); }
    80% {
      clip: rect(2px, 640px, 3px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(1px, 640px, 3px, 0);
      transform: translate(1px, 0); }
    93.33333% {
      clip: rect(1px, 640px, 2px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(2px, 640px, 2px, 0);
      transform: translate(2px, 0); } }
  @keyframes box-glitch-pos-rl-1 {
    0% {
      clip: rect(25px, 3px, 36px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(503px, 3px, 183px, 0);
      transform: translate(2px, 0); }
    13.33333% {
      clip: rect(637px, 3px, 360px, 0);
      transform: translate(2px, 0); }
    20% {
      clip: rect(187px, 3px, 423px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(101px, 3px, 501px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(606px, 3px, 537px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(302px, 3px, 486px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(192px, 3px, 445px, 0);
      transform: translate(2px, 0); }
    53.33333% {
      clip: rect(454px, 3px, 594px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(258px, 3px, 356px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(81px, 3px, 54px, 0);
      transform: translate(2px, 0); }
    73.33333% {
      clip: rect(357px, 3px, 407px, 0);
      transform: translate(1px, 0); }
    80% {
      clip: rect(87px, 3px, 348px, 0);
      transform: translate(1px, 0); }
    86.66667% {
      clip: rect(21px, 3px, 596px, 0);
      transform: translate(1px, 0); }
    93.33333% {
      clip: rect(544px, 3px, 85px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(27px, 3px, 192px, 0);
      transform: translate(2px, 0); } }
  @-webkit-keyframes box-glitch-pos-rl-1 {
    0% {
      clip: rect(208px, 3px, 528px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(74px, 3px, 190px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(221px, 3px, 362px, 0);
      transform: translate(2px, 0); }
    20% {
      clip: rect(156px, 3px, 150px, 0);
      transform: translate(2px, 0); }
    26.66667% {
      clip: rect(10px, 3px, 457px, 0);
      transform: translate(1px, 0); }
    33.33333% {
      clip: rect(270px, 3px, 604px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(612px, 3px, 466px, 0);
      transform: translate(1px, 0); }
    46.66667% {
      clip: rect(317px, 3px, 100px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(553px, 3px, 203px, 0);
      transform: translate(1px, 0); }
    60% {
      clip: rect(443px, 3px, 410px, 0);
      transform: translate(1px, 0); }
    66.66667% {
      clip: rect(522px, 3px, 41px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(594px, 3px, 588px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(293px, 3px, 586px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(109px, 3px, 153px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(154px, 3px, 488px, 0);
      transform: translate(1px, 0); }
    100% {
      clip: rect(631px, 3px, 70px, 0);
      transform: translate(1px, 0); } }
  @keyframes box-glitch-pos-rl-2 {
    0% {
      clip: rect(52px, 3px, 387px, 0);
      transform: translate(1px, 0); }
    6.66667% {
      clip: rect(89px, 3px, 629px, 0);
      transform: translate(1px, 0); }
    13.33333% {
      clip: rect(412px, 3px, 518px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(240px, 3px, 289px, 0);
      transform: translate(2px, 0); }
    26.66667% {
      clip: rect(378px, 3px, 487px, 0);
      transform: translate(2px, 0); }
    33.33333% {
      clip: rect(599px, 3px, 492px, 0);
      transform: translate(2px, 0); }
    40% {
      clip: rect(249px, 3px, 410px, 0);
      transform: translate(1px, 0); }
    46.66667% {
      clip: rect(162px, 3px, 73px, 0);
      transform: translate(1px, 0); }
    53.33333% {
      clip: rect(505px, 3px, 221px, 0);
      transform: translate(2px, 0); }
    60% {
      clip: rect(109px, 3px, 212px, 0);
      transform: translate(1px, 0); }
    66.66667% {
      clip: rect(359px, 3px, 392px, 0);
      transform: translate(1px, 0); }
    73.33333% {
      clip: rect(467px, 3px, 88px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(67px, 3px, 299px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(586px, 3px, 347px, 0);
      transform: translate(2px, 0); }
    93.33333% {
      clip: rect(254px, 3px, 368px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(224px, 3px, 312px, 0);
      transform: translate(1px, 0); } }
  @-webkit-keyframes box-glitch-pos-rl-2 {
    0% {
      clip: rect(76px, 3px, 41px, 0);
      transform: translate(2px, 0); }
    6.66667% {
      clip: rect(341px, 3px, 350px, 0);
      transform: translate(2px, 0); }
    13.33333% {
      clip: rect(414px, 3px, 559px, 0);
      transform: translate(1px, 0); }
    20% {
      clip: rect(331px, 3px, 276px, 0);
      transform: translate(1px, 0); }
    26.66667% {
      clip: rect(121px, 3px, 349px, 0);
      transform: translate(2px, 0); }
    33.33333% {
      clip: rect(390px, 3px, 335px, 0);
      transform: translate(1px, 0); }
    40% {
      clip: rect(391px, 3px, 543px, 0);
      transform: translate(2px, 0); }
    46.66667% {
      clip: rect(636px, 3px, 36px, 0);
      transform: translate(2px, 0); }
    53.33333% {
      clip: rect(394px, 3px, 195px, 0);
      transform: translate(2px, 0); }
    60% {
      clip: rect(617px, 3px, 256px, 0);
      transform: translate(2px, 0); }
    66.66667% {
      clip: rect(426px, 3px, 455px, 0);
      transform: translate(2px, 0); }
    73.33333% {
      clip: rect(57px, 3px, 390px, 0);
      transform: translate(2px, 0); }
    80% {
      clip: rect(351px, 3px, 602px, 0);
      transform: translate(2px, 0); }
    86.66667% {
      clip: rect(532px, 3px, 49px, 0);
      transform: translate(1px, 0); }
    93.33333% {
      clip: rect(321px, 3px, 143px, 0);
      transform: translate(2px, 0); }
    100% {
      clip: rect(594px, 3px, 331px, 0);
      transform: translate(2px, 0); } } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

/* 240206 追加対応 */
.product-box.windows .rating-list .rating.select .inner {
  background: rgba(0, 120, 180, 0.4);
  border: 4px solid #0078b4; }

.product-box.windows .fmt-list .fmt.select {
  background: rgba(0, 120, 180, 0.4); }

.product-box.windows .ed-list .ed.select {
  background: rgba(0, 120, 180, 0.4); }
  .product-box.windows .ed-list .ed.select span {
    border-top: 4px solid #0078b4;
    border-right: 4px solid #0078b4;
    border-left: 4px solid #0078b4; }

.product-box.windows .product-box-inner .product-name {
  background: #0078b4; }

.product-box.windows .product-box-inner .product-buy-inner .link-btn .btn {
  border: 1px solid #0078b4; }
  .product-box.windows .product-box-inner .product-buy-inner .link-btn .btn a {
    background: rgba(0, 120, 180, 0.4); }

.product-box.windows.dl .ed-list .ed {
  width: 100%; }
  .product-box.windows.dl .ed-list .ed-collectors, .product-box.windows.dl .ed-list .ed-premium, .product-box.windows.dl .ed-list .ed-limited {
    display: none; }

.product-box.dl.windows.normal .product-img .img {
  background: url(../images/product/windows_dl_img01.jpg) center top no-repeat;
  background-size: contain; }

.lang-us .product-box.dl.windows.normal .product-img .img {
  background: url(../images/product/windows_dl_img01_us.jpg) center top no-repeat;
  background-size: contain; }

.lang-kr .product-box.dl.windows.normal .product-img .img {
  background: url(../images/product/windows_dl_img01_kr.jpg) center top no-repeat;
  background-size: contain; }