@charset "utf-8";




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


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

/*  */
.topinfo-logo{left:3vw!important;top:-1vw!important;}
.topinfo-date {width: 16vw!important;display: block;position: absolute;left: 20vw;top: 21vw;}

.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;}

.productinfo-wrap{padding-bottom:40px;}

.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: 56px!important;margin-bottom: -6px;}

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

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


}

/* 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) {


  	#wrapper{  }

  	#language{padding:100px 0 100px;}


  	#popup_close{position:absolute;z-index:100;display:block;}

  	#popup{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.8);width:100%;height:100%;opacity:0;pointer-events: none;transition:all 1s;z-index:50;}
  	#language{text-align:center;position:relative;z-index:0;}

    .wrap-visualfix{height:179vw!important;}

  	h2{font-size:30px;}
  	.popup_inner{width:600px;margin:15% auto 0;display:none;}


  	.select-wrap {position:relative;display:inline-block;}
  	.select-wrap:before {content:'';display:block;font-size: 100px;position: absolute;right:15px;top:14px;width: 12px;height: 12px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);pointer-events: none;}

  	select{outline:none;text-indent: 0.01px;text-overflow: '';background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;padding:10px 45px 10px 20px ;text-align:center;background-color:rgba(0,0,0,0.5);}
  	select option{background-color: #fff;color: #333;}
  	select::-ms-expand {display: none;}
  	select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #828c9a;}


  	input.ac{font-size:18px;padding:2px 6px;}

  	p a{color:var(--color-text-attention);}


  	#popup.on{opacity:1;pointer-events:all;}
  	#popup_close{width:100px;height:100px;display:block;background-size:100%;position:absolute;top:20px;right:20px;text-indent:-9999px;}



  	.btn{background-color:var(--color-bg-btn);color:var(--color-text-btn);border-radius:6px;padding:6px 65px;text-decoration: none;margin:40px 5px 0;display:inline-block;font-size:20px;box-shadow:0 0 4px rgba(0,0,0,0.8);cursor: pointer;border:none;}
  	.btn.off{opacity:0.6;pointer-events:none;}
  	.centering{text-align:center;}


  	#agecheck.error:before{content:'Type it again';color:#d00;border:1px solid #d00;padding:5px 25px;font-size:14px;display:inline-block;border-radius:100px;margin-bottom:15px;}

  	#sorry_age{text-align:center;}

  	#sorry_age h2{color:#d00;}
  	#sorry h2{color:#d00;}


  h1 .logo { max-width: 960px; width: 80%; margin-bottom: 40px; }

  #popup_close { position: absolute; top: 0; right: 0; display: block; background: transparent; color: transparent; padding: 0; border: none; text-indent: 0; outline: none; cursor: pointer;}
  #popup_close:before {font-family: "slick";font-size: 100px;line-height: 1;color: #fff;opacity: .85;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: '×';display: block;height: 100px;width: 100px;line-height:1;padding: 0px;}
  #popup_close:hover:before{ opacity: 0.6; }

  footer { border: none; padding: 0; margin: 0; text-align: center; width: 100%;}
  footer .logos { width: 240px; margin: 50px auto 20px; display: flex; justify-content: space-between; }
  footer .logos div { height: 100px; position: relative; }

  footer .logos a { transition: opacity .3s; }
  footer .logos img { height: 100%; }
  .copy { line-height: 18px; color: #999; font-size: 60%; line-height: 12px; font-weight: 300; }

  }



  /*----------------------------------------
  	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:6vw;}
    .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;}



}