/************************************
Theme
************************************/
/****** firstview ******/
.sec#firstview {
  padding-top: 24vw;
}

@media only screen and (min-width: 769px) {
  .sec#firstview {
    margin-top: 4vw;
    padding-top: 6vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .sec-inner {
    margin-right: auto;
    margin-left: auto;
    width: 73.29545%;
  }
}

.sec#firstview .conts-title {
  margin-bottom: 8vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title {
    margin-bottom: 4vw;
  }
}

.sec#firstview .conts-title .logo {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .logo {
    margin-right: auto;
    margin-bottom: 2vw;
    margin-left: auto;
    width: 67.75194%;
  }
}

.sec#firstview .conts-title .logo-en {
  margin-bottom: 12vw;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .logo-en {
    margin-bottom: 6vw;
  }
}

.sec#firstview .conts-title .lead strong {
  color: #FACD46;
  font-size: 1.5em;
}

.sec#firstview .conts-title .release {
  color: #FFF;
  font-family: "Source Serif 4", serif;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release {
    font-size: 2.1875vw;
  }
}

:lang(zh-HK) .sec#firstview .conts-title .release {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#firstview .conts-title .release {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#firstview .conts-title .release {
  font-family: "source-han-serif-korean", serif;
}

.sec#firstview .conts-title .release strong {
  font-size: 1.3em;
}
.sec#firstview .conts-title .release strong strong {
  font-size: 1em;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release strong {
    font-size: 1.1em;
  }
  .sec#firstview .conts-title .release strong strong {
    font-size: 1.3em;
  }
}

.sec#firstview .conts-trailer {
  margin-bottom: 6vw;
}
@media only screen and (max-width: 768px) {
  .sec#firstview .conts-trailer {
    text-align: center;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-trailer {
    margin-bottom: 3vw;
  }
}


.sec#firstview .conts-trailer .trailer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}
/*
@media only screen and (max-width: 768px) {
  .sec#firstview .conts-trailer .trailer-btn {
    display: inline-block;
  }
}
*/
.sec#firstview .conts-trailer .trailer-btn-item {
  display: block;
  position: relative;
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .sec#firstview .conts-trailer .trailer-btn-item:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-trailer .trailer-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    width: 75%;
  }
  .sec#firstview .conts-trailer .trailer-btn-item {
    margin-bottom: 2%;
    width: 31%;
  }
  .sec#firstview .conts-trailer .trailer-btn-item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}


.sec#firstview .conts-trailer .trailer-btn-item a {
  background: rgba(0, 0, 0, 0.5);
  color: #facd46;
  border: 1px solid #facd46;
  font-size: 3.6vw;
  display: block;
  padding: 0.8em 1em;
  position: relative;
}
.sec#firstview .conts-trailer .trailer-btn-item a.is-disable {
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-trailer .trailer-btn-item a {
    font-size: 1.15417vw;
  }
}
.sec#firstview .conts-trailer .trailer-btn-item a::before,
.sec#firstview .conts-trailer .trailer-btn-item a::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.sec#firstview .conts-trailer .trailer-btn-item a::before {
  background-image: url(../../images/common/arrow_ic-r-y.png);
  background-position: center;
  display: inline-block;
  height: 4.4vw;
  margin-right: 1vw;
  position: relative;
  top: 0.2vw;
  width: 4.4vw;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-trailer .trailer-btn-item a::before {
    height: 1.4vw;
    margin-right: 0.4vw;
    top: 0.14vw;
    width: 1.4vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts-news .news-list {
    margin-right: auto;
    margin-left: auto;
    width: 94.2029%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-news .news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.sec#firstview .conts-news .news-list-item {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.5);
  transition: border .2s ease-in;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-news .news-list-item {
    width: 48.06202%;
  }
}

.sec#firstview .conts-news .news-list-item a {
  display: block;
}

.sec#firstview .conts-news .news-list-item .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sec#firstview .conts-news .news-list-item .thumb {
  line-height: 0;
  width: 40.32258%;
}

.sec#firstview .conts-news .news-list-item .text-box {
  font-size: 2.66667vw;
  padding: .8vw 2vw;
  width: 59.67742%;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-news .news-list-item .text-box {
    font-size: 0.83333vw;
    padding: .6vw 1vw;
  }
}

.sec#firstview .conts-news .news-list-item .text-box .date {
  color: #FACD46;
  margin-bottom: .2em;
  text-shadow: 0px 0px 3px rgba(250, 205, 70, 0);
  transition: text-shadow .2s ease-in;
}

.sec#firstview .conts-news .news-list-item .text-box .text {
  color: #FFF;
  line-height: 1.5;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0);
  transition: text-shadow .2s ease-in;
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts-news .news-list-item:nth-child(1) {
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-news .news-list-item:nth-child(1) {
    margin-right: 3.87597%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .conts-news .news-list-item:hover {
    border: 1px solid #facd46;
    opacity: 1;
  }
}

.sec#firstview .conts-news .news-list-item:hover .text-box .date {
  text-shadow: 0px 0px 6px rgba(250, 205, 70, 0.8);
}

.sec#firstview .conts-news .news-list-item:hover .text-box .text {
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 768px) {
  .sec#firstview .cas-bnr {
  	margin-right: auto;
    margin-bottom: 8vw;
    margin-left: auto;
    width: 97.10145%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .cas-bnr {
    position: absolute;
    right: -10.5vw;
    top: -3vw;
    width: 25.5814%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#firstview .cas-bnr-label {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .sec#firstview .cas-bnr-label {
    color: #FACD46;
    font-size: 1.14583vw;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: .4em;
    position: relative;
    right: 6.06061%;
    text-align: center;
  }
}

.sec#firstview .cas-bnr a {
  display: block;
}

.sec#firstview .switch-logo {
  left: 0;
  position: absolute;
  top: -24vw;
  width: 14.4%;
}

@media only screen and (min-width: 769px) {
  .sec#firstview .switch-logo {
    left: -10vw;
    width: 8.37209%;
    top: -2vw;
  }
}


/****** introduction ******/
.sec#introduction {
  margin-bottom: 0;
  padding-bottom: 20vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#introduction {
    padding-bottom: 8vw;
  }
}

.sec#introduction::before {
  background-repeat: no-repeat;
  background-size: 250%;
  content: "";
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#introduction::before {
    background-size: 100%;
  }
}

.sec#introduction::before {
  background-image: url(../../images/intro_bg-t.png);
  background-position: center bottom;
  height: 28vw;
}

@media only screen and (min-width: 769px) {
  .sec#introduction::before {
    height: 12vw;
  }
}

.sec#introduction .sec-inner {
  background-image: url(../../images/intro_bg-c.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 250%;
  margin: -22vw 0;
  padding: 8vw 0 16vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .sec-inner {
    background-size: 100%;
    margin: -8vw 0;
    padding: 4vw 0 8vw;
  }
}

.sec#introduction .sec-ttl {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .sec#introduction .sec-ttl {
    padding: 0 4vw;
  }
}

.sec#introduction .sec-ttl-image::after {
  background-image: url(../../images/common/ttl_line-brown.png);
}

.sec#introduction .sec-ttl-text {
  color: #460000;
}

.sec#introduction .text-box .lead {
  color: #460000;
  margin-bottom: .5em;
}

.sec#introduction .text-box .text {
  text-align: center;
}

.sec#introduction .conts {
  position: relative;
  z-index: 2;
}

.sec#introduction .conts-intro .image-box {
  line-height: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden;
  position: relative;
}

.sec#introduction .conts-intro .image-box .mask-effect {
  background-image: url(../../images/common/mask-sp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-5%);
  width: 1000%;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-intro .image-box .mask-effect {
    background-image: url(../../images/common/mask.png);
  }
}

.sec#introduction .conts-intro .text-box {
  margin-bottom: 6vw;
}

@media only screen and (max-width: 768px) {
  .sec#introduction .conts-intro .text-box {
    padding: 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-intro .text-box {
    margin-bottom: 3vw;
  }
}

.sec#introduction .conts-intro .text-box .lead {
  font-size: 5.33333vw;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-intro .text-box .lead {
    font-size: 2.1875vw;
  }
}

.sec#introduction .conts-intro .link-btn {
  position: absolute;
  right: 2vw;
  top: 12vw;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-intro .link-btn {
    top: 8vw;
  }
}

.sec#introduction .conts-intro .link-btn-item a {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  display: block;
  line-height: 1;
  padding: 1vw;
}

.sec#introduction .conts-intro .link-btn-item a::before {
  content: "\02295";
  font-size: 1.2em;
  display: inline-block;
  margin-right: .2em;
  vertical-align: middle;
}

.sec#introduction .conts-intro .link-btn-item span {
  display: inline-block;
  vertical-align: middle;
}

.sec#introduction .conts-about {
  margin-bottom: 8vw;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .sec#introduction .conts-about {
    padding: 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: auto;
    margin-bottom: 3vw;
    margin-left: auto;
    width: 79.54545%;
  }
}

.sec#introduction .conts-about * {
  position: relative;
  z-index: 2;
}

.sec#introduction .conts-about .conts-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-about .conts-inner {
    margin-right: auto;
    margin-left: auto;
    padding: 2vw;
    width: 48.57143%;
  }
}

.sec#introduction .conts-about .conts-inner::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}

.sec#introduction .conts-about .logo {
  margin-right: 4%;
  width: 36.23188%;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-about .logo {
    width: 41.17647%;
  }
}

.sec#introduction .conts-about .image {
  width: 42.02899%;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-about .image {
    width: 45.58824%;
  }
}

.sec#introduction .conts-about .text-box {
  margin-top: 1em;
  width: 100%;
}

.sec#introduction .conts-about .text-box .lead {
  color: #460000;
  margin-bottom: .2em;
  text-align: left;
}

.sec#introduction .conts-about .text-box .text {
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .sec#introduction .conts-about-makaimura {
    margin-bottom: 4vw;
  }
}

.sec#introduction .conts-about-makaimura .logo {
  margin-right: 6%;
  margin-left: 4%;
}

.sec#introduction .conts-about-daimakaimura .logo {
  width: 42.02899%;
}

@media only screen and (min-width: 769px) {
  .sec#introduction .conts-about-daimakaimura .logo {
    width: 47.05882%;
  }
}

.sec#introduction .cas-bnr {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .sec#introduction .cas-bnr {
    padding: 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#introduction .cas-bnr {
    margin-right: auto;
    margin-left: auto;
    width: 61.36364%;
  }
}

.sec#introduction .cas-bnr a {
  display: block;
}


/****** story ******/
.sec#story::after {
  background-repeat: no-repeat;
  background-size: 250%;
  content: "";
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#story::after {
    background-size: 100%;
  }
}

.sec#story::after {
  background-image: url(../../images/intro_bg-b.png);
  background-position: center top;
  height: 26vw;
}

@media only screen and (min-width: 769px) {
  .sec#story::after {
    height: 12vw;
  }
}

.sec#story .sec-inner {
  background-image: url(../../images/intro_bg-c.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 250%;
  margin-bottom: -22vw;
  padding: 0 0 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#story .sec-inner {
    background-size: 100%;
    margin-bottom: -7.1vw;
    padding: 0 0 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#story .sec-ttl {
    padding: 0 4vw;
  }
}

.sec#story .sec-ttl-image::after {
  background-image: url(../../images/common/ttl_line-brown.png);
}

.sec#story .sec-ttl-text {
  color: #460000;
}

.sec#story .slide-box {
  margin-bottom: 4vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#story .slide-box {
    margin-bottom: 2vw;
  }
}

.sec#story .sec-sttl {
  color: #460000;
}

.sec#story .text-box {
  color: #460000;
  text-align: center;
}

.sec#story .text-box .lead {
  color: #460000;
  margin-top: 1.5em;
}

.sec#story .text-box .text {
  font-family: "Source Serif 4", serif;
  font-weight: 700;
  font-size: 3.73333vw;
}

@media only screen and (min-width: 769px) {
  .sec#story .text-box .text {
    font-size: 1.25vw;
  }
}

:lang(zh-HK) .sec#story .text-box .text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#story .text-box .text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#story .text-box .text {
  font-family: "source-han-serif-korean", serif;
}

.sec#story .chara-info {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 73.33333%;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .sec#story .chara-info {
    width: 23.69792%;
  }
  .sec#story .chara-info a {
    display: block;
    transition: opacity .2s ease;
  }
  .sec#story .chara-info a:hover {
    opacity: .8;
  }
}


/****** gameplay ******/
.sec#gameplay {
  margin-bottom: 28vw;
}
@media only screen and (min-width: 769px) {
  .sec#gameplay {
     margin-bottom: 12vw;
  }
}

.sec#gameplay .sec-inner {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .sec-ttl {
    padding: 0 4vw;
  }
}

.sec#gameplay .text-box {
  color: #FFF;
  text-align: center;
}

.sec#gameplay .conts-overview {
  margin-bottom: 8vw;
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview {
    margin-bottom: 4vw;
    padding: 0 4vw;
  }
}

.sec#gameplay .conts-overview .image-box {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2vw;
  }
}

.sec#gameplay .conts-overview .image-box .image {
  border: 1px solid #FFF;
  line-height: 0;
  position: relative;
}

.sec#gameplay .conts-overview .image-box .image:nth-child(1) {
  width: 73.91304%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-overview .image-box .image:nth-child(1) {
    margin-right: auto;
    margin-bottom: 16vw;
    margin-left: auto;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .image-box .image:nth-child(1) {
    margin-right: 8%;
    width: 28.97727%;
  }
}

.sec#gameplay .conts-overview .image-box .image:nth-child(1)::after {
  background-image: url(../../images/common/arrow_ic-r-l.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 8vw;
  left: 50%;
  position: absolute;
  top: calc(100% + 4vw);
  transform: translateX(-50%) rotate(90deg);
  width: 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .image-box .image:nth-child(1)::after {
    height: 4vw;
    left: calc(100% + 2vw);
    top: 50%;
    transform: translateY(-50%);
    width: 4vw;
  }
}

.sec#gameplay .conts-overview .image-box .image:nth-child(2) {
  width: 97.10145%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-overview .image-box .image:nth-child(2) {
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .image-box .image:nth-child(2) {
    width: 39.77273%;
  }
}

.sec#gameplay .conts-overview .text-box:first-of-type {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .text-box:first-of-type {
    margin-bottom: 4vw;
  }
}

.sec#gameplay .conts-play .slide-box-bg {
  background-image: url(../../images/gameplay_bg-c.png);
  background-position: left center;
  background-repeat: repeat-x;
  background-size: 72vw 100%;
  height: 100%;
  margin-left: 32vw;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-box-bg {
    background-size: 306px 100%;
    margin-left: 148px;
  }
}

.sec#gameplay .conts-play .slide-box-bg::before {
  background-image: url(../../images/gameplay_bg-l.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 24vw 100%;
  content: "";
  display: block;
  height: 100%;
  left: -24vw;
  position: absolute;
  top: 0;
  width: 24vw;
  z-index: -1;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-box-bg::before {
    background-size: 74px 100%;
    left: -73px;
    width: 74px;
  }
}

.sec#gameplay .conts-play .slide-ttl {
  color: #460000;
  display: inline-block;
  font-family: "Source Serif 4", serif;
  font-size: 5.33333vw;
  font-weight: 900;
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-ttl {
    font-size: 1.875vw;
    margin-bottom: 1vw;
  }
}

:lang(zh-HK) .sec#gameplay .conts-play .slide-ttl {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#gameplay .conts-play .slide-ttl {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#gameplay .conts-play .slide-ttl {
  font-family: "source-han-serif-korean", serif;
}

.sec#gameplay .conts-play .slide-ttl::after {
  background-image: url(../../images/common/pattern_line-brown.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 4vw;
  position: relative;
  left: .5em;
  width: 10em;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-ttl::after {
    height: 2vw;
    width: 8em;
  }
}

.sec#gameplay .conts-play .slide-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.sec#gameplay .conts-play .slide-inner-enclose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4vw;
  padding: 4vw 6vw;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner-enclose {
    margin-bottom: 1vw;
    min-width: 100%;
    padding: 2vw;
  }
}

.sec#gameplay .conts-play .slide-inner-enclose::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

.sec#gameplay .conts-play .slide-inner-item {
  width: 48.5%;
}

.sec#gameplay .conts-play .slide-list-stage .slide-inner-item {
  width: 24%;
}

.sec#gameplay .conts-play .slide-inner .flex-container {
  width: 100%;
}

.sec#gameplay .conts-play .slide-inner .tab {
  display: none;
}

.sec#gameplay .conts-play .slide-inner .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .tab-list {
    margin-bottom: 1vw;
  }
}

.sec#gameplay .conts-play .slide-inner .tab-list-item {
  background: #460000;
  border: 2px solid #FFF;
  cursor: pointer;
  line-height: 0;
  margin-right: .8vw;
  transition: opacity .2s ease-in;
  width: 12vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .tab-list-item {
    margin-right: .5vw;
    width: 4vw;
  }
}

.sec#gameplay .conts-play .slide-inner .monster .tab-list-item {
  width: auto;
  text-align: center;
  padding: .5rem;
  color: #fff;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-inner .monster .tab-list-item {
    font-size: 93%;
    padding: .3rem;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .tab-list-item:not(.is-active):hover {
    opacity: .8;
  }
}

.sec#gameplay .conts-play .slide-inner .tab-list-cs {
  background: none;
  border: none;
  cursor: default;
  margin-right: 0;
  pointer-events: none;
  width: 15.6vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .tab-list-cs {
    width: 5.2vw;
  }
}

.sec#gameplay .conts-play .slide-inner .tab-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sec#gameplay .conts-play .slide-inner .tab-inner .image {
  width: 46%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .tab-inner .image {
    width: 38%;
  }
}

.sec#gameplay .conts-play .slide-inner .tab-inner .detail-box {
  width: 50%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .tab-inner .detail-box {
    width: 58%;
  }
}

.sec#gameplay .conts-play .slide-inner .text-box {
  margin-bottom: 2.66667vw;
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .text-box {
    margin-bottom: 1.33333vw;
  }
}

.sec#gameplay .conts-play .slide-inner .text-box .lead {
  color: #460000;
  font-size: 4.8vw;
  margin-bottom: .2em;
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .text-box .lead {
    font-size: 2.08333vw;
  }
}

.sec#gameplay .conts-play .slide-inner .text-box .text {
  color: #000;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-inner .text-box .text {
    font-size: 2.66667vw;
  }
}

.sec#gameplay .conts-play .slide-inner .trailer-btn {
  text-align: center;
}

.sec#gameplay .conts-play .slide-inner .trailer-btn-item, .conts-overview-under .conts-overview .trailer-btn-item {
  display: inline-block;
}

.sec#gameplay .conts-play .slide-inner .trailer-btn-item a, .conts-overview-under .conts-overview .trailer-btn-item a {
  background: #460000;
  border: 1px solid #fff;
  color: #fff;
  font-size: 2.66667vw;
  display: block;
  padding: 0.4em 0.5em 0.45em;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .trailer-btn-item a, .conts-overview-under .conts-overview .trailer-btn-item a {
    font-size: 1.14583vw;
  }
}

.sec#gameplay .conts-play .slide-inner .trailer-btn-item a::before, .conts-overview-under .conts-overview .trailer-btn-item a::before {
  background-image: url(../../images/common/arrow_ic-r.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.3vw;
  margin-right: 1vw;
  position: relative;
  vertical-align: middle;
  width: 3.3vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-inner .trailer-btn-item a::before, .conts-overview-under .conts-overview .trailer-btn-item a::before {
    height: 1.1vw;
    margin-right: 0.5vw;
    width: 1.1vw;
  }
}

.sec#gameplay .conts-play .slide-list-item {
  position: relative;
  z-index: 2;
}

.sec#gameplay .conts-play .slide-list-item:not(.slide-list-difficulty) {
  padding: 16vw 0 16vw 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item:not(.slide-list-difficulty) {
    padding: 4vw 0 4vw 4vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty {
  padding: 16vw 0 16vw 24vw;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty {
    min-width: 120vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty {
    padding: 4vw 0 4vw 12vw;
    max-width: 66%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .slide-inner {
    width: 92vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .slide-inner-enclose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2vw 8vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list {
    padding: 1vw 4vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-ttl {
  font-family: "Source Serif 4", serif;
  font-size: 3.73333vw;
  font-weight: 900;
  width: 40%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-ttl {
    font-size: 1.875vw;
    text-align: right;
  }
}

:lang(zh-HK) .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-ttl {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-ttl {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-ttl {
  font-family: "source-han-serif-korean", serif;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-text {
  width: 56%;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-legend {
  background: linear-gradient(to right, rgba(255, 165, 165, 0) 0%, rgba(255, 165, 165, 0.3) 15%, rgba(255, 165, 165, 0.3) 85%, rgba(255, 165, 165, 0) 100%);
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-legend .difficulty-list-ttl {
  color: #D00D0D;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-lonely {
  background: linear-gradient(to right, rgba(255, 243, 113, 0) 0%, rgba(255, 243, 113, 0.3) 15%, rgba(255, 243, 113, 0.3) 85%, rgba(255, 243, 113, 0) 100%);
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-lonely .difficulty-list-ttl {
  color: #9D6019;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-young {
  background: linear-gradient(to right, rgba(162, 255, 199, 0) 0%, rgba(162, 255, 199, 0.3) 15%, rgba(162, 255, 199, 0.3) 85%, rgba(162, 255, 199, 0) 100%);
  margin-bottom: 1em;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-young .difficulty-list-ttl {
  color: #107438;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-apprentice {
  background: linear-gradient(to right, rgba(184, 234, 255, 0) 0%, rgba(184, 234, 255, 0.3) 15%, rgba(184, 234, 255, 0.3) 85%, rgba(184, 234, 255, 0) 100%);
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-apprentice .difficulty-list-ttl {
  color: #00479E;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-apprentice .note {
  text-align: center;
  margin-top: .5em;
  width: 100%;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-difficulty .difficulty-list-apprentice .note p {
  padding-left: 1em;
  text-indent: -1em;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-weapon {
    min-width: 105vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-weapon, .sec#gameplay .conts-play .slide-list-item.slide-list-masic-clock {
    max-width: 54%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-weapon .slide-inner-item {
    width: 92vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-skill {
    min-width: 205vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-skill {
    min-width: 105.5vw;
  }
}
@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-skill .slide-inner-item {
    width: 92vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-skill .slide-inner-item:first-child {
    margin-right: 8vw;
  }
}
.sec#gameplay .conts-play .slide-list-item.slide-list-weapon .slide-inner-enclose,
.sec#gameplay .conts-play .slide-list-item.slide-list-skill .slide-inner-enclose {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 4vw 2vw;
}
@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-weapon .slide-inner-enclose,
  .sec#gameplay .conts-play .slide-list-item.slide-list-skill .slide-inner-enclose {
    padding: 8vw 6vw;
  }
}
@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi {
    min-width: 105vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi {
    max-width: 72%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi .slide-inner {
    width: 92vw;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-orbi .enclose-inner {
  width: 65%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi .enclose-inner {
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi .enclose-inner {
    width: 48.5%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi .enclose-inner:first-child {
    margin-bottom: 4%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-orbi .image {
  line-height: 0;
  margin-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-orbi .image {
    margin-bottom: 1.33333vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage {
    min-width: 405vw;/*304*/
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage {
    min-width: 260vw;/*195*/
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage p.image {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage .slide-inner-item {
    width: 92vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage .slide-inner-item:not(:last-child) {
    margin-right: 8vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner .image {
  width: 38%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner .image {
    width: 28%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner .detail-box {
  position: relative;
  width: 58%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner .detail-box {
    width: 68%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner .trailer-btn {
    left: -28.5vw;
    position: absolute;
    top: 20vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner:first-child {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-stage .enclose-inner:first-child {
    margin-bottom: 2vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster {
  padding: 16vw 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster {
    padding: 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .slide-inner {
    width: 94vw;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .slide-inner-enclose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .slide-inner-enclose {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 94%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box {
  margin-right: 4%;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box {
    margin-right: 4%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box .image {
  margin-bottom: 1em;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box figcaption {
  color: #460000;
  font-family: "Source Serif 4", serif;
  font-size: 2.66667vw;
  font-weight: 900;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box figcaption {
    font-size: 1.25vw;
  }
}

:lang(zh-HK) .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box figcaption {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box figcaption {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box figcaption {
  font-family: "source-han-serif-korean", serif;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-zombie {
  width: 17.6%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-zombie {
    margin-right: 8%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-zombie {
    width: 8.75%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-grimreaper {
  width: 24.26667%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-grimreaper {
    margin-right: 8%;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-grimreaper {
    width: 12.65625%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pig {
  width: 24.4%;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pig {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pig {
    width: 12.73438%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pig figcaption {
    white-space: nowrap;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pig img {
  position: relative;
  top: -4vw;
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pigman {
  width: 45.06667%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-pigman {
    width: 24.84375%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-alimer {
  margin-right: 0;
  width: 44.4%;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-alimer {
    width: 24.45313%;
  }
}

.sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-alimer img {
  position: relative;
  top: -2vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-alimer img {
    position: relative;
    top: -7vw;
  }
}


/****** supportplay ******/
.sec#supportplay .image {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#supportplay .image {
    margin-bottom: 4vw;
  }
}

.sec#supportplay .image-item {
  border: 1px solid #FFF;
  line-height: 0;
  margin-bottom: 1em;
}

@media only screen and (min-width: 769px) {
  .sec#supportplay .image-item {
    margin-right: auto;
    margin-left: auto;
    width: 48.52273%;
  }
}

.sec#supportplay .image figcaption {
  color: #FFF;
  text-align: center;
}

.sec#supportplay .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sec#supportplay .nav-list-item {
  line-height: 0;
  width: 24.43182%;
}

.sec#supportplay .nav-list-item:not(:last-child) {
  margin-right: 2%;
}


/****** supportplay ******/
.sec#products .conts {
  background: rgba(255, 255, 255, 0.5);
  min-height: 30vw;
  width: 100%;
}


/****** spec ******/
.sec#spec {
  margin-bottom: 8vw;
}
@media only screen and (min-width: 769px) {
  .sec#spec {
    margin-bottom: 4vw;
  }
}

.sec#spec .spec-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 6vw;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-title {
    margin-bottom: 2vw;
  }
}

.sec#spec .spec-title-logo {
  margin-right: 2%;
  width: 44.92754%;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-title-logo {
    width: 27.27273%;
  }
}

.sec#spec .spec-title-text {
  color: #FFF;
  font-family: "Source Serif 4", serif;
  font-size: 5.06667vw;
  font-weight: 900;
}

@media only screen and (min-width: 769px) {
  .sec#spec .spec-title-text {
    font-size: 2.1875vw;
  }
}

:lang(zh-HK) .sec#spec .spec-title-text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#spec .spec-title-text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#spec .spec-title-text {
  font-family: "source-han-serif-korean", serif;
}

.sec#spec .spec-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sec#spec .spec-list:not(:last-child) {
  margin-bottom: 2.66667vw;
}
.sec#spec .spec-list.spec-list-release {
  margin-bottom: 2vw;
}
.sec#spec .spec-list.spec-list-release .spec-list-item {
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .sec#spec .spec-list:not(:last-child) {
    margin-bottom: 1.33333vw;
  }
}

.sec#spec .spec-list-item {
  color: #FFF;
  font-size: 2.93333vw;
  margin-right: 4%;
}
.sec#spec .spec-list-item:not(:last-child) {
  margin-bottom: 2vw;
}
@media only screen and (max-width: 768px) {
  .sec#spec .spec-list-item {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-item {
    font-size: 1.14583vw;
  }
}
@media only screen and (max-width: 768px) {
  .sec#spec .spec-list-platform {
    margin-bottom: 2.66667vw;
  }
  .sec#spec .spec-list-release {
    margin-bottom: 2.66667vw;
  }
}

.sec#spec .spec-list-price {
  margin-right: 0;
}

.sec#spec .spec-list-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0;
}

.sec#spec .spec-list-rating .text {
  margin-right: .5em;
}

.sec#spec .spec-list-rating .icon {
  line-height: 0;
  max-width: 58px;
}

/****** outbound ******/
.sec#outbound{
  margin-bottom: 12vw;
}
@media only screen and (min-width: 769px) {
  .sec#outbound {
    margin-bottom: 6vw;
  }
}
.sec#outbound .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.sec#outbound .link-list-item {
  width: 48%;
}
.sec#outbound .link-list-item:not(:last-child) {
  margin-right: 2%;
}
@media only screen and (min-width: 769px) {
  .sec#outbound .link-list-item {
    width: 20%;
  }
}
.sec#outbound .link-list-item a {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #facd46;
  color: #facd46;
  display: block;
  font-size: 3.4vw;
  padding: 0.5em 1vw;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .sec#outbound .link-list-item a {
    font-size: 1.15417vw;
    padding: 0.7em 1vw;
  }
}

/****** sns ******/
.sec#sns .sns a {
  display: block;
}

.sec#sns .sns-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sec#sns .sns-item .ic {
  margin-right: .8%;
  width: 3em;
}

.sec#sns .sns-item .label {
  color: #FFF;
  font-size: 4vw;
}

@media only screen and (min-width: 769px) {
  .sec#sns .sns-item .label {
    font-size: 1.5625vw;
  }
}


/****** 210127追加 ******/
@media only screen and (min-width: 769px) {
  .sec#firstview .conts.conts-campaign {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    justify-content: space-around;
    padding: 0px 5.5%;
  }
  .sec#firstview .conts.conts-campaign p:only-child {
    width: 33vw;
  }
  .sec#firstview .conts.conts-campaign p:first-child:nth-last-child(2), .sec#firstview .conts.conts-campaign p:first-child:nth-last-child(2)~p {
    width: 47%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#firstview .conts.conts-campaign p:nth-child(2) {
    margin-top: 0.5rem;
  }
}

.slide-list-monster .monster {
  position: relative;
}

.slide-list-monster .monster ul {
  position: absolute;
  top: 5%;
  left: 0;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .slide-list-monster .monster ul {
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .slide-list-monster .monster ul {
    top: -5vw;
    left: 17vw;
  }
}

.conts-play .slide-ttl {
  position: relative;
}

.sec#gameplay .conts-overview-under .sec-sttl {
  color: #facd46;
}

.sec#gameplay .conts-overview-under {
  margin-top: 6rem;
}

.sec#gameplay .conts-overview-under .conts-overview {
  position: relative;
}

.sec#gameplay .conts-overview-under .conts-overview:nth-child(2) {
  margin-top: 4rem;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview-under .conts-overview:nth-child(2) {
    margin-top: 8rem;
  }
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview-under .conts-overview .image-box .image {
    width: 39.15%;
  }
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-overview-under .conts-overview .image-box .image:nth-child(1) {
    width: 97.10145%;
  }
}

.sec#gameplay .conts-overview-under .conts-overview .trailer-btn.under {
  margin-bottom: 3vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .image-box div:nth-child(1) {
    margin-right: 8%;
    position: relative;
  }
  .sec#gameplay .conts-overview .image-box div {
    width: 39.15%;
  }
}

.sec#gameplay .conts-overview .image-box div:nth-child(1)::after {
  background-image: url(../../images/common/arrow_ic-r-l.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 8vw;
  left: 50%;
  position: absolute;
  top: calc(100% + 4vw);
  transform: translateX(-50%) rotate(90deg);
  width: 8vw;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-overview .image-box div:nth-child(1)::after {
    height: 4vw;
    left: calc(100% + 2vw);
    top: 37%;
    transform: translateY(-37%);
    width: 4vw;
  }
}

.sec#gameplay .conts-overview-under .conts-overview .trailer-btn {
  text-align: center;
  margin: 2vw auto 0;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-overview .image-box div:nth-child(1) {
    position: relative;
    margin-bottom: 16vw;
  }
}

.buy_btn {
  margin-bottom: 4%;
}

.buy_btn .nintendo-store {
  position: relative;
  width: 28.12vw;
  height: 6.04vw;
  display: block;
  border-radius: 3.021vw;
  background: #e60012;
  border: 2px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
  margin: 1% auto 0;
}

@media only screen and (max-width: 768px) {
  .buy_btn .nintendo-store {
    margin-top: 4%;
    width: 64.13333vw;
    height: 18vw;
    border-radius: 9vw;
  }
}

.buy_btn .nintendo-store-inner {
  width: 100%;
}

.buy_btn .nintendo-store__logo {
  padding: 1% 15% 0 12%;
}

.buy_btn .nintendo-store:before {
  position: absolute;
  width: 1.979vw;
  height: 1.979vw;
  background-image: url(../../images/common/arrow_ic-r-l.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  content: "";
  display: inline-block;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}

@media only screen and (max-width: 768px) {
  .buy_btn .nintendo-store:before {
    width: 5.037vw;
    height: 5.037vw;
    right: 12.222vw;
    top: 12.222vw;
  }
  .lang-en .buy_btn .nintendo-store:before {
    width: 4.037vw;
    height: 4.037vw;
    right: 3vw;
    top: 12.552vw;
  }
}

.buy_btn .nintendo-store:hover {
  opacity: .8;
}

.sec#spec .buy_btn .spec-title-text.wht-fnt {
  color: #fff;
  font-size: 1.373vw;
  line-height: 1;
  font-weight: normal;
  padding: 0.365vw;
}

.sec#spec .buy_btn .spec-title-text {
  font-family: "Source Serif 4", serif;
  color: #facd46;
  text-align: center;
  line-height: 2.5;
  font-size: 1.458vw;
}

:lang(zh-HK) .sec#spec .buy_btn .spec-title-text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#spec .buy_btn .spec-title-text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#spec .buy_btn .spec-title-text {
  font-family: "source-han-serif-korean", serif;
}

@media only screen and (max-width: 768px) {
  .sec#spec .buy_btn .spec-title-text.wht-fnt {
    font-size: 3.6vw;
    margin-top: -5px;
  }
  .sec#spec .buy_btn .spec-title-text {
    font-size: 3.458vw;
  }
  .buy_btn .nintendo-store__logo {
    padding: 0 5% 2%;
  }
}

.sec#gameplay .conts-play .slide-inner .text-box.magic-clock {
  margin-top: 1.33333vw;
}

.sec#gameplay .conts-play .slide-inner .text-box.magic-clock:nth-of-type(2) {
  margin-top: 2vw;
}

.sec#gameplay .conts-play .slide-inner .text-box.magic-clock .lead {
  font-size: 1.45vw;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .sec#gameplay .conts-play .slide-inner .text-box.magic-clock .lead {
    font-size: 4.8vw;
  }
}

.sec#gameplay .conts-play .slide-inner .text-box.magic-clock p {
  text-align: center;
}

.sec#gameplay .conts-play .slide-list-item .__sub-ttl {
  font-family: "Source Serif 4", serif;
  font-size: 4.26667vw;
  font-weight: 900;
  margin: auto;
}

@media only screen and (min-width: 769px) {
  .sec#gameplay .conts-play .slide-list-item .__sub-ttl {
    font-size: 1.875vw;
  }
}
:lang(zh-HK) .sec#gameplay .conts-play .slide-list-item .__sub-ttl {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#gameplay .conts-play .slide-list-item .__sub-ttl {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#gameplay .conts-play .slide-list-item .__sub-ttl {
  font-family: "source-han-serif-korean", serif;
}

.sec#gameplay .conts-play .slide-list-item .difficulty-list-apprentice .__sub-ttl {
  color: #00479e;
}

.sec#gameplay .conts-play .slide-list-item .difficulty-list-legend .__sub-ttl {
  color: #d00d0d;
}

.sec#gameplay .conts-play .slide-inner.monster .tab {
  padding-top: 11rem;
}

span.inner-font {
  position: relative;
}

.swiper-pagination>.before-font::before, .slide-ttl>span::before {
  content: attr(data-upfont);
  background: #ff0000;
  color: #fff;
  font-size: 0.72917vw;
  font-family: auto;
  position: absolute;
  font-weight: 600;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  padding: .2rem .3rem .1rem;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .swiper-pagination>.before-font::before {
    font-size: 2.93333vw;
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'Source Serif 4', sans-serif;
  }
  .slide-ttl>span::before {
    font-size: 2.93333vw;
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'Source Serif 4', sans-serif;
  }
  :lang(zh-HK) .swiper-pagination>.before-font::before {
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'source-han-serif-tc', sans-serif;
  }
  :lang(zh-HK) .slide-ttl>span::before {
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'source-han-serif-tc', sans-serif;
  }
  :lang(zh-CN) .swiper-pagination>.before-font::before {
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'source-han-serif-sc', sans-serif;
  }
  :lang(zh-CN) .slide-ttl>span::before {
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'source-han-serif-sc', sans-serif;
  }
  :lang(ko) .swiper-pagination>.before-font::before {
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'source-han-serif-korean', sans-serif;
  }
  :lang(ko) .slide-ttl>span::before {
    font-family: Arial, Helvetica, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'source-han-serif-korean', sans-serif;
  }
}

.swiper-pagination>.before-font::before {
  top: -0.65rem;
}

.slide-ttl>span::before {
  top: -.8rem;
  left: 0;
  transform: none;
  -webkit-transform: none;
}

@media only screen and (max-width: 768px) {
  .swiper-pagination>.before-font::before {
    top: -6px;
  }
}

.swiper-pagination>.before-font:nth-child(1)::before, .swiper-pagination>.before-font:nth-child(5)::before {
  content: none;
}

.conts-play .slide-box .slide-list-masic-clock .difficulty-list.difficulty-list-apprentice, .conts-play .slide-box .slide-list-masic-clock .difficulty-list.difficulty-list-legend {
  text-align: center;
  padding: .8rem 0;
}

.conts-play .slide-box .slide-list-masic-clock .difficulty-list.difficulty-list-apprentice {
  background: linear-gradient(to right, rgba(184, 234, 255, 0) 0%, rgba(184, 234, 255, 0.3) 15%, rgba(184, 234, 255, 0.3) 85%, rgba(184, 234, 255, 0) 100%);
}

.conts-play .slide-box .slide-list-masic-clock .difficulty-list.difficulty-list-legend {
  background: linear-gradient(to right, rgba(255, 165, 165, 0) 0%, rgba(255, 165, 165, 0.3) 15%, rgba(255, 165, 165, 0.3) 85%, rgba(255, 165, 165, 0) 100%);
}

.tab .monster-area {
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
}

@media only screen and (max-width: 768px) {
  .lang-en .tab .monster-area {
    top: -20vw;
  }
}

.tab .monster-area figure.image-box {
  margin: auto;
}

@media only screen and (min-width: 769px) {
  .tab .monster-area figure.image-box {
    position: absolute;
    bottom: 0;
  }
  .tab .monster-area figure.image-box:nth-child(1) {
    left: 2%;
  }
  .tab .monster-area figure.image-box:nth-child(2) {
    left: 17%;
  }
  .tab .monster-area figure.image-box:nth-child(3) {
    left: 34%;
  }
  .tab .monster-area figure.image-box:nth-child(4) {
    left: 50%;
  }
  .tab .monster-area figure.image-box:nth-child(5) {
    left: 75%;
  }
  .tab .monster-area figure.image-box.image-box-flying-night {
    left: 3.597vw;
  }
  .tab .monster-area figure.image-box.image-box-blue-killer {
    left: 20.822vw;
  }
  .tab .monster-area figure.image-box.image-box-bigman {
    left: 35.251vw;
  }
  .tab .monster-area figure.image-box.image-box-iwagame {
    left: 52.379vw;
  }
  .tab .monster-area figure.image-box.image-box-firefox {
    left: 69.646vw;
  }
  .tab .monster-area figure.image-box.image-box-unicorn {
    left: -0.768vw;
  }
  .tab .monster-area figure.image-box.image-box-cerberus {
    left: 19.859vw;
  }
  .tab .monster-area figure.image-box.image-box-shielder {
    left: 32.432vw;
  }
  .tab .monster-area figure.image-box.image-box-dragon {
    left: 62.245vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-flying-night {
    width: 20.755vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-blue-killer {
    width: 9.242vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-bigman {
    width: 12.61vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-iwagame {
    width: 14.646vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-firefox {
    width: 12.218vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-unicorn {
    width: 18.064vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-cerberus {
    width: 18.976vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-shielder {
    width: 35.974vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-dragon {
    width: 22.13vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-flying-night .image {
    position: relative;
    top: -6rem;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-flying-night figcaption {
    text-align: left;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-blue-killer .image {
    position: relative;
    top: -5rem;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-firefox .image {
    position: relative;
    top: -3rem;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-dragon .image {
    position: relative;
    top: -6vw;
  }
}

@media only screen and (max-width: 768px) {
  .tab .monster-area figure.image-box:nth-child(3) {
    position: relative;
    bottom: -6vw;
  }
  .tab .monster-area figure.image-box.image-box-flying-night {
    position: relative;
    top: -2.7vw;
  }
  .tab .monster-area figure.image-box.image-box-flying-night .image {
    position: relative;
    top: -4.7vw;
    width: 153%;
  }
  .tab .monster-area figure.image-box.image-box-blue-killer {
    position: relative;
    bottom: -6.5vw;
  }
  .tab .monster-area figure.image-box.image-box-bigman {
    position: relative;
    bottom: 1.7vw;
  }
  .tab .monster-area figure.image-box.image-box-firefox {
    position: relative;
    bottom: -6vw;
  }
  .tab .monster-area figure.image-box.image-box-shielder {
    position: relative;
    bottom: -1.6vw;
  }
  .tab .monster-area figure.image-box.image-box-cerberus {
    position: relative;
    bottom: -2.6vw;
  }
  .tab .monster-area figure.image-box.image-box-dragon .image {
    position: relative;
    bottom: -4.6vw;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-flying-night {
    width: 35%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-blue-killer {
    width: 21%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-bigman {
    width: 28%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-iwagame {
    width: 43%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-firefox {
    width: 37%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-unicorn {
    width: 35%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-cerberus {
    width: 39%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-shielder {
    width: 49%;
  }
  .sec#gameplay .conts-play .slide-list-item.slide-list-monster .image-box-dragon {
    width: 39%;
  }
}

.release .reservation {
  color: #facd46;
  padding-right: .1rem;
}

.conts-play h5.lead {
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .lang-en .sec#gameplay .conts-play .slide-list-item .__sub-ttl {
    font-size: 1.675vw;
  }
}

@media only screen and (max-width: 768px) {
  .lang-en .slide-box-gameplay.swiper-container .swiper-pagination {
    bottom: calc(100% - 48vw);
  }
  .lang-en .slide-box-gameplay {
    padding: 48vw 0 8vw;
  }
}

.sec#gameplay .conts-overview-under .conts-overview:nth-child(2) .image-box .image {
  border: none;
}

.sec#spec .buy_btn.information .spec-title-text {
  font-family: "MS Pゴシック", sans-serif;
}

.lang-cn .sec#spec .buy_btn.information .spec-title-text, .lang-en-asia .sec#spec .buy_btn.information .spec-title-text {
  font-weight: 500;
}

@media only screen and (min-width: 769px) {
  .sec#spec .buy_btn.information .spec-title-text {
    font-size: 1.8875vw;
  }
}

/****** coopplay ******/
.sec#coopplay .conts {
  margin-bottom: 8vw;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .conts {
    margin-bottom: 4vw;
  }
}
.sec#coopplay .conts .text-box {
  color: #fff;
  margin-bottom: 8vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .conts .text-box {
    margin-bottom: 4vw;
  }
}
.sec#coopplay .conts .image {
  border: 1px solid #fff;
  line-height: 0;
  margin-right: auto;
  margin-bottom: 4vw;
  margin-left: auto;
  position: relative;
  width: 97.10145%;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .conts .image {
    margin-bottom: 2vw;
    width: 48.3%;
  }
}
.sec#coopplay .conts .trailer-btn {
  margin-bottom: 8vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .conts .trailer-btn {
    margin-bottom: 4vw;
  }
}
.sec#coopplay .conts .trailer-btn-item {
  display: inline-block;
}
.sec#coopplay .conts .trailer-btn-item a {
  background: #460000;
  border: 1px solid #fff;
  color: #fff;
  font-size: 2.66667vw;
  display: block;
  padding: 0.4em 0.5em 0.45em;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .conts .trailer-btn-item a {
    font-size: 1.14583vw;
  }
}
.sec#coopplay .conts .trailer-btn-item a::before {
  background-image: url(../../images/common/arrow_ic-r.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.3vw;
  margin-right: 1vw;
  position: relative;
  vertical-align: middle;
  width: 3.3vw;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .conts .trailer-btn-item a::before {
    height: 1.1vw;
    margin-right: 0.5vw;
    width: 1.1vw;
  }
}
.sec#coopplay .coopplay-info {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 85.33333%;
}
.sec#coopplay .coopplay-info a {
  display: block;
}
@media only screen and (min-width: 769px) {
  .sec#coopplay .coopplay-info {
    width: 30%;
  }
  .sec#coopplay .coopplay-info a {
  	transition: opacity .2s ease;
  }
  .sec#coopplay .coopplay-info a:hover {
  	opacity: .8;
  }
}
/*----- 210416 マルチ対応 -----*/
/*--- firstview ---*/
.sec#firstview .conts-title .release.release-switch {
  margin-bottom: 8vw;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release.release-switch {
    margin-bottom: 2vw;
  }
  .sec#firstview .conts-title .release.release-switch .buybtn {
    top: .25em;
    margin-bottom: 0;
    position: relative;
  }
  .sec#firstview .conts-title .release.release-multi {
    margin-bottom: 8%;
  }
  .sec#firstview .conts-title .release.release-multi .buybtn {
    margin-top: 2%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.sec#firstview .conts-title .release .platform-logo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom:  2%;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release.release-switch .platform-logo {
    margin-right: 2%;
  }
  .sec#firstview .conts-title .release .platform-logo-list {
    margin-bottom:  1%;
    position: relative;
    /*top: .15em;*/
    width: 100%;/*50*/
  }
}
.sec#firstview .conts-title .release .platform-logo {
  line-height: 0;
}
.sec#firstview .conts-title .release .platform-logo-list .platform-logo:not(:last-child) {
  margin-right: 3%;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release .platform-logo-list .platform-logo:not(:last-child) {
    margin-right: 3%;
  }
}
.sec#firstview .conts-title .release .platform-logo img {
  height: 100%;
  max-height: 5vw;
  width: auto;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release .platform-logo img {
    max-height: 2.4vw;
  }
}
.sec#firstview .conts-title .release .release-text {
  margin-bottom: .25em;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release .release-text {
    margin-bottom: .125em;
  }
}
.sec#firstview .conts-title .release .price-text {
  font-size: 1.2em;
  margin-bottom: 2%;
  color: #facd46;
  width: 100%;
}
.sec#firstview .conts-title .release .price-text small {
  font-size: .6em;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release .price-text {
    margin-bottom: 1%;
  }
}
.sec#firstview .conts-title .release .buybtn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .sec#firstview .conts-title .release .buybtn-container {
    width: 75%;
  }
  .sec#firstview .conts-title .release .buybtn-container .buybtn:not(:nth-child(2n)) {
    margin-right: 2%;
  }
}
/*--- spec ---*/
.sec#spec .spec-list.spec-list-release {
  margin-right: 0;
  margin-bottom: 2vw;
}
.sec#spec .spec-list.spec-list-release .spec-list-item {
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .sec#spec .spec-list.spec-list-release {
    margin-bottom: 1vw;
  }
}
.sec#spec .spec-platform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 4vw;
}
@media only screen and (min-width: 769px) {
  .sec#spec .spec-platform {
    margin-bottom: 2vw;
  }
}
.sec#spec .spec-platform li {
  line-height: 0;
}
.sec#spec .spec-platform li:not(:last-child) {
  margin-right: 2%;
}
.sec#spec .spec-platform img {
  height: 100%;
  max-height: 5.4vw;
  width: auto;
}
@media only screen and (min-width: 769px) {
  .sec#spec .spec-list-rating {
    width: 100%;
  }
  .sec#spec .spec-platform img {
    max-height: 2.4vw;
  }
  .sec#spec .spec-list-genre {
    margin-right: 0;
  }
  /*
  .sec#spec .spec-list-sales,
  .sec#spec .spec-list-genre {
    margin-bottom: 0 !important;
  }
  */
}

/*----- 210427 マルチ予約開始 -----*/
.sec#product {
  border-top: 2px solid #facd46;
  border-bottom: 2px solid #facd46;
  color: #FFF;
  padding-top: 12vw;
  padding-bottom: 12vw;
}
@media only screen and (min-width: 769px) {
  .sec#product {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
/* プラットフォーム */
.sec#product .platform-logo {
  display: inline-block;
  line-height: 0;
  margin-right: 1%;
  vertical-align: middle;
}
.sec#product .platform-logo img {
  height: 100%;
  max-height: 6vw;
  width: auto;
}
@media only screen and (min-width: 769px) {
  .sec#product .platform-logo img {
    max-height: 2.4vw;
  }
}
/* 囲み包括 */
@media only screen and (min-width: 769px) {
  .sec#product .border-box {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 62.5%;
  }
}
.sec#product .border-box-inner {
  background:  rgba(0,0,0,.5);
  padding: 4%;
  text-align: center;
}
.sec#product .border-box-ttl {
  color: #FFF;
  padding: .5em 1em;
  text-align: center;
}
.sec#product .border-box-ttl .release-text {
  display: inline-block;
  font-family: "Source Serif 4", serif;
  font-size: 5.33333vw;
  font-weight: 700;
  vertical-align: middle;
}
@media only screen and (min-width: 769px) {
  .sec#product .border-box-ttl .release-text {
    font-size: 1.875vw;
  }
}
:lang(zh-HK) .sec#product .border-box-ttl .release-text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#product .border-box-ttl .release-text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#product .border-box-ttl .release-text {
  font-family: "source-han-serif-korean", serif;
}
.sec#product .price-text {
  color: #FACD46;
  font-family: "Source Serif 4", serif;
  font-size: 4.33333vw;
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#product .price-text {
    font-size: 1.875vw;
  }
}
:lang(zh-HK) .sec#product .price-text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#product .price-text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#product .price-text {
  font-family: "source-han-serif-korean", serif;
}
@media only screen and (min-width: 769px) {
  .sec#product .conts-preorder {
    margin-right: auto;
    margin-left: auto;
    width: 62.5%;
  }
  .sec#product .conts-preorder .border-box {
    width: 100%;
  }
}

/* 購入ボタン */
.buybtn {
  margin-bottom: 2%;
}
.buybtn .buybtn-item {
  position: relative;
  width: 28.12vw;
  display: block;
  border-radius: 3.021vw;
  border: 2px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
  margin: 1% auto 0;
}
@media only screen and (max-width: 768px) {
  .buybtn .buybtn-item {
    margin-top: 4%;
    width: 74.13333vw;
    border-radius: 9vw;
  }
}
.buybtn .buybtn-item-inner {
  padding: 6% 14% 6% 6%;
  width: 100%;
}
.buybtn .buybtn-item-logo {
  line-height: 0;
}
.buybtn .buybtn-item-text {
  font-family: "Source Serif 4", serif;
  font-size: 3.66667vw;
  font-weight: 400;
}
:lang(zh-HK) .buybtn .buybtn-item-text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .buybtn .buybtn-item-text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .buybtn .buybtn-item-text {
  font-family: "source-han-serif-korean", serif;
}
.buybtn .buybtn-item-text .buybtn-item-text-logo {
  margin-bottom: 0;
  max-height: 1.1em;
  vertical-align: middle;
  width: auto !important;
}
.buybtn .buybtn-item-text .buybtn-item-text-label {
  vertical-align: middle;
}
@media only screen and (min-width: 769px) {
  .buybtn .buybtn-item-inner {
    padding: 4% 15% 4% 12%;
  }
  .buybtn .buybtn-item-text {
    font-size: 1.34583vw;
  }
}
.buybtn .buybtn-item::before {
  position: absolute;
  width: 1.979vw;
  height: 1.979vw;
  background-image: url(../../images/common/arrow_ic-r-l.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  content: "";
  display: inline-block;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s ease-out;
}
.buybtn .buybtn-item.arrow-b::before {
  transform: translateY(-50%) rotate(90deg);
}
@media only screen and (max-width: 768px) {
  .buybtn .buybtn-item::before {
    width: 5.037vw;
    height: 5.037vw;
  }
}
.buybtn .buybtn-item:hover{
  opacity: .8;
}

/* nintendo */
.conts-nintendo::after {
  background: #666;
  content:  "";
  display: block;
  height: 1px;
  margin-top: 8vw;
  margin-bottom: 8vw;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .conts-nintendo::after {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
}
.border-box-nintendo {
  border: 2px solid #e60012;
}
.border-box-nintendo .border-box-ttl {
  background: #e60012;
}
.buybtn-nintendo .buybtn-item {
  background: #e60012;
  /*margin-bottom: 4vw;*/
}
/*
.buybtn-nintendo .buybtn-item-text {
  font-size: 2.66667vw;
}
.buybtn-nintendo .buybtn-item-inner {
  padding: 4% 7% 4% 6%;
}
*/
/*
@media only screen and (max-width: 768px) {
  .buybtn-nintendo .buybtn-item::before {
    right: 12.222vw;
    top: 12.222vw;
  }
}
*/
/*
@media only screen and (min-width: 769px) {
  .buybtn-nintendo .buybtn-item {
    margin-bottom: 2vw;
  }
  .buybtn-nintendo .buybtn-item-text {
    font-size: 1.14583vw;
  }
  .buybtn-nintendo .buybtn-item-inner {
    padding: 2% 15% 2% 12%;
  }
}
*/
/* other */
.conts-preorder .platform-logo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4vw;
}
@media only screen and (min-width: 769px) {
  .conts-preorder .platform-logo-list {
    margin-bottom: 2vw;
  }
}
.conts-preorder .platform-logo-list .platform-logo:not(:last-child) {
  margin-right: 4% !important;
}
.conts-preorder .conts-ttl {
  color: #facd46;
  font-family: "Source Serif 4", serif;
  font-size: 7.13333vw;
  font-weight: 900;
  letter-spacing: .2em;
  margin-bottom: 2vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .conts-preorder .conts-ttl {
    font-size: 3.1875vw;
    margin-bottom: 1vw;
  }
}
:lang(zh-HK) .conts-preorder .conts-ttl {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .conts-preorder .conts-ttl {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .conts-preorder .conts-ttl {
  font-family: "source-han-serif-korean", serif;
}
.conts-preorder .conts-ttl::after {
  background-image: url(../../images/common/pattern_line-yellow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 4vw;
  margin-top: -.5em;
  margin-right: auto;
  margin-left: auto;
  opacity: .4;
  position: relative;
  left: 0.5em;
  width: 8em;
}
.conts-preorder .price-text {
  margin-bottom: 4vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .conts-preorder .price-text {
    margin-bottom: 2vw;
  }
}
/* 予約 */
.border-box-preorder {
  border: 1px solid #FACD46;
  margin-bottom: 4vw;
}
.border-box-preorder .border-box-ttl {
  background: #FACD46;
  color: #000 !important;
  font-family: "Source Serif 4", serif;
  font-weight: 700;
  padding: .5em 1em;
  margin-right: auto;
  margin-bottom: 2vw;
  margin-left: auto;
  width: 50%;
}
:lang(zh-HK) .border-box-preorder .border-box-ttl {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .border-box-preorder .border-box-ttl {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .border-box-preorder .border-box-ttl {
  font-family: "source-han-serif-korean", serif;
}
@media only screen and (min-width: 769px) {
  .border-box-preorder {
    margin-right: auto;
    margin-bottom: 2vw;
    margin-left: auto;
    width: 80% !important;
  }
  .border-box-preorder .border-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }
  .border-box-preorder .border-box-ttl {
    margin-right: 4%;
    margin-bottom: 0;
    margin-left: 0;
    width: 10em;
  }
  .border-box-preorder .border-box-ttl + .text-box {
    text-align: left;
    width: calc(96% - 10em);
  }
}
.buybtn-preorder .buybtn-item {
  background: #FACD46;
  border: none;
  color: #000;
}
.buybtn-preorder .buybtn-item::before {
  background-image: url(../../images/common/arrow_ic-r-l-bk.png);
  transform: translateY(-50%) rotate(90deg);
}
/* PS */
.border-box-ps {
  border: 2px solid #0248A0;
  margin-bottom: 4vw;
}
.border-box-ps .border-box-ttl {
  background: #0248A0;
}
.border-box-ps .text-box {
  margin-bottom: 4vw;
  text-align: left;
}
.border-box-ps .image-box {
  margin-bottom: 4vw;
}
.border-box-ps .image {
  border: 1px solid #666;
  line-height: 0;
  margin-bottom: 1em;
}
.border-box-ps .privilege-list {
  color: #facd46;
  display: inline-block;
  font-family: "Source Serif 4", serif;
  font-size: 3.66667vw;
  font-weight: 900;
  margin-bottom: 4vw;
  text-align: left;
}
:lang(zh-HK) .border-box-ps .privilege-list {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .border-box-ps .privilege-list {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .border-box-ps .privilege-list {
  font-family: "source-han-serif-korean", serif;
}
.border-box-ps .privilege-list .privilege-list-item:not(:last-child) {
  margin-bottom: .5em;
}
.border-box-ps .privilege-list .t-indent {
  padding-left: 7em;
  text-indent: -7em;
}
.buybtn-ps .buybtn-item {
  background: #0248A0;
}
@media only screen and (min-width: 769px) {
  .border-box-ps {
    margin-bottom: 2vw;
  }
  .border-box-ps .text-box {
    margin-bottom: 2vw;
    text-align: center;
  }
  .border-box-ps .image-box {
    margin-bottom: 2vw;
  }
  .border-box-ps .privilege-list {
    font-size: 1.5vw;
    margin-bottom: 2vw;
  }
}
/* XBOX */
.border-box-xbox {
  border: 2px solid #107910;
  margin-bottom: 4vw;
}
.border-box-xbox .border-box-ttl {
  background: #107910;
}
.border-box-xbox .text-box {
  margin-bottom: 4vw;
  text-align: left;
}
.border-box-xbox .privilege-list {
  color: #facd46;
  display: inline-block;
  font-family: "Source Serif 4", serif;
  font-size: 3.66667vw;
  font-weight: 900;
  margin-bottom: 4vw;
  text-align: left;
}
:lang(zh-HK) .border-box-xbox .privilege-list {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .border-box-xbox .privilege-list {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .border-box-xbox .privilege-list {
  font-family: "source-han-serif-korean", serif;
}
.buybtn-xbox .buybtn-item {
  background: #107910;
}
@media only screen and (min-width: 769px) {
  .border-box-xbox {
    margin-bottom: 2vw;
  }
  .border-box-xbox .text-box {
    margin-bottom: 2vw;
    text-align: center;
  }
  .border-box-xbox .privilege-list {
    font-size: 1.5vw;
    margin-bottom: 2vw;
  }
}
/* STEAM */
.border-box-steam {
  border: 2px solid #1C5C82;
  margin-bottom: 4vw;
}
.border-box-steam .border-box-ttl {
  background: #1C5C82;
}
.border-box-steam .text-box {
  margin-bottom: 4vw;
  text-align: left;
}
.border-box-steam .image {
  border: 1px solid #666;
  line-height: 0;
  margin-bottom: 4vw;
}
.border-box-steam .privilege-list {
  color: #facd46;
  display: inline-block;
  font-family: "Source Serif 4", serif;
  font-size: 3.66667vw;
  font-weight: 900;
  margin-bottom: 4vw;
  text-align: left;
}
:lang(zh-HK) .border-box-steam .privilege-list {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .border-box-steam .privilege-list {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .border-box-steam .privilege-list {
  font-family: "source-han-serif-korean", serif;
}
.buybtn-steam .buybtn-item {
  background: #1C5C82;
}
.border-box-steam .border-box-preorder .border-box-ttl {
  background: #FACD46;
  margin-bottom: 0;
  width: 100%;
}
.border-box-steam .border-box-preorder .text-box {
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .border-box-steam {
    margin-bottom: 2vw;
  }
  .border-box-steam .text-box {
    margin-bottom: 2vw;
    text-align: center;
  }
  .border-box-steam .image {
    margin-bottom: 2vw;
  }
  .border-box-steam .privilege-list {
    font-size: 1.5vw;
    margin-bottom: 2vw;
  }
}
/* 200601 配信対応 */
.border-box-buynow {
  border: 1px solid #FACD46;
  margin-bottom: 4vw;
}
@media only screen and (min-width: 769px) {
  .border-box-buynow {
    margin-bottom: 2vw;
  }
}
.sec#product .release-text {
  color: #FACD46;
  font-family: "Source Serif 4", serif;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sec#product .release-text {
    font-size: 1.7875vw;
  }
}
:lang(zh-HK) .sec#product .release-text {
  font-family: "source-han-serif-tc", serif;
}
:lang(zh-CN) .sec#product .release-text {
  font-family: "source-han-serif-sc", serif;
}
:lang(ko) .sec#product .release-text {
  font-family: "source-han-serif-korean", serif;
}
.sec#product .platform-logo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom:  2%;
}
@media only screen and (min-width: 769px) {
  .sec#product .platform-logo-list {
    margin-bottom:  1%;
    position: relative;
    width: 100%;
  }
}
.sec#product .platform-logo {
  line-height: 0;
}
.sec#product .platform-logo-list .platform-logo:not(:last-child) {
  margin-right: 3%;
}
@media only screen and (min-width: 769px) {
  .sec#product .platform-logo-list .platform-logo:not(:last-child) {
    margin-right: 3%;
  }
}
.sec#product .platform-logo img {
  height: 100%;
  max-height: 4.8vw;
  width: auto;
}
@media only screen and (min-width: 769px) {
  .sec#product .platform-logo img {
    max-height: 2.4vw;
  }
}
.sec#product .release-text {
  margin-bottom: 1em;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .sec#product .release-text {
    margin-bottom: .5em;
  }
}
.sec#product .price-text {
  margin-bottom: 2%;
  color: #facd46;
  width: 100%;
}
.sec#product .price-text small {
  font-size: .8em;
}
@media only screen and (min-width: 769px) {
  .sec#product .price-text {
    margin-bottom: 2%;
  }
}
.sec#firstview .buybtn-container,
.sec#product .buybtn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sec#firstview .buybtn-container .buybtn {
  width: 49%;
}
.sec#firstview .buybtn-container .buybtn .buybtn-item {
  width: 100%;
}
.sec#firstview .buybtn .buybtn-item-text {
  font-size: 3.46667vw;
}
@media only screen and (max-width: 768px) {
  .sec#firstview .buybtn-container .buybtn:not(:nth-child(2n)) {
    margin-right: 2%;
  }
  .sec#firstview .buybtn-container .buybtn .buybtn-item {
    line-height: 1.2;
  }
  .sec#firstview .buybtn-container .buybtn .buybtn-item-text-label {
    display: block;
  }
  .sec#firstview .buybtn-container .buybtn .buybtn-item::before {
    height: 4.037vw;
    right: 2.037vw;
    top: 50%;
    width: 4.037vw;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .buybtn-container .buybtn {
    width: 49%;
  }
  .sec#firstview .buybtn .buybtn-item-text {
    font-size: 1.24583vw;
  }
  .sec#product .buybtn-container .buybtn {
    width: 49%;
  }
  .sec#product .buybtn-container .buybtn .buybtn-item {
    width: 100%;
  }
  .sec#product .buybtn-container .buybtn:not(:nth-child(2n)) {
    margin-right: 2%;
  }
}
/****** セール対応 21/10/21 ******/
.sec#firstview .sale-container {
  border: 1px solid #facd46;
  background: rgba(0, 0, 0, 0.5);
  margin-top: 4vw;
  padding: 6vw;
}
.sec#firstview .sale-container .sale-ttl {
  color: #FFF;
  font-size: 1.4em;
  font-weight: 700;
  width: 100%;
}
.sec#firstview .sale-container .sale-price-off {
  color: #facd46;
  font-size: 1.4em;
  font-style: italic;
  margin-bottom: .2em;
  text-align: center;
  width: 100%;
}
.sec#firstview .sale-container .sale-price-off strong {
  font-size: 1.4em;
}
.sec#firstview .sale-container .sale-endtext {
  color: #FFF;
  font-size: 1.2em;
  text-align: center;
  width: 100%;
}
.sec#firstview .sale-container .buybtn-container {
  margin-bottom: 4vw;
  width: 100% !important;
}
.sec#firstview .sale-container .buybtn-container .buybtn {
  width: 100%;
}
.sec#firstview .sale-container .buybtn-container .buybtn .buybtn-item-text-label {
  display: inline;
}
.sec#firstview .sale-container .buybtn-container .buybtn .sale-period {
  color: #facd46;
  display: block;
  font-size: .8em;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .sec#firstview .sale-container .buybtn-container .buybtn {
    margin-right: 0;
  }
  .sec#firstview .sale-container .buybtn-container .buybtn .buybtn-item-inner {
    padding: 4% 7% 4% 6%;
  }
  .sec#firstview .sale-container .buybtn-container .buybtn .buybtn-item::before {
    top: 50%;
  }
  .sec#firstview .sale-container .buybtn-container .buybtn .buybtn-item-text .buybtn-item-text-logo {
      max-height: 1.4em;
  }
  .sec#firstview .sale-container .buybtn-container .buybtn .sale-period {
    margin-top: .2em;
  }
}
@media only screen and (min-width: 769px) {
  .sec#firstview .sale-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1vw;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5vw 3vw 3vw;
    width: 100%;
  }
  .sec#firstview .sale-container .sale-ttl {
    font-size: 1.4em;
  }
  .sec#firstview .sale-container .sale-endtext {
    font-size: 1em;
  }
  .sec#firstview .sale-container .buybtn-container {
    margin-bottom: 2vw;
  }
  .sec#firstview .sale-container .buybtn-container .buybtn {
    width: 46%;
  }
}