@charset "EUC-JP";


/****************************** news / word ******************************/

.main_contents{
	background:#fff;
}

.article_news:after,
.article_word:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
}

.article_news,
.article_word{
	position:relative;
	padding:20px;
}

.article_news > h1,
.article_word > h1{
	clear:both;
	padding:0.5em 0;
	font-size:170%;
	line-height:1.4em;
	border-bottom:5px solid #ECE8E4;
}

.article_word > h1{
	padding-top:0;
}


/******************** re ********************/

.article_news > h1:first-child{
	margin-top:24px;
}

.article_news > #SOCIALBOOKMARK + .published_time,
.article_news > #SOCIALBOOKMARK + .published_time + .article_tag{
	position:absolute;
	top:20px;
	height:24px;
}

.article_news > #SOCIALBOOKMARK + .published_time{
	right:20px;
}


/******************** news ********************/

.article_news .author{
	min-height:12px;
	padding:10px 0px;
	font-size:12px;
	line-height:140%;
	color:#333;
	border-bottom:1px solid #ECE8E4;
}

.article_news .author p{
	width:415px;
}

.article_news .author a{
	padding-right:0.5em;
}

.article_news p.published_time{
	float:right;
	height:24px;
	padding:0px;
	font-size:70%;
	line-height:16px;
}


/******************** word ********************/

.article_word .rss{
	float:right;
	height:11px;
	padding:2px 6px;
	margin-left:10px;
	font-size:11px;
	line-height:11px;
	background:#ff9900;
}

.article_word .rss a{
	color:#fff;
}


/********** url **********/

.article_word .relation_url{
	padding:10px 0px;
	font-size:80%;
	line-height:100%;
	color:#333;
	border-bottom:1px solid #ECE8E4;
}

.article_word .relation_url:empty,
.article_word .relation_url span{
	display:none;
}

.article_word .relation_url li{
	list-style:none;
	margin-bottom:10px;
}

.article_word .relation_url li:last-child{
	margin-bottom:0px;
}


/******************** middle ***********************/

.middle_section{
	clear:both;
	width:740px;
	height:90px;
	padding:0px 0px 10px;
	text-align:center;
	background:#ECE8E4;
	color:#999;
}


/****************************** maintxt ******************************/

.maintxt:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
}

.maintxt{
	width:510px;
	padding-top:20px;
	margin-bottom:1.5em;
	color:#333;
	font-size:0.95em;
	line-height:1.6em;
	word-break:normal;
	word-wrap:break-word;
}

.template_word .maintxt{
	padding:20px 190px 20px 0px;
	margin-bottom:0;
}

.maintxt:empty{
	border-bottom:0px;
	padding:0;
	margin:0;
}


/********** paging **********/

.maintxt .paging{
	clear:both;
	width:690px;
	margin:30px auto;
	text-align:center;
}

.maintxt > .paging:first-child{
	margin-top:0;
}

.maintxt .paging span,
.maintxt .paging a{
	display:inline-block;
	width:1em;
	height:1em;
	padding:0.5em;
	margin:0px 5px;
	font-size:90%;
	font-weight:bold;
	line-height:100%;
	text-align:center;
	color:#ff9900;
	background:#fff9f0;
	border:1px solid #ff9933;
}

.maintxt .paging span{
	color:#fff;
	background:#ff9933;
}


/********** heading **********/

.maintxt h2{
	font-size:170%;
	line-height:1.5em;
	margin-bottom:0.5em;
}

.maintxt h3{
	clear:both;
	float:right;
	width:260px;
	padding-top:10px;
	margin:0px -190px 1em 1em;
	font-size:170%;
	line-height:1.5em;
	border-top:5px solid #ECE8E4;
}

.maintxt h4{
	font-size:1.25em;
	line-height:1.5em;
}


/********** copyright **********/

blockquote.copyright{
	font-size:60%;
	color:#999;
}


/****************************** aside ******************************/

.keyword h1,
.article_comment h1,
.article_related h1{
	padding:0px 0px 0px 0px;
	margin:15px 0 10px;
	font-size:100%;
	line-height:100%;
	color:#333;
}

.keyword h1{
	margin-top:35px;
}


/********** icon **********/

.keyword h1:before,
.article_related h1:before,
.article_comment h1:before{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	vertical-align:middle;
	padding-right:5px;
}

.keyword h1:before{
	content:"local_offer";
}

.article_related h1:before{
	content:"description";
	color:#333;
}

.article_comment h1:before{
	content:"forum";
}


/******************** keyword ********************/

.keyword{
	clear:both;
	background:#fff;
}


/******************** comment ********************/

.article_comment h1{
	color:#3B579D;
}

.article_comment{
	min-height:218px;
	padding:0px 20px 10px;
	background:url(/images/img_loading_facebook.gif) no-repeat center 100px #fff;
}

.article_comment .fb-comments{
	background:#fff;
}

.article_comment .fb_iframe_widget_fluid span{
	box-sizing:border-box;
	min-height:180px;
	background:#f0f3fc;
	border:1px solid #D4DBF1 !important;
}


/******************** related ********************/

.article_related:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.article_related{
	margin:0px auto;
	padding:0px 20px 20px;
}

.article_related h1 a{
	color:#333;
	text-decoration:underline;
}

.article_related article a{
	margin-bottom:5px;
}

.article_related article > a{
	position:relative;
}

.template_news .article_related article > a[href^="http://www.4gamer.net/"]:before{
	content:" ";
	display:block;
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
	width:81px;
	height:15px;
	background:url(/images/logo_4gamer.png) no-repeat center center #a90000;
	background-size:contain;
	vertical-align:text-top;
	border:4px solid #a90000;
	border-top-width:4px;
	border-bottom-width:4px;
}

.article_related img{
	vertical-align:top;
}


/********** news ***********/

.template_news .article_related article{
	float:left;
	width:222px;
	margin-bottom:10px;
	background:#fff;
}

.template_news .article_related article > a:first-child{
	display:block;
	overflow:hidden;
	position:relative;
	width:220px;
	height:121px;
}

.template_news .article_related article img{
	display:block;
	position:relative;
	left:50%;
	top:50%;
	float:left;
	width:100%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.template_news .article_related article:nth-child(3n){
	margin:0px 17px;
}

.template_news .article_related article:nth-child(3n+5){
	clear:both;
}

.template_news .article_related article h2{
	padding:0px 5px;
	font-size:75%;
	line-height:1.5em;
}

.template_news .article_related article p,
.template_news .article_related article .article_tag{
	display:none;
}


/********** news right ***********/

.template_news .right_contents > img{
	display:block;
	width:1px;
	height:1px;
}

.template_news .right_contents .article_related h1{
	clear:both;
	padding:5px 10px;
	font-size:80%;
	line-height:20px;
	color:#fff;
	background:#F7941D;
}

.template_news .right_contents .article_related h1:before{
	content:none;
}

.template_news .right_contents .article_related h1 a{
	color:#fff;
	text-decoration:none;
}

.template_news .right_contents .article_related{
	padding:0;
}

.template_news .right_contents .article_related article{
	float:none;
	position:relative;
	width:300px;
	height:135px;
	padding:10px;
	margin:0 auto 10px !important;
	background:#fff;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 3px #fff, inset 0px 0px 0px 4px #eee;
	box-sizing:border-box;
}

.template_news .right_contents .article_related article:before,
.template_news .right_contents .article_related article:after{
	content:" ";
	display:block;
	position:absolute;
	width:26px;
	height:8px;
	background:#ece8e4;
}

.template_news .right_contents .article_related article:before{
	top:-1px;
	left:-11px;
	box-shadow:0px 1px 0px 0px rgba(0,0,0,0.12);
	box-shadow:0px 1px 0px 0px #ccc8c4;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
}

.template_news .right_contents .article_related article:after{
	bottom:-2px;
	right:-11px;
	box-shadow:0px -1px 0px 0px rgba(0,0,0,0.12);
	box-shadow:0px -1px 0px 0px #ccc8c4;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
}

.template_news .right_contents .article_related article > a:first-child{
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	width:115px;
	height:115px;
	margin-right:10px;
}

.template_news .right_contents .article_related article img{
	display:block;
	position:relative;
	left:50%;
	top:0%;
	float:left;
	width:auto;
	height:115px;
	transform: translate3d(-50%,0%,0);
}

.template_news .right_contents .article_related article h2{
	padding:0px 5px;
	font-size:75%;
	line-height:1.5em;
}

.template_news .right_contents .article_related article p,
.template_news .right_contents .article_related article .article_tag{
	display:none;
}

/********** sample2 **********/

.template_news .right_contents .article_related article,
.template_news .right_contents .article_related article:nth-child(4){
	height:110px;
}

.template_news .right_contents .article_related article > a:first-child,
.template_news .right_contents .article_related article:nth-child(4) > a:first-child{
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	width:auto;
	height:90px;
	margin-right:10px;
}

.template_news .right_contents .article_related article img,
.template_news .right_contents .article_related article:nth-child(4) img{
	display:block;
	position:relative;
	left:0%;
	top:0%;
	float:left;
	width:auto;
	height:90px;
	transform: translate3d(0%,0%,0);
}

.template_news .right_contents .article_related article h2,
.template_news .right_contents .article_related article:nth-child(4) h2{
	padding:0px 5px;
	font-size:75%;
	line-height:1.5em;
}

.template_news .right_contents .article_related article h2:after,
.template_news .right_contents .article_related article:nth-child(4) h2:after{
	content:" ";
	position:absolute;
	right:10px;
	top:6.9em;
	width:6em;
	height:1.5em;
	background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,1));
}

.template_news .right_contents .article_related article h2 a,
.template_news .right_contents .article_related article:nth-child(4) h2 a{
	display:block;
	overflow:hidden;
	height:7.5em;
}