@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 641px){

/*  */
.topinfo-date {width: 28vw!important;display: block;position: absolute;left: 14vw;top: 23.5vw;}

.topinfo-console__wrap .console-icon.icon-xone {margin-right: 1vw;height:2.5vw;margin-bottom:-0.4vw;}

.story-title {position: absolute;top: 0;left: 0;width: 47vw;font-size: 5vw;z-index: 1;color: #fff;left: 6vw;top: 4vw;line-height: 1.3;text-shadow: 0 0 2vw rgba(0,0,0,0.8), 0 0 2vw rgba(0,0,0,0.8), 0 0 2vw rgba(0,0,0,0.8);z-index: 3;line-height: 1.2;}

.content-product{padding-bottom:80px;}

.area-upgrade{display:block;}
.area-upgrade img{display:block;position:absolute;right:1.5%;width:50%;top:18%;}

.btn_ot{background-color:#036ab5;color:#fff;padding:10px 20px;border-radius:10px;margin-bottom:30px;display:inline-block;}

.info-box__text{padding:1em 4%!important;}

.footer_logoheight.xone {height: 56px;margin-bottom: -6px;}

.footer_logoheight.cero{height: 76px!important;margin-bottom: -6px;}

#footer .inner_centering{max-width: none;}

#wrapper.select-lang{background:url('../img/top/features_bg.jpg');background-size:cover; }


/* selectlang */

.menu__selectlang{background-color:#000;position:absolute;top:0;left:0;height:100%;width:120px;}
.menu__selectlang ul{height:100%;position:relative;overflow:hidden;}
.menu-bar__inner{padding:0 120px;}

/* .menu__selectlang{height:100%;position:relative;} */
.menu__selectlang li{color:#fff;height:100%;display:block;vertical-align:middle;background-color:#000;border-top:1px solid #333;}
.menu__selectlang li a{height:100%;display:block;position:relative;color:#fff;}
.menu__selectlang li span{display:block;width:100%;text-align:center;top:50%;position:absolute;line-height:1;margin-top:-0.5em;transition:all 0.2s;}

.menu__selectlang li:first-child a{background-color:rgba(255,0,0,0.4);border-top:0px solid #000;}
.menu__selectlang li a:hover{background-color:rgba(255,0,0,0.3);}

.menu-bar.stylechange .menu__selectlang li span{font-size:14px;}


/*  */

.product .content__wrap{padding-top:0!important;}

.product .tab .tit{padding-bottom:20px;border-bottom:1px solid #888;margin-bottom:6px;font-size:18px;font-weight:800;color:#fff;line-height:1;}
.product .tab .twoline{display:block;}
.product .tab .twoline .box{display:block;width:840px;margin:0 auto 20px;border:1px solid #000;background:rgba(0,0,0,0.7);padding:30px;border-radius:10px;}

.product .btn{padding:0;background-color:transparent;display:inline-block;}
.product .btn img{display:block;box-shadow:5px 5px 0px rgba(0,0,0,0.2);transition:all 0.2s;}
.product .btn img:hover{display:block;box-shadow:0px 0px 0px rgba(0,0,0,0.2);transform: scale(0.94,0.94);}
.product .btn:hover{background:transparent;}

.product .line-product{background-color:transparent;margin:120px 0 0;}

.product .sub-title .min{border:0;background:transparent;color:#000;}
.product .tab .img.steam.upgradepack{margin-bottom:30px;}

.product .tab_list{width:900px;}
.product .tab_list li{margin:0 3px;}


.area-selectconsole{background-color:#500000;margin-bottom:80px;overflow:hiddne;}
.area-selectconsole ul{display:block;overflow:hidden;transition:all 0.5s;}
.area-selectconsole ul.off{height:80px;}
.area-selectconsole li{display:block;border-bottom:1px solid #222;position:relative;}
.area-selectconsole li:hover{background:#700000;}
.area-selectconsole li a{color:#fff;display:block;text-align:center;font-size:20px;height:80px;}
.area-selectconsole li a .text{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.area-selectconsole li:first-child a:after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left:30px;
}

}







/* IE Hack */

@media all and (-ms-high-contrast: none) {
  .news-headline{
    background: none !important;
		font-weight:normal!important;
		font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
  }
}



@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/

}






/*----------------------------------------
	for Tab
----------------------------------------*/

@media screen and (max-width: 1199px) and (min-width: 641px){
	.btn-movie{position:absolute;left:auto;top:30px;right:30px;display:block;width:220px;background-color:#000;border:1px solid #fff;}

	.wrap-banner-lefttop{right:20px;left:auto;top:40px;}
		.banner_lefttop{width:240px;display:block;margin-bottom:8px;}
		.banner_lefttop img{width:100%;display:block;margin-bottom:8px;}

}



/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 640px) {


.story-title {position: absolute;left: 0;width: 67vw;font-size: 8vw;z-index: 1;color: #fff;left: 6vw;top: 27vw;line-height: 1.5;text-shadow: 0 0 2vw rgba(0,0,0,0.8), 0 0 2vw rgba(0,0,0,0.8), 0 0 2vw rgba(0,0,0,0.8);z-index: 3;line-height: 1.2;}

.product__headline{font-size:8vw;}
.product__name{line-height:1.3;margin-bottom:1vw;}
.product__date{text-align:center;}
.productinfo-wrap{padding-bottom:40px;}

.section__feature2{ overflow:hidden;margin-top:10vw;}
.section__feature3{ overflow:hidden;margin-top:10vw;}

	/*  */
  /* selectlang */

  .menu__selectlang{background-color:#000;position:relative;top:0;left:0;height:50px;width:100%;}
  .menu__selectlang ul{height:100%;position:relative;overflow:hidden;}

  /* .menu__selectlang{height:100%;position:relative;} */
  .menu__selectlang li{color:#fff;height:100%;display:block;vertical-align:middle;background-color:#000;border-top:1px solid #000;}
  .menu__selectlang li a{height:100%;display:block;position:relative;color:#fff;background-color:rgba(255,0,0,0.3);}
  .menu__selectlang li span{display:block;width:100%;text-align:center;top:50%;position:absolute;line-height:1;margin-top:-0.5em;transition:all 0.2s;}

  .menu__selectlang li:first-child a{background-color:rgba(255,0,0,0.4);border-top:0px solid #000;}
  /* .menu__selectlang li a:hover{background-color:rgba(255,0,0,0.3);} */

  .menu-bar.stylechange .menu__selectlang li span{font-size:14px;}


  .slider-news-item .news-select{width: 140px!important;text-align: center!important;}
  .content-news{padding-bottom:30px;}


  .product .content__wrap{padding-top:0!important;}

  .product .tab .tit{padding:10px 0 20px;border-bottom:1px solid #888;margin-bottom:6px;font-size:15px;font-weight:800;color:#fff;line-height:1;}
  .product .tab .twoline{display:block;}
  .product .tab .twoline .box{display:block;width:84%;margin:0 auto 20px;border:1px solid #000;background:rgba(0,0,0,0.7);padding:4%;border-radius:10px;text-align:center;}

  .product .btn{padding:0;background-color:transparent;display:inline-block;}
  .product .btn img{display:block;box-shadow:5px 5px 0px rgba(0,0,0,0.2);transition:all 0.2s;}
  .product .btn img:hover{display:block;box-shadow:0px 0px 0px rgba(0,0,0,0.2);transform: scale(0.94,0.94);}
  .product .btn:hover{background:transparent;}

  .product .line-product{background-color:transparent;margin:60px 0 0;}

  .tab .other {width:90%;}

  .product .sub-title .min{border:0;background:transparent;color:#000;}
  .product .tab .img.steam.upgradepack{margin-bottom:30px;}

  .product .tab_list{width:92%;}
  .product .tab_list li{margin:0 0px;width:25%;}

  .product .tab_list li:nth-child(3n+1) {border-right: 1px solid #000;border-left: 0px solid #000;}
  .product .tab_list li:first-child {border-left: 1px solid #000;}

  .product .tab_list li img{height:16px;}

  .area-selectconsole{background-color:#500000;margin-bottom:30px;overflow:hiddne;}
  .area-selectconsole ul{display:block;overflow:hidden;transition:all 0.5s;}
  .area-selectconsole ul.off{height:60px;}
  .area-selectconsole li{display:block;border-bottom:1px solid #222;position:relative;}
  .area-selectconsole li:hover{background:#700000;}
  .area-selectconsole li a{color:#fff;display:block;text-align:center;font-size:16px;height:60px;}
  .area-selectconsole li a .text{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .area-selectconsole li:first-child a:after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left:30px;
  }


}