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

header {
  padding: 3vw 0;
  background-size: cover;
  position: relative;
}

header .bnr_makaimura {
  width: 20vw;
  height: 18vw;
  background: url(../images/common/bg_topbnr.png) no-repeat;
  background-size: contain;
  background-position: right top;
  padding: 0.5em;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  font-size: 1rem;
}

header .bnr_makaimura .txt {
  margin-bottom: 0.5em;
  font-weight: 900;
  color: #fff;
  text-shadow: 4px 4px 4px #000000, -2px 4px 4px #000000, 4px -2px 4px #000000,
    -1px -2px 4px #000000, 4px 0px 4px #000000, 0px 4px 4px #000000,
    -2px 2px 4px #000000, 0px -2px 4px #000000;
  position: relative;
  text-align: center;
}

header .bnr_makaimura figure {
  width: 80%;
}

header::before {
  /* content: ""; */
  width: 6.25vw;
  height: 6.25vw;
  background: url(../images/common/nintendoswitch_c.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/*210422 add*/
.out-line {
  position: absolute;
  outline: solid 2px #fff;
  outline-offset: -2px;
  width: 100%;
  height: 100%;
}
.group  {
  width: 73.333vw;
  padding: 2.6vw;
  position: relative;
  border: solid 6px #000;
  outline: solid 4px #fff;
  outline-offset: -10px;
  margin: 0 auto 8vw;
  box-shadow: 8px 8px 0 #000;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 2px 2px 3px #000, 2px 2px 3px #000, 2px 2px 3px #000, 2px 2px 3px #000, 2px 2px 3px #000, 2px 2px 3px #000, 3px 3px 3px #000, 3px 3px 3px #000, 3px 3px 3px #000, 3px 3px 3px #000, 3px 3px 3px #000, 3px 3px 3px #000;
}
@media screen and (max-width:768px){
  .group{
    width: 90%;
    padding: 4vw 3vw 6vw;
    box-shadow: 4px 4px 0 #000;
    border: solid 4px #000;
    outline-offset: -8px;
  }
}
.group .flex-box {
  margin-top: 2.917vw;
}
@media screen and (min-width:769px){
  .group .flex-box {
    display: flex;
    justify-content: center;
  }
}
.group .flex-box .box{
  background: #000;
  border: solid 4px #000;
  box-shadow: 6px 8px 0 #000;
  position: relative;
}
@media screen and (min-width:769px){
  .group .flex-box .box{
    width: 32.5vw;
    box-shadow: 3px 5px 0 #000;
  }
}
.group .flex-box .box a{
  display: flex;
}
.group .flex-box .box a > div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  line-height: initial;
}
.group .flex-box .box:nth-child(even){
  margin-left: 2vw;
}
@media screen and (max-width:768px){
  .group .flex-box .box:nth-child(even){
    margin-left: 0;
    margin-top: 4vw;
  }
}
.group .flex-box .box a > div:first-child {
  width: 40%;
}
.group .flex-box .box img {
  vertical-align: bottom;
  object-fit: contain;
    width: 100%;
    height: 100%;
}
.group .flex-box .box span{
  color: #fff000;
  font-size: 1.55vw;
}
@media screen and (max-width:768px){
  .group .flex-box .box span{
    font-size: 4.55vw;
  }
}
.new-products {
  background: rgba(250, 250, 250, .75);
  margin-top: 4vw;
  margin-bottom: 6vw;
}
.new-products a.btn {
  padding: 1vw 0px;
  margin: .5vw auto 0;
  text-shadow: none;
  width: 21vw;
  border: solid 4px #000;
  position: relative;
  box-shadow: 2px 3px 0 #000;
  position: relative;
}
.new-products a.btn::before{
  position: absolute;
  content: "";
  width: 1.25vw;
  height: 100%;
  background: url(../images/common/arrow-bk.png)no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  right: 1vw;
}
@media screen and (max-width:768px){
  .new-products a.btn {
    width: 80%;
    padding: 2vw 0;
  }
  .new-products a.btn::before{
    width: 3vw;
  }
}
.row-wrap {
  padding-bottom: 1.8vw;
}
.j-center {
  justify-content: center;
}
.__en .row-wrap {
  justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
  .row-wrap {
    text-align: center;
    padding-bottom: 4.8vw;
  }
  .row-wrap:first-child .row-wrap-right{
    margin-top: 2vw;
  }
  .__en .row-wrap.renew {
    overflow-y: hidden;
    padding: 0 ;
  }
}
@media screen and (min-width:769px){
  .row-wrap {
    display: flex;
    align-items: center;
  }
  .row-wrap.j-center {
    margin: -1vw 0;
  }
}
.row-wrap-left{
  display: flex;
  justify-content: center;
}
@media screen and (max-width:768px){
  .j-center .row-wrap-left{
    flex-wrap: wrap;
  }
}
@media screen and (min-width:769px){
  .row-wrap-left{
    width: 45%;
    justify-content: flex-end;
    padding-right: 1vw;
  }
  .j-center .row-wrap-left{
    width: 65%;
  }
}
.row-wrap-right,
.row-wrap-font {
  color: #fff000;
  font-size: 2.448vw;
  text-shadow: 0 0.2vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, -0.1vw -0.2vw 0.15vw black, -0.1vw -0.1vw 0.15vw black, -0.2vw -0.1vw 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.1vw 0 0.15vw black, -0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0.2vw 0.4vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.4vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.1vw 0.15vw black, 0.2vw 0.1vw 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0.1vw 0.2vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black;
}
@media screen and (max-width:768px){
  .row-wrap-right {
    text-shadow: 0 0.4vw 0.15vw black, 0 0.3vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.1vw 0.15vw black, 0.3vw 0 0.15vw black, 0.4vw 0 0.15vw black, 0.3vw -0.1vw 0.15vw black, 0.3vw -0.2vw 0.15vw black, 0.3vw -0.3vw 0.15vw black, 0.2vw -0.3vw 0.15vw black, 0.2vw -0.4vw 0.15vw black, 0.1vw -0.4vw 0.15vw black, 0 -0.4vw 0.15vw black, -0.1vw -0.4vw 0.15vw black, -0.2vw -0.4vw 0.15vw black, -0.3vw -0.4vw 0.15vw black, -0.3vw -0.3vw 0.15vw black, -0.4vw -0.3vw 0.15vw black, -0.4vw -0.2vw 0.15vw black, -0.4vw -0.1vw 0.15vw black, -0.4vw 0 0.15vw black, -0.4vw 0.1vw 0.15vw black, -0.4vw 0.2vw 0.15vw black, -0.3vw 0.2vw 0.15vw black, -0.3vw 0.3vw 0.15vw black, -0.2vw 0.3vw 0.15vw black, -0.1vw 0.3vw 0.15vw black, 0.3vw 0.7vw 0.15vw black, 0.3vw 0.6vw 0.15vw black, 0.4vw 0.6vw 0.15vw black, 0.5vw 0.6vw 0.15vw black, 0.5vw 0.5vw 0.15vw black, 0.6vw 0.5vw 0.15vw black, 0.6vw 0.4vw 0.15vw black, 0.6vw 0.3vw 0.15vw black, 0.7vw 0.3vw 0.15vw black, 0.6vw 0.2vw 0.15vw black, 0.6vw 0.1vw 0.15vw black, 0.6vw 0.15vw black, 0.5vw 0.15vw black, 0.5vw -0.1vw 0.15vw black, 0.4vw -0.1vw 0.15vw black, 0.3vw -0.1vw 0.15vw black, 0.2vw -0.1vw 0.15vw black, 0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 0 0.15vw black, -0.1vw 0.15vw black, -0.1vw 0.1vw 0.15vw black, -0.1vw 0.2vw 0.15vw black, -0.1vw 0.3vw 0.15vw black, -0.1vw 0.4vw 0.15vw black, -0.1vw 0.5vw 0.15vw black, 0 0.5vw 0.15vw black, 0 0.6vw 0.15vw black, 0.1vw 0.6vw 0.15vw black, 0.2vw 0.6vw 0.15vw black;
    
  }
  .row-wrap-right {
    font-size: 7.448vw;
  }
  .__en .row-wrap-right, .__en .row-wrap-font{
    font-size: 6.448vw;
  }
  .__en .row-wrap-font{
    text-shadow: 0 0.4vw 0.15vw black, 0 0.3vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.1vw 0.15vw black, 0.3vw 0 0.15vw black, 0.4vw 0 0.15vw black, 0.3vw -0.1vw 0.15vw black, 0.3vw -0.2vw 0.15vw black, 0.3vw -0.3vw 0.15vw black, 0.2vw -0.3vw 0.15vw black, 0.2vw -0.4vw 0.15vw black, 0.1vw -0.4vw 0.15vw black, 0 -0.4vw 0.15vw black, -0.1vw -0.4vw 0.15vw black, -0.2vw -0.4vw 0.15vw black, -0.3vw -0.4vw 0.15vw black, -0.3vw -0.3vw 0.15vw black, -0.4vw -0.3vw 0.15vw black, -0.4vw -0.2vw 0.15vw black, -0.4vw -0.1vw 0.15vw black, -0.4vw 0 0.15vw black, -0.4vw 0.1vw 0.15vw black, -0.4vw 0.2vw 0.15vw black, -0.3vw 0.2vw 0.15vw black, -0.3vw 0.3vw 0.15vw black, -0.2vw 0.3vw 0.15vw black, -0.1vw 0.3vw 0.15vw black, 0.3vw 0.7vw 0.15vw black, 0.3vw 0.6vw 0.15vw black, 0.4vw 0.6vw 0.15vw black, 0.5vw 0.6vw 0.15vw black, 0.5vw 0.5vw 0.15vw black, 0.6vw 0.5vw 0.15vw black, 0.6vw 0.4vw 0.15vw black, 0.6vw 0.3vw 0.15vw black, 0.7vw 0.3vw 0.15vw black, 0.6vw 0.2vw 0.15vw black, 0.6vw 0.1vw 0.15vw black, 0.6vw 0.15vw black, 0.5vw 0.15vw black, 0.5vw -0.1vw 0.15vw black, 0.4vw -0.1vw 0.15vw black, 0.3vw -0.1vw 0.15vw black, 0.2vw -0.1vw 0.15vw black, 0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 0 0.15vw black, -0.1vw 0.15vw black, -0.1vw 0.1vw 0.15vw black, -0.1vw 0.2vw 0.15vw black, -0.1vw 0.3vw 0.15vw black, -0.1vw 0.4vw 0.15vw black, -0.1vw 0.5vw 0.15vw black, 0 0.5vw 0.15vw black, 0 0.6vw 0.15vw black, 0.1vw 0.6vw 0.15vw black, 0.2vw 0.6vw 0.15vw black;
  }
}
.__en .row-wrap-font{
  padding-right: 1vw;
}
.row-wrap-img {
  width: 20%;
}
.renew .row-wrap-img {
  width: 16%;
}
@media screen and (max-width:768px){
  .row-wrap-img {
    width: 45%;
    margin: 2vw auto 0;
  }
  .renew .row-wrap-img {
    width: 50%;
    height: 12vw;
    margin: 2vw 0 0;
    float: left;
  }
}
.row-wrap-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.__en .row-wrap-font.row-wrap {
  margin-top: -2vw;
}
@media screen and (max-width:768px){
  .__en .row-wrap-font.row-wrap {
    margin-top: -5vw;
    line-height: 1.3;
  }
}

.new-products figure {
  height: 3vw;
  width: 40%;
}
.new-products .j-center figure {
  height: 6vw;
}
@media screen and (max-width:768px){
  .new-products figure {
    height: auto;
    width: 30%;
  }
  .new-products .j-center figure {
    height: 12vw;
    width: 50%;
  }
  .__en .row-wrap:not(:first-child) .row-wrap-img {
    width: 30%;
    display: inline-block;
    margin: 0;
}
}

.new-products figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.f-small {
  font-size: 2vw;
  display: inline-block;
  padding: 0px 8px;
}
@media screen and (max-width:768px){
  .f-small {
    font-size: 4.5vw;
    padding: 0 1px;
  }
}
.latest-news{
  width: 100%;
  border-top: solid 5px #000;
  border-bottom: none;
  border-left: none;
  border-right: none;
  outline: none;
  box-shadow: 0 10px #000;
  z-index: 1;
  margin-bottom: 0;
}
@media screen and (max-width:768px){
  .latest-news{
    padding: 3.6vw 2.6vw 8.6vw;
  }
}
.latest-news::before,
.latest-news::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  left: 0;
}
.latest-news::before{
  top: 0;
}
.latest-news::after{
  bottom: 0;
}
.latest-news .flex-box{
  margin-top: 1.917vw;
}
.latest-news .flex-box .box{
  position: relative;
  box-shadow: 4px 6px 0 #000;
}
@media screen and (min-width:769px){
  .latest-news .flex-box .box{
    position: relative;
    box-shadow: 4px 6px 0 #000;
  }
}
.latest-news .flex-box .box::before{
  position: absolute;
  content: attr(data-mark);
  padding: 3px 10px;
  background: #fff000;
  top: -10px;
  right: -10px;
  text-shadow: none;
  color: #000;
  font-size: 12px;
  z-index: 2;
}
.latest-news .flex-box .box:not(:first-child){
  margin-left: 1.5vw;
}
@media screen and (max-width:768px){
  .latest-news .flex-box .box:not(:first-child){
    margin-left: 0;
    margin-top: 3vw;
  }
}
@media screen and (max-width:768px){
.latest-news .flex-box .box a > div:first-child{
  width: 35%;
}
}
.latest-news p{
  text-align: left;
  padding: 0 1vw;
  width: 100%;
}
@media screen and (max-width:768px){
  .latest-news p{
    text-shadow: none;
    padding: 0 3vw;
  }
}
.dlc-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/top/bg-org.jpg)repeat;
  opacity: .95;
  z-index: -1;
}
.dlc-ttl {
  font-size: 2.031vw;
  text-align: center;
  font-weight: 700;
}

.dlc-ttl span{
  position: relative;
  display: inline-block;
  padding: 0 5vw;
}
.dlc-ttl span::before,
.dlc-ttl span::after{
  position: absolute;
  content: "";
  width: 4.115vw;
  height: 8px;
  background: #fff;
  top: 50%;
  margin: auto;
  border: solid 3px #000;
  border-radius: 15px;
  box-shadow: 3px 3px 0 #000;
  transform: translateY(-50%);
}
.dlc-ttl span::before{
  left: 0;
}
.dlc-ttl span::after{
  right: 0;
}
@media screen and (max-width:768px){
  .dlc-ttl {
    font-size: 5.031vw;
    padding: 1.5vw 0;
  }
  .dlc-ttl span{
    padding: 0 7vw;
  }
  .dlc-ttl span::before,
  .dlc-ttl span::after{
    width: 6.115vw;
  }
}
@media screen and (min-width:769px){
  .flex-box.-wrap{
    flex-wrap: wrap;
  }
  .latest-news .flex-box.-wrap .box{
    margin: 1vw 0 0;
  }
  .latest-news .flex-box.-wrap .box:nth-child(even) {
    margin-left: 1.5vw;
  }
}
/* end */



h2 {
  height: 5.9375vw;
  background: url(../images/common/bg_title_left.jpg),
    url(../images/common/bg_title.jpg);
  background-position: left, left;
  background-repeat: no-repeat, repeat-X;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 4px 4px 2px #000000, -2px 4px 2px #000000, 2px -2px 2px #000000,
    -1px -2px 2px #000000, 4px 0px 2px #000000, 0px 4px 2px #000000,
    -2px 2px 2px #000000, 0px -2px 2px #000000;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 15;
}

h1 {
  margin: 0 auto;
  width: 32.8125vw;
}

h1 figure {
  width: 100%;
}

header .lead {
  margin: 2vw auto;
  width: 80vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

header .lead figure {
  width: 70%;
}
/*header .lead p{
margin-bottom: 1vw;
text-shadow:3px 3px 2px #000, -3px -3px 2px #000,
-3px 3px 2px #000,  3px -3px 2px #000,
3px 0px 2px #000, -3px -0px 2px #000,
0px 3px 2px #000,  0px -3px 2px #000;
margin: 0;
}*/

.us header .date,
.uk header .date,
.en-asia header .date {
  font-size: 3vw;
}

header .date {
  font-size: 4vw;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #fff;
  text-align: center;
  margin-bottom: 0.5em;
  text-shadow: 0 0.4vw 0.15vw black, 0 0.3vw 0.15vw black,
    0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black,
    0.3vw 0.2vw 0.15vw black, 0.3vw 0.1vw 0.15vw black, 0.3vw 0 0.15vw black,
    0.4vw 0 0.15vw black, 0.3vw -0.1vw 0.15vw black, 0.3vw -0.2vw 0.15vw black,
    0.3vw -0.3vw 0.15vw black, 0.2vw -0.3vw 0.15vw black,
    0.2vw -0.4vw 0.15vw black, 0.1vw -0.4vw 0.15vw black, 0 -0.4vw 0.15vw black,
    -0.1vw -0.4vw 0.15vw black, -0.2vw -0.4vw 0.15vw black,
    -0.3vw -0.4vw 0.15vw black, -0.3vw -0.3vw 0.15vw black,
    -0.4vw -0.3vw 0.15vw black, -0.4vw -0.2vw 0.15vw black,
    -0.4vw -0.1vw 0.15vw black, -0.4vw 0 0.15vw black, -0.4vw 0.1vw 0.15vw black,
    -0.4vw 0.2vw 0.15vw black, -0.3vw 0.2vw 0.15vw black,
    -0.3vw 0.3vw 0.15vw black, -0.2vw 0.3vw 0.15vw black,
    -0.1vw 0.3vw 0.15vw black, 0.3vw 0.7vw 0.15vw black,
    0.3vw 0.6vw 0.15vw black, 0.4vw 0.6vw 0.15vw black, 0.5vw 0.6vw 0.15vw black,
    0.5vw 0.5vw 0.15vw black, 0.6vw 0.5vw 0.15vw black, 0.6vw 0.4vw 0.15vw black,
    0.6vw 0.3vw 0.15vw black, 0.7vw 0.3vw 0.15vw black, 0.6vw 0.2vw 0.15vw black,
    0.6vw 0.1vw 0.15vw black, 0.6vw 0.15vw black, 0.5vw 0.15vw black,
    0.5vw -0.1vw 0.15vw black, 0.4vw -0.1vw 0.15vw black,
    0.3vw -0.1vw 0.15vw black, 0.2vw -0.1vw 0.15vw black,
    0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 0 0.15vw black,
    -0.1vw 0.15vw black, -0.1vw 0.1vw 0.15vw black, -0.1vw 0.2vw 0.15vw black,
    -0.1vw 0.3vw 0.15vw black, -0.1vw 0.4vw 0.15vw black,
    -0.1vw 0.5vw 0.15vw black, 0 0.5vw 0.15vw black, 0 0.6vw 0.15vw black,
    0.1vw 0.6vw 0.15vw black, 0.2vw 0.6vw 0.15vw black;
}

header .date span {
  font-size: 1.3em;
}

header .bnr_area {
  display: flex;
  justify-content: center;
}

header .bnr_area figure {
  width: 26.0416vw;
  margin: 0 1%;
  padding: 3px;
  background: #000;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);
}

header .bnr_area figure img {
  border: 3px solid #fff;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  header {
    padding: 14vw 0 0;
  }

  h2 {
    height: 14.3229vw;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;
  }

  .us h2,
  .uk h2,
  .en-asia h2 {
    height: 22.3229vw;
    line-height: 1.1;
    padding: 0 1em;
  }

  header::before {
    /* content: ""; */
    width: 13.02vw;
    height: 13.02vw;
  }

  h1 {
    margin: 0 auto;
    width: 65.1041vw;
  }

  header .bnr_area {
    flex-direction: column;
  }

  header .bnr_area figure {
    width: 80%;
    margin: 0 auto 5%;
  }

  header .bnr_makaimura {
    justify-content: flex-start;
    flex-direction: row-reverse;
    position: relative;
    width: 90%;
    height: auto;
    margin: 5% auto;
    padding: 0;
    background: blue;
    border-radius: 10px;
    border: 3px solid #fff;
    box-shadow: 3px 4px 0 rgba(0, 0, 0, 1);
  }

  header .bnr_makaimura .txt {
    width: 60%;
    padding-left: 1em;
    font-size: 2.8vw;
    letter-spacing: 0.08em;
    text-align: left;
    text-shadow: 0 0.2vw 0.15vw black, 0 0.1vw 0.15vw black,
      0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0 0.15vw black,
      0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black,
      0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black,
      0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 -0.2vw 0.15vw black,
      0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
      0 -0.2vw 0.15vw black, -0.1vw -0.2vw 0.15vw black,
      -0.1vw -0.1vw 0.15vw black, -0.2vw -0.1vw 0.15vw black,
      -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
      -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.1vw 0 0.15vw black,
      -0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
      0.2vw 0.4vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
      0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
      0.2vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
      0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
      0.4vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
      0.3vw 0.2vw 0.15vw black, 0.3vw 0.1vw 0.15vw black,
      0.2vw 0.1vw 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black,
      0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black,
      0.1vw 0 0.15vw black, 0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
      0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
      0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0.1vw 0.2vw 0.15vw black,
      0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
      0.2vw 0.3vw 0.15vw black;
    position: relative;
  }

  header .bnr_makaimura figure {
    width: 40%;
    overflow: hidden;
  }

  header .bnr_makaimura figure img {
    transform: scale(1.2, 1.3);
  }

  header .lead {
    margin: -8vw auto 4vw;
    /* margin: 4vw auto; */
    width: 90vw;
  }

  header .lead figure {
    width: 100%;
  }

  header .date {
    font-size: 6vw;
    line-height: 1.4;
  }

  .us header .date,
  .uk header .date,
  .en-asia header .date {
    font-size: 5vw;
  }
}

/*movie*/
.movie {
  margin: 60px 0;
  padding: 3vw 0;
  background: #000;
  padding: 3px 0 40px;
  position: relative;
  z-index: 5;
  box-shadow: 0 10px 0 rgba(0, 0, 0, 1);
}

.movie .bg_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
  padding: 3px 0;
  z-index: 14;
  overflow: hidden;
  pointer-events: none;
}

.movie #yt_player {
  min-width: 165%;
  min-height: 140%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.movie .bg_movie:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background: url(../images/common/bg_movie.png);
  height: calc(100% - 3px);
  width: 100%;
  z-index: 17;
  margin-bottom: 3px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.movie .lead {
  background: url(../images/common/bg_movie_title.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 3.645vw;
  padding: 0.5em;
  position: relative;
  z-index: 18;
}

.movie .lead p {
  text-shadow: 0 0.4vw 0.15vw black, 0 0.3vw 0.15vw black,
    0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black,
    0.3vw 0.2vw 0.15vw black, 0.3vw 0.1vw 0.15vw black, 0.3vw 0 0.15vw black,
    0.4vw 0 0.15vw black, 0.3vw -0.1vw 0.15vw black, 0.3vw -0.2vw 0.15vw black,
    0.3vw -0.3vw 0.15vw black, 0.2vw -0.3vw 0.15vw black,
    0.2vw -0.4vw 0.15vw black, 0.1vw -0.4vw 0.15vw black, 0 -0.4vw 0.15vw black,
    -0.1vw -0.4vw 0.15vw black, -0.2vw -0.4vw 0.15vw black,
    -0.3vw -0.4vw 0.15vw black, -0.3vw -0.3vw 0.15vw black,
    -0.4vw -0.3vw 0.15vw black, -0.4vw -0.2vw 0.15vw black,
    -0.4vw -0.1vw 0.15vw black, -0.4vw 0 0.15vw black, -0.4vw 0.1vw 0.15vw black,
    -0.4vw 0.2vw 0.15vw black, -0.3vw 0.2vw 0.15vw black,
    -0.3vw 0.3vw 0.15vw black, -0.2vw 0.3vw 0.15vw black,
    -0.1vw 0.3vw 0.15vw black, 0.3vw 0.7vw 0.15vw black,
    0.3vw 0.6vw 0.15vw black, 0.4vw 0.6vw 0.15vw black, 0.5vw 0.6vw 0.15vw black,
    0.5vw 0.5vw 0.15vw black, 0.6vw 0.5vw 0.15vw black, 0.6vw 0.4vw 0.15vw black,
    0.6vw 0.3vw 0.15vw black, 0.7vw 0.3vw 0.15vw black, 0.6vw 0.2vw 0.15vw black,
    0.6vw 0.1vw 0.15vw black, 0.6vw 0.15vw black, 0.5vw 0.15vw black,
    0.5vw -0.1vw 0.15vw black, 0.4vw -0.1vw 0.15vw black,
    0.3vw -0.1vw 0.15vw black, 0.2vw -0.1vw 0.15vw black,
    0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 0 0.15vw black,
    -0.1vw 0.15vw black, -0.1vw 0.1vw 0.15vw black, -0.1vw 0.2vw 0.15vw black,
    -0.1vw 0.3vw 0.15vw black, -0.1vw 0.4vw 0.15vw black,
    -0.1vw 0.5vw 0.15vw black, 0 0.5vw 0.15vw black, 0 0.6vw 0.15vw black,
    0.1vw 0.6vw 0.15vw black, 0.2vw 0.6vw 0.15vw black;
}

.movie .txt {
  position: relative;
  z-index: 18;
}

.movie .txt p {
  text-shadow: 0 0.2vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0 0.15vw black, 0.1vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw -0.1vw 0.15vw black,
    0 -0.1vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    -0.1vw -0.2vw 0.15vw black, -0.1vw -0.1vw 0.15vw black,
    -0.2vw -0.1vw 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.1vw 0 0.15vw black, -0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0.2vw 0.4vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black,
    0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.4vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.3vw 0.1vw 0.15vw black, 0.2vw 0.1vw 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0.1vw 0.2vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black;
}

.movie .lead .ylw {
  font-size: 3rem;
}

.movie .movie_area {
  position: relative;
}

.movie .lead::before {
  content: "";
  display: block;
  width: 20vw;
  height: 20vw;
  position: absolute;
  top: -6vw;
  left: -1vw;
  background: url(../images/common/pic_01.png) no-repeat;
  background-size: cover;
  z-index: 18;
}

.movie .lead::after {
  content: "";
  display: block;
  width: 20vw;
  height: 25vw;
  position: absolute;
  top: -6vw;
  right: -2vw;
  background: url(../images/common/pic_02.png) no-repeat;
  background-size: cover;
  z-index: 18;
}

.movie .movie_area .inner {
  display: flex;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  position: relative;
  z-index: 18;
  margin: 2vw 0;
}

.movie .movie_box {
  width: 33%;
  margin: 0 0.5%;
  padding: 1.146vw;
  color: #fff;
  position: relative;
}

.movie .movie_box figure {
  position: relative;
}
.movie .movie_box figure img {
  background: #fff;
  padding: 3px;
  border: 3px solid #000;
}

.movie .movie_box figure::before {
  content: "";
  width: 8vw;
  height: 8vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  display: block;
  background: url(../images/common/icon_play.png) no-repeat;
  background-size: cover;
  z-index: 10;
}

.movie .movie_box figure figcaption {
  text-align: center;
  font-size: 1.2rem;
  background: none;
  text-shadow: 0 0.2vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0 0.15vw black, 0.1vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw -0.1vw 0.15vw black,
    0 -0.1vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    -0.1vw -0.2vw 0.15vw black, -0.1vw -0.1vw 0.15vw black,
    -0.2vw -0.1vw 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.1vw 0 0.15vw black, -0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0.2vw 0.4vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black,
    0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.4vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.3vw 0.1vw 0.15vw black, 0.2vw 0.1vw 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0.1vw 0.2vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black;
}

.movie .txt {
  width: 95%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.movie .btn {
  font-size: 1.2rem;
  height: 3em;
  width: 20em;
  margin: 2vw auto;
}

@media screen and (max-width: 768px) {
  .movie #yt_player {
    min-width: 725%;
    /* min-width: 505%; */
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .movie .lead::before {
    width: 34.25vw;
    height: 34.25vw;
    top: -24vw;
    left: -1vw;
  }
  .movie .lead::after {
    width: 30vw;
    height: 35vw;
    top: -25vw;
    right: -4vw;
  }

  .movie .lead {
    font-size: 1.2rem;
    margin: 5% 0;
  }

  .movie .lead .ylw {
    font-size: 1.7rem;
  }

  .movie .bg_slide {
    position: relative;
    height: 30vw;
  }

  .movie .bg_slide img {
    width: auto;
    height: 25vw;
  }

  .movie .movie_area .inner {
    flex-direction: column;
  }

  .movie .movie_box {
    width: 80%;
    margin: 0 auto 5%;
  }

  .movie .movie_box figure::before {
    width: 15vw;
    height: 15vw;
  }

  .movie .movie_box figure figcaption {
    text-align: center;
    font-size: 1.2rem;
    background: none;
  }

  .movie .txt {
    text-align: left;
  }

  .movie .btn {
    font-size: 1.2rem;
    width: 80%;
    margin: 4vw auto;
  }
}
/*function*/
.system .system_block {
  margin: 5% auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .us .system .system_block.block01,
  .uk .system .system_block.block01,
  .en-asia .system .system_block.block01 {
    margin: 5% auto 15%;
  }
}

.system .system_block .text {
  min-height: 0%;
  width: 41.5789vw;
  padding: 3px;
  background: #000;
  color: #fff;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
  z-index: 9;
  position: relative;
}

.system .system_block * .inner h3 {
  color: #fff000;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
  z-index: 14;
  margin-bottom: 1vw;
  position: relative;
  text-shadow: 0 0.2vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0 0.15vw black, 0.1vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw -0.1vw 0.15vw black,
    0 -0.1vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    -0.1vw -0.2vw 0.15vw black, -0.1vw -0.1vw 0.15vw black,
    -0.2vw -0.1vw 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.1vw 0 0.15vw black, -0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0.2vw 0.4vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black,
    0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.4vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.3vw 0.1vw 0.15vw black, 0.2vw 0.1vw 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0.1vw 0.2vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black;
}

.system .system_block * .inner p {
  text-shadow: 0 0.2vw 0.15vw black, 0 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0 0.15vw black, 0.1vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.1vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw -0.1vw 0.15vw black,
    0 -0.1vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black, 0 -0.2vw 0.15vw black,
    -0.1vw -0.2vw 0.15vw black, -0.1vw -0.1vw 0.15vw black,
    -0.2vw -0.1vw 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black, -0.2vw 0 0.15vw black,
    -0.1vw 0 0.15vw black, -0.1vw 0.1vw 0.15vw black, 0 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0.2vw 0.4vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black, 0.2vw 0.2vw 0.15vw black,
    0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.4vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
    0.3vw 0.1vw 0.15vw black, 0.2vw 0.1vw 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black, 0.2vw 0 0.15vw black,
    0.2vw 0 0.15vw black, 0.1vw 0 0.15vw black, 0.1vw 0.1vw 0.15vw black,
    0 0.1vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black, 0 0.2vw 0.15vw black,
    0.1vw 0.2vw 0.15vw black, 0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
    0.2vw 0.3vw 0.15vw black;
}
.system .system_block * .inner h3 span {
  font-size: 2.2rem;
}

.system .system_block * .inner {
  width: 100%;
  height: 100%;
  min-height: 17.7083vw;
  padding: 2em 3em;
  border: #fff solid 3px;
  box-sizing: border-box;
}

.system .system_block .screenshot {
  min-height: 0%;
  width: 34.375vw;
  height: 19.33vw;
  padding: 3px;
  background: #000;
  color: #fff;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
  z-index: 10;
  position: relative;
}

.system .system_block .screenshot figure {
  width: 100%;
  height: 100%;
  padding: 0;
  border: #fff solid 3px;
  box-sizing: border-box;
}

.system .system_block .screenshot iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  border: #fff solid 3px;
  box-sizing: border-box;
}

.system .system_block .screenshot .system-slider {
  border: #fff solid 3px;
}
.system .system_block .screenshot .system-slider figure {
  border: none;
  cursor: pointer;
}
.system .system_block .screenshot figure img {
  vertical-align: bottom;
}

.system .system_block .text .inner * {
  position: relative;
  z-index: 15;
}

.block_picleft {
  margin-bottom: 7.8125vw;
}
.block_picleft .text {
  margin-top: 5.2083vw;
  margin-left: -2em;
}

.block_picleft .text .inner {
  padding-left: 4em;
}

.block_picright {
  margin-bottom: 7.8125vw;
}
.block_picright .screenshot {
  margin-top: 10%;
  margin-left: -2em;
}

.block01 .text .pic {
  width: 22.9166vw;
  position: absolute;
  bottom: -7.8125vw;
  right: -14.5833vw;
}

.block02 .text .pic {
  width: 19.2708vw;
  position: absolute;
  top: -10.8125vw;
  left: -10.5833vw;
  z-index: 12;
}

.block03 .text .pic {
  width: 21.875vw;
  position: absolute;
  bottom: -9.8125vw;
  right: -13.5833vw;
  z-index: 12;
}

.block04 .text .pic {
  width: 20.3125vw;
  position: absolute;
  top: -9.8125vw;
  left: -15.7833vw;
  z-index: 12;
}

.block05 .text .pic {
  width: 20.3125vw;
  position: absolute;
  top: -7.8125vw;
  right: -14.5833vw;
  z-index: 12;
}

@media screen and (max-width: 768px) {
  .system .system_block {
    margin: 10% 0 30%;
    justify-content: center;
    flex-direction: column;
  }

  .system .system_block .text {
    width: 85%;
    padding: 3px;
    right: -5%;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);
  }

  .system .system_block * .inner h3 {
    font-size: 1.2rem;
    position: relative;
    /* text-shadow:
4px  4px 4px #000000,
-2px  4px 4px #000000,
4px -2px 4px #000000,
-1px -2px 4px #000000,
4px  0px 4px #000000,
0px  4px 4px #000000,
-2px  2px 4px #000000,
0px -2px 4px #000000; */
  }

  .system .system_block * .inner h3 span {
    font-size: 1.6rem;
  }

  .system .system_block * .inner {
    min-height: 48%;
    padding: 2em 2em 3em;
    border: #fff solid 3px;
  }

  .system .system_block .screenshot {
    width: 85%;
    height: 47.8vw;
    padding: 3px;
    left: -2%;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);
  }

  .block_picleft {
    margin-bottom: 10%;
  }
  .block_picleft .text {
    margin-top: -5%;
    margin-left: -2em;
  }

  .block_picleft .text .inner {
    padding-left: 1.5em;
  }

  .system .system_block.block_picright {
    margin-bottom: 30%;
    flex-direction: column-reverse;
  }

  .block_picright .text {
    margin-top: -5%;
    margin-left: -2em;
  }

  .block_picright .screenshot {
    margin-top: 10%;
    margin-left: 0;
  }

  .block01 .text .pic {
    width: 40vw;
    position: absolute;
    bottom: -26vw;
    left: -10vw;
  }

  .block02 .text .pic {
    width: 35vw;
    top: inherit;
    bottom: -28vw;
    left: inherit;
    right: -8.5833vw;
  }

  .block03 .text .pic {
    width: 45vw;
    bottom: -34.8125vw;
    right: inherit;
    left: -10.5833vw;
  }

  .block04 .text .pic {
    width: 45vw;
    top: inherit;
    bottom: -30vw;
    left: inherit;
    right: -4vw;
  }

  .block05 .text .pic {
    width: 45vw;
    top: inherit;
    bottom: -28vw;
    right: inherit;
    left: -8vw;
  }
}

/*lineup*/
.lineup {
  background: url(../images/common/bg_lineup.jpg) no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 0 0 3vw;
  border-bottom: solid 10px #000;
  position: relative;
}
.lineup::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  background: #fff;
}

.lineup .lead {
  width: 84.375vw;
  margin: 2vw auto;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 3px 3px 2px #000, -3px -3px 2px #000, -3px 3px 2px #000,
    3px -3px 2px #000, 3px 0px 2px #000, -3px -0px 2px #000, 0px 3px 2px #000,
    0px -3px 2px #000;
  position: relative;
  z-index: 15;
}

.lineup .list {
  width: 84.375vw;
  height: auto;
  margin: 2vw auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  z-index: 15;
}

.lineup .list li {
  width: 11%;
  color: #fff;
  margin: 0.5% 0.5%;
  padding: 3px;
  box-shadow: 7px 7px 0 rgba(0, 0, 0, 1);
  background: #000;
  box-sizing: border-box;
}

.lineup .list li a {
  display: block;
}

/*modal off*/
/* .cn .lineup .list li a,
.hk .lineup .list li a,
.kr .lineup .list li a{
pointer-events: none;
} */

.lineup .list li figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border: #fff solid 3px;
}

.lineup .list a:hover figure {
  border: #fff000 solid 3px;
}

.lineup .list li figure figcaption {
  width: 100%;
  height: 2em;
  line-height: 2em;
  color: #fff;
  font-weight: 900;
  text-align: center;
}

.lineup .list li figure.shooting figcaption {
  background: #009fe8;
}

.lineup .list li figure.action figcaption {
  background: #e95504;
}

.lineup .list li figure.fighting figcaption {
  background: #0dac67;
}

@media screen and (max-width: 768px) {
  .lineup .lead {
    width: 95%;
    margin: 5% auto;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .lineup .list {
    width: 100%;
    padding: 0 2%;
    justify-content: space-around;
  }

  .lineup .list li {
    width: 22%;
    margin-bottom: 2%;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
  }

  .lineup .list li figure figcaption {
    font-size: 0.8rem;
  }
}
/*PRODUCT*/

.product .details {
  width: 72.9166vw;
  margin: 5% auto 9%;
  padding: 3px;
  background: #000;
  color: #fff;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
}

.product .details .inner {
  border: 3px solid #fff;
}

.product .details .inner .lead {
  padding: 2em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width:768px){
  .product .details .inner .lead {
    text-align: left;
  }
}

.product .details .inner .lead .bnr_download {
  width: 95%;
  display: block;
  margin: 2em auto 1em;
  border: 3px solid #ff0000;
  padding: 1em 15% 1em 19%;
  position: relative;
  background: #ff0000;
  border-radius: 1.042vw;
  box-shadow: 0 0 0 4px #fff;
}
@media screen and (max-width: 768px) {
  .product .details .inner .lead .bnr_download {
    box-shadow: 0 0 0 2px #fff;
  }
}
.product .details .inner .lead .bnr_download .txt {
  background: #fff;
  padding: 0.2em 0;
  border-radius: 30px;
  color: #ff0000;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 900;
}

.product .details .inner .lead .bnr_download .date {
  color: #fff;
  text-align: center;
  font-size: 2vw;
  line-height: 1.2;
  font-weight: 900;
  margin-top: 0.5em;
}

.ja .product .details .inner .lead .bnr_download .date {
  font-size: 2.083vw;
}
@media screen and (min-width:769px){
  .ja .product .details .inner .lead .bnr_download .date.none-dp{
    font-size: 1.6vw;
  }
}

.product .details .inner .lead .bnr_download:before {
  content: "";
  display: block;
  width: 14vw;
  height: 14vw;
  position: absolute;
  top: 50%;
  left: -1vw;
  transform: translateY(-50%);
  background: url(../images/common/bnr_img1943.png) no-repeat left;
  background-size: cover;
}

.product .details .inner .lead .bnr_download .pic_free {
  width: 9vw;
  height: 9vw;
  position: absolute;
  top: 0;
  right: 1vw;
  transform: translateY(-20%);
}

.product .details .title_list {
  width: 100%;
  padding: 2em 4em;
}

.product .details h3 {
  background: #fff000;
  color: #000;
  padding: 0.5em 1em;
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.2;
}

.product .details .title_list .base,
.product .details .title_list .makaimura {
  padding: 0.5em 1em;
  box-sizing: border-box;
  margin-bottom: 1vw;
}

.product .details .title_list .base {
  border: 3px solid #e95504;
}
.product .details .title_list .makaimura {
  border: 3px solid #fff000;
  width: 90%;
  margin: 5% auto;
}

.product .details .title_list .makaimura .product_name {
  background: none !important;
  color: #fff !important;
}

.product .details .title_list .product_name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
}

.product .details .title_list .price {
  display: block;
  font-size: 1.3rem;
}
@media screen and (min-width:769px){
  .product .details .title_list .price {
    margin-left: auto;
  }
}

.product .details .title_list .pack {
  border: 3px solid #f29600;
}

.product .details .title_list .pack .product_name {
  background: #f29600;
  color: #000;
  padding: 0.5em 1em;
  line-height: 1.2;
}

.product .details .title_list .pack .pack_detail {
  width: 90%;
  margin: 1vw auto;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  display: flex;
  justify-content: flex-start;
}

.product .details .title_list .pack .pack_detail .price {
  width: 25%;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.product .details .title_list .pack .pack_detail .price span {
  font-size: 1.2rem;
  font-weight: 900;
}

.product .details .title_list .pack .pack_detail ul {
  width: 85%;
}

.product .details .title_list .pack .pack_detail li {
  padding: 0.5em 1em;
  font-size: 0.9rem;
  font-weight: normal;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
}

.product .details .title_list .pack .pack_detail .price span {
  font-size: 1.2rem;
  font-weight: 900;
}

.product .details .title_list .pack h4 {
  padding-top: 1em;
  font-size: 1.2rem;
  font-weight: 900;
  text-align: center;
}
.product .details .title_list .pack1 h4 {
  color: #2bbcff;
}
.product .details .title_list .pack2 h4 {
  color: #ee8db7;
}
.product .details .title_list .pack3 h4 {
  color: #14d682;
}

.product .details .title_list .pack1 .pack_detail .price {
  background: #2bbcff;
}
.product .details .title_list .pack2 .pack_detail .price {
  background: #ee8db7;
}
.product .details .title_list .pack3 .pack_detail .price {
  background: #14d682;
}

.product .details .title_list .pack1 .pack_detail,
.product .details .title_list .pack1 .pack_detail li {
  border-color: #2bbcff;
}
.product .details .title_list .pack2 .pack_detail,
.product .details .title_list .pack2 .pack_detail li {
  border-color: #ee8db7;
}
.product .details .title_list .pack3 .pack_detail,
.product .details .title_list .pack3 .pack_detail li {
  border-color: #14d682;
}

@media screen and (max-width: 768px) {
  .product .details {
    width: 95%;
    margin: 5% auto;
    padding: 3px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);
  }

  .product .details h3 {
    padding: 0.5em 1em;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .product .details .inner .lead .bnr_download {
    width: 100%;
    margin: 2em auto 1em;
    border: none;
    padding: 0;
    position: relative;
  }

  .product .details .inner .lead .bnr_download:before {
    width: 24vw;
    height: 24vw;
    left: -4vw;
    top: 25%;
  }

  .product .details .inner .lead .bnr_download .txt {
    font-size: 0.9rem;
    line-height: 1.2;
    padding: 0.5em 1.5em;
    border-top: 3.2vw solid #ff0000;
    border-radius: 3.3vw 3.3vw 0 0;
    text-align: right;
  }
  .__en .product .details .inner .lead .bnr_download .txt {
    text-align: center;
    padding: .3em 0 .3em 4.5em;
  }

  .product .details .inner .lead .bnr_download .date {
    font-size: 1rem;
    line-height: 1.5;
    padding: .2em 0 .5em 1.4em;
    margin-top: 0.5em;
    box-sizing: border-box;
  }

  .ja .product .details .inner .lead .bnr_download .date {
    font-size: 1.6rem;
  }

  .product .details .inner .lead .bnr_download .date .small {
    font-weight: normal;
    font-size: 0.8rem;
  }

  .product .details .inner .lead .bnr_download .pic_free {
    width: 17vw;
    height: 17vw;
    position: absolute;
    top: inherit;
    bottom: -7vw;
    right: -5vw;
  }

  .uk .product .details .inner .lead .bnr_download .pic_free ,
  .us .product .details .inner .lead .bnr_download .pic_free {
    bottom: -12vw;
  }

  .product .details .title_list .product_name {
    font-size: 1.2rem;
    display: block;
  }

  .product .details .title_list .price {
    display: block;
    text-align: right;
    /* font-size: 1rem; */
  }

  .product .details .title_list {
    padding: 2em 1em;
  }

  .product .details .title_list .pack h4 {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }

  .product .details .title_list .pack .pack_detail .price {
    width: 40%;
    text-align: center;
    line-height: 1.3;
  }

  .product .details .title_list .pack .pack_detail ul {
    width: 60%;
  }
}


/*SPEC*/
.spec {
  margin: 120px 0 0;
  padding: 3vw;
  background: #000;
  color: #fff;
  position: relative;
}

.spec:before {
  content: "";
  width: 100%;
  position: absolute;
  top: -33px;
  left: 0;
  height: 33px;
  background: url(../images/common/bg_jag_up.png) repeat-x;
  background-size: contain;
}

.spec .inner {
  margin: 0 auto;
  max-width: 70%;

  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.spec h3 {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}

.spec h3 figure {
  width: 10vw;
  margin-right: 1em;
}
.spec p {
  margin: 0 1%;
}

.spec p span {
  font-size: 80%;
  font-weight: normal;
}

.spec .lating {
  width: 100%;
  text-align: center;
  margin-top: 1em;
  position: relative;
}

.spec .lating figure {
  display: inline-block;
  width: 50px;
  height: 71px;
  margin-left: 2em;
  vertical-align: middle;
}

.us .spec .lating .__w195 {
  width: 100%;
  height: auto;
}
@media screen and (min-width:769px){
  .us .spec .lating .__w195 {
    width: 195px;
  }
}

.spec .note {
  width: 100%;
  font-size: 80%;
  text-align: center;
  padding: 1em 0;
}

@media screen and (max-width: 768px) {
  .spec {
    padding: 5vw;
  }

  .spec:before {
    top: -24px;
    height: 24px;
  }

  .spec .inner {
    max-width: 90%;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
  }

  .spec h3 figure {
    width: 30vw;
    margin-right: 0;
  }

  .spec h3 {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 900;
    flex-direction: column;
    margin-bottom: 1em;
  }

  .spec p {
    margin: 0 1% 1em;
    line-height: 1.1;
  }
}

/*Twitter*/
.sns {
  margin: 3vw auto 0;
  position: relative;
  width: 30%;
}

.sns a {
  display: block;
  border: 1px solid #fff;
  width: 100%;
  color: #fff;
  padding: 1em 0;
}

.sns a figure {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sns a figure img {
  width: 15%;
}

.sns a figure figcaption {
  font-size: 1.2rem;
  line-height: 1.1;
  margin-left: 1em;
}

.sns a:hover {
  border: 1px solid #fff000;
}
@media screen and (max-width: 768px) {
  .sns {
    margin: 5vw auto;
    position: relative;
    width: 80%;
  }
}

/*modal*/
.mfp-inner.title {
  padding: 3px;
  background: #000;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
  line-height: 1.5;
}

.title-inner {
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.title-inner .title_name {
  width: 100%;
  background-size: contain;
  margin: 2% 0;
  padding: 0.2em 2%;
  font-size: 1.8rem;
  text-shadow: 4px 4px 4px #000000, -2px 4px 4px #000000, 4px -2px 4px #000000,
    -1px -2px 4px #000000, 4px 0px 4px #000000, 0px 4px 4px #000000,
    -2px 2px 4px #000000, 0px -2px 4px #000000;
  text-align: center;
  font-weight: 900;
}

.title-inner.shooting .title_name {
  background: url(../images/common/bg_modal_title.png) no-repeat #009fe8;
}
.title-inner.shooting {
  border-color: #009fe8;
}

.title-inner.action .title_name {
  background: url(../images/common/bg_modal_title.png) no-repeat #e95504;
}
.title-inner.action {
  border-color: #e95504;
}

.title-inner.fighting .title_name {
  background: url(../images/common/bg_modal_title.png) no-repeat #0dac67;
}
.title-inner.fighting {
  border-color: #0dac67;
}

.title-inner .title_image {
  width: 40%;
  padding: 1em 1em 0 1em;
}

.title-inner .title_image figure {
  width: 100%;
}

.title-inner .title_image figure img {
  border: 2px solid #fff;
  margin-bottom: 1em;
}

.title-inner .title_detail {
  width: 55%;
  padding: 1em;
}

.title-inner .title_detail .logo {
  width: 80%;
  margin: 0 auto;
}

.title-inner .title_detail .title_spec {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.title-inner .title_detail .title_spec dt {
  width: 8em;
  background: #ea5503;
  color: #000;
  font-size: 70%;
  margin-bottom: 0.5em;
  margin-right: 1em;
  padding: 0.2em 0;
  text-align: center;
}

.title-inner .title_detail .title_spec dd {
  width: calc(100% - 8em);
  color: #fff;
  font-size: 90%;
  margin-bottom: 0.5em;
}

.title_copy {
  font-size: 0.8em;
  margin-top: 0.5em;
  min-height: 7em;
}

.title_txt {
  font-size: 80%;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .title-inner {
    flex-direction: column;
  }

  .title-inner .title_image {
    order: 3;
  }
  .title-inner .title_detail {
    order: 2;
  }

  .title-inner .title_name {
    margin: 5% 0;
    padding: 0.2em 2%;
    font-size: 1.5rem;
  }

  .title-inner .title_image {
    width: 100%;
    padding: 1em 1em 0 1em;
  }

  .title-inner .title_detail {
    width: 100%;
    padding: 1em;
  }

  .title_copy {
    font-size: 1rem;
    margin-top: 1em;
    min-height: inherit;
  }

  .title-inner .title_detail .title_spec dt {
    font-size: 80%;
  }

  .title-inner .title_detail .title_spec dd {
    font-size: 100%;
  }
}

/* 202102 add to */
@media screen and (min-width: 769px) {
  .hide-pc {
    display: none;
  }
  .__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .hide-sp {
    display: none;
  }
}
.__wht {
  color: #fff;
}
.__ylw {
  color: #fff000;
}

.midway {
  margin: 1.771vw auto 2.083vw;
  background: rgba(230, 0, 18, 0.8);
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .midway {
    width: 62.396vw;
  }
}
.midway::before {
  position: absolute;
  content: "";
  width: 9.74vw;
  height: 9.74vw;
  top: 5%;
  left: 3%;
  background-image: url(../images/common/midway_1942.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 0.208vw solid #fff;
  box-shadow: 0.208vw 0.208vw;
}
@media screen and (max-width: 768px) {
  .midway::before {
    width: 24.933vw;
    height: 24.933vw;
  }
}
.midway .midway-subttl {
  font-size: 1.563vw;
  color: #e60012;
  background: #fff;
  margin-top: 1.406vw;
  font-weight: bolder;
  padding: 0.625vw 0 0.521vw;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .midway .midway-subttl {
    font-size: 4vw;
    text-align: right;
    padding-right: 4vw;
    line-height: 1.3;
  }
  .__kr .midway .midway-subttl {
    font-size: 3.5vw;
  }
}
.__en .midway .midway-subttl {
  text-align: right;
  padding-right: 4.6vw;
}
@media screen and (max-width:768px){
  .__en .midway .midway-subttl {
    text-align: center;
    padding-left: 28vw;
  }
}
.midway .midway-ttl {
  color: #fff000;
  font-size: 2.867vw;
  letter-spacing: 0.025em;
  text-align: right;
  padding-right: 3vw;
}
@media screen and (max-width: 768px) {
  .midway .midway-ttl {
    font-size: 1.8rem;
    text-align: center;
    padding: 0.8rem 0 0 26vw;
    line-height: 1.3;
    margin-bottom: -0.5rem;
  }
}
.__en .midway .midway-ttl {
  font-size: 2.367vw;
  padding-right: 1vw;
}
@media screen and (min-width:769px){
  .__cn .midway .midway-ttl,
  .__kr .midway .midway-ttl{
    font-size: 2.667vw;
  }
  .__cn .midway .midway-ttl{
    padding-right: 1vw;
  }
}
.__kr .midway .midway-ttl,
.__hk .midway .midway-ttl{
  padding-right: 1.5vw;
}
@media screen and (max-width:768px){
  .__en .midway .midway-ttl {
    font-size: 5.367vw;
    padding-right: 0;
    padding-top: 0.3rem;
  }
}
.buy_btn {
  width: 19.875vw;
  height: 4.74vw;
  border-radius: 2.37vw;
  box-shadow: 0 0 0 4px #fff;
  margin: 0 auto 1.563vw;
  background: #e60012;
  position: relative;
}
@media screen and (max-width: 768px) {
  .buy_btn {
    width: 60vw;
    height: 13.133vw;
    border-radius: 6.067vw;
    box-shadow: 0 0 0 2px #fff;
    margin: 5.833vw auto 4vw;
  }
  .us .buy_btn {
    margin: 4.233vw auto 4vw;
  }
}
.buy_btn::before {
  position: absolute;
  width: 1.367vw;
  height: 1.471vw;
  background-image: url(../images/common/more_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  right: 0.521vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .buy_btn::before {
    width: 3.867vw;
    height: 3.871vw;
    right: 12%;
    top: 75%;
  }
}
.buy_btn .nintendo-store-inner img {
  width: 100%;
  padding: 3% 12% 0;
}
.buy_btn .spec-title-text.__wht {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 0.5;
  position: relative;
  right: -0.256vw;
}
@media screen and (max-width: 768px) {
  .buy_btn .spec-title-text.__wht {
    font-size: 2.757vw;
  }
}
.__en .buy_btn .spec-title-text.__wht {
  font-size: 1.3rem;
}
.makaimura-return {
  position: relative;
  width: 62.138vw;
  height: 7.76vw;
  margin: auto;
  background-image: url(../images/common/ac_makaimura_main_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  box-shadow: 0.208vw 0.208vw;
  outline: 0.208vw solid #fff;
  outline-offset: -0.208vw;
}
@media screen and (max-width: 768px) {
  .makaimura-return {
    width: 94.667vw;
    height: 26vw;
    background-image: url(../images/common/ac_makaimura_main_bg_sp.jpg);
    outline: none;
    box-shadow: 0.267vw 0.267vw;
  }
}
@media screen and (min-width:769px){
  .__kr .makaimura-return {
    height: 9.76vw;
    background-image: url(../images/common/ac_makaimura_main_bg_kr.jpg);
  }
}
.makaimura-return::before {
  position: absolute;
  content: "";
  width: 8.333vw;
  height: 8.333vw;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1.302vw;
  outline: 0.208vw solid #fff;
  background-image: url(../images/common/makaimura_thm.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  box-shadow: 0.308vw 0.308vw;
}
@media screen and (max-width: 768px) {
  .makaimura-return::before {
    width: 21.333vw;
    height: 21.333vw;
    left: 2.267vw;
    box-shadow: 0.533vw 0.533vw;
  }
}
.__en .makaimura-return::before ,
.__kr .makaimura-return::before {
  background-image: url(../images/thum/thum_title05_gl.jpg);
}
.makaimura-return::after {
  position: absolute;
  width: 2.3vw;
  height: 2.3vw;
  background-image: url(../images/common/more_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  right: 1.5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .makaimura-return::after {
    bottom: 1.333vw;
    width: 5.067vw;
    height: 5.171vw;
    background-image: url(../images/common/more_btn.png);
    right: 2.5vw;
    top: initial;
  }
  .__en .makaimura-return::after {
    bottom: 5.333vw;
  }
  .__kr .makaimura-return::after {
    bottom: -.6vw;
  }
}
@media screen and (min-width:769px){
  .__cn .makaimura-return::after{
    top: 45%;
  }
}
.makaimura-return span {
  color: #fff;
  font-size: 1.55vw;
}
.__en .makaimura-return span {
  font-size: 1.4vw;
}
@media screen and (max-width: 768px) {
  .makaimura-return span,
  .__en .makaimura-return span {
    font-size: 3vw;
  }
  .makaimura-return span:nth-of-type(2) {
    font-size: 3.5vw;
  }
}
.makaimura-return p {
  text-shadow: black 0.154vw 0px 0.154vw, black -0.154vw 0px 0.154vw,
    black 0px -0.154vw 0.154vw, black -0.154vw 0px 0.154vw,
    black 0.154vw 0.154vw 0.154vw, black -0.154vw 0.154vw 0.154vw,
    black 0.154vw -0.154vw 0.154vw, black -0.154vw -0.154vw 0.154vw,
    black 0.152vw 0.154vw 0.154vw, black -0.152vw 0.154vw 0.154vw,
    black 0.152vw -0.154vw 0.154vw, black -0.152vw -0.154vw 0.154vw,
    black 0.154vw 0.152vw 0.154vw, black -0.154vw 0.152vw 0.154vw,
    black 0.154vw -0.152vw 0.154vw, black -0.154vw -0.152vw 0.154vw,
    black 0.152vw 0.152vw 0.154vw, black -0.152vw 0.152vw 0.154vw,
    black 0.152vw -0.152vw 0.154vw, black -0.152vw -0.152vw 0.154vw;
}
@media screen and (max-width: 768px) {
  .makaimura-return p {
    text-shadow: 0 0.4vw 0.15vw black, 0 0.3vw 0.15vw black,
      0.1vw 0.3vw 0.15vw black, 0.2vw 0.3vw 0.15vw black,
      0.2vw 0.2vw 0.15vw black, 0.3vw 0.2vw 0.15vw black,
      0.3vw 0.1vw 0.15vw black, 0.3vw 0 0.15vw black, 0.4vw 0 0.15vw black,
      0.3vw -0.1vw 0.15vw black, 0.3vw -0.2vw 0.15vw black,
      0.3vw -0.3vw 0.15vw black, 0.2vw -0.3vw 0.15vw black,
      0.2vw -0.4vw 0.15vw black, 0.1vw -0.4vw 0.15vw black,
      0 -0.4vw 0.15vw black, -0.1vw -0.4vw 0.15vw black,
      -0.2vw -0.4vw 0.15vw black, -0.3vw -0.4vw 0.15vw black,
      -0.3vw -0.3vw 0.15vw black, -0.4vw -0.3vw 0.15vw black,
      -0.4vw -0.2vw 0.15vw black, -0.4vw -0.1vw 0.15vw black,
      -0.4vw 0 0.15vw black, -0.4vw 0.1vw 0.15vw black,
      -0.4vw 0.2vw 0.15vw black, -0.3vw 0.2vw 0.15vw black,
      -0.3vw 0.3vw 0.15vw black, -0.2vw 0.3vw 0.15vw black,
      -0.1vw 0.3vw 0.15vw black, 0.3vw 0.7vw 0.15vw black,
      0.3vw 0.6vw 0.15vw black, 0.4vw 0.6vw 0.15vw black,
      0.5vw 0.6vw 0.15vw black, 0.5vw 0.5vw 0.15vw black,
      0.6vw 0.5vw 0.15vw black, 0.6vw 0.4vw 0.15vw black,
      0.6vw 0.3vw 0.15vw black, 0.7vw 0.3vw 0.15vw black,
      0.6vw 0.2vw 0.15vw black, 0.6vw 0.1vw 0.15vw black, 0.6vw 0.15vw black,
      0.5vw 0.15vw black, 0.5vw -0.1vw 0.15vw black, 0.4vw -0.1vw 0.15vw black,
      0.3vw -0.1vw 0.15vw black, 0.2vw -0.1vw 0.15vw black,
      0.1vw -0.1vw 0.15vw black, 0 -0.1vw 0.15vw black, 0 0 0.15vw black,
      -0.1vw 0.15vw black, -0.1vw 0.1vw 0.15vw black, -0.1vw 0.2vw 0.15vw black,
      -0.1vw 0.3vw 0.15vw black, -0.1vw 0.4vw 0.15vw black,
      -0.1vw 0.5vw 0.15vw black, 0 0.5vw 0.15vw black, 0 0.6vw 0.15vw black,
      0.1vw 0.6vw 0.15vw black, 0.2vw 0.6vw 0.15vw black;
  }
}
.makaimura-return p:first-child {
  color: #fff;
  font-size: 1.55vw;
  padding-top: 1.058vw;
}
.__kr .makaimura-return p:first-child{
  font-size: 1.35vw;
  padding-top: .5vw;
}
@media screen and (max-width:768px){
  .__kr .makaimura-return p:first-child{
    font-size: 3.2vw;
  }
}
.__en .makaimura-return p:first-child {
  font-size: 1.4vw;
  padding: 0.558vw 0 0 5vw;
  text-align: center;
}
@media screen and (max-width:768px){
  .__en .makaimura-return p:first-child {
    font-size: 3.4vw;
  }
}
.makaimura-return p:nth-child(2) {
  font-size: 1.823vw;
  position: relative;
  left: 2.656vw;
  line-height: 1.3;
}

.__kr .makaimura-return p:nth-child(2) {
  font-size: 1.623vw;
}
@media screen and (max-width:768px){
  .__kr .makaimura-return p:nth-child(2) {
    font-size: 3vw;
  }
}
.__en .makaimura-return p:nth-child(2) {
  line-height: 1.2;
}
.__kr .makaimura-return p:nth-child(2),
.__cn .makaimura-return p:nth-child(2){
  position: initial;
  left: initial;
}
@media screen and (min-width:769px){
  .__cn .makaimura-return p:nth-child(2),
  .__hk .makaimura-return p:nth-child(2){
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .makaimura-return p:first-child {
    font-size: 3vw;
  }
  .makaimura-return p:nth-child(2) {
    font-size: 4.004vw;
    line-height: 1.5;
  }
}
.makaimura-return > a {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .makaimura-return div{
    width: 80%;
    margin-left: auto;
    padding-top: 3vw;
  }
  .__kr .makaimura-return div{
    padding-top: 2vw;
  }
  .__en .makaimura-return div{
    padding-top: 1vw;
    line-height: 1.3;
  }
}
.add-ttl-area {
  background: url(../images/common/title_bg.jpg);
  margin: 2.813vw 0 2.552vw;
  height: 10.104vw;
  align-items: center;
  box-shadow: 0vw 0.208vw;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .add-ttl-area {
    background: url(../images/common/title_bg_sp.jpg);
    margin: 2.813vw 0 2.552vw;
    height: 62.567vw;
    z-index: 1;
    background-size: cover;
  }
  .__en .add-ttl-area {
    height: 49.5vw;
  }
  .__asia .add-ttl-area {
    height: 52.567vw;
  }
}
.add-ttl-area div {
  text-align: center;
  font-size: 5.532vw;
}
@media screen and (max-width: 768px) {
  .__en .add-ttl-area div {
    font-size: 4.832vw;
    padding: 0;
  }
  .add-ttl-area.__flex .__ylw {
    padding-top: 2vw;
    margin-bottom: -1.3vw;
  }
}
@media screen and (min-width: 769px) {
  .add-ttl-area div {
    z-index: 30;
    display: inline-block;
    font-size: 1.68vw;
  }
  .add-ttl-area > div:nth-child(1) {
    width: 30%;
  }
  .__en .add-ttl-area > div:nth-child(1) {
    width: 27.5%;
  }
}
.add-ttl-area > div:nth-child(2) {
  font-size: 2.083vw;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .add-ttl-area > div:nth-child(2) {
    font-size: 5.86vw;
    width: 95%;
    margin: auto;
    padding: 3.5vw 0 4vw;
    margin-top: 3.5vw;
  }
}
.add-ttl-area > div:nth-child(2) dt .__small {
  display: block;
  font-size: 1.302vw;
  line-height: 1;
  margin: 0.5rem 0 -0.3rem;
}
.__en .add-ttl-area > div:nth-child(2) dt .__small {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .add-ttl-area > div:nth-child(2) dt .__small {
    font-size: 3.82vw;
    margin: 1rem 0 -0.3rem;
  }
  .__kr .add-ttl-area > div:nth-child(2) dt .__small {
    font-size: 3.12vw;
    margin: 1rem 0 -0.3rem;
  }
}
@media screen and (min-width: 769px) {
  .add-ttl-area > div:nth-child(3) {
    width: 20%;
  }
}
.add-ttl-area > div:nth-child(3) a p {
  background: #fff000;
  border-radius: 1.903vw;
  width: 14.92vw;
  margin: auto;
  font-size: 1.258vw;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .add-ttl-area > div:nth-child(3) a p {
    border-radius: 4.871vw;
    width: 48.875vw;
    height: 9.741vw;
    font-size: 3.733vw;
  }
}
.add-ttl-area.__flex .__flex dt {
  width: 50%;
}
.__en .add-ttl-area.__flex .__flex dt {
  padding-left: 2.563vw;
  align-items: center;
  display: grid;
  display: -ms-grid;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .add-ttl-area.__flex .__flex dt {
    width: 50%;
  }
}
.right-border {
  position: relative;
  padding-right: 1.5vw;
}
@media screen and (max-width: 768px) {
  .right-border {
    padding-right: 0;
  }
}
.right-border::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 50%;
  bottom: 50%;
  top: 50%;
  right: 0;
  background: #fff;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .right-border::before {
    width: 1px;
    height: 45%;
    bottom: 1.377vw;
  }
  .__asia .right-border::before {
    transform: initial;
  }
}
.product .details .title_list .base.__b-ylw {
  border: 3px solid #fff000;
}
.add-ttl-area.__flex .__flex {
  position: relative;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .add-ttl-area.__flex .__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
  }
}
.add-ttl-area.__flex .__flex dt:nth-child(2) {
  padding-left: 2.563vw;
  align-items: end;
  display: grid;
  display: -ms-grid;
}
@media screen and (max-width: 768px) {
  .add-ttl-area.__flex .__flex dt:nth-child(2) {
    line-height: 1.2;
  }
}
.bnr_download .date {
  position: relative;
  text-indent: 2vw;
}
@media screen and (max-width: 768px) {
  .ja .product .details .inner .lead .bnr_download .date {
    font-size: 1.2rem;
    line-height: 1.3;
    border-bottom: 1.6vw solid #ff0000;
    border-radius: 0 0 3.3vw 3.3vw;
    margin-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1rem;
  }
  .ja .product .details .inner .lead .bnr_download .date.none-dp {
    padding-left: 0;
  }
}
.bnr_download.__arrow .date::before {
  position: absolute;
  width: 1.867vw;
  height: 1.971vw;
  background-image: url(../images/common/more_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  left: 2%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .bnr_download.__arrow .date::before {
    position: absolute;
    width: 30%;
    height: 30%;
    left: 7%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
  }
  .us .bnr_download.__arrow .date::before {
    left: -2%;
  }
}
.bnr_download.__arrow .date.none-dp::before {
  content: none
}
a.btn.world-blck {
  text-align: center;
  margin: 5.604vw auto 0;
}
@media screen and (min-width: 769px) {
  a.btn.world-blck {
    margin: 2.604vw auto 0;
    width: 26.093vw;
  }
  .platform {
    width: 89%;
    margin: 0 auto;
  }
  .platform:nth-of-type(2) {
    margin: 4% auto 0;
  }
  .platform ul {
    width: 70%;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .platform {
    margin: 5% -5% auto;
  }
}
.platform .title {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .platform .title {
    text-align: left;
    padding-left: 1%;
  }
}

.platform .text {
  width: 75%;
  display: inline-block;
  position: relative;
  padding-left: 2em;
  text-align: left;
}
.platform .text:before {
  content: "：";
  position: absolute;
  top: 0;
  left: 0;
}
.platform li {
  align-items: flex-start;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.platform li .lating {
  text-align: center;
  position: relative;
  margin-top: 0;
  width: auto;
  vertical-align: top;
  display: flex;
  align-items: flex-start;
}
.up-mark {
  background: #fff000;
  text-shadow: none;
  color: #000;
  display: inline-block;
  font-size: 0.938vw;
  padding: 0.26vw 0.521vw;
  line-height: 1;
  margin-right: 1.042vw;
}
@media screen and (max-width: 768px) {
  .up-mark {
    font-size: 2.4vw;
    padding: 0.4vw 1.067vw;
  }
}
.add-ttl-area.__flex .__wht .--price {
  color: #fff000;
  font-size: 1vw;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 768px) {
  .add-ttl-area.__flex .__wht .--price {
    font-size: 3vw;
    line-height: 1.5;
  }
}
.add-ttl-area.__flex .__wht .--price span {
  font-size: 1.8vw;
  margin-top: -0.5vw;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .add-ttl-area.__flex .__wht .--price span {
    font-size: 4vw;
  }
}
.add-ttl-area.__flex .__ylw p {
  text-shadow: 4px 4px 2px #000000, -2px 4px 2px #000000, 2px -2px 2px #000000,
    -1px -2px 2px #000000, 4px 0px 2px #000000, 0px 4px 2px #000000,
    -2px 2px 2px #000000, 0px -2px 2px #000000;
  padding-left: 2.135vw;
  padding-left: 2.135vw;
}
@media screen and (min-width: 769px) {
  .add-ttl-area.__flex .__ylw p {
    font-size: 1.771vw;
    text-align: left;
  }
  .__en .add-ttl-area.__flex .__ylw p {
    text-align: center;
    padding-left: 0;
    line-height: 1.3;
  }
}
.title_list .pack .pack_price {
  color: #fff;
  display: block;
  letter-spacing: 0.05em;
}
.title_list .pack .pack_price span {
  font-size: 0.8rem;
}

#goto_top {
  position: fixed;
  right: 0;
  bottom: 5%;
  z-index: 100;
}
#goto_top a {
  transition: all 0.3s ease;
}
#goto_top a:hover {
  transition: all 0.3s ease;
  opacity: 0.8;
}
#goto_top a img {
  width: 65%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #goto_top a img {
    width: 13.208vw;
    height: 13.208vw;
  }
}
.product_name .price span {
  font-size: 0.9rem;
}
.platform .platform-name {
  text-align: center;
  margin-bottom: 2.5vw;
}
.platform .platform-names {
  font-size: 1.6vw;
}
@media screen and (max-width: 768px) {
  .platform .platform-names {
    font-size: 5.2vw;
  }
}
.platform .text.no-text {
  text-align: center;
  width: 100%;
  padding-left: 0;
}
.platform .text.no-text:before {
  content: none;
}
 .--nolink.__wht {
  font-size: 1.65vw;
  margin: -1vw -8vw .5vw 0;
  display: inline-block;
}
@media screen and (max-width: 768px) {
   .--nolink.__wht {
    font-size: 3.9vw;
    margin: 3vw 0 2vw;
  }
   .__kr .--nolink.__wht {
    font-size: 4.5vw;
  }
}
.makaimura-return .--inner_block {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width:769px){
  .__hk .makaimura-return .--inner_block{
    padding-left: 4vw;
  }
  .__kr .makaimura-return .--inner_block  {
    padding-left: 7vw;
  }
}
.__cn .makaimura-return .--inner_block {
  padding-left: 10vw;
}
@media screen and (max-width:768px){
  .__cn .makaimura-return .--inner_block {
    padding-left: 24vw;
    width: 100%;
  }
}
.__kr .makaimura-return span {
  font-size: 1.28vw;
  display: block;
  padding: .3vw 0;
}
@media screen and (max-width:768px){
  .__kr .makaimura-return span {
    font-size: 3vw;
  }
}
.spec .faq {
  width: 90%;
  margin: 3.577vw auto 0;
}
@media screen and (max-width:768px){
  .spec .faq {
    margin: 6.577vw auto 3.557vw;
  }
}
.spec .faq .faq-ttl {
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width:768px){
  .spec .faq .faq-ttl {
    font-size: 3.5vw;
  }
}
.spec  .faq-list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: .5em;
  justify-content: center;
}
.spec  .faq-list__item {
  margin-bottom: 0.736vw;
  border: 1px solid #ddd;
  font-size: .8rem;
  width: 20%;
}
@media screen and (max-width:768px){
  .spec  .faq-list__item {
    width: 49%;
    margin-bottom: 2.536vw;
  }
}
@media screen and (min-width:769px){
  .spec  .faq-list__item:not(:last-child){
    margin-right: 1%;
  }
}
@media screen and (max-width:768px){
  .spec  .faq-list__item:nth-child(odd){
    margin-right: 2%;
  }
}
.spec  .faq-list__item a {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 1em;
  padding: .4em .8em;
}

/* 210317 */
.set-pack {
  outline: 0.365vw solid #fff;
  outline-offset: -0.365vw;
  width: 70.521vw;
  margin: auto;
  background: rgba(230, 0, 18, 0.8);
  text-align: center;
  margin-top: 2.292vw;
  padding: 0 3.906vw 3.177vw;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width:768px){
  .set-pack {
    width: 90%;
    outline: 0.865vw solid #fff;
    outline-offset: -0.865vw;
  }
}
@media screen and (min-width:769px){
  .set-pack {
    overflow: hidden;
  }
}
.set-pack .set-pack-ttl-txt {
  color: #fff000;
  font-size: 3.267vw;
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: 2.292vw;
  font-weight: 800;
}
.global.set-pack .set-pack-ttl-txt {
  font-size: 2.867vw;
}
@media screen and (max-width:768px){
  .set-pack .set-pack-ttl-txt,
  .global.set-pack .set-pack-ttl-txt  {
    font-size: 5.9vw;
    line-height: 1.2;
  }
}
.set-pack-main.__flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.set-pack-main-box {
  background: url(../images/common/set-pack-bg.jpg) #000;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  margin-top: 1.719vw;
  box-shadow: 0.208vw 0.208vw #000;
  padding: 1.25vw 1.458vw 1.406vw 1.458vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0.2vw solid #fff;
  outline-offset: -0.4vw;
}
@media screen and (max-width:768px){
  .set-pack-main-box {
    /* background-size: contain; */
    outline: 0.4vw solid #fff;
    outline-offset: -0.8vw;
  }
}
@media screen and (min-width:769px){
  .set-pack-main-box {
    width: 30.208vw;
    height: 37.552vw;
  }
}
.set-pack-main-box-top {
  font-size: 2.083vw;
  color: #fff000;
  text-shadow: 4px 4px 2px #000000, -2px 4px 2px #000000, 2px -2px 2px #000000, -1px -2px 2px #000000, 4px 0px 2px #000000, 0px 4px 2px #000000, -2px 2px 2px #000000, 0px -2px 2px #000000;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width:768px){
  .set-pack-main-box-top {
    font-size: 5vw;
    padding-top: 2.3vw;
  }
  .set-pack-main-box-top.-right {
    padding-top: 3.8vw;
  }
  .global.en .set-pack-main-box-top.-right {
    padding-top: 1.8vw;
  }
  .global.asia .set-pack-main-box-top.-right {
    margin: 1.3vw auto 2vw;
  }
}
@media screen and (min-width:769px){
  .set-pack-main-box-top {
    height: 14.5%;
  }
  .global .set-pack-main-box-top {
    height: 11.5%;
  }
}
.global .set-pack-main-box-top.-right p {
  line-height: 1.2;
}
.set-pack-main-box-top span {
  display: block;
  font-size: 1.426vw;
}
@media screen and (max-width:768px){
  .set-pack-main-box-top span {
    font-size: 3vw;
  }
}
.set-pack-main-box-btm {
  margin: 4vw 1vw;
}
@media screen and (max-width:768px){
  .set-pack-main-box-btm.-right {
    margin: 6.5vw 2vw 2vw;
  }
  .set-pack-main-box-btm {
    margin: 4vw 1vw 2vw;
  }
}
@media screen and (min-width:769px){
  .set-pack-main-box-btm {
    height: 85.5%;
    margin: 1.346vw 0 0;
  }
  .global .set-pack-main-box-btm {
    margin: 3.6vw 0 0;
  }
  .global.asia .set-pack-main-box-btm.-right {
    margin-top: 4vw;
  }
}
._price {
  font-size: 1.172vw;
  padding-bottom: 1vw;
}
@media screen and (max-width:768px){
  ._price {
    padding: 1vw 0 2.5vw;
    font-size: 3vw;
  }
}
._price span {
  font-size: 1.758vw;
}
@media screen and (max-width:768px){
  ._price span {
    font-size: 4.5vw;
  }
}
._product{
  outline-offset: -0.2vw;
}
._product._left{
  outline: 0.2vw solid #f29600;
  padding: 1.615vw 1.563vw;
}
.global.en ._product._left{
  padding: 3.615vw 1.563vw 3.867vw;
}
.global.asia ._product._left{
  padding: 3.615vw 1.563vw;
}
@media screen and (max-width:768px){
  ._product._left{
    padding: 4vw 1.563vw;
  }
  .global ._product._left{
    margin-top: 4vw;
  }
}
._product figcaption {
  font-size: 1.326vw;
  line-height: 1.3;
}
.global ._product figcaption {
  font-size: 1.626vw;
}
@media screen and (max-width:768px){
  ._product figcaption {
    font-size: 3.2vw;
  }
  .global ._product figcaption {
    font-size: 3.626vw;
  }
}
._product-r-btn {
  background: #fff000;
  color: #000;
  border-radius: 36px;
  display: inline-block;
  position: relative;
  padding: 1.354vw 4.167vw 1.354vw 3.906vw;
  font-size: 1.25vw;
  margin-top: 1.25vw;
}
@media screen and (max-width:768px){
  ._product-r-btn {
    font-size: 3.2vw;
    padding: 2.854vw 6.567vw 2.854vw 5.906vw;
    margin-top: 3vw;
  }
}
._product-r-btn::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0.938vw;
  transform: translateY(-50%);
  width: 1.28vw;
  height: 1.384vw;
  background: url(../images/common/arrow-bk.png);
  background-size: cover;
}
._product-r-btn._small::before{
  width: .98vw;
  height: .98vw;
}
@media screen and (max-width:768px){
  ._product-r-btn::before {
    width: 3.06vw;
    height: 3.16vw;
    right: 2.038vw;
  }
  ._product-r-btn._small::before{
    width: 2.06vw;
    height: 2.26vw;
    right: 2.038vw;
  }
}
._product-r-btn._small {
  padding: 0.938vw 2.708vw 0.938vw 2.917vw;
  font-size: 0.863vw;
  margin-top: 0.833vw;
}
@media screen and (max-width:768px){
  ._product-r-btn._small {
    font-size: 2.8vw;
    padding: 2vw 5.8vw;
    margin-top: 2vw;
  }
}
.title_list ._product-r-btn._small {
  padding: 0.938vw 5.008vw 0.938vw 5.217vw;
}
@media screen and (max-width:768px){
  .title_list ._product-r-btn._small {
    padding: 1.5vw 16.8vw;
  }
  .title_list ._product-r-btn._small::before{
    width: 2.56vw;
    height: 2.66vw;
  }
}
.title_list .makaimura ._product-r-btn._small{
  padding: 0.938vw 4.208vw 0.938vw 4.417vw;
}
@media screen and (max-width:768px){
  .title_list .makaimura ._product-r-btn._small{
    padding: 2vw 14vw;
  }
}
._product._flex-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.833vw 0 0.833vw 0.738vw;
}
._product._flex-all:nth-of-type(n + 3),
.global ._product._flex-all:nth-of-type(n + 2){
  margin-top: 0.47vw;
}

@media screen and (max-width:768px){
  ._product._flex-all:nth-of-type(n + 2) {
    padding: 1.2vw;
  }
  ._product._flex-all:nth-of-type(n + 3) ,
  .global ._product._flex-all:nth-of-type(n + 2),
  .global.asia ._product._flex-all:nth-of-type(n + 2) {
    margin-top: 2.41vw;
  }
}
._product-l {
  width: 7.1vw;
}
@media screen and (max-width:768px){
  ._product-l {
    width: 29.5%;
  }
}
._first{
  outline: 0.2vw solid #2bbcff;
}
._second{
  outline: 0.2vw solid #ee8db7;
}
._third{
  outline: 0.2vw solid #14d682;
}
._product-r-txt {
  line-height: 1.5;
}
@media screen and (max-width:768px){
  ._product-r-txt {
    font-size: 3vw;
    line-height: 1.3;
  }
}
._product-r {
  flex: 1;
}
.global ._product-r {
  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;
}
._product._left img{
  margin-top: 0.833vw;
}
@media screen and (max-width:768px){
  ._product._left img {
    margin-top: 2vw;
  }
}
.set-pack-bnr {
  background: url(../images/common/maine-dwn-bnr.jpg)no-repeat center center;
  background-size: 100% auto;
  margin-top: 1.875vw;
  height: 7.76vw;
  position: relative;
  box-shadow: 0.208vw 0.208vw #000;
}
@media screen and (max-width:768px){
  .set-pack-bnr {
    background: url(../images/common/maine-dwn-bnr-sp.jpg) no-repeat center center;
    background-size: 100% auto;
    height:22.4vw;
  }
}
.set-pack-bnr::before{
  background: url(../images/common/midway_1942.jpg);
  width: 9.1vw;
  height: 9.1vw;
  background-size: cover;
  box-shadow: 0.208vw 0.208vw #000;
  position: absolute;
  content: "";
  bottom: -.7vw;
  left: 1.573vw;
  transform: rotate(-10deg);
  outline: 0.208vw solid #fff;
  outline-offset: -0.208vw;
  z-index: 10;
}
@media screen and (max-width:768px){
  .set-pack-bnr::before{
    width: 20.1vw;
    height: 20.1vw;
    left: -1.527vw;
    /* left: -3.527vw; */
    bottom: 0;
    box-shadow: 0.708vw 0.708vw #000;
  }
}
.set-pack-bnr::after{
  background: url(../images/common/more_btn.png);
  width: 1.667vw;
  height: 1.771vw;
  background-size: cover;
  position: absolute;
  content: "";
  top: 50%;
  right: 1vw;
  transform: translateY(-50%) ;
  z-index: 20;
}
.global.asia .set-pack-bnr::after,
.en-asia .set-pack-bnr::after{
  content: none;
}

.set-pack-bnr-txt {
  font-size: 1.845vw;
  text-shadow: 4px 4px 2px #000000, -2px 4px 2px #000000, 2px -2px 2px #000000, -1px -2px 2px #000000, 4px 0px 2px #000000, 0px 4px 2px #000000, -2px 2px 2px #000000, 0px -2px 2px #000000;
  line-height: 1.5;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 10%;
}
.global .set-pack-bnr-txt{
  font-size: 2.45vw;
  /* line-height: 1.3; */
}
.global.asia .set-pack-bnr-txt{
  font-size: 2.1vw;
}

.set-pack-bnr-txt.__ylw span {
  display: block;
  letter-spacing: 1px;
  font-size: 1.5vw;
}
@media screen and (max-width:768px){
  .set-pack-bnr-txt {
    font-size: 3vw;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  .global .set-pack-bnr-txt{
    transform: translateY(-50%) translateX(-44%);
  }
  .global .set-pack-bnr-txt,
  .global.asia .set-pack-bnr-txt{
    font-size: 3.8vw;
  }
  .set-pack-bnr-txt.__ylw span {
    font-size: 3vw;
    line-height: 1.8;
  }
  .set-pack-bnr::after{
    width: 3.334vw;
    height: 3.542vw;
    right: 2.5vw;
  }
}
.bnr_area {
  margin-top: 3.906vw;
}

.product_name-r {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product_name-r {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}