@charset "UTF-8";
/*/////////////////////////////////////////////////////////////////////////
コール オブ デューティ インフィニット・ウォーフェア
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body { height:100%;}
html { font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
body { font-size:100%; line-height:1; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display:block;}
audio,canvas,progress,video { display:inline-block;}
a,embed,object { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
a { background-color:transparent; -webkit-text-decoration-skip:objects;}

/*@common
//////////////////////////////////////////////////////*/
body { background:#000; color:#daddde; text-align:center; min-width:1024px;}
#contents { width:100%; background:url(../img/bg.jpg) center 0; padding:0; position:relative; z-index:1;}
#contents:before {
	content:""; display:block; width:100%; height:1420px;
	background:url(../img/bg_btm.jpg) center 0;
	position:absolute; bottom:0; left:0; z-index:2;
}
#contentsHead {
	width:100%; height:36px;
	background:#000;
	position:absolute; left:0; z-index:9999;
	}
	#contentsHead .inner { width:1000px; text-align:left; margin:0 auto; padding-top:8px; position:relative;}
	#fcomLogo { width:150px; margin-left:10px;}

/*タイトル*/
#contentsTitle {
	width:100%; height:770px; position:relative;
	background:url(../img/title.jpg) no-repeat center 0;
	}
	#contentsTitle h1 { display:none;}
	.articles #contentsTitle { height:310px; background-image:url(../img/title2.jpg);}
	.articles #contentsTitle h1 { display:block; width:1000px; height:310px; margin:0 auto; position:relative;}
	.articles #contentsTitle h1 a { display:block; width:400px; height:310px; margin-left:10px;}

/*sns*/
.bookmark2col { height:25px;}
.bookmark2col ul:after { content:""; clear:both; display:block;}
.bookmark2col ul li { float:left; margin:0 3px; overflow:hidden;}
.snsArticle .snsTop { height:50px; padding:0 10px; margin-top:-30px;}
.snsArticle .snsBottom { margin:0 0 30px;}
.snsArticle .snsBottom .articleSupple { text-align:left;}
.snsFront { display:none;}
#contentsHead .snsArticle .snsTop { height:25px; position:absolute; top:8px; right:5px; padding:0; margin:0;}

/*@main
//////////////////////////////////////////////////////*/
#mainContents { width:990px; text-align:left; margin:0 auto; float:none; padding-bottom:30px; position:relative; z-index:10;}
#mainContents:after { content:""; clear:both; display:block;}
#mainContents:before {
	content:""; display:block; width:260px; height:100%;
	background:rgba(0, 0, 0, 0.5);
	position:absolute; top:0; left:0;
}
#mainContents a { color:#0090ff; text-decoration:none; -webkit-transition:all 0.18s; -moz-transition:all 0.18s; transition:all 0.18s;}
#mainContents a:hover { color:#fffd01;}
#mainContents ::before, #mainContents ::after {
	-webkit-transition:all 0.18s; -moz-transition:all 0.18s; transition:all 0.18s;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
/*banner*/
.bannerArea { margin-bottom:30px;}
	.bannerArea ul { font-size:0;}
	.bannerArea ul:after { content:""; clear:both; display:block;}
	.bannerArea ul li { display:inline-block; vertical-align:top; margin:0 0 15px 15px;}
	.bannerArea ul li.bn1,
	.bannerArea ul li.bn4,
	.bannerArea ul li.bn7 { margin-left:0;}
	.bannerArea ul li a,
	.bannerArea ul li span {
		display:inline-block; width:225px; height:130px;
		background:transparent no-repeat; position:relative;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.bannerArea ul li.bn1 a { background-image:url(../img/bn1.jpg);}
	.bannerArea ul li.bn2 a { background-image:url(../img/bn2.jpg);}
	.bannerArea ul li.bn3 a { background-image:url(../img/bn3.jpg);}
	.bannerArea ul li.bn4 a { background-image:url(../img/bn4.jpg);}
	.bannerArea ul li.bn5 a { background-image:url(../img/bn5.jpg);}
	.bannerArea ul li.bn6 a { background-image:url(../img/bn6.jpg);}
	.bannerArea ul li.bn7 a { background-image:url(../img/bn7.jpg);}
	.bannerArea ul li.bn8 a { background-image:url(../img/bn8.jpg);}
	.bannerArea ul li.bn9 a { background-image:url(../img/bn9.jpg);}
	.bannerArea ul li.coming span { background-image:url(../img/bn_coming.jpg);}
	.bannerArea ul li a:after {
		content:""; display:block; width:225px; height:130px;
		position:absolute; top:0; left:0;
		background:rgba(255, 255, 1, 0);
		border:2px solid rgba(255, 255, 1, 0);
		background:rgba(0, 0, 0, 0);
	}
	.bannerArea ul li a:hover:after { background:rgba(0, 0, 0, 0.2); border-color:rgba(255, 255, 1, 1);}
/*movie*/
.movie { margin-bottom:40px;}
	.movie h2 {
		width:210px; height:61px; margin:0 auto 18px;
		background:url(../img/parts.png) no-repeat 0 -180px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.movieIn { background:rgba(255, 255, 255, 0.3); padding:2px;}

/*@Center
//////////////////////////////////////////////////////*/
#centerColumn { width:705px; float:right; padding:40px 0 30px;}
#centerColumn .updateHeader,
#centerColumn .newsHeader {
	width:705px; height:73px;
	background:url(../img/parts.png) no-repeat;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#centerColumn .updateHeader { background-position:0 0;}
	#centerColumn .newsHeader { background-position:0 -80px;}
.footerArea.full {
	clear: both;
	margin-left: auto;
	margin-right: 0;
	width: 705px;
}
.singleImgBody .footerArea.full {
	clear: both;
	margin: 0 auto;
	width: 705px;
}
.footerHeader {
	display: none;
}
#mainContents .copyright {
	font-size:11px; text-align:center; line-height:1.8;
	color:#8d8e8e; padding:0;
}
#centerColumn .centerBox01 {
	width:705px; min-height:300px;
	background:rgba(0, 0, 0, 0.7);
	border-left:1px solid #cccc01; border-right:1px solid #cccc01;
	padding:0; margin:0 0 50px; position:relative;
	}
	#centerColumn .centerBox01:after {
		content:""; display:block; width:705px; height:11px;
		background:url(../img/parts.png) no-repeat 0 -160px;
		position:absolute; bottom:-11px; left:-1px;
	}
	/*update*/
	#centerColumn .centerBox01 .newlist01 li {
		font-size:14px; line-height:1.6;
		border-top:1px solid #333300;
		padding:20px 30px 18px;
	}
	#centerColumn .centerBox01 .newlist01 li:first-child { border-top:none;}
	#centerColumn .centerBox01 .newlist01 li .date { font-size:10px; margin-left:1em;}
	/*news*/
	#centerColumn .centerBox01 .itemBox {
		width:100%; font-size:14px; line-height:1.6;
		border-top:1px solid #333300;
		padding:28px 30px 30px;
	}
	#centerColumn .centerBox01 .itemBox .newsTitle { margin-bottom:8px;}
	#centerColumn .centerBox01 .itemBox .newsHead { font-size:12px; padding:0 0 8px;}
	#centerColumn .centerBox01 .itemBox .news-time { font-size:0.9rem; color:#14619e;}

/*article*/
#centerColumn #topicPath { padding-bottom:20px; line-height:1.6; margin-top:-10px;}
#centerColumn #topicPath li { display:inline-block; font-size:12px;}
#centerColumn #topicPath li a:hover { text-decoration:underline;}
#topicPath ul li span { padding-left:5px;}
#contentsMatome {
	width:705px; padding:0; margin:0 0 35px; position:relative;
	background:rgba(0, 0, 0, 0.7);
	border-left:1px solid #cccc01; border-right:1px solid #cccc01;
	}
	#contentsMatome:before {
		content:""; display:block; width:705px; height:15px;
		background:url(../img/parts.png) no-repeat 0 0;
		position:absolute; top:0; left:-1px;
	}
	#contentsMatome:after {
		content:""; display:block; width:705px; height:11px;
		background:url(../img/parts.png) no-repeat 0 -160px;
		position:absolute; bottom:-11px; left:-1px;
	}
	#contentsMatome .pageHeader01 {
		width:705px; font-size:20px; line-height:1.5; color:#fffd01;
		padding:30px 40px; position:relative;
	}
	#contentsMatome .pageHeader01:after {
		content:""; display:block; width:705px; height:8px;
		background:url(../img/parts.png) no-repeat 0 -65px;
		position:absolute; bottom:0; left:-1px;
	}
	#contentsMatome .date { width:610px; height:60px; font-size:12px; color:#14619e; padding-top:35px; margin:0 auto;}
	#contentsMatome .pageLead {
		width:610px; line-height:1.5;
		padding-top:20px; margin:0 auto;
	}
	#contentsMatome .textBox01 { width:610px; padding-bottom:20px; margin:0 auto; position:relative; z-index:1;}
	#contentsMatome .textBox01 .articleHeader2 {
		width:610px; font-size:16px; line-height:1.5; color:#fffd01;
		border-top:1px solid #fffd01; border-bottom:1px solid #fffd01;
		padding:14px 10px; margin:60px 0 25px; position:relative; text-align:left;
	}
	#contentsMatome .textBox01 p { font-size:14px; line-height:2; padding:0 0 40px;}
	#contentsMatome .textBox01 .tableImg { padding:0 0 16px; margin:0 0 30px !important;}
	#contentsMatome .textBox01 .tableImg p {
		font-size:12px; font-weight:bold; line-height:1.6;
		color:#94cbf6; text-align:left; padding:10px 0;
	}
	#contentsMatome .textBox01 .tableMovle { margin-bottom:40px;}
	#contentsMatome .textBox01 .tableMovle iframe { border:1px solid #333;}
	#contentsMatome .textBox01 p a:link,
	#contentsMatome .textBox01 p a:visited,
	#contentsMatome .textBox01 p a:active { color:#0090ff; text-decoration:underline;}
	#contentsMatome .textBox01 p a:hover { color:#fffd01; text-decoration:none;}

/*URL*/
#centerColumn h3.articleHeader2 {
	font-size:16px; color:#fff;
	padding:16px 24px 0;
	position:relative; z-index:20;
}
#centerColumn .articleUrl {
	width:705px; height:70px; font-size:16px; color:#fff;
	padding:10px 24px 0; position:relative; z-index:10;
	}
	#centerColumn .articleUrl:before {
		content:""; display:block; width:705px; height:105px;
		background:url(../img/bg_url.jpg) center 0;
		position:absolute; top:-36px; left:0;
	}
	#centerColumn .articleUrl input { width:100%; font-size:13px; border:none; padding:10px; position:relative;}

/*@Left
//////////////////////////////////////////////////////*/
#leftColumn {
	width:260px; float:left;
	padding:40px 0 20px; position:relative;
	}
	#leftColumn .leftBox01 { margin-bottom:20px;}
	#leftColumn .leftHeader01 {
		width:260px; height:61px; margin:0 auto 20px;
		background:url(../img/parts.png) no-repeat -220px -180px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#leftColumn .matome_category {
		display:block; width:100%;
		font-size:18px; font-weight:bold; line-height:1.2; color:#000;
		background:rgba(255, 255, 1, 0.9);
		padding:9px 5px 7px 12px; margin-bottom:9px;
	}
	#leftColumn .list02 > li { padding-bottom:2px;}
	#leftColumn .detail { padding:0 0 24px;}
	#leftColumn .detail li a {
		display:block; font-size:13px; line-height:1.6; color:#daddde;
		padding:8px 15px 8px 33px; position:relative;
	}
	#leftColumn .detail li a:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat -490px -180px;
		position:absolute; top:7px; left:8px;
	}
	#leftColumn .detail li a:hover { color:#fffd01;}
	#leftColumn .pagelist_foot { display:none;}

/*etc*/
.leftTwitter { width:260px; padding:0 15px; margin:0 auto 36px;}
.bnAbout a,
.bnOfficial a {
	display:block; width:230px; height:160px; margin:0 auto 36px;
	background:url(../img/parts.png) no-repeat;
	text-indent:100%; white-space:nowrap; overflow:hidden;
	}
	.bnAbout a { background-position:0 -250px;}
	.bnOfficial a { background-position:-240px -250px;}
	.bnAbout a:hover,
	.bnOfficial a:hover { opacity:0.8;}

/*default*/
/*#global-header,#header,#header_temp { display:none;}*/
#footer_temp { margin:0;}
.dager01 {
	font-size:12px; font-weight:bold; vertical-align:super;
	cursor:pointer; margin-left:5px;
}


/*画像拡大ページ追加*/
.singleImgBody #contents:before,
.singleImgBody #mainContents:before { display:none;}
.singleImgBody #centerColumn { float:none; margin:0 auto;}
.singleImgBody .articleUrl { margin-bottom:40px;}
.singleImgBody .imgBox03 {
	width:705px; font-size:0;
	padding:35px 18px; position:relative; z-index:10;
}
.singleImgBody .imgBox03:before {
	content:""; display:block; width:705px; height:52px;
	background:url(../img/bg_url.jpg) center 0;
	border-bottom:1px solid #007eff;
	position:absolute; top:-36px; left:0;
}
.singleImgbox { text-align:center; margin-bottom:30px;}
.singleImgBody h3 { margin-top: 8px;}