@charset "UTF-8";
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000;
	color: #fff;
}
img {
	border: none;
	vertical-align: top;
	outline: none;
}
a {
	outline: none;
}
h1, h2, h3, h4, h5, p, ul, li, form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
}
ul, li {
	list-style: none;
}
/*----clearfix----*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*----layout----*/
#container {
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
}
header {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	z-index: 9999;
}
header .headinner {
	padding: 5px 20px 7px 20px;
	background: url(https://media.spike-chunsoft.co.jp/pages/saintsrow4re/images/shared/bg07.png);
}
header h1 {
	float: left;
}
header .sns {
	float: right;
	padding: 6px 0 0 0;
}
header .sns li {
	float: left;
	height: 20px;
}
header .sns li.google {
	width: 70px;
	margin: 0 10px 0 0;
}
header .sns li.twitter {
	width: 110px;
	margin: 0 10px 0 0;
}
header .sns li.facebook {
	width: 110px;
	margin: 0 0 0 0;
}
#contents {
	position: relative;
}
#main {
	position: relative;
}
#main section {
	position: relative;
}
#gnavi {
	width: 100%;
	height: 53px;
	background: url(https://media.spike-chunsoft.co.jp/pages/saintsrow4re/images/shared/gnavi_bg.png) repeat-x;
}
#gnavi .gnaviinner {
	width: 1000px;
	height: 54px;
	margin: 0 auto;
}
#gnavi .gnaviinner li {
	float: left;
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	z-index: 10;
	color: #d1d1d1;
	height: 78px;
	background: url(https://media.spike-chunsoft.co.jp/pages/saintsrow4re/images/shared/bg07.png);
	z-index: 99;
}
.footnavi {
	margin: 4px 0 0 0;
	font-size: 8px;
	letter-spacing: -0.1em;
}
.footnavi a {
	color: #d1d1d1;
}
.footnavi a {
	text-decoration: none;
}
.footnavi a:hover {
	color: #c673d4;
}
foonter .footinner {
	position: relative;
}
footer .footer01 {
	position: absolute;
	top: 12px;
	left: 20px;
}
footer .footer02 {
	position: absolute;
	top: 15px;
	right: 20px;
}
#contentsnavi {
	position: absolute;
	top: 310px;
	right: 40px;
}
#contentsnavi li {
	margin: 0 0 20px 0;
	position: relative;
	width: 40px;
	height: 40px;
}
#contentsnavi li a img{
	display: block;
	position: absolute;
	top:0;
	left:0;
}

@media screen and (max-width: 1160px) {
#contentsnavi {
	display: none;
}
}
.loading {
	display: none;
	background: #000;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 99;
}
.loading img{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	height: 24px;
	width: 24px;
}