@charset "utf-8";

/*
 *
 * $reset
 *
 *
*/
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin:0;padding:0;}
body {margin: 0;}
* html body{font-size:small;}
*:first-child+html body{font-size:small;}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, input{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
a, ins{text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border:0;vertical-align:baseline;}
a img{border:none;margin:0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre { overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
utton,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
blockquote { margin: 0;}
ul{list-style-position:outside;list-style-type:none;}
div, pre{word-wrap: break-word}
pre{white-space: pre-wrap;}
li{list-style-type:none;}

h1{position:relative;}
a#toTop{display:block; width:100%; height:100px; position:absolute; top:0;}

/*
 *
 * $html
 *
 *
*/
body{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	line-height:140%;
	background:#000;
}
html{margin:0;padding:0;text-align:center;}
p{color:#000;}
a{color:#fff;}

/*
 *
 * $wrapper
 *
 *
*/
#wrapper{width:100%;min-width:320px;max-width:720px;margin:0 auto;font-size:0;line-height:0;}
.wrapper-inr{position:relative;}
.wrapper-inr .bg{position:absolute;width:100%;top:0;left:0;z-index:0;}
.wrapper-inr{ position:relative;}

/*
 *
 * $footer
 *
 *
*/
#footer{position:relative;}
#footer .menu{position:relative;padding:0 0 1%; overflow:hidden;}
#footer .menu .menu-body{padding:25% 0 0;position:relative;z-index:1;}
#footer .menu .weapon{width:90%;padding:0 0 1%; margin:0 auto;}
#footer .menu .update{width:90%;padding:0 0 1%; margin:0 auto;}
#footer .menu .projectR{width:90%;padding:0 0 1%; margin:0 auto;}
#footer .menu .bg{position:absolute;top:0;left:0;z-index:0;}
#footer .menu .sub-menu{
	width:90%;
	padding:2% 4% 0;
	background:#313131;
	margin:-2% auto 1%;
	box-sizing:border-box;
	overflow:hidden;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	box-shadow:1px 1px 2px 3px #191919;
	-moz-box-shadow:1px 1px 2px 3px #191919;
	-webkit-box-shadow:1px 1px 2px 3px #191919;
	display:none;
}
#footer .menu .sub-menu li{width:100%;text-align:left;border:1px solid #434343;border-width:0 0 1px;}
#footer .menu .sub-menu li:last-child{;border-width:0 0 0;}
#footer .menu .sub-menu li.nolink{padding:17px 0;font-size:18px;color:#535353;line-height:100%;}
#footer .menu .sub-menu li a{display:block;padding:17px 0;font-size:18px;color:#e7d4ae;line-height:100%;}
#footer .menu .sub-menu li.nolink:before,
#footer .menu .sub-menu li a:before{content:"≫ ";}
#footer .menu .sub-menu .close{width:6%;margin:2% auto;}

#footer .menu .top{
	padding:0 0 0;
}

#footer .link{padding:3% 0 0;position:relative;}
#footer .link li{padding:0 0 1%;}
#footer .link li.pkg{padding:0 5% 2%;}
#footer .link li.bof6{padding:0 5% 5%;}
#footer .credit{position:relative;}
#footer .credit .bg{position:relative;top:0;left:0;z-index:0;}
#footer .credit .logo{width:100%;position:absolute;top:15%;left:0;z-index:1;}
#footer .credit .logo .capcom{width:33.3333%;position:absolute;top:0;left:7%;z-index:1;}
#footer .credit .logo .cog{width:26.3888%;position:absolute;top:0;left:43%;z-index:1;}

/*
 *
 * $index
 *
 *
*/
.index-movie{width:90%;margin:0 auto;position:relative;z-index:1;}
.index-sns{width:100%;position:relative;z-index:1;overflow: hidden;margin:0 0 5%;}
.index-sns ul {width:100%;box-sizing:border-box;padding:0 0 0 20%;position: relative;}
.index-sns ul li {width:20%;padding:0 2% 0;float: left;}






/*
 *
 * $weapon_index
 *
 *
*/
#weapon_index #footer{margin:-30% 0 0;}

/*
 *
 * $update_index
 *
 *
*/
#update_index #footer{margin:-30% 0 0;}





/*
 *
 * $movie_index
 *
 *
*/
#movie_index .wrapper-inr{
		background:url(../img/movie_index_image002.jpg) no-repeat left top;
		background-size:100% auto;
		padding:0% 5% 25% 5%;
}
#movie_index .wrapper-inr p{
	margin-bottom:15px;
}
#movie_index #footer{margin:-30% 0 0;}




