@charset "UTF-8";
/*
.pc {
	display:none;
}
*/
/************************************
	mixin
************************************/
/************************************
	font
************************************/
.scrollBg {
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  visibility: hidden; }

.scrollBg .bgImg {
  height: 100%;
  width: 100%; }

#media h2,
#about h2,
#product h2 {
  text-shadow: 0px 0px 20px #a20000; }

.scrollBg#scrollBgStart {
  display: none;
  top: 0;
  position: fixed; }

.scrollBg#scrollBgStart .bgImg {
  background: url(../images/index/firstview_bg_start.jpg) center top no-repeat;
  background-size: 100%;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.scrollBg#scrollBgEnd {
  bottom: 0;
  position: absolute; }

.scrollBg#scrollBgEnd .bgImg {
  background: url(../images/index/firstview_bg_end.jpg) center bottom no-repeat;
  background-size: 120%;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease; }

.box#firstView {
  position: relative;
  z-index: 3;
  padding-bottom: 19vw;
  height: auto;
  position: relative;
  background: #000;
  background-size: 100% auto;
  padding-bottom: 21vw; }
  .box#firstView #fvBg02 {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/index/firstview_bg02_sp.jpg) center top no-repeat;
    background-size: 100% auto;
    opacity: 0;
    z-index: -1; }
  .box#firstView .bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none; }
    .box#firstView .bg .bgOverlay,
    .box#firstView .bg #bgPlayer {
      display: none; }
  .box#firstView #zBnr {
    padding-bottom: 3vw; }
    .box#firstView #zBnr div {
      box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.2);
      background-color: #000;
      transition: all 0.3s ease;
      margin: 0 0.8vw; }
      .box#firstView #zBnr div:hover, .box#firstView #zBnr div.act {
        box-shadow: 0px 0px 7px 2px rgba(204, 0, 0, 0.8); }
  .box#firstView .firstAnime,
  .box#firstView .secondAnime {
    opacity: 0; }
  .box#firstView .innerPC, .box#firstView .innerInnerPC {
    height: 100%; }
  .box#firstView .boxInner {
    height: 100%; }
    .box#firstView .boxInner .innerSP {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%;
      position: relative;
      width: 100%;
      padding-top: 94.3vw; }
      .box#firstView .boxInner .innerSP .innerInnerSP {
        position: relative;
        width: 87.33333%; }
    .box#firstView .boxInner .logo {
      margin-right: auto;
      margin-left: auto;
      padding-bottom: 17.42879vw;
      position: relative;
      width: 95.5%; }
      .box#firstView .boxInner .logo span {
        opacity: 1;
        position: absolute; }
      .box#firstView .boxInner .logo span.start {
        z-index: 1; }
      .box#firstView .boxInner .logo span.end {
        opacity: 0;
        z-index: 2; }
    .box#firstView .boxInner .ruby {
      color: #fff;
      font-size: 2.9vw;
      margin-bottom: 1.7vw;
      text-align: right;
      margin-right: 3vw;
      margin-top: -0.2vw; }
    .box#firstView .boxInner .release {
      color: #fff;
      font-size: 7.6666vw;
      text-align: center;
      margin-bottom: 7.446vw; }
    .box#firstView .boxInner .slideNews {
      margin: 0 auto; }
      .box#firstView .boxInner .slideNews .slick-dots {
        bottom: -24px; }
      .box#firstView .boxInner .slideNews .slick-dots li {
        width: 7.5vw; }
      .box#firstView .boxInner .slideNews .slick-next,
      .box#firstView .boxInner .slideNews .slick-prev {
        width: 0; }
      .box#firstView .boxInner .slideNews .slideBox {
        margin: 0 0.8vw; }
      .box#firstView .boxInner .slideNews .slideBox > div,
      .box#firstView .boxInner .slideNews .slideBox > a > div {
        width: 100%;
        display: table;
        align-items: center;
        margin: 11px 0;
        box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.2);
        background-color: #000;
        transition: all 0.3s ease; }
        .box#firstView .boxInner .slideNews .slideBox > div:hover, .box#firstView .boxInner .slideNews .slideBox > div.act,
        .box#firstView .boxInner .slideNews .slideBox > a > div:hover,
        .box#firstView .boxInner .slideNews .slideBox > a > div.act {
          box-shadow: 0px 0px 7px 2px rgba(204, 0, 0, 0.8); }
        .box#firstView .boxInner .slideNews .slideBox > div > *,
        .box#firstView .boxInner .slideNews .slideBox > a > div > * {
          display: table-cell;
          vertical-align: middle; }
        .box#firstView .boxInner .slideNews .slideBox > div .thum,
        .box#firstView .boxInner .slideNews .slideBox > a > div .thum {
          width: 23.7333vw;
          border-right: 1px solid #303030; }
        .box#firstView .boxInner .slideNews .slideBox > div .detail,
        .box#firstView .boxInner .slideNews .slideBox > a > div .detail {
          width: 61.2vw;
          padding: 2.5vw 2.2vw;
          background: url(../images/index/news_arrow.png) right bottom no-repeat;
          background-size: 8.8vw auto; }
          .box#firstView .boxInner .slideNews .slideBox > div .detail .date,
          .box#firstView .boxInner .slideNews .slideBox > a > div .detail .date {
            font-size: 3.2vw;
            color: #cc0000;
            margin-bottom: 0.3vw;
            text-shadow: 0px 0px 15px #ff0000; }
          .box#firstView .boxInner .slideNews .slideBox > div .detail .txt,
          .box#firstView .boxInner .slideNews .slideBox > a > div .detail .txt {
            font-size: 3.2vw;
            color: #ccc;
            line-height: 1.5; }
    .box#firstView .boxInner .movieBtn {
      margin-top: -12vw; }
    .box#firstView .boxInner .movieBtnInner {
      margin-right: auto;
      margin-left: auto;
      position: relative;
      width: 83.33333%; }
    .box#firstView .boxInner .movieBtn a {
      color: #ccc;
      display: block;
      font-size: 4.58333vw;
      letter-spacing: .1em;
      text-align: center;
      width: 100%; }
    .box#firstView .boxInner .movieBtn p {
      margin-bottom: 2.24888vw; }
    .box#firstView .boxInner .movieBtn figure {
      position: relative; }
    .box#firstView .boxInner .movieBtn figure .playIcon {
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 18.5%; }
  .box#firstView .topicsBnrBox {
    margin-bottom: 6vw; }
  .box#firstView .topicsBnr {
    margin-bottom: 3vw; }
    .box#firstView .topicsBnr div {
      box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.2);
      background-color: #000;
      transition: all 0.3s ease;
      margin: 0 0.8vw; }
      .box#firstView .topicsBnr div:hover, .box#firstView .topicsBnr div.act {
        box-shadow: 0px 0px 7px 2px rgba(204, 0, 0, 0.8); }

#btnBuy {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 40; }
  #btnBuy a {
    display: block;
    width: 29.0666vw;
    background-color: rgba(203, 0, 0, 0.8);
    padding: 3.35vw 0; }
    #btnBuy a span {
      display: block;
      text-align: center;
      color: #fff; }
      #btnBuy a span:nth-child(1) {
        font-size: 4.8vw;
        margin-bottom: 0.5vw;
        letter-spacing: 0.04em; }
      #btnBuy a span:nth-child(2) {
        font-size: 2.4vw;
        font-weight: 300; }

#btnDemo {
  display: none;
  position: fixed; }
  #btnDemo a {
    display: block;
    width: 29.3333vw;
    background-color: rgba(203, 0, 0, 0.8);
    padding: 3.35vw 0; }
    #btnDemo a span {
      display: block;
      text-align: center;
      color: #fff; }
      #btnDemo a span:nth-child(1) {
        font-size: 4.8vw;
        margin-bottom: 0.5vw;
        letter-spacing: 0.04em; }
      #btnDemo a span:nth-child(2) {
        font-size: 2.4vw;
        font-weight: 300; }

#wrapper .tgs-award-icon {
  display: none !important;
  z-index: 0; }

.innerInnerSP .tgs-award-icon {
  opacity: 0;
  width: 21.27vw;
  margin-left: auto;
  margin-bottom: 4.255vw; }

#wrapper #mainConts {
  position: relative; }

#wrapper .contsBox {
  width: 100%; }

#wrapper .contsBox .box#topics {
  background-color: #000; }

#wrapper .contsBox .box#topics .boxInner {
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 14.49775vw;
  width: 83%; }

#wrapper .contsBox .box#topics .topicsList .bnr img {
  border: 1px solid #b3001e;
  box-sizing: border-box; }

#wrapper .contsBox .box#topics .topicsList .bnr:not(:last-child) {
  margin-bottom: 5.9955vw; }

.tablet #wrapper .contsBox .box#media .mediaList {
  position: relative;
  ter-events: inherit; }

#wrapper .contsBox .box#media {
  position: relative;
  z-index: 3;
  background-color: #000;
  padding: 16vw 0; }
  #wrapper .contsBox .box#media h2 {
    margin-bottom: 8vw; }
    #wrapper .contsBox .box#media h2 span {
      display: block;
      text-align: center; }
      #wrapper .contsBox .box#media h2 span:first-child {
        font-size: 9vw;
        color: #d10025; }
      #wrapper .contsBox .box#media h2 span:last-child {
        font-size: 4.2vw;
        color: #b3001e;
        padding-top: 2.4vw;
        letter-spacing: 0.1em;
        font-weight: bold; }
  #wrapper .contsBox .box#media .slick-track > li:first-child:last-child {
    padding: 0 1.98vw; }
  #wrapper .contsBox .box#media .btnMore {
    padding-top: 2.2vw; }
  #wrapper .contsBox .box#media .boxInner {
    position: relative; }
  #wrapper .contsBox .box#media .mediaList {
    position: relative;
    margin-bottom: 10vw; }
    #wrapper .contsBox .box#media .mediaList .thumb {
      position: relative; }
    #wrapper .contsBox .box#media .mediaList figure .date {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 10;
      border: none !important; }
      #wrapper .contsBox .box#media .mediaList figure .date:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 80px 80px 0 0;
        border-color: #b3001e transparent transparent transparent; }
      #wrapper .contsBox .box#media .mediaList figure .date span {
        position: relative;
        z-index: 11;
        color: white;
        border: none !important;
        padding-top: 25px;
        padding-left: 7px; }
  #wrapper .contsBox .box#media .mediaList li {
    margin-left: .06%;
    margin-right: .06%;
    position: relative; }
  #wrapper .contsBox .box#media .mediaList li .mediaCover figure {
    line-height: 0;
    position: relative; }
  #wrapper .contsBox .box#media .mediaList li .mediaCover figure figcaption {
    color: #aaa;
    font-size: 3.7vw;
    line-height: 1.5;
    margin-bottom: .5rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #wrapper .contsBox .box#media .mediaList li .mediaCover .thumb span {
    box-sizing: border-box;
    border: 1px solid #666;
    display: block; }
  #wrapper .contsBox .box#media .mediaList li.slick-center .mediaCover .thumb span {
    border: 1px solid #b3001e; }
  #wrapper .contsBox .box#media .mediaList li .mediaCover .playIcon {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 56%;
    -webkit-transform: translateY(-56%);
    -moz-transform: translateY(-56%);
    -ms-transform: translateY(-56%);
    transform: translateY(-56%);
    width: 18.5%; }
  #wrapper .contsBox .box#media .mediaList li .mediaCover.active .thumb img {
    visibility: hidden; }
  #wrapper .contsBox .box#media .playArea {
    bottom: 0.4vw;
    left: 50%;
    padding-top: 47.1875%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85.0666%;
    z-index: -1; }
  #wrapper .contsBox .box#media .playArea iframe {
    box-sizing: border-box;
    height: 98%;
    left: 7px;
    position: absolute;
    top: 0;
    width: 98%; }
  #wrapper .contsBox .box#media .playArea.active {
    visibility: visible;
    z-index: 20; }
  #wrapper .contsBox .box#media .linkBnr {
    margin-top: 20vw;
    margin-right: auto;
    margin-left: auto;
    width: 87.33333%; }
    #wrapper .contsBox .box#media .linkBnr div {
      box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.2);
      background-color: #000;
      margin: 0 0.8vw;
      transition: all 0.3s ease; }
      #wrapper .contsBox .box#media .linkBnr div:hover {
        box-shadow: 0px 0px 7px 2px rgba(204, 0, 0, 0.8); }

.bloodSub {
  display: block;
  position: absolute;
  z-index: 10; }
  .bloodSub img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
    .bloodSub img:nth-child(1) {
      animation-duration: 0.1s;
      animation-delay: 0; }
    .bloodSub img:nth-child(2) {
      animation-duration: 0.1s;
      animation-delay: 0.1s; }
    .bloodSub img:nth-child(3) {
      animation-duration: 0.1s;
      animation-delay: 0.2s; }

#wrapper .contsBox .box#about {
  position: relative;
  background: #000;
  text-align: center;
  padding: 16vw 0 26.5vw;
  z-index: 2; }
  #wrapper .contsBox .box#about h2 {
    margin-bottom: 10.5vw; }
    #wrapper .contsBox .box#about h2 span {
      display: block;
      text-align: center; }
      #wrapper .contsBox .box#about h2 span:first-child {
        font-size: 9vw;
        color: #d10025; }
      #wrapper .contsBox .box#about h2 span:last-child {
        font-size: 4.2vw;
        color: #b3001e;
        padding-top: 2.4vw;
        letter-spacing: 0.1em;
        font-weight: bold; }
  #wrapper .contsBox .box#about .catch {
    position: relative;
    display: inline-block;
    font-size: 8.25625vw;
    color: #ccc;
    text-shadow: 3px 3px 10px #000000;
    margin-bottom: 13.85625vw; }
    #wrapper .contsBox .box#about .catch .fLarge, #wrapper .contsBox .box#about .catch img {
      vertical-align: middle;
      position: relative;
      top: -0.58vw; }
    #wrapper .contsBox .box#about .catch .fLarge {
      font-size: 11.4354vw; }
    #wrapper .contsBox .box#about .catch img {
      width: 11.6875vw;
      margin-left: 2vw;
      margin-right: 0.2vw; }
    #wrapper .contsBox .box#about .catch .kerning01 {
      margin-right: -0.08em; }
    #wrapper .contsBox .box#about .catch .anim01 {
      position: relative;
      z-index: 2;
      opacity: 0;
      animation-duration: 1s;
      animation-delay: 1.3s; }
    #wrapper .contsBox .box#about .catch .anim02 {
      position: relative;
      z-index: 2;
      opacity: 0;
      animation-duration: 1s;
      animation-delay: 2.2s; }
    #wrapper .contsBox .box#about .catch .blood {
      position: absolute;
      top: -6.5vw;
      left: 38.9vw;
      width: 24vw; }
      #wrapper .contsBox .box#about .catch .blood img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0; }
        #wrapper .contsBox .box#about .catch .blood img:nth-child(1) {
          animation-duration: 0.4s;
          animation-delay: 0; }
        #wrapper .contsBox .box#about .catch .blood img:nth-child(2) {
          animation-duration: 0.4s;
          animation-delay: 0.2s; }
        #wrapper .contsBox .box#about .catch .blood img:nth-child(3) {
          animation-duration: 4s;
          animation-delay: 1.2s;
          transform-origin: 50% 0; }
  #wrapper .contsBox .box#about h3 {
    color: #cc0000;
    font-size: 4.5vw;
    font-weight: 700;
    margin-bottom: 5.2vw;
    text-shadow: 2px 2px 3px #000000; }
  #wrapper .contsBox .box#about .txt {
    width: 88.3333%;
    margin: 0 auto;
    color: #ccc;
    font-size: 3.7vw;
    line-height: 1.9;
    text-align: left;
    text-shadow: 2px 2px 3px #000000;
    position: relative;
    z-index: 11; }
  #wrapper .contsBox .box#about > div:first-child {
    position: relative;
    z-index: 20; }
  #wrapper .contsBox .box#about .bloodSubAnim01 {
    left: 31.7333vw;
    bottom: 36vw;
    width: 25.3333vw; }
    #wrapper .contsBox .box#about .bloodSubAnim01 img {
      visibility: visible; }
      #wrapper .contsBox .box#about .bloodSubAnim01 img:nth-child(3) {
        top: 21.6vw;
        z-index: -1;
        transform-origin: 74% 0%; }
    #wrapper .contsBox .box#about .bloodSubAnim01 .bloodAnim01,
    #wrapper .contsBox .box#about .bloodSubAnim01 .bloodAnim02 {
      visibility: visible;
      animation: bloodAnim01 0.3s alternate forwards; }
    #wrapper .contsBox .box#about .bloodSubAnim01 .bloodAnim03 {
      visibility: visible;
      animation: bloodAnim03 4s alternate forwards; }
  #wrapper .contsBox .box#about #block1 {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    opacity: 0;
    z-index: 2; }
    #wrapper .contsBox .box#about #block1 > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #wrapper .contsBox .box#about #block1 #parts0 {
      background: url(../images/index/about1_sp.jpg) center top no-repeat;
      background-size: cover;
      opacity: 0.8; }
    #wrapper .contsBox .box#about #block1 #parts1 {
      background: url(../images/index/parts10_sp.jpg) center top no-repeat;
      background-size: cover;
      animation: parts1 15s linear infinite; }
    #wrapper .contsBox .box#about #block1 #parts2 {
      background: url(../images/index/parts12_sp.png) center top no-repeat;
      background-size: cover;
      animation: parts2 5s ease-in infinite; }
@keyframes parts1 {
  from {
    opacity: 0; }
  10% {
    opacity: 0; }
  50% {
    opacity: 0.7; }
  60% {
    opacity: 0.7; }
  to {
    opacity: 0; } }
@keyframes parts2 {
  from {
    opacity: 0; }
  20.5% {
    opacity: 0; }
  21% {
    opacity: 1; }
  30% {
    opacity: 0; }
  31% {
    opacity: 1; }
  32% {
    opacity: 0; }
  80% {
    opacity: 0; }
  81% {
    opacity: 0.5; }
  82% {
    opacity: 0; }
  to {
    opacity: 0; } }
#overview .bg,
#zombie .bg,
#world .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0; }
#overview .contsTtl,
#overview .textWrap,
#zombie .contsTtl,
#zombie .textWrap,
#world .contsTtl,
#world .textWrap {
  opacity: 0;
  position: relative;
  z-index: 20; }

#wrapper .contsBox .box#overview {
  background-color: #000;
  position: relative;
  z-index: 2;
  width: 100%; }
  #wrapper .contsBox .box#overview .bloodSubAnim03,
  #wrapper .contsBox .box#overview .bloodSubAnim10 {
    display: none; }
  #wrapper .contsBox .box#overview .bloodSubAnim10_sp {
    left: 0vw;
    top: -2.9333vw;
    width: 91.3333vw; }
    #wrapper .contsBox .box#overview .bloodSubAnim10_sp img:nth-child(1) {
      animation-duration: 0.08s;
      animation-delay: 0s; }
    #wrapper .contsBox .box#overview .bloodSubAnim10_sp img:nth-child(2) {
      animation-duration: 0.08s;
      animation-delay: 0.07s; }
  #wrapper .contsBox .box#overview .boxInner {
    margin-right: auto;
    margin-left: auto;
    padding: 16vw 0 87vw; }
  #wrapper .contsBox .box#overview .bg {
    background: #000 url(../images/index/overview_bg_sp.jpg) center bottom no-repeat;
    background-size: 100% auto; }
  #wrapper .contsBox .box#overview .boxInner .contsTtl {
    color: #ccc;
    font-size: 7.2vw;
    line-height: 1.3;
    margin-bottom: 6.87106vw;
    padding-right: 4%;
    padding-left: 4%;
    text-align: center; }
  #wrapper .contsBox .box#overview .boxInner .contsTtl .ruby {
    display: inline-block;
    position: relative; }
  #wrapper .contsBox .box#overview .boxInner .contsTtl .ruby .rubyText {
    bottom: -0.9em;
    display: block;
    left: -1.5em;
    font-size: 2.5vw;
    position: absolute;
    text-align: center;
    width: 9em; }
  #wrapper .contsBox .box#overview .boxInner p {
    color: #ccc;
    font-size: 3.7vw;
    text-align: center;
    line-height: 1.9; }

#wrapper .contsBox .box#zombie {
  background-color: #000;
  position: relative;
  z-index: 2;
  width: 100%; }
  #wrapper .contsBox .box#zombie .bloodSubAnim07,
  #wrapper .contsBox .box#zombie .bloodSubAnim11 {
    display: none; }
  #wrapper .contsBox .box#zombie .bloodSubAnim07_sp {
    left: 37.8666vw;
    top: -9.2vw;
    width: 62.1333vw;
    transform-origin: 50% 20%; }
    #wrapper .contsBox .box#zombie .bloodSubAnim07_sp img:nth-child(1) {
      animation-duration: 0.08s;
      animation-delay: 0s; }
    #wrapper .contsBox .box#zombie .bloodSubAnim07_sp img:nth-child(2) {
      animation-duration: 0.08s;
      animation-delay: 0.07s; }
  #wrapper .contsBox .box#zombie .bloodSubAnim11_sp {
    left: 1.7333vw;
    top: 3.0666vw;
    width: 30.1333vw;
    transform-origin: 50% 20%; }
    #wrapper .contsBox .box#zombie .bloodSubAnim11_sp img:nth-child(1) {
      animation-delay: 0.2s; }
    #wrapper .contsBox .box#zombie .bloodSubAnim11_sp img:nth-child(2) {
      animation-delay: 0.25s; }
  #wrapper .contsBox .box#zombie .boxInner {
    margin-right: auto;
    margin-left: auto;
    padding: 16vw 0 75vw; }
  #wrapper .contsBox .box#zombie .bg {
    background: #000 url(../images/index/zombie_bg_sp.jpg) center bottom no-repeat;
    background-size: 100% auto; }
  #wrapper .contsBox .box#zombie .boxInner .textWrap.Zombie {
    margin-bottom: 5vw; }
  #wrapper .contsBox .box#zombie .boxInner .contsTtl {
    color: #ccc;
    font-size: 7.2vw;
    line-height: 1.2;
    margin-bottom: 6.87106vw;
    padding-right: 4%;
    padding-left: 4%;
    text-align: center; }
  #wrapper .contsBox .box#zombie .boxInner .contsTtl .ruby {
    display: inline-block;
    position: relative; }
  #wrapper .contsBox .box#zombie .boxInner .contsTtl .ruby .rubyText {
    top: -1em;
    display: block;
    left: -.75em;
    font-size: 2.5vw;
    position: absolute;
    text-align: center;
    width: 6em; }
  #wrapper .contsBox .box#zombie .boxInner p {
    color: #ccc;
    font-size: 3.7vw;
    text-align: center;
    line-height: 1.9; }

#wrapper .contsBox .box#world {
  position: relative;
  margin-bottom: 0;
  width: 100%; }
  #wrapper .contsBox .box#world .bloodSubAnim09 {
    left: 67.7333vw;
    top: -3vw;
    width: 24vw;
    z-index: 10; }
  #wrapper .contsBox .box#world .bloodSubAnim02_sp {
    left: 0;
    top: -8.3vw;
    width: 20.5333vw; }
  #wrapper .contsBox .box#world .bloodSubAnim03_sp {
    left: 67.7333vw;
    top: -3.5333vw;
    width: 24vw; }
  #wrapper .contsBox .box#world .boxInner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 30vw 0 50vw; }
  #wrapper .contsBox .box#world .boxInner .textWrap.RaccoonCity {
    margin-bottom: 6.74663vw; }
  #wrapper .contsBox .box#world .boxInner .contsTtl {
    color: #ccc;
    font-size: 28.23px;
    font-size: 7.5vw;
    line-height: 1.3;
    margin-bottom: 4.74663vw;
    padding-right: 4%;
    padding-left: 4%;
    text-align: center; }
    #wrapper .contsBox .box#world .boxInner .contsTtl .small {
      font-size: 23.525px;
      font-size: 4.7vw;
      position: relative;
      top: -0.2vw; }
    #wrapper .contsBox .box#world .boxInner .contsTtl .kerning01 {
      letter-spacing: -0.05em; }
  #wrapper .contsBox .box#world .boxInner .contsTtl .ruby {
    display: inline-block;
    position: relative; }
  #wrapper .contsBox .box#world .boxInner .contsTtl .ruby .rubyText {
    top: -1em;
    display: block;
    left: -.75em;
    font-size: 2.5vw;
    position: absolute;
    text-align: center;
    width: 6em; }
  #wrapper .contsBox .box#world .boxInner p {
    color: #ccc;
    font-size: 3.7vw;
    text-align: center;
    line-height: 1.9; }
  #wrapper .contsBox .box#world .video {
    background: #000 url(../images/index/world_bg_sp.jpg) center bottom no-repeat;
    background-size: 100% auto;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
    #wrapper .contsBox .box#world .video video {
      display: none; }

#wrapper .contsBox .box#jpn-voice {
  position: relative;
  margin-bottom: 0;
  width: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7); }
  #wrapper .contsBox .box#jpn-voice .boxInner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 9.333vw 0 0vw; }
    #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList {
      opacity: 0;
      width: 85.3333%;
      margin: 0 auto;
      padding-bottom: 20vw; }
      #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList:after {
        content: "";
        display: table;
        clear: both; }
      #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li {
        position: relative;
        margin-bottom: 6.666vw;
        width: 100%; }
        #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li:last-child {
          margin-bottom: 0; }
        #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .img {
          width: 28.7%; }
        #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption {
          padding-left: 3vw;
          position: absolute;
          left: 28.7%;
          top: 0; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption p {
            text-align: left; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption .name {
            font-size: 4.8vw;
            line-height: .8;
            padding-top: 2px; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption .char-name {
            font-size: 3.1vw;
            color: #b3001e; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption .text {
            font-size: 2.8vw;
            line-height: 1.5;
            margin-top: 4px; }
  #wrapper .contsBox .box#jpn-voice .boxInner .textWrap.JapaneseVoice {
    opacity: 0;
    margin-bottom: 9.3vw; }
  #wrapper .contsBox .box#jpn-voice .boxInner .contsTtl {
    opacity: 0;
    color: #ccc;
    font-size: 28.23px;
    font-size: 7.5vw;
    line-height: 1.3;
    margin-bottom: 8.666vw;
    padding-right: 4%;
    padding-left: 4%;
    text-align: center; }
    #wrapper .contsBox .box#jpn-voice .boxInner .contsTtl .small {
      font-size: 23.525px;
      font-size: 4.7vw;
      position: relative;
      top: -0.2vw; }
    #wrapper .contsBox .box#jpn-voice .boxInner .contsTtl .kerning01 {
      letter-spacing: -0.05em; }
  #wrapper .contsBox .box#jpn-voice .boxInner p {
    color: #ccc;
    font-size: 3.7vw;
    text-align: center;
    line-height: 1.9; }

#wrapper .contsBox .box#product {
  background-color: #000; }
  #wrapper .contsBox .box#product h2 {
    margin-bottom: 10vw; }
    #wrapper .contsBox .box#product h2 span {
      display: block;
      text-align: center; }
      #wrapper .contsBox .box#product h2 span:first-child {
        font-size: 9vw;
        color: #d10025; }
      #wrapper .contsBox .box#product h2 span:last-child {
        font-size: 4.2vw;
        color: #b3001e;
        padding-top: 2.4vw;
        letter-spacing: 0.1em;
        font-weight: bold; }

#wrapper .contsBox .box#product {
  color: #fff;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
  padding: 10vw 1.541665vw 0; }

#wrapper .contsBox .box#product.newIcon:before {
  color: #b3001e;
  content: 'NEW';
  font-size: 1rem;
  font-weight: bold;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -1.75rem; }

#wrapper .contsBox .box#product .contsTtl {
  margin-right: auto;
  margin-bottom: 8.9955vw;
  margin-left: auto;
  width: 25.53191%; }

#wrapper .contsBox .box#product .contsTtl span {
  display: block;
  text-align: center; }

#wrapper .contsBox .box#product .contsTtl span.img {
  margin-right: auto;
  margin-bottom: 2.24888vw;
  margin-left: auto;
  width: 42.5%; }

#wrapper .contsBox .box#product .contsTtl span.text {
  color: #b3001e;
  font-size: 3.54167vw; }

#wrapper .contsBox .box#product .recommend .recommendList {
  margin-right: auto;
  margin-bottom: 8.9955vw;
  margin-left: auto;
  width: 85.10638%; }

#wrapper .contsBox .box#product .recommend .recommendList .recommendItem {
  box-shadow: 0px 0px 20px 2px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  margin-bottom: 4.49775vw;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -ms-transition-property: box-shadow;
  transition-property: box-shadow; }

#wrapper .contsBox .box#product .recommend .recommendList .recommendItem:active {
  box-shadow: 0px 0px 20px 2px rgba(255, 0, 31, 0.5); }

#wrapper .contsBox .box#product .productSelect {
  background: rgba(0, 0, 0, 0.8); }

#wrapper .contsBox .box#product .productSelect .listBtn {
  background: #b3001e;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 4.58333vw;
  font-weight: bold;
  position: relative;
  text-align: center; }

#wrapper .contsBox .box#product .productSelect .listBtn .btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#wrapper .contsBox .box#product .productSelect .listBtn .plusIcon {
  background: #b3001e;
  box-sizing: border-box;
  display: block;
  height: auto;
  padding: 7.5% 0;
  position: relative;
  width: 15%; }

#wrapper .contsBox .box#product .productSelect .listBtn .plusIcon:before, #wrapper .contsBox .box#product .productSelect .listBtn .plusIcon:after {
  background: #fff;
  content: '';
  height: 3px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 35%; }

#wrapper .contsBox .box#product .productSelect .listBtn .plusIcon:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg); }

#wrapper .contsBox .box#product .productSelect .listBtn .text {
  padding: 5.62219vw 2% 4.49775vw 8%;
  text-align: left;
  width: 85%; }

#wrapper .contsBox .box#product .productSelect .selectList {
  border-bottom: 2px solid #b3001e;
  display: none; }

#wrapper .contsBox .box#product .productSelect .mainList {
  background: rgba(0, 0, 0, 0.8);
  border-right: 2px solid #b3001e;
  border-left: 2px solid #b3001e;
  box-sizing: border-box; }

#wrapper .contsBox .box#product .productSelect .mainList li {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  line-height: 1.5;
  position: relative; }

#wrapper .contsBox .box#product .productSelect .mainList li.main {
  font-size: 4.58333vw;
  text-align: center;
  width: 100%; }

#wrapper .contsBox .box#product .productSelect .mainList li.main .subListTtl {
  color: #9a9a9a;
  display: inline-block;
  line-height: 1.25;
  padding: 1.49925vw 2%; }

#wrapper .contsBox .box#product .productSelect .mainList li.main .subListTtl:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-right: 1vw;
  position: relative;
  top: 0.4vw;
  border: 6px solid transparent;
  border-top: 6px solid #9a9a9a; }

#wrapper .contsBox .box#product .productSelect .mainList li.main#Platform .subList li {
  width: calc(33.333334% - 2px); }

#wrapper .contsBox .box#product .productSelect .mainList li.main#Format .subList li {
  width: calc(50% - 2px); }

#wrapper .contsBox .box#product .productSelect .mainList li.main#Edition .subList li {
  width: calc(50% - 2px); }

#wrapper .contsBox .box#product .productSelect .mainList li.main#Store .subList li {
  width: calc(50% - 2px); }

#wrapper .contsBox .box#product .productSelect .mainList li.main#Edition .subList li.fullSize {
  width: 100%; }

#wrapper .contsBox .box#product .productSelect .mainList li .subList {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#wrapper .contsBox .box#product .productSelect .mainList li .subList li {
  background: #252525; }

#wrapper .contsBox .box#product .productSelect .mainList li .subList li.sub {
  box-sizing: border-box;
  font-size: 3.75vw;
  margin: 1px;
  padding: 2.24888vw 2%; }

#wrapper .contsBox .box#product .productSelect .mainList li .subList li.sub.select {
  background: #b3001e; }

#wrapper .contsBox .box#product .productSelect .mainList li .subList li.sub.disable {
  display: none;
  pointer-events: none; }

#wrapper .contsBox .box#product .productSelect .clearBtn {
  border-right: 2px solid #b3001e;
  border-left: 2px solid #b3001e;
  padding: 4.49775vw 0; }

#wrapper .contsBox .box#product .productSelect .clearBtn .btn {
  border: 2px solid #b3001e;
  color: #b3001e;
  cursor: pointer;
  font-size: 3.75vw;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  padding: 3.37331vw 2%;
  text-align: center;
  width: 50%; }

#wrapper .contsBox .box#product .productSelect.active .listBtn .plusIcon:before {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -moz-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0); }

#wrapper .contsBox .box#product .productSelect[data-platform="Xbox"] .selectList .mainList li.main#Format .subList li, #wrapper .contsBox .box#product .productSelect[data-platform="Steam"] .selectList .mainList li.main#Format .subList li {
  width: calc(100% - 2px); }

#wrapper .contsBox .box#product .productDetail {
  background: rgba(0, 0, 0, 0.8);
  position: relative; }

#wrapper .contsBox .box#product .productDetail .name {
  border-top: 1px solid #303030;
  border-right: 1px solid #303030;
  border-left: 1px solid #303030;
  box-sizing: border-box;
  color: #fff;
  font-size: 3.75vw;
  line-height: 1.25;
  margin-bottom: 0;
  padding: 3.37331vw 6%;
  text-align: left; }

#wrapper .contsBox .box#product .productDetail .name .selectItem {
  display: block;
  padding-left: 1.5em;
  text-indent: -1.5em; }

#wrapper .contsBox .box#product .productDetail .name .selectItem:before {
  color: #b3001e;
  content: '■';
  margin-right: .5rem; }

#wrapper .contsBox .box#product .productDetail .itemDetail .columnWrap {
  border: 1px solid #303030;
  box-sizing: border-box; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column {
  width: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList {
  border-top: 1px solid #303030;
  counter-reset: num;
  width: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li {
  border-bottom: 1px solid #303030;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: -.4em;
  line-height: 1.25;
  padding: 2px;
  position: relative;
  text-align: left; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li p {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 2.91667vw;
  letter-spacing: normal;
  padding: 2.24888vw 8% 2.24888vw 4%;
  position: relative;
  width: calc(100% - 3em); }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li p.modalItemWrap {
  display: block;
  padding: 0; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li p.modalItemWrap a.modalItem {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 2.24888vw 8% 2.24888vw 4%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li a {
  color: #fff; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li a.modalItem:before {
  content: '';
  display: inline-block;
  border: 2px solid;
  border-color: transparent transparent #b3001e #b3001e;
  height: .75rem;
  margin-top: -.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  -moz-transform: rotate(-135deg) translateY(-50%);
  -ms-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
  width: .75rem; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li a:hover {
  opacity: 1; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li:before {
  background: #313131;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: .8em;
  letter-spacing: normal;
  padding: 4.49775vw 1%;
  width: 1.5em; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li:not(.privilege) {
  counter-increment: num; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li:not(.privilege):before {
  content: counter(num); }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege p {
  padding-left: 22%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege p.modalItemWrap a.modalItem {
  padding: 2.24888vw 8% 2.24888vw 0; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege:before {
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 20%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege.Weapon:before {
  background: url(../../images/product/privilege_img02.jpg) center no-repeat;
  background-size: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege.Jacket:before {
  background: url(../../images/product/privilege_img07.jpg) center no-repeat;
  background-size: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege.Jacket.Zver:before {
  background: url(../../images/product/privilege_img06.jpg) center no-repeat;
  background-size: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege.Ps4Theme:before {
  background: url(../../images/product/privilege_img03.jpg) center no-repeat;
  background-size: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege.SteamTheme:before {
  background: url(../../images/product/privilege_img05.jpg) center no-repeat;
  background-size: 100%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege strong {
  color: #b3001e; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege:before {
  font-size: .8em;
  content: '+'; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.note {
  box-sizing: border-box;
  padding: 3.37331vw 4%; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.note .listTtl {
  color: #999;
  font-size: 3.33333vw;
  font-weight: bold;
  margin-bottom: 1.12444vw;
  text-align: left; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.note .noteList li {
  color: #999;
  font-size: 2.91667vw;
  line-height: 1.5;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.note .noteList li:before {
  content: '※'; }

#wrapper .contsBox .box#product .productDetail .itemDetail .column.note.hidden {
  display: none !important; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList {
  display: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectListBtn {
  border: 2px solid #b3001e;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 4.58333vw;
  padding: 3.37331vw 8% 3.37331vw 4%;
  position: relative; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectListBtn span {
  display: block; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectListBtn:before {
  content: '';
  display: inline-block;
  border: 2px solid;
  border-color: transparent transparent #b3001e #b3001e;
  height: .75rem;
  margin-right: .75rem;
  position: absolute;
  right: 0;
  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: .75rem; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList {
  display: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li {
  border-bottom: 2px solid #333;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li figure {
  width: 21.2766%; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80.85106%; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap .itemName {
  font-size: 3.33333vw;
  padding: 2.24888vw 2% 2.24888vw 4%;
  line-height: 1.25;
  width: 65.78947%; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap .shopInfo {
  font-size: 3.33333vw;
  padding: 2.24888vw 4% 2.24888vw 2%;
  text-align: center;
  width: 34.21053%; }

#wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li.select {
  background: #b3001e; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column {
  width: 100%; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege figure {
  width: 21.2766%; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text {
  width: calc(100% - 20.83333% - 3em); }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a {
  box-sizing: border-box;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  line-height: 1.5;
  padding: 2.24888vw 4%;
  text-align: left; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a strong {
  color: #b3001e;
  display: block;
  font-size: 3.33333vw; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a strong span {
  display: inline;
  font-size: 3.33333vw; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a span {
  display: block;
  font-size: 3.75vw; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege:before {
  background: #313131;
  content: '+';
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: .8em;
  letter-spacing: normal;
  padding: 4.49775vw 1%;
  width: 1.5em; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege:after {
  content: '';
  display: inline-block;
  border: 2px solid;
  border-color: transparent transparent #b3001e #b3001e;
  height: .75rem;
  margin-top: -.5rem;
  position: absolute;
  right: 4%;
  top: 50%;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  -moz-transform: rotate(-135deg) translateY(-50%);
  -ms-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
  width: .75rem; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn {
  background: #b3001e; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn .btn a {
  box-sizing: border-box;
  display: block;
  color: #fff;
  font-size: 4.16667vw;
  font-weight: bold;
  line-height: 1.5;
  padding: 3.37331vw 4%;
  text-align: center; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn .btn a small {
  display: block;
  font-weight: bold; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege .columnWrap {
  border: 2px solid #b3001e; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege.disable .columnWrap {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #303030;
  border-left: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege.disable .column:first-child {
  border-left: 1px solid #303030; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege.disable .column.linkBtn {
  background: #313131;
  border: 1px solid #616161; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege.disable .column.linkBtn .btn a {
  cursor: default;
  pointer-events: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege.disable .column.linkBtn .btn a:hover {
  opacity: 1; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.isPrivilege.disable .column.linkBtn .btn a:before {
  display: none; }

#wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopData .shopList {
  display: none; }

#wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopLink.isPrivilege .columnWrap {
  border: 1px solid #303030; }

#wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopLink .privilege {
  display: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege figure,
#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege:before,
#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege:after,
#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege .text a span.itemName {
  display: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege .text {
  width: 100% !important; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege .text a {
  pointer-events: none; }

#wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .privilege .text a p {
  display: block;
  text-align: center;
  width: 100%; }

#wrapper .contsBox .box#sns {
  position: relative;
  background-color: #000;
  padding: 18vw 0 17.991vw;
  z-index: 2; }
  #wrapper .contsBox .box#sns > div {
    width: 83.33333%;
    margin: 0 auto; }

#wrapper .contsBox .box#sns .listTtl {
  color: #ccc;
  font-size: 3.75vw;
  margin-bottom: 4.49775vw;
  text-align: center; }

#wrapper .contsBox .box#sns .listTtl small {
  display: block;
  margin-top: 1.12444vw; }

#wrapper .contsBox .box#sns .snsList {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 72.5%; }

#wrapper .contsBox .box#sns .snsList li:nth-child(1) {
  width: 17.24138%; }

#wrapper .contsBox .box#sns .snsList li:nth-child(2) {
  width: 17.24138%; }

#wrapper .contsBox .box#sns .snsList li:nth-child(3) {
  position: relative;
  width: 17.24138%; }

#wrapper .contsBox .box#sns .snsList li:nth-child(4) {
  width: 17.24138%; }

#wrapper .contsBox .box#sns .linkBtn .btnInner {
  box-shadow: 0px 0px 20px 2px rgba(255, 255, 255, 0.5);
  border: none;
  margin-top: 0;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 2; }

#wrapper .contsBox .box#sns .linkBtn .btnInner:active {
  box-shadow: 0px 0px 20px 2px rgba(255, 0, 31, 0.5); }

#wrapper .contsBox .box#sns .linkBtn .btnInner:active a {
  color: #ff0033;
  opacity: 1; }

#wrapper .contsBox .box#sns .linkBtn .btnInner a {
  display: block;
  font-size: 3.75vw;
  padding: 3.37331vw 4%;
  color: #fff; }

#wrapper .contsBox .box#sns .linkBtn .btnInner a .icon {
  display: inline-block;
  margin-right: 4%;
  width: 8%; }

#wrapper .contsBox .box#sns #zBnr {
  margin-bottom: 6vw;
  padding-bottom: 3vw; }
  #wrapper .contsBox .box#sns #zBnr div {
    box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.2);
    background-color: #000;
    transition: all 0.3s ease;
    margin: 0 0.8vw; }
    #wrapper .contsBox .box#sns #zBnr div:hover, #wrapper .contsBox .box#sns #zBnr div.act {
      box-shadow: 0px 0px 7px 2px rgba(204, 0, 0, 0.8); }

#wrapper .contsBox .box#spec {
  padding-bottom: 17.991vw;
  position: relative;
  background-color: #000;
  z-index: 2; }
  #wrapper .contsBox .box#spec > div {
    width: 83.33333%;
    margin: 0 auto;
    border-bottom: 1px solid #333; }

#wrapper .contsBox .box#spec .boxInner {
  padding: 5.24438vw 0;
  text-align: left;
  display: flex;
  border-top: 1px solid #333; }
  #wrapper .contsBox .box#spec .boxInner .inner {
    position: relative;
    padding-left: 5vw;
    width: 57vw; }
    #wrapper .contsBox .box#spec .boxInner .inner:before {
      color: #999;
      content: ":";
      position: absolute;
      left: 0;
      top: 0; }

#wrapper .contsBox .box#spec h2 {
  width: 23vw;
  color: #999;
  font-size: 3.75vw;
  margin-bottom: 0.24663vw;
  white-space: nowrap; }

#wrapper .contsBox .box#spec p {
  color: #fff;
  font-size: 3.75vw; }

#wrapper .contsBox .box#spec .platformList .platform {
  border: 1px #333 solid;
  box-sizing: border-box;
  padding: 6.74663vw 8%; }

#wrapper .contsBox .box#spec .platformList .platform figure {
  margin-bottom: 6.74663vw; }

#wrapper .contsBox .box#spec .platformList .platform .priceList li {
  color: #fff;
  font-size: 3.75vw; }

#wrapper .contsBox .box#spec .platformList .platform .priceList li:not(:last-child) {
  margin-bottom: 2.24888vw; }

#wrapper .contsBox .box#spec .platformList .platform.Ps4 figure img {
  width: 80%; }

#wrapper .contsBox .box#spec .platformList .platform.Xbox figure img {
  width: 91.2%; }

#wrapper .contsBox .box#spec .platformList .platform.Steam figure img {
  width: 36.8%; }

#wrapper .contsBox .box#spec .platformList .platform:not(:last-child) {
  margin-bottom: 13.49325vw; }

#wrapper .contsBox .box#spec .Rating p {
  margin-bottom: 2.24888vw; }

#wrapper .contsBox .box#spec .Rating figure img {
  max-width: 58px;
  width: 22.5%; }

#wrapper .contsBox .box#spec .ReEngine figure img {
  border: 1px #333 solid;
  box-sizing: border-box;
  width: 30.5%; }

#wrapper .contsBox .box#spec .boxInner.faq {
  border-top: none; }

#wrapper .contsBox .box#spec .boxInner.faq .platformList li {
  font-size: 3.75vw; }

#wrapper .contsBox .box#spec .boxInner.faq .platformList li a {
  color: #fff;
  display: inline-block;
  position: relative; }

#wrapper .contsBox .box#spec .boxInner.faq .platformList li a:before {
  background: #fff;
  bottom: -.15em;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  -webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -ms-transition: background .5s ease;
  transition: background .5s ease;
  width: 100%; }

#wrapper .contsBox .box#spec .boxInner.faq .platformList li a:after {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  display: inline-block;
  height: .5em;
  margin-top: -.15em;
  margin-left: .15em;
  position: relative;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align: middle;
  width: .5em; }

#wrapper .contsBox .box#spec .boxInner.faq .platformList li a:hover:before {
  background: transparent; }

#wrapper .contsBox .box#spec .boxInner.faq .platformList li:not(:last-child) {
  margin-bottom: 3.75vw; }

#wrapper .contsBox .box#spec .boxInner.pageLink .btn {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  text-align: center;
  width: 70%; }

#wrapper .contsBox .box#spec .boxInner.pageLink .btn a {
  background-color: #000;
  box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.5);
  color: #fff;
  display: inline-block;
  font-size: 3.5vw;
  padding: 4.5vw 0;
  position: relative;
  -webkit-transition: color 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: color 0.3s ease, box-shadow 0.3s ease;
  -ms-transition: color 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, box-shadow 0.3s ease;
  width: 100%; }

#wrapper .contsBox .box#spec .boxInner.pageLink .btn.fontOswald a {
  font-size: 4vw; }

#wrapper .contsBox .box#spec .boxInner.pageLink .btn a:after {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  display: block;
  height: .5em;
  position: absolute;
  right: 3vw;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  transition: border 0.3s ease;
  width: .5em; }

#wrapper .contsBox .box#spec .boxInner.pageLink .btn a:active {
  color: #d10025;
  box-shadow: 0px 0px 24px 9px rgba(204, 0, 0, 0.8); }

#wrapper .contsBox .box#spec .boxInner.pageLink .btn a:active:after {
  border-top: 2px solid #d10025;
  border-left: 2px solid #d10025; }

.award {
  background-color: #000;
  padding-bottom: 17.3229vw;
  position: relative;
  text-align: center;
  z-index: 2; }
  .award .award-icon {
    display: inline-block; }
    .award .award-icon.gca {
      width: 36vw; }
    .award .award-icon.jga {
      margin-right: .5em;
      width: 18vw; }

#wrapper .contsBox .box#copy {
  padding-top: 68vw;
  padding-bottom: 8vw; }

#wrapper .contsBox .box#copy .textWrap p {
  color: #fff;
  font-size: 6.66667vw;
  opacity: 0;
  text-align: center;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  transition: all 1.5s ease; }

#wrapper .contsBox .box#language {
  background: #000;
  border-top: 1px #444 solid;
  position: relative;
  z-index: 2; }

#wrapper .contsBox .box#language .linkBtn {
  padding: 6.74663vw 0;
  position: relative;
  text-align: center; }

#wrapper .contsBox .box#language .linkBtn a {
  color: #fff;
  display: inline-block;
  font-size: 4.375vw;
  left: .5em;
  position: relative; }

#wrapper .contsBox .box#language .linkBtn a:before {
  background: url(../../images/common/earth_icon.png) center no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 1em;
  left: -1.5em;
  position: absolute;
  top: 0;
  width: 1em; }

#title_footer, #agegate_footer {
  position: relative;
  z-index: 2; }

.modalConts a {
  color: #d10025;
  text-decoration: underline; }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  .box#firstView {
    height: auto;
    min-height: 1334px; }

  .box#firstView .boxInner .innerSP {
    height: auto;
    min-height: 1334px; } }
/*** TB（横）/PC ***/
@media only screen and (min-width: 769px) {
  .pc {
    display: inline-block; }

  #wrapper .tgs-award-icon {
    display: block !important;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    /* height: 220px; */
    z-index: 21;
    padding: 20px 0 0 20px;
    box-sizing: border-box; }

  .innerInnerSP .tgs-award-icon {
    display: none !important; }

  .scrollBg {
    display: none !important; }

  .box#firstView {
    height: auto;
    padding-bottom: 8vw;
    position: relative;
    border-bottom: solid #222 1px; }
    .box#firstView.inAnimation {
      margin-bottom: 0; }
    .box#firstView .bg #bgPlayer {
      display: block;
      position: absolute; }
    .box#firstView .bg .bgOverlay {
      display: block;
      height: auto;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2; }
    .box#firstView .firstAnime, .box#firstView .secondAnime {
      opacity: 0; }
    .box#firstView .boxInner .innerPC {
      padding-top: 74%;
      width: 100%;
      z-index: 2; }
    .box#firstView .boxInner .innerPC .innerInnerPC {
      height: auto;
      width: 55%; }
    .box#firstView .boxInner .innerInnerPC {
      margin: auto; }
    .box#firstView .boxInner .innerSP {
      display: block;
      height: auto;
      margin-bottom: 0;
      padding-top: 0; }
    .box#firstView .boxInner .innerSP .innerInnerSP {
      top: 0;
      width: 100%; }
    .box#firstView .boxInner .logo {
      margin-right: auto;
      margin-left: auto;
      padding-bottom: 8.85vw;
      position: relative;
      width: 80%; }
      .box#firstView .boxInner .logo span {
        width: 100%;
        opacity: 1;
        position: absolute; }
      .box#firstView .boxInner .logo span.start {
        z-index: 1; }
      .box#firstView .boxInner .logo span.end {
        opacity: 0;
        z-index: 2; }
    .box#firstView .boxInner .ruby {
      width: 80%;
      margin-left: auto;
      font-size: 1.2vw;
      margin-right: 6em;
      margin-bottom: 1vw;
      margin-top: 0; }
    .box#firstView .boxInner .release {
      font-size: 3vw;
      margin-bottom: 2.77222vw;
      letter-spacing: 0.04em; }
    .box#firstView .boxInner .slideNews {
      width: auto; }
      .box#firstView .boxInner .slideNews .slick-dots {
        bottom: -34px; }
      .box#firstView .boxInner .slideNews .slick-dots li {
        width: 2.3vw; }
      .box#firstView .boxInner .slideNews .slideBox {
        margin: 0 0.951vw; }
      .box#firstView .boxInner .slideNews .slideBox > div,
      .box#firstView .boxInner .slideNews .slideBox > a > div {
        width: 100%;
        margin: 11px 0;
        box-shadow: 0px 0px 19px 1px rgba(255, 255, 255, 0.3); }
        .box#firstView .boxInner .slideNews .slideBox > div:hover, .box#firstView .boxInner .slideNews .slideBox > div.act,
        .box#firstView .boxInner .slideNews .slideBox > a > div:hover,
        .box#firstView .boxInner .slideNews .slideBox > a > div.act {
          box-shadow: 0px 0px 19px 2px rgba(255, 0, 31, 0.5); }
        .box#firstView .boxInner .slideNews .slideBox > div .thum,
        .box#firstView .boxInner .slideNews .slideBox > a > div .thum {
          width: 5.76875vw; }
        .box#firstView .boxInner .slideNews .slideBox > div .detail,
        .box#firstView .boxInner .slideNews .slideBox > a > div .detail {
          width: 14.2583vw;
          padding: 1.0291vw;
          background-size: 2.33125vw auto; }
          .box#firstView .boxInner .slideNews .slideBox > div .detail .date,
          .box#firstView .boxInner .slideNews .slideBox > a > div .detail .date {
            font-size: 1.2166vw;
            margin-bottom: 0.6vw;
            text-shadow: 0px 0px 15px #ff0000; }
          .box#firstView .boxInner .slideNews .slideBox > div .detail .txt,
          .box#firstView .boxInner .slideNews .slideBox > a > div .detail .txt {
            font-size: 1.0333vw;
            line-height: 1.5; }
    .box#firstView .boxInner .movieBtn {
      margin-top: 0; }
    .box#firstView .boxInner .movieBtnInner {
      box-shadow: 0px 0px 40px 2px rgba(255, 255, 255, 0.5);
      border: none;
      margin-top: 0;
      position: relative;
      top: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      width: 44.79167%;
      z-index: 2; }
      .box#firstView .boxInner .movieBtnInner:hover {
        box-shadow: 0px 0px 40px 2px rgba(255, 0, 31, 0.5); }
      .box#firstView .boxInner .movieBtnInner:hover a {
        color: #ff0033;
        opacity: 1; }
    .box#firstView .boxInner .movieBtn a {
      background: rgba(0, 0, 0, 0.2);
      box-sizing: border-box;
      color: #fff;
      display: block;
      font-size: 1.25vw;
      letter-spacing: .1em;
      padding: 1.85185vw 1.5625%;
      text-align: center;
      width: 100%; }
    .box#firstView .boxInner .movieBtn p {
      margin-bottom: 0; }
    .box#firstView .boxInner .movieBtn figure {
      display: none; }

  #btnBuy {
    top: 0; }
    #btnBuy a {
      width: 150px;
      height: 77px;
      padding: 18px 0 0; }
      #btnBuy a span:nth-child(1) {
        font-size: 20px;
        margin-bottom: 7px; }
      #btnBuy a span:nth-child(2) {
        font-size: 11px; }

  #btnDemo {
    display: block;
    left: 152px;
    top: 0;
    z-index: 39; }
    #btnDemo a {
      width: 150px;
      height: 77px;
      padding: 18px 0 0; }
      #btnDemo a span:nth-child(1) {
        font-size: 20px;
        margin-bottom: 7px; }
      #btnDemo a span:nth-child(2) {
        font-size: 11px; }

  #wrapper .contsBox {
    width: 100%; }

  #wrapper .contsBox .flexBox {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  #wrapper .contsBox .box#topics .boxInner {
    padding: 5.55556vw 0 4.16667vw;
    width: 53.8%; }

  #wrapper .contsBox .box#topics .topicsList {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  #wrapper .contsBox .box#topics .topicsList .bnr {
    box-shadow: 0px 0px 19px 1px rgba(255, 255, 255, 0.3);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    transition-property: box-shadow;
    width: 48.6%; }

  #wrapper .contsBox .box#topics .topicsList .bnr img {
    border: none; }

  #wrapper .contsBox .box#topics .topicsList .bnr:hover {
    box-shadow: 0px 0px 19px 2px rgba(255, 0, 31, 0.5); }

  #wrapper .contsBox .box#topics .topicsList .bnr:not(:last-child) {
    margin-bottom: 0; }

  #wrapper .contsBox .box#media {
    margin-bottom: 0;
    padding: 6.5vw 0 8.5vw; }
    #wrapper .contsBox .box#media h2 {
      margin-bottom: 2.7vw; }
      #wrapper .contsBox .box#media h2 span:first-child {
        font-size: 2.9041vw; }
      #wrapper .contsBox .box#media h2 span:last-child {
        font-size: 1.2375vw;
        padding-top: 0.7vw; }
    #wrapper .contsBox .box#media .slick-track > li:first-child:last-child {
      padding: 0 1vw; }
    #wrapper .contsBox .box#media .btnMore {
      padding-top: 75px; }
    #wrapper .contsBox .box#media .boxInner {
      margin-top: 12px;
      width: 100%; }
    #wrapper .contsBox .box#media .mediaList {
      position: relative;
      z-index: 20;
      margin-bottom: 0.7vw; }
    #wrapper .contsBox .box#media .mediaList li {
      margin-left: .2%;
      margin-right: .2%; }
    #wrapper .contsBox .box#media .mediaList li .mediaCover figure {
      line-height: 0; }
      #wrapper .contsBox .box#media .mediaList li .mediaCover figure .icoUp {
        width: 2.6041vw;
        height: 1.37vw;
        padding-top: 0.65vw;
        font-size: 0.9375vw;
        position: absolute;
        left: 0;
        bottom: 0; }
    #wrapper .contsBox .box#media .mediaList li .mediaCover figure figcaption {
      display: block;
      font-size: 1.14583vw;
      margin-bottom: 0;
      padding: .65em 1.5em; }
    #wrapper .contsBox .box#media .mediaList li .mediaCover .playIcon {
      height: 48px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 68px; }
    #wrapper .contsBox .box#media .mediaList li .mediaCover.active .thumb img {
      visibility: hidden; }
    #wrapper .contsBox .box#media .playArea {
      bottom: auto;
      padding-top: 25.9875%;
      position: absolute;
      top: 1px;
      width: 46.2%; }
    #wrapper .contsBox .box#media .linkBnr {
      margin-top: 8vw;
      width: 40%; }

  #wrapper .contsBox .box#about {
    padding: 6.57vw 0 9.5vw;
    position: relative; }
    #wrapper .contsBox .box#about:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 111px;
      background: -moz-linear-gradient(top, black 0%, transparent 100%);
      background: -webkit-linear-gradient(top, black 0%, transparent 100%);
      background: linear-gradient(to bottom, black 0%, transparent 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); }
    #wrapper .contsBox .box#about h2 {
      margin-bottom: 4.7vw; }
      #wrapper .contsBox .box#about h2 span:first-child {
        font-size: 2.9041vw; }
      #wrapper .contsBox .box#about h2 span:last-child {
        font-size: 1.2375vw;
        padding-top: 0.7vw; }
    #wrapper .contsBox .box#about .catch {
      font-size: 5.45625vw;
      color: #ccc;
      text-shadow: 3px 3px 10px #000000;
      margin-bottom: 6.8vw; }
      #wrapper .contsBox .box#about .catch .fLarge, #wrapper .contsBox .box#about .catch img {
        vertical-align: middle;
        position: relative;
        top: -0.58vw; }
      #wrapper .contsBox .box#about .catch .fLarge {
        font-size: 7.4354vw; }
      #wrapper .contsBox .box#about .catch img {
        width: 7.4875vw;
        margin-left: 2.3vw;
        margin-right: 0.5vw; }
      #wrapper .contsBox .box#about .catch .kerning01 {
        margin-right: -0.08em; }
      #wrapper .contsBox .box#about .catch .anim01 {
        animation-delay: 1.2s; }
      #wrapper .contsBox .box#about .catch .anim02 {
        animation-delay: 2.2s; }
      #wrapper .contsBox .box#about .catch .blood {
        top: -2.8vw;
        left: 25.2vw;
        width: 12.03125vw; }
        #wrapper .contsBox .box#about .catch .blood img:nth-child(1) {
          animation-duration: 0.4s;
          animation-delay: 0; }
        #wrapper .contsBox .box#about .catch .blood img:nth-child(2) {
          animation-duration: 0.4s;
          animation-delay: 0.2s; }
        #wrapper .contsBox .box#about .catch .blood img:nth-child(3) {
          animation-duration: 4s;
          animation-delay: 1.2s; }
    #wrapper .contsBox .box#about h3 {
      color: #cc0000;
      font-size: 1.6541vw;
      font-weight: 700;
      margin-bottom: 1.2vw; }
    #wrapper .contsBox .box#about .txt {
      width: auto;
      color: #ccc;
      font-size: 1.2375vw;
      line-height: 2.3;
      text-align: center; }
    #wrapper .contsBox .box#about .bloodSubAnim01 {
      display: block;
      left: 42.34375vw;
      bottom: 16vw;
      width: 11.0416vw; }
      #wrapper .contsBox .box#about .bloodSubAnim01 img {
        visibility: visible; }
        #wrapper .contsBox .box#about .bloodSubAnim01 img:nth-child(3) {
          top: 9.6vw;
          z-index: -1;
          transform-origin: 74% 0%; }
      #wrapper .contsBox .box#about .bloodSubAnim01 .bloodAnim01,
      #wrapper .contsBox .box#about .bloodSubAnim01 .bloodAnim02 {
        visibility: visible;
        animation: bloodAnim01 0.3s alternate forwards; }
      #wrapper .contsBox .box#about .bloodSubAnim01 .bloodAnim03 {
        visibility: visible;
        animation: bloodAnim03 4s alternate forwards; }
    #wrapper .contsBox .box#about #block1 #parts0 {
      background: url(../images/index/about1.jpg) center top no-repeat;
      background-size: cover;
      opacity: 0.8; }
    #wrapper .contsBox .box#about #block1 #parts1 {
      background: url(../images/index/parts10.jpg) center top no-repeat;
      background-size: cover;
      animation: parts1 15s linear infinite; }
    #wrapper .contsBox .box#about #block1 #parts2 {
      background: url(../images/index/parts12.png) center top no-repeat;
      background-size: cover;
      animation: parts2 5s ease-in infinite; }

  #wrapper .contsBox .box#overview {
    margin-bottom: 0; }
    #wrapper .contsBox .box#overview .bloodSubAnim10_sp {
      display: none; }
    #wrapper .contsBox .box#overview .bloodSubAnim03 {
      display: block;
      left: 64.5833vw;
      top: 34.09375vw;
      width: 10.1041vw; }
      #wrapper .contsBox .box#overview .bloodSubAnim03 img:nth-child(1) {
        animation-delay: 0.1s; }
      #wrapper .contsBox .box#overview .bloodSubAnim03 img:nth-child(2) {
        animation-delay: 0.15s; }
    #wrapper .contsBox .box#overview .bloodSubAnim10 {
      display: block;
      left: 43.2083vw;
      top: 2.2791vw;
      width: 51.09375vw; }
      #wrapper .contsBox .box#overview .bloodSubAnim10 img:nth-child(1) {
        animation-duration: 0.08s;
        animation-delay: 0s; }
      #wrapper .contsBox .box#overview .bloodSubAnim10 img:nth-child(2) {
        animation-duration: 0.08s;
        animation-delay: 0.07s; }
      #wrapper .contsBox .box#overview .bloodSubAnim10 img:nth-child(3) {
        animation-duration: 0.08s;
        animation-delay: 0.14s; }
    #wrapper .contsBox .box#overview .boxInner {
      padding-top: 8.8vw;
      padding-bottom: 21.853vw;
      padding-left: 48vw;
      width: 100%; }
    #wrapper .contsBox .box#overview .bg {
      background: #000 url(../images/index/overview_bg.jpg) left center no-repeat;
      background-size: cover; }
    #wrapper .contsBox .box#overview .boxInner .contsTtl {
      margin-bottom: 2.9vw;
      font-size: 3.6333vw;
      color: #ccc;
      letter-spacing: -0.02em;
      animation-delay: 3s; }
      #wrapper .contsBox .box#overview .boxInner .contsTtl .kerning01 {
        margin-right: -0.15em; }
      #wrapper .contsBox .box#overview .boxInner .contsTtl .kerning02 {
        margin-right: -0.25em; }
    #wrapper .contsBox .box#overview .textWrap {
      animation-delay: 3.2s;
      position: relative;
      z-index: 20; }
    #wrapper .contsBox .box#overview .boxInner .contsTtl .ruby .rubyText {
      left: -.8em;
      bottom: -1.1em;
      font-size: 1.1416vw; }
    #wrapper .contsBox .box#overview .boxInner p {
      color: #ccc;
      font-size: 1.3416vw;
      text-align: center;
      line-height: 2; }

  #wrapper .contsBox .box#zombie {
    margin-bottom: 0; }
    #wrapper .contsBox .box#zombie .bloodSubAnim07_sp,
    #wrapper .contsBox .box#zombie .bloodSubAnim11_sp {
      display: none; }
    #wrapper .contsBox .box#zombie .bloodSubAnim07 {
      display: block;
      left: 12.4479vw;
      top: 0.9895vw;
      width: 44.0104vw;
      transform-origin: 50% 20%; }
      #wrapper .contsBox .box#zombie .bloodSubAnim07 img:nth-child(1) {
        animation-duration: 0.08s;
        animation-delay: 0s; }
      #wrapper .contsBox .box#zombie .bloodSubAnim07 img:nth-child(2) {
        animation-duration: 0.08s;
        animation-delay: 0.07s; }
      #wrapper .contsBox .box#zombie .bloodSubAnim07 img:nth-child(3) {
        animation-duration: 0.08s;
        animation-delay: 0.14s; }
    #wrapper .contsBox .box#zombie .bloodSubAnim11 {
      display: block;
      left: 2.2395vw;
      top: 9.7395vw;
      width: 9.7916vw;
      transform-origin: 50% 20%; }
    #wrapper .contsBox .box#zombie .boxInner {
      padding-top: 10vw;
      padding-right: 52vw;
      padding-bottom: 19.121vw;
      width: 100%; }
    #wrapper .contsBox .box#zombie .bg {
      background: #000 url(../images/index/zombie_bg.jpg) center no-repeat;
      background-size: cover; }
    #wrapper .contsBox .box#zombie .boxInner .textWrap.Zombie {
      margin-bottom: 2.77778vw; }
    #wrapper .contsBox .box#zombie .boxInner .contsTtl {
      margin-bottom: 2.4vw;
      font-size: 3.6333vw;
      letter-spacing: -0.02em;
      animation-delay: 3s; }
      #wrapper .contsBox .box#zombie .boxInner .contsTtl .kerning01 {
        margin-right: -0.4em; }
      #wrapper .contsBox .box#zombie .boxInner .contsTtl .kerning02 {
        margin: 0 -0.15em 0 -0.1em; }
      #wrapper .contsBox .box#zombie .boxInner .contsTtl .kerning03 {
        margin-right: -0.1em; }
    #wrapper .contsBox .box#zombie .textWrap {
      animation-delay: 3.2s;
      position: relative;
      z-index: 20; }
    #wrapper .contsBox .box#zombie .boxInner .contsTtl .ruby .rubyText {
      left: .25em;
      font-size: 0.83333vw; }
    #wrapper .contsBox .box#zombie .boxInner p {
      color: #ccc;
      font-size: 1.3416vw;
      text-align: center;
      line-height: 2; }

  #wrapper .contsBox .box#world {
    margin-bottom: 0; }
    #wrapper .contsBox .box#world .bloodSubAnim09 {
      display: block;
      left: 43.6979vw;
      top: 0.5vw;
      width: 9.53125vw;
      z-index: 30; }
    #wrapper .contsBox .box#world .bloodSubAnim02_sp,
    #wrapper .contsBox .box#world .bloodSubAnim03_sp {
      display: none; }
    #wrapper .contsBox .box#world .boxInner {
      background: none;
      padding-top: 15.7vw;
      padding-right: 4vw;
      padding-bottom: 12.3vw;
      padding-left: 4vw;
      width: 100%; }
    #wrapper .contsBox .box#world .boxInner .textWrap.RaccoonCity {
      margin-bottom: 0; }
    #wrapper .contsBox .box#world .boxInner .contsTtl {
      position: relative;
      margin-bottom: 2.5vw;
      font-size: 4.1833vw;
      letter-spacing: -0.02em;
      text-shadow: 2px 3px 3px #000000;
      line-height: 1.2;
      animation-delay: 1s; }
      #wrapper .contsBox .box#world .boxInner .contsTtl .small {
        font-size: 3.601vw; }
    #wrapper .contsBox .box#world .textWrap {
      animation-delay: 1.2s;
      position: relative;
      z-index: 20; }
    #wrapper .contsBox .box#world .boxInner .contsTtl .ruby .rubyText {
      left: .25em;
      font-size: 0.83333vw; }
    #wrapper .contsBox .box#world .boxInner p {
      color: #ccc;
      font-size: 1.3416vw;
      text-align: center;
      line-height: 2; }
    #wrapper .contsBox .box#world .video {
      background: none;
      top: -5.5vw;
      top: -5.5vw; }
      #wrapper .contsBox .box#world .video video {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; }
      #wrapper .contsBox .box#world .video:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 111px;
        background: -moz-linear-gradient(top, transparent 0%, transparent 2%, black 100%);
        background: -webkit-linear-gradient(top, transparent 0%, transparent 2%, black 100%);
        background: linear-gradient(to bottom, transparent 0%, transparent 2%, black 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }

  #wrapper .contsBox .box#product {
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 6.5vw 0 0; }
    #wrapper .contsBox .box#product h2 {
      margin-bottom: 0; }
      #wrapper .contsBox .box#product h2 span:first-child {
        font-size: 2.9041vw; }
      #wrapper .contsBox .box#product h2 span:last-child {
        font-size: 1.2375vw;
        padding-top: 0.7vw; }

  #wrapper .contsBox .box#jpn-voice {
    position: relative;
    margin-bottom: 0;
    width: 100%; }
    #wrapper .contsBox .box#jpn-voice .boxInner {
      position: relative;
      margin-right: auto;
      margin-left: auto;
      padding: 7vw 0 0vw; }
      #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList {
        width: 70vw;
        margin: 0 auto;
        padding-bottom: 6.54vw; }
        #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList:after {
          content: "";
          display: table;
          clear: both; }
        #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li {
          position: relative;
          margin-bottom: 5.36vw;
          width: 44.64%;
          float: left; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li:nth-child(2n) {
            margin-left: 6.36vw; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li:last-child {
            margin-bottom: 0; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .img {
            width: 33.16%; }
          #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption {
            padding-left: 0.6vw;
            position: absolute;
            left: 35.17%;
            top: 0; }
            #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption p {
              text-align: left; }
            #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption .name {
              font-size: 1.8vw;
              line-height: 1;
              padding-top: 8px; }
            #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption .char-name {
              font-size: 1.1vw;
              color: #b3001e; }
            #wrapper .contsBox .box#jpn-voice .boxInner ul.actorList li .caption .text {
              font-size: 1.0vw;
              line-height: 1.5;
              margin-top: 1.6vw; }
    #wrapper .contsBox .box#jpn-voice .boxInner .textWrap.JapaneseVoice {
      margin-bottom: 5vw; }
    #wrapper .contsBox .box#jpn-voice .boxInner .contsTtl {
      color: #ccc;
      font-size: 28.23px;
      font-size: 3.8vw;
      line-height: 1.3;
      margin-bottom: 2.5vw;
      padding-right: 4%;
      padding-left: 4%;
      text-align: center; }
      #wrapper .contsBox .box#jpn-voice .boxInner .contsTtl .small {
        font-size: 23.525px;
        font-size: 4.7vw;
        position: relative;
        top: -0.2vw; }
      #wrapper .contsBox .box#jpn-voice .boxInner .contsTtl .kerning01 {
        letter-spacing: -0.05em; }
    #wrapper .contsBox .box#jpn-voice .boxInner p {
      color: #ccc;
      font-size: 1.4vw;
      text-align: center;
      line-height: 1.9; }

  #wrapper .contsBox .box#product.newIcon:before {
    font-size: 1.5rem;
    font-weight: normal;
    top: .75rem; }

  #wrapper .contsBox .box#product .boxInner {
    padding: 4.16667vw 9.375% 0; }

  #wrapper .contsBox .box#product .contsTtl {
    margin-right: auto;
    margin-bottom: 5.55556vw;
    margin-left: auto;
    width: 20%; }

  #wrapper .contsBox .box#product .contsTtl span {
    display: block; }

  #wrapper .contsBox .box#product .contsTtl span.img {
    margin-bottom: 1.38889vw;
    width: 34.16667%; }

  #wrapper .contsBox .box#product .contsTtl span.text {
    font-size: 1.25vw; }

  #wrapper .contsBox .box#product .recommend .recommendList {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 2.77778vw;
    width: 100%; }

  #wrapper .contsBox .box#product .recommend .recommendList .recommendItem {
    margin-bottom: 0;
    width: 48.33333%; }

  #wrapper .contsBox .box#product .recommend .recommendList .recommendItem:hover {
    box-shadow: 0px 0px 20px 2px rgba(255, 0, 31, 0.5); }

  #wrapper .contsBox .box#product .productSelect {
    border-bottom: none;
    position: relative; }

  #wrapper .contsBox .box#product .productSelect .listBtn {
    background: transparent;
    border: 2px solid #b3001e;
    font-size: 1.875vw;
    font-weight: normal; }

  #wrapper .contsBox .box#product .productSelect .listBtn .plusIcon {
    padding: 4% 0;
    width: 8%; }

  #wrapper .contsBox .box#product .productSelect .listBtn .plusIcon:before, #wrapper .contsBox .box#product .productSelect .listBtn .plusIcon:after {
    height: 4px;
    width: 30%; }

  #wrapper .contsBox .box#product .productSelect .listBtn .text {
    left: -4%;
    padding: 2.41546vw 0.78125% 1.85185vw;
    position: relative;
    text-align: center;
    width: 92%; }

  #wrapper .contsBox .box#product .productSelect .selectList {
    border-bottom: none;
    position: absolute;
    top: 69px;
    width: 100%;
    z-index: 3; }

  #wrapper .contsBox .box#product .productSelect .mainList {
    border-bottom: 2px solid #b3001e;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  #wrapper .contsBox .box#product .productSelect .mainList li.main {
    font-size: 1.25vw;
    width: 33.333334%;
    width: 25%; }

  #wrapper .contsBox .box#product .productSelect .mainList li.main .subListTtl {
    padding: 0.46296vw 0.78125%; }

  #wrapper .contsBox .box#product .productSelect .mainList li.main .subListTtl:before {
    margin-right: 0.2vw;
    top: 0.1vw;
    border: 7px solid transparent;
    border-top: 7px solid #9a9a9a; }

  #wrapper .contsBox .box#product .productSelect .mainList li.main:not(:last-child) {
    border-right: 2px solid #b3001e; }

  #wrapper .contsBox .box#product .productSelect .mainList li .subList {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  #wrapper .contsBox .box#product .productSelect .mainList li .subList li {
    background: transparent; }

  #wrapper .contsBox .box#product .productSelect .mainList li .subList li.sub {
    box-sizing: border-box;
    font-size: 1.25vw;
    margin: 0;
    padding: 0.69444vw 0.78125%;
    width: 100% !important; }

  #wrapper .contsBox .box#product .productSelect .mainList li .subList li.sub.select {
    background: #b3001e; }

  #wrapper .contsBox .box#product .productSelect .mainList li .subList li.sub.disable {
    opacity: .5;
    pointer-events: none; }

  #wrapper .contsBox .box#product .productDetail .itemDetail {
    cursor: default; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .name {
    font-size: 1.25vw;
    padding: 1.38889vw 1.5625%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .name strong {
    font-size: 1.25em; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .columnWrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column {
    width: 50%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList {
    border-top: none; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li p {
    font-size: 1.14583vw;
    padding: 1.38889vw 6.25% 1.38889vw 3.125%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li p.modalItemWrap a.modalItem {
    padding: 0 6.25% 0 3.125%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li:before {
    padding: 1.38889vw 0.78125%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li:not(.privilege) {
    counter-increment: num; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li:not(.privilege):before {
    font-size: 1em;
    content: counter(num); }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege p {
    padding-left: 24%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege p.modalItemWrap a.modalItem {
    padding: 1.38889vw 6.25% 1.38889vw 0; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege:before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 22%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege .privilege.Deluxe:before {
    background: url(../../images/product/privilege_img02.jpg) center no-repeat;
    background-size: 100%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege strong {
    color: #b3001e; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.item .itemList li.privilege:before {
    font-size: 1em;
    content: '+'; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.note {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    padding: 1.38889vw 1.5625%; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.note .listTtl {
    font-size: 1.04167vw;
    margin-bottom: 0.69444vw; }

  #wrapper .contsBox .box#product .productDetail .itemDetail .column.note .noteList li {
    font-size: 0.9375vw; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList {
    position: relative; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectListBtn {
    font-size: 1.45833vw;
    padding: 1.85185vw 1.5625%;
    position: relative;
    text-align: center; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectListBtn span {
    display: inline; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectListBtn:before {
    margin-top: -.25rem;
    margin-right: 0;
    right: 3.125%;
    -webkit-transform: rotate(135deg) translateY(-50%);
    -moz-transform: rotate(135deg) translateY(-50%);
    -ms-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%); }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList {
    bottom: 0;
    position: absolute;
    width: 100%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList ul {
    background: rgba(0, 0, 0, 0.8);
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li {
    border-right: 2px solid #333;
    width: 50%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li figure {
    width: 20%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 80%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap .itemName {
    font-size: 1.04167vw;
    padding: 1.38889vw 1.5625% 1.38889vw 3.125%;
    width: 55.20833%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap .shopInfo {
    font-size: 1.04167vw;
    padding: 1.38889vw 12.5% 1.38889vw 1.5625%;
    position: relative;
    width: 44.79167%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopList .selectList li .textWrap .shopInfo:before {
    content: '';
    display: inline-block;
    border: 2px solid;
    border-color: transparent transparent #fff #fff;
    height: .75rem;
    margin-top: -.375rem;
    position: absolute;
    right: 6.25%;
    top: 50%;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -moz-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
    width: .75rem; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .columnWrap {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #303030;
    border-left: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column {
    width: 50%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege figure {
    width: 20%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text {
    width: calc(100% - 20.83333% - 3em); }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a {
    padding: 1.38889vw 1.5625% 1.38889vw 3.125%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a strong {
    font-size: 1.04167vw; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a strong span {
    display: inline;
    font-size: 1.04167vw; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege .text a span {
    font-size: 1.25vw; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege:before {
    font-size: 1em;
    padding: 1.38889vw 0.78125%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.privilege:after {
    right: 3.125%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn {
    background: #b3001e; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn .btn {
    height: 100%;
    width: 100%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn .btn a {
    font-size: 1.66667vw;
    height: 100%;
    padding: 1.85185vw 3.125% 1.38889vw;
    position: relative;
    width: 100%; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn .btn a small {
    font-size: .75em; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink .column.linkBtn .btn a:before {
    content: '';
    display: inline-block;
    border: 2px solid;
    border-color: transparent transparent #fff #fff;
    height: .75rem;
    margin-top: -.375rem;
    position: absolute;
    right: 3.125%;
    top: 50%;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -moz-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
    width: .75rem; }

  #wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopData .shopList {
    display: none; }

  #wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopLink {
    border-left: 1px solid #303030; }

  #wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopLink.isPrivilege .columnWrap {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #303030;
    border-left: none; }

  #wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopLink.isPrivilege .column {
    width: 100%; }

  #wrapper .contsBox .box#product .productDetail[data-format="Download"] #shopLink .privilege {
    display: none; }

  #wrapper .contsBox .box#product .productDetail .shopData .shopLink.privilegeNone .column.privilege .text a strong {
    font-size: 1.54167vw; }

  #wrapper .contsBox .box#sns {
    border-top: none;
    border-bottom: none;
    padding: 9.94444vw 0 4.16667vw; }
    #wrapper .contsBox .box#sns > div {
      width: 100%; }

  #wrapper .contsBox .box#sns .listTtl {
    font-size: 1.25vw;
    margin-bottom: 1.38889vw; }

  #wrapper .contsBox .box#sns .listTtl small {
    margin-top: 0.34722vw; }

  #wrapper .contsBox .box#sns .snsList {
    margin-bottom: 2.77778vw;
    width: 20.10417%; }

  #wrapper .contsBox .box#sns .snsList li:nth-child(1) {
    width: 17.61658%; }

  #wrapper .contsBox .box#sns .snsList li:nth-child(2) {
    width: 17.61658%; }

  #wrapper .contsBox .box#sns .snsList li:nth-child(3) {
    width: 17.61658%; }

  #wrapper .contsBox .box#sns .snsList li:nth-child(4) {
    width: 17.61658%; }

  #wrapper .contsBox .box#sns .snsList a:hover {
    opacity: .5; }

  #wrapper .contsBox .box#sns .linkBtn {
    margin-right: auto;
    margin-left: auto;
    width: 30.52083%; }

  #wrapper .contsBox .box#sns .linkBtn .btnInner {
    box-shadow: 0px 0px 40px 2px rgba(255, 255, 255, 0.5); }

  #wrapper .contsBox .box#sns .linkBtn .btnInner:hover {
    box-shadow: 0px 0px 40px 2px rgba(255, 0, 31, 0.5); }

  #wrapper .contsBox .box#sns .linkBtn .btnInner:hover a {
    color: #ff0033;
    opacity: 1; }

  #wrapper .contsBox .box#sns .linkBtn .btnInner a {
    font-size: 1.25vw;
    padding: 1.38889vw 1.5625%;
    text-align: center; }

  #wrapper .contsBox .box#sns .linkBtn .btnInner a .icon {
    display: inline-block;
    margin-right: 4%;
    width: 8%; }

  #wrapper .contsBox .box#sns #zBnr {
    display: none; }

  #wrapper .contsBox .box#spec {
    background-color: #000;
    border-top: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 4.77778vw;
    position: relative;
    z-index: 2; }
    #wrapper .contsBox .box#spec > div {
      width: 100%;
      border-bottom: none; }

  #wrapper .contsBox .box#spec .boxInner {
    display: block;
    border-bottom: none;
    padding: 4.16667vw 18.75% 7.16667vw;
    border: none;
    text-align: center;
    width: auto; }
    #wrapper .contsBox .box#spec .boxInner .inner {
      width: auto;
      padding-left: 1.5vw;
      margin-left: 1.5vw; }

  #wrapper .contsBox .box#spec .flexBox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4.16667vw 18.75%; }

  #wrapper .contsBox .box#spec h2 {
    width: auto;
    font-size: 1.25vw;
    margin-bottom: 2.77778vw; }

  #wrapper .contsBox .box#spec p {
    font-size: 1.25vw; }

  #wrapper .contsBox .box#spec .Platform {
    width: 100%; }

  #wrapper .contsBox .box#spec .Platform .platformList {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  #wrapper .contsBox .box#spec .Platform .platformList .platform {
    width: 32%; }

  #wrapper .contsBox .box#spec .platformList .platform {
    padding: 2.77778vw 1.5625%; }

  #wrapper .contsBox .box#spec .platformList .platform figure {
    margin-bottom: 2.77778vw; }

  #wrapper .contsBox .box#spec .platformList .platform .priceList li {
    font-size: 1.25vw; }

  #wrapper .contsBox .box#spec .platformList .platform .priceList li:not(:last-child) {
    margin-bottom: 1.38889vw; }

  #wrapper .contsBox .box#spec .platformList .platform.Ps4 figure {
    margin-bottom: 3.47222vw; }

  #wrapper .contsBox .box#spec .platformList .platform.Ps4 figure img {
    width: 80%; }

  #wrapper .contsBox .box#spec .platformList .platform.Xbox figure {
    margin-bottom: 3.47222vw; }

  #wrapper .contsBox .box#spec .platformList .platform.Xbox figure img {
    width: 91.2%; }

  #wrapper .contsBox .box#spec .platformList .platform.Steam figure img {
    width: 36.8%; }

  #wrapper .contsBox .box#spec .platformList .platform:not(:last-child) {
    margin-bottom: 0; }

  #wrapper .contsBox .box#spec .Play {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0;
    width: 22%; }

  #wrapper .contsBox .box#spec .Play h2 span {
    display: inline-block; }

  #wrapper .contsBox .box#spec .Rating {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    width: 38%; }

  #wrapper .contsBox .box#spec .Rating h2 span {
    display: inline-block; }

  #wrapper .contsBox .box#spec .Rating p {
    margin-bottom: 0.92593vw; }

  #wrapper .contsBox .box#spec .Rating figure img {
    max-width: 58px;
    width: 75%; }

  #wrapper .contsBox .box#spec .ReEngine {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    width: 26%; }

  #wrapper .contsBox .box#spec .ReEngine h2 span {
    display: inline-block; }

  #wrapper .contsBox .box#spec .ReEngine .inner {
    width: 28%; }

  #wrapper .contsBox .box#spec .ReEngine figure img {
    width: 4.51vw; }

  #wrapper .contsBox .box#spec .Title {
    display: none; }

  #wrapper .contsBox .box#spec .flexBox.pageLink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }

  #wrapper .contsBox .box#spec .flexBox.pageLink .boxInner.faq {
    margin-right: 2%;
    padding: 0;
    width: 46%; }

  #wrapper .contsBox .box#spec .flexBox.pageLink .boxInner.pageLink {
    padding: 0;
    position: relative;
    width: 24%; }

  #wrapper .contsBox .box#spec .flexBox.pageLink .boxInner.pageLink.renet {
    margin-right: 4%; }

  #wrapper .contsBox .box#spec .flexBox.pageLink .boxInner.faq h2 {
    display: inline-block;
    margin-bottom: 0; }

  #wrapper .contsBox .box#spec .flexBox.pageLink .boxInner.faq .inner {
    display: inline-block; }

  #wrapper .contsBox .box#spec .boxInner.faq .platformList li {
    display: inline-block;
    font-size: .9vw; }

  #wrapper .contsBox .box#spec .boxInner.faq .platformList li a {
    display: inline-block;
    position: relative; }

  #wrapper .contsBox .box#spec .boxInner.faq .platformList li a:before {
    bottom: -.15em;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease;
    width: 100%; }

  #wrapper .contsBox .box#spec .boxInner.faq .platformList li a:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    display: inline-block;
    height: .5em;
    margin-top: -.15em;
    margin-left: .15em;
    position: relative;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
    width: .5em; }

  #wrapper .contsBox .box#spec .boxInner.faq .platformList li a:hover:before {
    background: transparent; }

  #wrapper .contsBox .box#spec .boxInner.faq .platformList li:not(:last-child) {
    margin-right: 1vw;
    margin-bottom: 0; }

  #wrapper .contsBox .box#spec .boxInner.pageLink {
    bottom: -2px;
    position: absolute;
    right: 0;
    width: 30%; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn {
    margin-right: 0;
    margin-left: 0;
    width: 100%; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn a {
    font-size: .9vw;
    padding: 1.25vw 0; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn.fontOswald a {
    font-size: 1vw; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn a:after {
    right: 1vw; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn a:active {
    color: transparent;
    box-shadow: none; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn a:active:after {
    border-top: none;
    border-left: none; }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn a:hover {
    color: #d10025;
    box-shadow: 0px 0px 24px 9px rgba(204, 0, 0, 0.8); }

  #wrapper .contsBox .box#spec .boxInner.pageLink .btn a:hover:after {
    border-top: 2px solid #d10025;
    border-left: 2px solid #d10025; }

  .award {
    padding-bottom: 10.3229vw; }
    .award .award-icon.gca {
      width: 18vw; }
    .award .award-icon.jga {
      width: 9vw; }

  #wrapper .contsBox .box#copy {
    display: none; }

  #wrapper .contsBox .box#language {
    border-top: solid #444 1px; }

  #wrapper .contsBox .box#language .linkBtn {
    padding: 1.85185vw 0; }

  #wrapper .contsBox .box#language .linkBtn a {
    font-size: 1.4458vw; } }
@media only screen and (max-width: 767px) and (orientation: landscape), only screen and (max-width: 1024px) and (min-width: 767px) {
  .tablet .box#firstView {
    background: none; } }
@media only screen and (min-width: 1025px) {
  .box#firstView {
    height: 50.5vw;
    padding-bottom: 0; }
    .box#firstView #fvBg02 {
      background: url(../images/index/firstview_bg02.jpg) center top no-repeat;
      background-size: 100%; }
    .box#firstView .boxInner .innerPC {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%;
      padding-top: 5%;
      position: relative;
      width: 100%;
      z-index: 2; }
    .box#firstView .boxInner .innerInnerPC {
      margin: 0; }
    .box#firstView .boxInner .logoBox {
      margin-bottom: 6vw;
      left: -20vw;
      position: relative; }

  .tablet .box#firstView {
    background: none; } }
/*** PC縦（636px） ***/
@media only screen and (max-height: 636px) and (min-width: 1025px) {
  .box#firstView {
    min-height: 678px; } }
@-webkit-keyframes bloodAnim01 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  to {
    opacity: 1; } }
@keyframes bloodAnim01 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  to {
    opacity: 1; } }
@-webkit-keyframes bloodAnim02 {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  to {
    opacity: 1; } }
@-webkit-keyframes bloodAnim03 {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0, 0, 0.8);
    transform: scale3d(0, 0, 0.8); }
  to {
    opacity: 1; } }
@keyframes bloodAnim02 {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  to {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }
@keyframes fadeIn {
  to {
    opacity: 1; } }
.fadeIn {
  opacity: 0; }

.lazyloaded.fadeIn {
  animation: fadeIn 0.8s 1s alternate forwards; }

.bloodAnim01,
.bloodAnim02 {
  visibility: visible;
  animation: bloodAnim01 0.3s alternate forwards; }

.bloodAnim03 {
  visibility: visible;
  animation: bloodAnim03 0.3s alternate forwards; }

.shipments {
  background: rgba(0, 0, 0, .4);
  border: solid #fc0000 2px;
  border-radius: 50%;
  box-sizing: border-box;
  color: #fc0000;
  font-size: 4vw;
  height: 22vw;
  position: absolute;
  right: 2vw;
  text-align: center;
  top: 2vw;
  width: 22vw;
  z-index: 20; }
  .shipments p {
    display: block;
    font-weight: 700;
    position: relative;
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%); }
    .shipments p small {
      display: block;
      font-size: .65em;
      line-height: 1.25; }
.award2019 {
  box-sizing: border-box;
  height: 22vw;
  position: absolute;
  right: 2vw;
  text-align: center;
  top: 2vw;
  width: 22vw;
  z-index: 20; }
  .shipments p {
    display: block;
    position: relative; }

/*** TB（横）/PC ***/
@media only screen and (min-width: 769px) {
  .shipments {
    font-size: 2.8vw;
    height: 14vw;
    right: 1vw;
    top: 1vw;
    width: 14vw;
    z-index: 21; }
    .shipments p {
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .award2019 {
    height: 14vw;
    right: 1vw;
    top: 1vw;
    width: 14vw;
    z-index: 21; } }
/*** /PC ***/
@media only screen and (min-width: 1025px) {
  .shipments {
    font-size: 2vw;
    height: 11vw;
    width: 11vw; }
  .award2019 {
    height: 11vw;
    width: 11vw; } }
/************************************
  news
************************************/
#wrapper .contsBox .box#news {
  background: #000;
  color: #b3001e;
  line-height: 1.5;
  padding: 8vw 8%;
  position: relative;
  z-index: 3; }
  #wrapper .contsBox .box#news .message {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #b3001e;
    box-sizing: border-box;
    font-size: 3.75vw;
    padding: 4vw; }
    #wrapper .contsBox .box#news .message.link {
      padding: 0; }
      #wrapper .contsBox .box#news .message.link a {
        box-sizing: border-box;
        color: #b3001e;
        display: block;
        padding: 4vw; }
    #wrapper .contsBox .box#news .message:not(:last-child) {
      margin-bottom: 4vw; }
    #wrapper .contsBox .box#news .message h2 {
      margin-bottom: 4vw; }
      #wrapper .contsBox .box#news .message h2 strong {
        display: block; }
      #wrapper .contsBox .box#news .message h2.noMargin {
        margin-bottom: 0; }
    #wrapper .contsBox .box#news .message .platformList {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      #wrapper .contsBox .box#news .message .platformList li:nth-child(2) {
        margin-right: 8vw;
        margin-left: 8vw; }
      #wrapper .contsBox .box#news .message .platformList li a {
        color: #b3001e;
        display: inline-block;
        font-weight: bold;
        transition: initial; }
        #wrapper .contsBox .box#news .message .platformList li a::after {
          border-bottom: 1px solid #b3001e;
          content: "";
          display: block;
          transition: border .5s ease;
          width: 100%; }
        #wrapper .contsBox .box#news .message .platformList li a:active::after {
          border-bottom: 1px solid transparent; }

/*** TB（横）/PC ***/
@media only screen and (min-width: 769px) {
  #wrapper .contsBox .box#news {
    padding: 8vw 0 0; }
    #wrapper .contsBox .box#news .message {
      font-size: 1.25vw;
      margin-right: auto;
      margin-left: auto;
      padding: 2vw;
      width: 70vw; }
      #wrapper .contsBox .box#news .message:not(:last-child) {
        margin-bottom: 2vw; }
      #wrapper .contsBox .box#news .message.link a {
        padding: 2vw; }
      #wrapper .contsBox .box#news .message h2 {
        margin-bottom: 1vw;
        text-align: center; }
        #wrapper .contsBox .box#news .message h2 strong {
          display: inline-block; }
      #wrapper .contsBox .box#news .message .platformList li:nth-child(2) {
        margin-right: 4vw;
        margin-left: 4vw; }
      #wrapper .contsBox .box#news .message .platformList li a {
        color: #b3001e;
        display: inline-block;
        font-weight: bold;
        transition: initial; }
        #wrapper .contsBox .box#news .message .platformList li a::after {
          border-bottom: 1px solid #b3001e;
          content: "";
          display: block;
          transition: border .5s ease;
          width: 100%; }
        #wrapper .contsBox .box#news .message .platformList li a:active::after {
          border-bottom: 1px solid #b3001e; }
        #wrapper .contsBox .box#news .message .platformList li a:hover::after {
          border-bottom: 1px solid transparent; } }

#spec + .notes {
  background: #000;
  color: #FFF;
  line-height: 1.5;
  padding-right: 8%;
  padding-bottom: 15.9vw;
  padding-left: 8%;
  position: relative;
  text-align: left;
  z-index: 10;
}
@media only screen and (min-width: 769px) {
  #spec + .notes {
    padding-bottom: 5.5vw;
    text-align: center;
  }
}