* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
html,
body { margin:0;
	padding:0;
	height:100%;
	line-height:1.5;
	-webkit-tap-highlight-color: rgba(0,0,0,0.8);
	color:#333;
	font-size: 62.5%;
	background-color: #f1f1f1;}

	#header-bg {
		position: relative;
		width: 100%;
		margin:0;
		padding-bottom:5px;
		height: 86px;
		color:#db2514;
		background-color: #1B1B1B;
	}
	#header {
		width: 100%;
		margin : 0 auto 
		padding: 0 0%;
	}



.logo-sub {
	display:block;
	width: 800px;
	margin: 0px auto;
	padding: 25px 1% 0px calc(1% + 4px);
	line-height: 1;
	font-size: 1.6rem;
	line-height: 1;
	color:#fff;
	background-color: #1B1B1B;
	text-align: left;
	box-shadow: none;
	border: none;
	font-weight: normal;
}

.logo{ 
	display:block;
	width:800px;
	margin: 10px auto 5px auto;
	padding : 0 1% 0  calc(1% + 4px);
	text-align: left;
	font-weight: bold;
}
.logo img:hover{ cursor: pointer; opacity: 0.7; }
.logo img{ display: block; }
.logo-txt {
	margin:0px 0px 0px 0px;
	font-size:3.0rem;
	font-weight:bold;
	color:#fff;
	letter-spacing: -0.6px;
	line-height:1.2;
	text-align:left;
}
.logo-txt span{
	display:inline-block;
}
.txt-neon{
    color: #fff;
	  text-shadow:
    0 0 3px #db2514,
    0 0 6px #db2514,
    0 0 9px #db2514;
}

/*テキスト検索*/
.search {
	position:absolute;
	top:12px;
	right:calc( (100vw - 800px) / 2 + 4px );
	width: 250px;
}
.search-k {
	-webkit-appearance: none;
	float: left;
	padding: 3px 12px;
	width: 80%;
	height: 30px;
	font-size: 1.6rem;
	border-radius: 2px 0 0 2px;
	border: none;

}
.search-b {
	-webkit-appearance: none;
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 20%;
	font-size: 1.4rem;
	border-radius: 0 2px 2px 0;
	background-color: #a5a5a5;
	text-align: center;
	color: #fff;
	border: none;
}
.search-b:hover{
 cursor: pointer;
 opacity:0.6;

}
.search-k::-webkit-input-placeholder { font-size: 1.2rem; }



/*グローバルナビ*/
#g-navi-bg {
	float: left;
	width:100%;
	height: 50px;
	margin:0;
	padding:5px 0 5px 0;
	background-color: #1B1B1B;
/*	background: linear-gradient(to right, #1B1B1B 0%, #1B1B1B 45%, #3c362a 70% 100%);	*/
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);}
#g-navi {
	display:grid;
	grid-template-columns: 5fr 5fr 5fr 5fr 5fr 5fr;
	justify-content: space-between;
	justify-items: stretch;
	grid-gap: 3px;
	width: 800px;
	list-style: none;
	margin: 0 auto;
	padding: 0 1%;
}
#g-navi li{ float: left;
	 		margin:0px 0px 5px 0;
	 		padding:1px 1.2px 1px 0;
	 		text-align: center;
	 		font-size: 1.6rem;
	 		}

#g-navi a{ display: block;
			float: left;
			margin-left:0px;
			padding:6px 20px;
			width: 100%;
			height: 100%;
			color: #FFF;}
#g-navi a:hover{
	opacity: 0.8;
 }
.g-navi-btn-off {
	border-right: #000000 solid 1px;
	background: #45484d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #45484d 6%, #262626 9%, #262626 88%, #262626 91%, #000000 93%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #45484d 0%, #45484d 6%, #262626 9%, #262626 88%, #262626 91%, #000000 93%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #45484d 0%, #45484d 6%, #262626 9%, #262626 88%, #262626 91%, #000000 93%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
}
.g-navi-btn-on {
	border-right: #400000 solid 1px;
	background: #DA0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #DA0000 0%, #DA0000 6%, #AA0000 9%, #AA0000 88%, #AA0000 91%, #400000 93%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #DA0000 0%, #DA0000 6%, #AA0000 9%, #AA0000 88%, #AA0000 91%, #400000 93%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #DA0000 0%, #DA0000 6%, #AA0000 9%, #AA0000 88%, #AA0000 91%, #400000 93%);
}

/*パンくず*/
#pan { 
	width: width:100%;
	margin:8px 2% 6px 2%;	
	padding:6px 0px; 
	font-size: 1.6rem; 
	line-height: 1.3; 
	color: #666;
}
#pan a{ margin:0 2px;}
#pan i{ font-size: 1.8rem; }
#pan span{ margin:0 2px; }



#contents { position:relative; clear:both; margin:0 auto; width:800px; padding:0; border:#CCC solid 0px; border:#999 solid 0px; overflow: hidden; font-size: 1.6rem; min-height: 700px;  }
#contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }




/* footer */
#footer-bg { float: left; margin:50px 0 0 0; width:100%; height:210px;background-color: #000;
/*background-image: url("/fighter/img/design/j-fighter_footer.png");
*/}
#footer { float: left; width: 800px; padding-top:25px; margin-left:auto; margin-right:auto; width:100%; text-align:center; font-size: 14px; color: #FFF;}
.f-copy{ float: left; width: 100%; margin:20px 0 0 0; text-align: center;color: #FFF;}
.f-copy a{ color: #FFF; }
/* footer contact */






/*共通*/
.link-box{ float: left; width: 100%; margin:8px 0 8px 0; text-align: center; }
.link-btn{ padding: 5px 15px; border-radius: 3px; border:#4790DA solid 1px; font-size: 1.3rem; line-height: 1; color: #4790DA; }



/*管理用*/
.speed { position: absolute; top:3px; right:3px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 4px; border-radius:2px; font-size: 7px; }
.speed2 { margin:1px 1px 0px 1px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 20px; border-radius:4px; clear:both; font-size: 12px;  }


/*ページ操作*/
#pageTop{ position:fixed; bottom:0px; right:20px; }

/*共通*/
input { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; }
* a { color:#0079c2;; text-decoration:none; }



/*広告*/
.ads-wrap{
	float:left;
	width:100%;
	margin: 25px auto 35px;
	display:flex;
	justify-content: center;
	gap:30px;
}
.ads-wrap_sp{
	float:left;
	width:100%;
	margin: 25px auto 35px;
/*	display:flex;*/
	justify-content: center;
	gap:30px;
}
.ads {
	width: 96%; 
/*	height: 350px;*/
	margin:15px auto 12px; 
}
.ads350{
	width: 350px;
}
