@charset "utf-8";

/*

スマートフォン 共通CSS
Last Update 18.12.14

*/

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, em, img, strong, span, object, iframe, article, aside, audio, canvas, footer, header, hgroup, menu, nav, section, video {
	border: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 1em;
	list-style: none;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, dt, th, strong { font-weight: bold; }

article, aside, footer, header, hgroup, menu, nav, section { display: block; }

a {
	background: transparent;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

img {
	vertical-align: bottom;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

strong { line-height: inherit; }

/* clear */
.clear,
.cf { clear: both; }

/* clearfix */
header:after,
#conv ul:after,
#hardware ul:after,
#mediaList ul:after,
#theme ul:after,
form:after,
article:after,
.clear:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Micro Clearfix */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after { clear: both; }

/* floating */
.flLeft {
	float: left;
	margin: 0 15px 10px 0;
}

/* ページ全体 */
body {
	background-color: #fefefe;
	color: #303030;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
	-webkit-text-size-adjust: 100%;*
}

/* リンク色 */
a:link { color: #3890ca; }

a:visited { color: #915098; }

/*
a:hover,
a:active { color: #ff9900; }
*/

/* テキスト位置 */
.alignleft { text-align: left; }

.aligncenter { text-align: center; }

.alignright { text-align: right; }

.ad {
	margin: 15px auto;
	text-align: center;
}

/********************************/
/* バナー */
/********************************/
.rectangle {
	margin: 0 auto;
	text-align: center;
	width: 300px;
}

.adcloud_frame {
	text-align: center;
}

/********************************/
/* 動画バナー（ロカリサーチ） */
/********************************/
.adcloud_frame .loka-unit-wrapper {
	margin: 0 auto !important;
}

/* レクタングルFlash時 */
.rectangle div { margin: 15px auto !important; }

/******************************/
/* 共通ヘッダー */
/******************************/
header#logo {
	margin: 5px auto;
	width: 300px;
}

/******************************/
/* DOLロゴ */
/******************************/
header#logo h1,
header#logo div {
	float: left;
	margin: 1px 10px 0 0;
	width: 92px;
}

/******************************/
/* 検索フォーム */
/******************************/
header#logo div#artSearch {
	float: right;
	margin: 0;
	overflow: hidden;
	width: 198px;
}

header#logo #artSearch #phraseWrap {
	float: left;
	margin: 0 5px 0 0;
	width: 142px;
}

header#logo #artSearch #phraseWrap #keyword {
	border: 1px solid #a0a0a0;
	border-radius: 0;
	display: inline-block;
	font-size: 14px;
	height: 29px;
	line-height: 1em;
	margin: 0;
	padding: 5px 0 4px 5px;
	overflow: hidden;
	width: 100%;
}

header#logo #artSearch #saWrap {
	float: left;
	width: 50px;
}

header#logo #artSearch #saWrap #sa {
	background: linear-gradient(top, #ffffff, #f1f1f1 50%, #e1e1e1 50%, #f3f3f3));
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1 50%, #e1e1e1 50%, #f3f3f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f1f1f1), color-stop(50%, #e1e1e1), color-stop(100%, #f3f3f3));
	border: 1px solid #a0a0a0;
	display: inline-block;
	font-size: 14px;
	height: 29px;
	line-height: 1em;
	margin: 0;
	padding: 5px 0 4px;
	text-align: center;
	width: 100%;
}

/******************************/
/* 便利なリンク */
/******************************/
nav#conv {
	border-radius: 5px;
	margin: 5px 10px;
}

nav#conv li {
	font-size: 12px;
	float: left;
	line-height: 1.2em;
	text-align: center;
	width: 50%;
}

nav#conv li a {
	background: linear-gradient(top, #ffffff, #f1f1f1 49%, #e1e1e1 50%, #f3f3f3));
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1 49%, #e1e1e1 50%, #f3f3f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(49%, #f1f1f1), color-stop(50%, #e1e1e1), color-stop(100%, #f3f3f3));
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	display: block;
	padding: 3px 5px;
}

nav#conv li:first-child a { border-right: none; }

nav#conv li.lnkArchive a {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

nav#conv li.btnTwitter a {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

/******************************/
/* メディア別ナビゲーション */
/******************************/
/* 初期・DOLヘッダー */
#mediaList {
	margin: 5px 0;
}

#mediaList ul {
	background-color: #2568ab;
	border-top: 1px solid #00416b;
	width: 100%;
}

#mediaList ul:last-child { border-bottom: 1px solid #00416b; }

#mediaList li {
	display: inline-block;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(127, 127, 127, 1);
}

#mediaList li a {
	background-color: #2568ab;
	border-left: 1px solid #00416b;
	color: #ffffff;
	display: block;
	font-weight: bold;
	padding: 8px 0;
}

#mediaList li:first-child a { border-left: none; }

/* 5/27 12:00利用 */
#mediaList li { width: 33%; }

#mediaList li:nth-child(2) { width: 34%; }

/******************************/
/* 4列の明示的な指定 140730 */
/******************************/
#mediaList ul.listQ li {
	font-size: 12px;
	line-height: 1.5em;
	width: 25%;
}

/******************************/
/* 3列の明示的な指定 140730 */
/******************************/
#mediaList ul.listT li:nth-child(2) { width: 34%; }

/******************************/
/* 電撃PlayStationヘッダー */
/******************************/
#dps #logo h1 { padding: 4px 0 0; }

#dps #mediaList ul { border-top: 1px solid #000000; }

#dps #mediaList ul:last-child { border-bottom: 1px solid #000000; }

#dps #mediaList ul,
#dps #mediaList li a { background-color: #484848; }

#dps #mediaList li a { border-left: 1px solid #000000; }

#dps #mediaList li:first-child a { border-left: none; }

/******************************/
/* 電撃Xboxヘッダー */
/******************************/
#xbox360 #logo h1,
#xbox #logo h1 { padding: 3px 0 0; }

#xbox360 #mediaList ul,
#xbox #mediaList ul { border-top: 1px solid #0d540d; }

#xbox360 #mediaList ul:last-child,
#xbox #mediaList ul:last-child { border-bottom: 1px solid #0d540d; }

#xbox360 #mediaList ul,
#xbox360 #mediaList li a,
#xbox #mediaList ul,
#xbox #mediaList li a { background-color: #107C10; }

#xbox360 #mediaList li a,
#xbox #mediaList li a { border-left: 1px solid #0d540d; }

#xbox360 #mediaList li:first-child a,
#xbox #mediaList li:first-child a { border-left: none; }

/******************************/
/* 電撃Nintendoヘッダー */
/******************************/
#nintendo #logo h1 { padding: 6px 0 0; }

#nintendo #mediaList ul { border-top: 1px solid #005d7c; }

#nintendo #mediaList ul:last-child { border-bottom: 1px solid #005d7c; }

#nintendo #mediaList ul,
#nintendo #mediaList li a { background-color: #0096c8; }

#nintendo #mediaList li a { border-left: 1px solid #005d7c; }

#nintendo #mediaList li:first-child a { border-left: none; }

/******************************/
/* 電撃PCゲームヘッダー */
/******************************/
#dpc #logo h1 { padding: 5px 0 0; }

#dpc #mediaList ul { border-top: 1px solid #a45d00; }

#dpc #mediaList ul:last-child { border-bottom: 1px solid #a45d00; }

#dpc #mediaList ul,
#dpc #mediaList li a { background-color: #e98400; }

#dpc #mediaList li a { border-left: 1px solid #a45d00; }

#dpc #mediaList li:first-child a { border-left: none; }

/******************************/
/* 電撃カードゲームヘッダー */
/******************************/
#dcg #logo h1 { padding: 5px 0 0; }

#dcg #mediaList ul { border-top: 1px solid #130430; }

#dcg #mediaList ul:last-child { border-bottom: 1px solid #130430; }

#dcg #mediaList ul,
#dcg #mediaList li a { background-color: #4a386d; }

#dcg #mediaList li a { border-left: 1px solid #130430; }

#dcg #mediaList li:first-child a { border-left: none; }

/******************************/
/* 電撃Appヘッダー */
/******************************/
#dga #mediaList ul { border-top: 1px solid #a63900; }

#dga #mediaList ul:last-child { border-bottom: 1px solid #a63900; }

#dga #mediaList ul,
#dga #mediaList li a { background-color: #e54f00; }

#dga #mediaList li a { border-left: 1px solid #a63900; }

#dga #mediaList li:first-child a { border-left: none; }

/******************************/
/* DGSヘッダー */
/******************************/
#dgs #logo h1 { padding: 5px 0 0; }

#dgs #mediaList ul { border-top: 1px solid #cd7d98; }

#dgs #mediaList ul:last-child { border-bottom: 1px solid #cd7d98; }

#dgs #mediaList ul,
#dgs #mediaList li a { background-color: #ff9cbd; }

#dgs #mediaList li a { border-left: 1px solid #cd7d98; }

#dgs #mediaList li:first-child a { border-left: none; }

/******************************/
/* DAGヘッダー */
/******************************/
#dag #logo h1 { padding: 4px 0 0; }

#dag #mediaList ul { border-top: 1px solid #9b3437; }

#dag #mediaList ul:last-child { border-bottom: 1px solid #9b3437; }

#dag #mediaList ul,
#dag #mediaList li a { background-color: #d71418; }

#dag #mediaList li a { border-left: 1px solid #9b3437; }

#dag #mediaList li:first-child a { border-left: none; }

/******************************/
/* 文字カラー */
/******************************/
.red { color: #c00000; }

.blue { color: #1666C6; }

.green { color: #1a8015; }

.pink { color: #d768c6; }

.sky { color: #1bb6cd; }

.purple { color: #7522ca; }

.orange { color: #d78524; }

.brown { color: #7b5626; }

.yellow { color: #eadb05; }

/******************************/
/* ニュース日付ヘッダー */
/******************************/
.news header {
	background: #e3e3e3;
	background: linear-gradient(top, #fafafa, #e3e3e3);
	background: -moz-linear-gradient(top, #fafafa, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e3e3e3));
	border-bottom: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0;
	padding: 5px 10px;
}

.news header h2 {
	color: #505050;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	padding: 8px 0;
	width: 55%;
}

/******************************/
/* 「トップへ」ボタン・基本 */
/******************************/
.return {
	background-color: #0071b2;
	background: linear-gradient(top, #4ac1ff, #0071b2);
	background: -moz-linear-gradient(top, #4ac1ff, #0071b2);
	background: -webkit-gradient(linear, left top, left bottom, from(#4ac1ff), to(#0071b2));
	border: 1px solid #007cc1;
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 3em;
	margin: 15px auto;
	text-align: center;
	text-shadow: -1px -1px 1px rgba(127, 127, 127, 1);
}

.return a {
	border-radius: 5px;
	color: #ffffff;
	display: block;
	line-height: inherit;
}

.return a:link,
.return a:visited,
.return a:hover,
.return a:active { color: #ffffff; }

/******************************/
/* 「トップへ」ボタン（header要素内） */
/******************************/
header .return {
	float: right;
	line-height: 2em;
	margin: 0;
	width: 30%;
}

/******************************/
/* サイトトップ・ページトップ（新デザイン） */
/******************************/
ul.btnArea {
	margin: 1em 0;
}

ul.btnArea .return {
	line-height: 1em;
	margin: 0 auto;
	width: 55%;
}

ul.btnArea .return  a {
	padding: 15px 0;
	text-align: center;
}

/******************************/
/* 表示切り替え */
/******************************/
#viewMode1,
#viewMode2 {
	background-color: #f0f0f0;
	border: 1px solid #a0a0a0;
	font-size: 13px;
	line-height: 1em;
	margin: 15px 10px 150px;
	padding: 5px 0;
	text-align: center;
}

/******************************/
/* 共通フッター */
/******************************/
footer {
	margin: 3em 0 0 ;
}

footer #footerMenu {
	background-color: #eaeaea;
	padding: 10px 5px;
	text-align: center;
}

footer #footerMenu li {
	display: inline-block;
	font-size: 1em;
	line-height: 1.8em;
	margin: 0 1em 0 0;
}

footer .copyright {
	font-size: 10px;
	margin: 15px auto;
	text-align: center;
}

/* /////////////////////// 2014年6月12日 追加ここから ////////////////////// */
/* ▼ナビゲーション▼ */
#dgs_navigation {
	margin: 2px 0;
	text-align: center;
}

#dgs_navigation img.navi_01 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_02 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_03 { width: 33%; }

#dgs_navigation img.navi_04 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_05 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_06 { width: 33%; }

/* ///////////////////////  2014年6月12日 追加ここまで ////////////////////// */

/* ///////////////////////  2014年7月24日 追加ここから ////////////////////// */

#dgs_navigation img.navi_11 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_12 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_13 { width: 33%; }

#dgs_navigation img.navi_14 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_15 {
	width: 33%;
	border-right: 1px solid #ffffff;
}

#dgs_navigation img.navi_blank { width: 33%; }

/* ///////////////////////  2014年7月24日 追加ここまで ////////////////////// */


/******************************/
/* Google Adsense 2015.06~ */
/******************************/
.ads  {
	height: 250px;
	margin: 10px auto;
	width: 300px;
}

/* メニュー下バナー（トップ以外） */
#banner_menu {
	margin: 10px auto;
	width: 320px;
}