@charset 'utf-8';

html,p,h1,h2,h3 {
	padding:0;
	margin:0;
	border:0;
	outline:none;
}

ul,li {
	padding:0;
	margin:0;
	border:0;
	outline:none;
	list-style:none;
}

body {
	padding:0;
	margin:0;
	border:0;
	height:100%;
	outline:none;
	width:device-width;
	background-color:#000;
	color:#ebebeb;
	overflow-x:hidden;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', verdana, Helvetica,Arial, sans-serif;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media only screen and (orientation:portrait){

body {
	font-size:12px;
	line-height:16px;
}

}

@media only screen and (orientation:landscape){

body {
	font-size:16px;
	line-height:20px;
}

}

a {
	color:#ebebeb;
	text-decoration:none;
}

.wrapper {
	width:100%;
	margin:0 auto;
	text-align:center;
	z-index:1;
	clear:both;
	overflow:hidden;
	background:none;
}


img {
	width:100%;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

/*-----------------------------------------
 	共通
-----------------------------------------*/

#overrayBg {
	display:none;
	width:100%;
	height:200%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;	
	background-color: rgba(0,0,0,0.7);
}

header {
	width:100%;
	min-height:40px;
	margin:0 auto;
	text-align:center;
	background:#000;
	border-bottom:2px solid #222222;
	border-top:2px solid #b20000;
}

header .inner {
	width:100%;
	
}


header #menuBtn {
	width:13%;
	float:left;
}

.gNavi {
	display: none;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	z-index:12000;
	font-size:14px;
}

@media only screen and (orientation:landscape){

.gNavi {
	font-size:16px;
}

}



.gNavi .navi01 li {
	border-bottom:1px solid #730000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}


.gNavi li a {
	width:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
	padding:20px 0 20px 9.25%;
	display:block;
	background:url(../images/icon_menu01.png) no-repeat 6.25%;
	background-size: 5px 9px;
	-webkit-background-size: 5px 9px;
	-moz-background-size: 5px 9px;
	-o-background-size: 5px 9px;
	color:#dddddd;
}

.gNavi li a span {
	background: #b50000;
	padding: 1px 0;
	font-size: 10px;
	vertical-align: top;
	color: #fff;
}


.gNavi .navi01 .naviHome a {
}

.gNavi .navi01 .naviEpisode a {
	background:url(../images/icon_menu02.png) no-repeat 6.25%;
	border-bottom:1px solid #730000;
	background-size: 9px 5px;
	-webkit-background-size: 9px 5px;
	-moz-background-size: 9px 5px;
	-o-background-size: 9px 5px;
	padding:20px 0 20px 10%;
}

.gNavi .navi01 .navi02 {
	width:82%;
	margin:0 auto;
}

.gNavi .navi01 .navi02 li {
	border-bottom:1px solid #4c4c4c;
}

.gNavi .navi01 .navi02 li a ,
.gNavi .navi01 .navi02 li:last-child {
	border-bottom:none;	
}

.gNavi .navi01 .navi02 li a .eTitle {
	color:#D90000;
	
}
.gNavi .navi01 .naviGame span {
	background:url(../images/icon_menu02.png) no-repeat 6.25%;
	border-bottom:1px solid #730000;
	background-size: 9px 5px;
	-webkit-background-size: 9px 5px;
	-moz-background-size: 9px 5px;
	-o-background-size: 9px 5px;
	padding:20px 0 20px 10%;
	display:block;
}

.gNavi .navi01 .navi02 li a .mLine {
	color:#ccc;
	display:inline;
	background:none;
	padding:0;
	border:none;
}

.gNavi .navi01 .navi02 li a {
	background:none;
	padding-left:0;
	
}

.gNavi #closeLink {
	width:93.75%;
	margin:0 auto;
	display:block;
	padding:12px 0;
}

.gNavi #closeLink span {
	width:5%;
	margin:0;
	display:block;
	
}

header .hLogo {
	width:39.6875%;
	float:left;
	
}
header .hRight {
	width:39.375%;
	float:right;
	margin-top:10px;
}

header .hRight .newsLink {
	width:52.68%;
	float:left;
	position:relative;
}

header .hRight .newsLink .upDate {
	position:absolute;
	top:-20%;
	right:0;
	text-align:right;
	font-weight:bold;
	font-size:8px;
	color:#ff0000;
}

header .lang {
	width:46.55555555%;
	float:right;
	position:relative;
}


header .lang .langSelect {
	width:100%;
	margin-top:0;
}

header .lang .linkJp {
	width:65%;
	margin:0 auto;
	text-align:center;
	margin-top:2px;
}



@media only screen and (orientation:landscape){

header .lang .langSelect {
	width:100%;
	margin-top:15px;
	z-index:100;
}

}

header .lang .langSelect a {
	width:35px;
	margin:0 auto;
	height:24px;
	display:block;
	background:url(../images/select_lang.png) no-repeat;
	-webkit-background-size:70px 142px;
	-moz-background-size:70px 142px;
	-o-background-size:70px 142px;
	-ms-background-size:70px 142px;
	background-size:70px 142px;
}

header .lang ul {
	padding-bottom:10px;
	width:100%;
	position:absolute;
	top:-10px;
	left:0;
	border:1px solid #4e4e4e;
	border-top:none;
	display:none;
	background:#000;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	z-index:100;
}

header .lang ul li {
	width:100%;
	height:14px;
	margin-bottom:30px;
}


header .lang ul li a {
	width:35px;
	margin:0 auto;
	height:24px;
	display:block;
	background:url(../images/select_lang.png) no-repeat;
	-webkit-background-size:70px 142px;
	-moz-background-size:70px 142px;
	-o-background-size:70px 142px;
	-ms-background-size:70px 142px;
	background-size:70px 142px;
}

header .lang ul li.select {
	padding-top:10px;	
}

@media only screen and (orientation:landscape){

header .lang ul li.select {
	padding-top:20px;	
}
}

header .lang ul .topBack {
	padding-bottom:10px;
	margin-bottom:0;
	
}

header .lang ul .topBack a {
	background:none;
	color:#a8a8a8;
	width:56%;
	margin:0 auto;
}

header .lang .langSelect.it a { background-position: -35px -24px; }
header .lang .langSelect.de a { background-position: -35px -48px; }
header .lang .langSelect.es a { background-position: -35px -71px;}
header .lang .langSelect.fr a { background-position: -35px -119px; }
header .lang .langSelect.en a { background-position: -35px -95px; height:23px; }



header .lang ul .it a { background-position:0 -24px; }
header .lang ul .it a:hover { background-position: -35px -24px; }
header .lang ul .it.select a { background-position: -35px -24px; }

header .lang ul .de a { background-position:0 -48px; }
header .lang ul .de a:hover { background-position:-35px -48px}
header .lang ul .de.select a { background-position:-35px -48px}

header .lang ul .es a { background-position:0 -71px; }
header .lang ul .es a:hover { background-position:-35px -71px;}
header .lang ul .es.select a { background-position:-35px -71px;}

header .lang ul .en a { background-position:0 -95px;  height:23px;}
header .lang ul .en a:hover { background-position:-35px -95px;}
header .lang ul .en.select a { background-position:-35px -95px;}

header .lang ul .fr a { background-position:0 -119px; }
header .lang ul .fr a:hover { background-position: -35px -119px;}
header .lang ul .fr.select a { background-position: -35px -119px;}

footer {
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#000;
}

footer .companyLogo {
	display:table;
	
}

footer .logoCapcom {
	width:29.05%;
	display:table-cell;
}


footer .copy {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

footer .re_copy {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

footer .copy, 
footer .re_copy {
	vertical-align:middle;
	
}

footer .inner {
	width:92.5%;
	margin:0 auto;
	position:relative;
}


/*-----------------------------------------
 	index
-----------------------------------------*/

.wrapper {
	
}


.under #contents h1 {
	width:100%;
	border-bottom:2px solid #222222;
	
}

.inner {
	width:92.5%;
	margin:0 auto;
	position:relative;
}

.shareListBottom li {
	width:7.256410256%;
	display:inline-block;
	padding:0 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.shareListBottom li:first-child {
	width:23.809523809%;
	padding:0;
}


#campaign .cpInner .textArea .link a {
	width:100%;
	border:1px solid #ebebeb;
	color:#ebebeb;
	display:block;
	padding:15px 0;
	margin:0 auto;
	font-size:16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align:center;
	font-size:12px;
}



.pageTop {
	width:100%;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	margin-bottom:35px;
}
.pageTop a span {
	width:100%;
	margin:0 auto;
	display:block;
}

.hardList {
	width:91.5625%;
	margin:0 auto;
}

.hardList01 {
	margin:0 auto 0;
}

.hardList02 {
	margin:0 auto 25px;
}


.hardList li {
	display:inline-block;
	margin:0 2px 4px;
}

.hardList .logoPs {
	width:9.714285714%;	
}
.hardList .logoPs4 {
	width:24.285714285%;
}

.hardList .logoPs3 {
	width:25.047619047%;
}

.hardList .logoVita {
	width:38.333333333%;
}

.hardList .logoPsn {
	width:25.476190476%;
}

.hardList .logo360 {
	width:46.904761904%;
}

.hardList .logoXboxOne {
	width:47.619047619%;
}

.hardList .logoSteam {
	width:21.047619047%
}
.hardList .imgCero { 
	width:13.380952381%;
}
.hardList .imgRp { 
	width:144px;
	height:81px;
}

.hardList .img18 { 
	width:46px;
	height:81px;
}

.linkArea {
	width:92.8125%;
	margin:0 auto 15px;
	padding-top:10px;
}

.linkArea li {
	width:100%;
	margin-bottom:7px;
}

.linkArea li a {
	width:100%;
	padding:11px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border:2px solid #666;
	display:block;
	background:url(../images/icon_link.png) no-repeat 96%;
	-webkit-background-size:40px 32px;
	-moz-background-size:40px 32px;
	-o-background-size:40px 32px;
	-ms-background-size:40px 32px;
	background-size:40px 32px;
}

.linkArea li a span {
	width:74%;
	display:block;
	margin-left:10px;
}



.shareListBottom {
	width:85.3125%;
	margin:0 auto 20px;
}

.shareListBottom li {
	width:10.256410256%;
	display:inline-block;
	padding:0 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.shareListBottom li:first-child {
	width:23.809523809%;
	padding:0;
}


/*----------------
	ipad
-----------------*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		 
body {
	font-size:16px;
	line-height:16px;
}


header .hLogo {
	width: 25.6875%;
}

header #menuBtn {
	width:8.875%;
	float:left;
}

.gNavi #closeLink span {
	width: 3%;
	margin: 0;
	display: block;
	margin-top: 14px;
}


header .hRight {
	width: 24.375%;
	float: right;
	margin-top: 12px;
}

header .hRight .newsLink {
	width: 51.68%;
	float: left;
}

header .lang {
	width: 47.555556%;
	float: right;
	position: relative;
}

header .lang .linkJp {
	margin-top:5px;
	
}

header .lang .langSelect {
	margin-top:5px;	
}

header .lang ul {
	top:-12px;
}

header .lang ul li.select {
	padding-top:17px;
}


footer .logoCapcom {
	width: 16.05%;
}

footer .copy {
	width: 45.932432%;
	margin-top: 25px;
	float: right;
}

footer .re_copy {
	width: 45.932432%;
	margin-top: 25px;
	float: right;
}



.linkArea li {
	width:49%;
	margin-bottom:10px;
	float:left;
}


.linkArea li:nth-child(2n) {
	float:right;
}


.gNavi {
	font-size:16px;
}

.linkArea li {
	width:49%;
	margin-bottom:10px;
	float:left;
}


.linkArea li:nth-child(2n) {
	float:right;
}

.hardList {
	width:92.8125%;
}

.hardList01 {
	margin:0 auto 5px;
}

.hardList02 {
	margin:0 auto 25px;
}


.hardList li {
	display:inline-block;
	margin:0 5px 4px;
}

.linkArea li a span {
	width:74%;
	display:block;
	margin-left:20px;
}

.hardList .logoPs {
	width:4.714285714%;	
}
.hardList .logoPs4 {
	width:12.285714285%;
}

.hardList .logoPs3 {
	width:13.047619047%;
}

.hardList .logoVita {
	width:13.333333333%;
}

.hardList .logoPsn {
	width:13.476190476%;
}

.hardList .logo360 {
	width:19.904761904%;
}

.hardList .logoXboxOne {
	width:20.619047619%;
}

.hardList .logoSteam {
	width:8.047619047%
}
.hardList .imgCero { 
	width:5.380952381%;
}

.hardList .imgRp { 
	width:144px;
	height:64px;
}

.hardList .img18 { 
	width:46px;
	height:64px;
}


.shareListBottom {
	width:60.3125%;
	margin:0 auto 20px;
}

.pageTop a span {
	width:50%;
	
}

}