@charset "UTF-8";
/*common.css*/

/*---------------------------------------------------------------*/
/*module*/
.clearSpace{display:none; visibility:hidden; font-size:0; line-height:0; height:0;}
iframe{position:relative;}
.btnClass a,
.btnClassS.off,
.btnClassS a,
a .btnPopimg{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; overflow:hidden;}
.btnClassS.off,
.btnClass a:hover{background-position:left bottom;}
.btnClassS a:hover{background-position:left center;}
h1,h2,h3,h4,h5,h6,
p,li,dd,dt,th,td{font-size:14px; line-height:1.4; text-align:left;}
.off a{cursor:default;}
/*---------------------------------------------------------------*/
/*font style*/
a		{color:#1E1E1E;}
a:hover	{text-decoration:underline;}

.paragraph{padding-top:1.5em;}
footer address p{font-size:9px; line-height:1.4; text-align:center; color:#fff;}

/*---------------------------------------------------------------*/
/*layout*/
html{overflow-x:hidden;overflow-y:scroll;background-repeat:no-repeat;}
#wrapper{width:100%;height:auto;z-index:1;}

/*contents*/
#contents{width:870px;margin:0 auto;}

/*footer*/
footer{clear:both; width:100%;}
footer address{clear:both;text-align:center;}

/* Google adwordsのコンバージョンタグの高さを消す */
#ftScript iframe {height: 0;}

/* clearfix */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.mt14{ margin-top:14px; }
.mb14{ margin-bottom:14px; }

body{ background:center top no-repeat #000;}

/*header-------------------------*/
header{width:100%;height:660px;position:relative;text-align:center;top:0;}

#headermenu{width:100%;height:65px;margin:0px auto;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;z-index: 9998;}
#headermenu ul.navi{width:980px;height:65px; margin:0px auto;}
#headermenu ul.navi li{float:left;}
#headermenu ul.navi li#header_logo{width:200px;height:55px; padding-top:10px; position:relative;}
#headermenu ul.navi li#header_logo h1 a:before {
    position: absolute;
    content: "\25BE";
    font-size: 30px;
    color: #ff6a18;
    top: 13px;
    right: 17px;
}
#headermenu ul.navi li#header_logo:hover #sns_buttons {display: block !important;}
#headermenu ul.navi li#header_logo:hover h1 a:before {top: 16px;}
#headermenu ul.navi li#header_SNS{width:30px;padding:36px 0 0 0;position:relative;}
#headermenu ul.navi li#header_top{ width:120px; text-align: center;padding:29px 0px 0 0; position:relative;}
#headermenu ul.navi li#header_INTRODUCTION{ width:120px; text-align: center;padding:29px 0px 0 0;position:relative;}
#headermenu ul.navi li#header_NEWYORK{ width:120px; text-align: center;padding:29px 0px 0 0;position:relative;}
#headermenu ul.navi li#header_GAMESYSTEM{ width:120px; text-align: center;padding:29px 0px 0 0;position:relative;}
#headermenu ul.navi li#header_multiplay{ width:120px; text-align: center;padding:29px 0px 0 0;position:relative;}
#headermenu ul.navi li#header_MOVIE{ width:120px; text-align: center;padding:29px 0px 0 0;position:relative;}

#sns_buttons { width:160px; height:40px; display:none;position:relative; z-index: 9999;}
#sns_buttons{ background:url(../img/bg_sns.png) no-repeat; margin:7px 0 0 0;background-size: contain; }
#sns_buttons li, #sns_buttons li a{ width:40px; height:40px; display:block;}
#sns_buttons li{ float:left; list-style:none; }
#sns_buttons li a{ text-indent:100%; font-size:0px; overflow:hidden; line-height:0px; }

#subHeader{width:980px;height:400px;margin:0 auto;padding-top:0px;position:relative;top:0;}
#subHeader #socialBox{clear:both;width:210px;position:absolute;right:20px;top:20px;}
#subHeader #socialBox li{float:left;}
#subHeader #socialBox #btnTW{width:75px; padding:0 10px 0 0;}
#subHeader #socialBox #btnFB{width:100px;}


/*footer --------------------------------- */
footer{
  min-height: 80px;
  padding: 20px 0 10px;
  margin-top: 45px;
  background-color: rgba(0,0,0,0.75);
}
/*footer  linkNavi*/
footer #linkNavi{clear:both;width:871px;height:42px;padding:0 54px 25px 55px;margin:0 auto;}
footer #linkNavi ul{width:871px;height:42px;}
footer #linkNavi li{float:left;}
footer #linkNavi li a{display:block;}
footer #linkNavi li#cero{padding:1px 23px 0 0;}
footer #linkNavi li#ps4{padding:7px 21px 0 0;}
footer #linkNavi li#xboxone{padding:9px 25px 0 0;}
footer #linkNavi li#pc{padding:4px 27px 0 0;}
footer #linkNavi li#sqexMem{padding:0 20px 0 0;}
footer #linkNavi li#ubiMem{padding:2px 19px 0 0;}
footer #linkNavi li#ubi{padding:2px 0 0 0;}
footer #copyright p{clear:both;padding-bottom:2em;}

/* PC */
@media screen and (min-width: 641px) {
  .spOnly { display: none !important; }
  body {min-width: 980px;}
}
/* SP */
@media screen and (max-width: 640px) {
  h1,h2,h3,h4,h5,h6,p,li,dd,dt,th,td {font-size:20px; line-height:1.6; text-align:left;}
  .pcOnly { display: none !important; }
  header {top: 0;}
  #subHeader {
    width: 100%;
    padding-top: 0px;
  }
  #sns_buttons { width:320px; height:80px; display:none;position:relative; z-index: 9999;}
  #sns_buttons li, #sns_buttons li a{ width:80px; height:40px; display:block;}
  footer #linkNavi {
    width: 100%;
    height: auto;
    padding: 0 0 25px 0;
  }
  footer #linkNavi ul {
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
  footer #linkNavi li {
    float: none;
    display: inline-block;
    height: 60px;
  }
  /* spメニュー */
  html,
  body {
    height: 100%;
  }
  html {background-color: transparent;}
  body {
    background-image: url(../img/top_bg_sp.jpg);
    background-attachment: fixed;
  }
  .header01 {
    width: 100%;
    z-index: 3;
  }
  .header01 h1 {
    text-align: center;
    font-size: 25px;
    font-size: 2.5rem;
    padding: 20px 40px 20px 0px;
    color: #fff;
    border-bottom: 1px solid #333;
  }
  .header01 .header__heading {
    background: #000;
    position: absolute;
    width: 100%;
    z-index: 3;
  }
  .nav-content {
    position: absolute;
    width: 100%;
    top: -735px;
    z-index: 2;
    -webkit-transition: 1.5s top;
    transition: 1.5s top;
    background-color: rgba(0,0,0,0.9);
  }
  .nav-content ul li {
    font-size: 26px;
    font-family: 'Orbitron', sans-serif;
    border-bottom: 1px solid #333;
  }
  .nav-content ul li a {
    text-align: center;
    display: block;
    padding: 25px 0px;
    color: #fff;
  }
  .nav-content ul li span {
    text-align: center;
    display: block;
    padding: 20px 0px;
    color: #333;
  }
  .is-open .nav-content {
    top: 88px;
  }
  #js-cover {
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    opacity: 0;
    z-index: 1;
  }
  .menu-button {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
  }
  .menu-button i {
    display: block;
    width: 40px;
    height: 4px;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    position: relative;
    left: 5px;
    top: 22px;
  }
  .menu-button i:before,
  .menu-button i:after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
  }
  .menu-button i:before {
    -webkit-transform: translateY(14px);
    -ms-transform: translateY(14px);
    transform: translateY(14px);
  }
  .menu-button i:after {
    -webkit-transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    transform: translateY(-14px);
  }
  .is-open .menu-button i {
    background: #000;
  }
  .is-open .menu-button i:after {
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
  .is-open .menu-button i:before {
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
  }
  #sns_buttons {
    display: block;
    margin: 25px auto;
  }
  #sns_buttons li {
    border-bottom: none;
  }
  #contents {
    width: 100%;
    margin: 0 auto;
  }
}