@charset "utf-8";

/*

電撃オンライン 拡大画像共通
Last Update 15.06.25

*/

/* clearfix */
#artMeta:after,
.social:after,
#relImage ul:after,
#puCont:after,
.rightCont li:after,
#adSense ul:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

/* 記事タイトル */
#artTitle {
	margin: 10px auto 5px;
	width: 1230px;
}

#artMeta {
	border: 1px solid #c0c0c0;
	box-shadow: 0 2px 2px #e0e0e0;
	margin: 0 auto;
	padding: 0 5px;
}

/* リンクカラー設定 */
#dps #contents a:link,
#dps #contents a:visited {
	color: #5b6591;
}

#dps #contents a:hover,
#dps #contents a:active {
	color: #7b8fe7;
}

#xbox360 #contents a:link,
#xbox360 #contents a:visited,
#xbox #contents a:link,
#xbox #contents a:visited {
	color: #33531f;
}

#xbox360 #contents a:hover,
#xbox360 #contents a:active,
#xbox #contents a:hover,
#xbox #contents a:active {
	color: #3c9c00;
}
/*
#nintendo #contents a:link,
#nintendo #contents a:visited {
	color: #6f3838;
}

#nintendo #contents a:hover,
#nintendo #contents a:active {
	color: #ca0000;
}
*/
#dpc #contents a:link,
#dpc #contents a:visited {
	color: #56260a;
}

#dpc #contents a:hover,
#dpc #contents a:active {
	color: #af480a;
}

/* 共通設定・見出しカラー設定ここから */
#artMeta,
#relImage h2,
#adSense h2,
#puCont h2 {
	background: #daebf1;
	background: -moz-linear-gradient(top, #fefeff, #daebf1);
	background: -ms-linear-gradient(top, #fefeff, #daebf1);
	background: -o-linear-gradient(top, #fefeff, #daebf1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefeff), to(#daebf1)); 
	background: linear-gradiant(top, #fefeff, #daebf1);
	border-bottom: 1px solid #97a8b7;
	box-shadow: 0 2px 2px #e0e0e0;
	color: #3e578d;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px;
}

#dps #artMeta,
#dps #relImage h2,
#dps #adSense h2,
#dps #puCont h2 {
	background: #e2e6f7;
	background: -moz-linear-gradient(top, #f6f8ff, #e2e6f7);
	background: -ms-linear-gradient(top, #f6f8ff, #e2e6f7);
	background: -o-linear-gradient(top, #f6f8ff, #e2e6f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f8ff), to(#e2e6f7)); 
	background: linear-gradiant(top, #f6f8ff, #e2e6f7);
	border-bottom: 1px solid #a1a9ce;
	color: #5B6591;
	height: auto;
}

#xbox360 #artMeta,
#xbox360 #relImage h2,
#xbox360 #adSense h2,
#xbox360 #puCont h2,
#xbox #artMeta,
#xbox #relImage h2,
#xbox #adSense h2,
#xbox #puCont h2 {
	background: #d9eace;
	background: -moz-linear-gradient(top, #f1f7ed, #d9eace);
	background: -ms-linear-gradient(top, #f1f7ed, #d9eace);
	background: -o-linear-gradient(top, #f1f7ed, #d9eace);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f7ed), to(#d9eace)); 
	background: linear-gradiant(top, #f1f7ed, #d9eace);
	border-bottom: 1px solid #b4d1a1;
	color: #33531f;
	height: auto;
}

#nintendo #artMeta,
#nintendo #relImage h2,
#nintendo #adSense h2,
#nintendo #puCont h2 {
	background: #ead2d2;
	background: -moz-linear-gradient(top, #fdf0f0, #ead2d2);
	background: -ms-linear-gradient(top, #fdf0f0, #ead2d2);
	background: -o-linear-gradient(top, #fdf0f0, #ead2d2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdf0f0), to(#ead2d2)); 
	background: linear-gradiant(top, #fdf0f0, #ead2d2);
	border-bottom: 1px solid #d4a2a2;
	color: #6f3838;
	height: auto;
}

#dpc #artMeta,
#dpc #relImage h2,
#dpc #adSense h2,
#dpc #puCont h2 {
	background: #e5c3b5;
	background: -moz-linear-gradient(top, #f7ede9, #e5c3b5);
	background: -ms-linear-gradient(top, #f7ede9, #e5c3b5);
	background: -o-linear-gradient(top, #f7ede9, #e5c3b5);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7ede9), to(#e5c3b5)); 
	background: linear-gradiant(top, #f7ede9, #e5c3b5);
	border-bottom: 1px solid #cea796;
	color: #56260a;
	height: auto;
}
/* 共通設定・見出しカラー設定ここまで */

#pubDate {
	float: left;
	font-size: 14px;
	line-height: 1.6em;
	margin: 0;
	padding: 2px 0 0;
	width: 20%;
}

.social .facebook,
.social .fb-like,
.social .fb-share {
	float: right;
	margin: 2px 0 0 5px;
}

.social .hatena {
	float: right;
	margin: 2px 0 0;
}

.social .twitter {
	float: right;
	margin: 2px 0 0;
}

/* 修正版 */
.social {
	float: right;
	vertical-align: 50%;
	width: 75%;
}

.social .twitter,
.social .fb-like,
.social .fb-share-button,
.social .hatena,
.social .line,
.social .mixi,
.social .google {
	float: right;
	margin: 0 0 0 2px;
}

.social .google {
	margin: 0 -7px 0 2px;
}

/* Opera用 11.11.24 */
.fb_iframe_widget iframe {
	vertical-align: baseline !important;
}

h1 {
	background-color: transparent;
	border: 1px solid #c0c0c0;
	border-top: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	width: 1218px;
}

h1 span {
	font-weight: normal;
	margin: 0 0.5em 0 0;
}

/* クリック */
.info {
	font-size: 11px;
	line-height: 1.2em;
	margin: 5px auto;
	padding: 0 10px;
	text-align: center;
	width: 1210px;
}

/* 拡大画像 */
#imageZoom {
	min-width: 1230px;
	text-align: center;
}

#imageZoom img {
	border: 1px solid #00ccff;
}

#imageZoom img:hover {
	border: 1px solid #cb4516;
}

/* 画像サイズ切り替え */
.changeScale {
	font-size: 12px;
	margin: 5px auto;
	text-align: center;
	width: 1230px;
}

.changeScale label {
	margin: 0 0 0 1em;
}

.changeScale input {
	margin: 0;
	vertical-align: baseline;
}

/* 戻るボタン */
.btnBack {
	font-size: 12px;
	line-height: 1.2em;
	margin: 5px auto;
	text-align: center;
	width: 1230px;
}

/* 関連画像 */
#relImage {
	border: 1px solid #c0c0c0;
	margin: 5px auto 10px;
	width: 1228px;
}

#relImage ul {
	background-color: transparent;
	padding: 5px 0 0 5px;
	width: 1223px;
}

#relImage li {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

#relImage img {
	vertical-align: baseline;
}

#relImage a {
	display: block;
	height: 72px;
}

#relImage a:link,
#relImage a:visited {
	border: 1px solid #00ccff;
}

#relImage a:hover,
#relImage a:active,
#relImage a.selected {
	border: 1px solid #cb4516;
}

/* コピーライト */
.artCopyright {
	clear: both;
	font-size: 11px;
	line-height: 1.4em;
	margin: 5px auto;
	width: 1230px;
}

/* adSense */
#adSense {
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	margin: 10px auto;
	width: 1228px;
}

#adSense ul {
	padding: 2px 4px;
}

#adSense li {
	float: left;
	padding: 4px;
	width: 236px;
}

#adSense h3 {
	font-size: 13px;
	line-height: 1.2em;
	margin: 0 0 5px;
}

#adSense h3 .url {
	font-size: 11px;
}

#adSense h3 a:link,
#adSense h3 a:visited,
#adSense h3 a:hover,
#adSense h3 a:active {
	color: #006600;
}

#adSense p {
	font-size: 11px;
	line-height: 1.2em;
}

/* ピックアップコンテンツ */
#puCont {
	margin: 5px auto;
	width: 1230px;
}

#puCont ul {
	padding: 2px 5px;
}

#puCont li {
	border-bottom: 1px dotted #909090;
	padding: 3px 0;
}

#puCont li:last-child {
	border-bottom: none;
}

/* 特集だけは全て下線あり */
#puCont #pr li {
	border-bottom: 1px dotted #909090;
}

#puCont img {
	float: left;
	margin: 0 5px 0 0; 
}

#puCont h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 2px;
	padding: 3px 0 0;
}

#puCont p {
	font-size: 12px;
	line-height: 1.2em;
	margin: 5px 0 0;
}

#puCont #pr,
#puCont #regular,
#puCont #category,
#puCont #serial,
#puCont #blogUpdate {
	float: left;
	border: 1px solid #c0c0c0;
	margin: 0 7px 0 0;
	width: 300px;
}

#puCont #pr p.lnkAll {
	margin: 0;
	padding: 3px 5px;
	text-align: right;
}

#puCont #serial {
	margin-right: 0;
}

.banner {
	margin: 50px auto;
	text-align: center;
}

/* 下部バナー枠 */
.adcloud_frame {
	margin: 1em 0;
	text-align:center
}