@charset "utf-8";
/*common*/
html,body{
	font-size:1em;
	line-height:1.4;
	font-family: 'Sawarabi Mincho',serif;
	}
body{
	background-color:#fff;
	height:auto;
	overflow:auto;
	box-sizing:border-box;
	counter-reset:num_headline;
	}
div{
	box-sizing:border-box;
	}
img{
	display: block;
    width: 100%;
	}
span.sup{
	font-size: 0.5em;
    vertical-align: super;
	}
ul{
	list-style: none;
	}
header,footer{
    padding: 5px 15px;
    margin: auto;
	background-color: #000000;
	}
header ul,footer ul{
	list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items:center;
    max-width:100%;
    width: 100%;
    margin: 0 auto;
	}
header li[class="side_left"]{
	display: flex;
    flex-direction: row;
	}
header .update{
	text-decoration: none;
    font-size: 0.75rem;
    color: #ff8b00;
    padding:0 0.5rem;
	}
header a,
footer a{
	display: block;
	}
header ul .logo_ecap{
	max-width:220px;
	width:100%;	
	}
footer ul .logo_capcom{
	max-width:110px;
	width:100%;
	}
header .logo_ecap_yahoo{
    max-width: 300px;
    width: 100%;
}
header .logo_ecap_rakuten{
	max-width:200px;
	width:100%;
	}
img[src*="cero_b_f.png"]{
	width: 58px;
    height: 71px;
	}
header ul .btn_twshare{
	max-width:50px;
    width:100%;
	min-width:32px;
    height:auto;
	}
header li[class^="side_right"] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
header li[class^="side_right"] img[src*=logo_ps4],
header li[class^="side_right"] img[src*=logo_ns]{
    max-width: 150px;
    padding: 5px;
	box-sizing: border-box;
}
footer{
	color:#fff;
	}
footer .copyright{
	text-align: right;
	font-size: 0.5rem;
	}
/*contents*/
.biohazard2_teaser{
	background:#000000;
	}
.title_logo{
	max-width:525px;
	width:100%;
	margin: 20vh auto 0;;
	}
.title_logo > img{
	width:100%;
	display:block;
	padding: 0 10px;
	box-sizing: border-box;
	}
.area_txt{
	width:100%;
	margin:2rem auto 4rem;
	padding: 0 10px;
    box-sizing: border-box;
	}
.area_txt p{
	max-width:640px;
	width:100%;
	margin:auto;
    font-size: 1.75rem;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px black;
	}
.area_txt p:nth-of-type(1){
	margin: 0 auto 2rem;
	}
.area_txt p>span{
	display:block;
	}
.area_txt p .over18{
	color:#b3001e;
	font-size: 1.2em;
	font-weight: bold;
	}
.area_select{
	padding:2rem 1rem;
	}
.is_eighteen{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 50em;
    width: 100%;
    margin: auto;
	}
.area_select [class^="ver_"]{
	max-width:20em;
    width: 100%;
    text-align: center;
	box-sizing: border-box;
	}
.area_select [class^="ver_"] p{
	color: #fff;
    font-size:2.5rem;
	}
.area_select [class^="ver_Z"] p{
	color:#b3001e;
	}
.area_select [class^="ver_"] a{
	display: block;
    text-decoration: none;
    width: 100%;
    font-size: 3.0rem;
    margin: 1rem 0;
    padding: 0.5rem;
    box-sizing: border-box;
	transition:all 0.3s;
	}
.area_select [class^="ver_"] a:hover{
	background:#000000;
	color:#fff;
	}
.area_select .ver_Z	a{
	background:#b3001e;
	color:#fff;
	}
.area_select .ver_D	a{
	background:#fff;
	color:#b3001e;
	}
.area_cero{
	padding:0 1rem;
	}
.area_cero .about_ceroz{
	display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 760px;
    width: 100%;
    margin: 2rem auto;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.8);	
	}
.area_cero .icon_cero{
	max-width: 47px;
    width: 100%;
	}
.area_cero .icon_cero img{
	display: block;
    width: 100%;
	}
.area_cero p{
    color: #fff;
	margin: 0 0 0 1rem;
	}