@charset "utf-8";

/*

電撃App記事CSS（article.css）
最終更新：2017.07.26

※リセットは /css/normalize.css を利用
※Webフォントは /css/font-awesome.min.css を利用
※共通部分は /ap/css/common.css を利用

このCSSは

・電撃App記事の要素

について記述。

*/

/* 初期設定 */

/* micro clearfix */
.data:before,
.data:after,
.social:before,
.social:after,
.social_large:before,
.social_large:after,
.related li:before,
.related li:after,
.relList li:before,
.relList li:after {
	content: "";
	display: table;
}

.data:after,
.social:after,
.social_large:after,
.related li:after,
.relList li:after { clear: both; }

@media screen and (min-width: 641px) {
	article a:hover img,
	article a:active img {
		filter: alpha(opacity=75);
		-ms-filter: "alpha(opacity=75)";
		opacity: 0.75;
	}
}

/* ヘッダー */
#contents article {
	background-color: #fefefe;
	border: 1px solid #dedede;
	box-shadow: 0 1px 2px 0 #e0e0e0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.2em;
	margin: 0 auto 30px;
}

article header date {
	color: #909090;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	margin: 10px 7px;
}

article header h1 {
	background: url(/dol/app/img/h1_line01.png) center bottom no-repeat;
	background-size: contain;
	color: #e54f00;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 10px 5px;
	padding: 0 0 10px;
}

article header #authorName {
	font-size: 12px;
	line-height: 1.2em;
	margin: 15px 5px;
}

.social {
	background-color: #eaeaea;
	margin: 15px 5px;
	padding: 10px;
}

@media screen and (min-width: 641px) {
	article header #authorName,
	article header .social,
	article #newsText .social {
		margin: 15px;
	}
}

.social img {
	vertical-align: top;
}

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

@media screen and (min-width: 361px) {
	.social .twitter,
	.social .fb-share-button,
	.social .google,
	.social .hatena,
	.social .line {
		margin: 0 0 0 5px;
	}
}

/* block+100%で戻ってきて表示が崩れるので対応（13.12.4） */
.social .fb-share-button {
	width: auto !important;
}

.social .twitter {
	margin: 0 -12px 0 0;
}

/******************************/
/* 本文 */
/******************************/
/* 本文中文字カラー */
article #newsText p strong.red,
article #newsText p span.red { color: #c00000; }

article #newsText p strong.blue,
article #newsText p span.blue { color: #1666C6; }

article #newsText p strong.green,
article #newsText p span.green { color: #1a8015; }

article #newsText p strong.pink,
article #newsText p span.pink { color: #d768c6; }

article #newsText p strong.sky,
article #newsText p span.sky { color: #1bb6cd; }

article #newsText p strong.purple,
article #newsText p span.purple { color: #7522ca; }

article #newsText p strong.orange,
article #newsText p span.orange { color: #d78524; }

article #newsText p strong.brown,
article #newsText p span.brown { color: #7b5626; }

article #newsText p strong.yellow,
article #newsText p span.yellow { color: #eadb05; }

article #newsText h2,
article #newsText h3,
article #newsText h4,
article #newsText h5,
article #newsText h6 {
	font-weight: bold;
	line-height: 1.5em;
	margin: 1.5em 5px;
}

article #newsText > h2 {
	background-color: #eeeeee;
	border: 1px solid #e0e0e0;
	font-size: 18px;
	margin: 1.5em 0;
	padding: 0.8em 0.5em;
}

/* PCサイズ */
@media screen and (min-width: 641px) {
	article #newsText > h2 {
		margin: 1.5em 15px;
	}
}

article #newsText h3 {
	border-left:  5px solid #e54f00;
	font-size: 18px;
	line-height: 1.5em;
	margin:  1.5em 0;
	padding:  0 0 0 0.5em;
}

article #newsText p {
	color:  #404040;
	font-size:  16px;
	line-height: 1.5em;
	margin: 1.5em 5px;
}

article #newsText cite {
	font-style: normal;
	font-weight: bold;
}

article #newsText p.notes {
	line-height: 1.5em;
}

/* 主な用途：あらすじ */
article #newsText .outline,
article #newsText .outline_w50,
article #newsText .outline_w100 {
	border: 1px solid #a0a0a0;
	clear: both;
	margin: 1.5em 5px;
	padding: 5px;
}

article #newsText .outline h2,
article #newsText .outline_w50 h2,
article #newsText .outline_w100 h2,
article #newsText .outline h3,
article #newsText .outline_w50 h3,
article #newsText .outline_w100 h3 {
	margin: 1.5em 0;
	padding: 0;
}

article #newsText .outline h2,
article #newsText .outline_w50 h2,
article #newsText .outline_w100 h2 {
	font-size: 18px;
}

article #newsText .outline p {
	margin: 1.5em 0;
	padding: 0;
}

@media screen and (min-width: 361px) {
	article #newsText .outline {
		margin: 1.5em auto;
		width: 90%;
	}

	article #newsText .outline_w50 {
		margin: 1.5em auto;
		width: 90%;
	}
}

/* 主な用途：引用 */
article #newsText .bq,
article #newsText .bq_w50,
article #newsText .bq_w100 {
	border: 1px solid #777777;
	clear: both;
	margin: 1.5em 5px;
}

article #newsText .bq p {
	margin: 1.5em;
	padding: 0;
}

@media screen and (min-width: 361px) {
	article #newsText .bq {
		margin: 1.5em auto;
		width: 90%;
	}
	article #newsText .bq_w50 {
		width: 90%;
	}
}

article #newsText p strong,
article #newsText p span {
	color: #000000;
	line-height: inherit;
}

article #newsText a {
	font-weight: bold;
}

article #newsText a:link,
article #newsText a:link strong {
	color: #0099ff;
	text-decoration: none;
}

article #newsText a:visited,
article #newsText a:visited strong {
	color: #0099ff;
	text-decoration: none;
}

article #newsText a:hover,
article #newsText a:hover strong {
	color: #0099ff;
	text-decoration: underline;
}

article #newsText a:active,
article #newsText a:active strong {
	color: #0099ff;
	text-decoration: underline;
}

article #newsText .banner {
	margin: 1.5em 5px;
	text-align: center;
}

article #newsText hr {
	background-color: #c0c0c0;
	border: none;
	clear: both;
	height: 1px;
	margin: 1.5em 5px !important;
}

article #newsText p.copyright {
	clear: both;
	font-size: 12px;
	line-height: 1.3em;
	margin: 1.5em 5px;
	text-align: left;
}

@media screen and (min-width: 361px) {
	article #newsText p.copyright {
		margin: 1.5em 15px;
	}
}

/* 画像共通 */
table.imgphoto,
table[class^="imgphoto"] {
	border-collapse: collapse;
	clear: both;
	margin: 10px auto;
}

table.imgphoto th,
table.imgphoto td,
table[class^="imgphoto"] th,
table[class^="imgphoto"] td {
	color: #404040;
	font-size: 12px;
	line-height: 1.3em;
	vertical-align: bottom;
}

table.imgphoto img,
table[class^="imgphoto"] img {
	border: 1px solid #c0c0c0;
	display: block;
	margin: 0 auto;
}

table.imgphoto a img,
table[class^="imgphoto"] a img {
	border: 1px solid #3890ca;
}

/* 画像見出し */
table[class^="imgphoto"] th {
	font-weight: bold;
}

/* 画像左フロート */
table.imgphoto4027 {
	float: left;
	margin: 0 15px 5px 15px;
	width: 90px;
}

/* 4021左1枚＋右複数 */
table.imgphoto4021 {
	margin: 10px auto;
}

/* QRコード */
table.imgphoto4029 img {
	margin: 0 auto 0 0;
}

/* 空白セル */
table[class^="imgphoto"] th.space,
table[class^="imgphoto"] td.space {
	width: 10px;
}

/* 動画（レスポンシブ対応） */
.pvObj,
.movie {
	margin: 1.5em 5px;
	padding: 55.25% 0 0;
	position: relative;
	max-width: 100%;
	text-align: center;
}

.pvObj iframe,
.pvObj embed,
.pvObj object,
.pvObj video,
.movie iframe,
.movie embed,
.movie object,
.movie video {
	height: 100%;
	position: absolute;
	right: 0;
	width: 100%;
	top: 0;
}

/* Twitch用 */
.cate1026 {
	padding: 60% 0 0;
}

/* Ustream用 */
.cate1029 {
	padding: 62% 0 0;
}

@media screen and (min-width: 641px) {
	.pvObj {
		margin: 1.5em auto;
		padding: 0;
		height: 360px;
		width: 640px;
	}
}

/* 文字カラー（アイドルマスター） */
article #newsText .haruka {
	color: #e22b30;
}

article #newsText .chihaya {
	color: #2643d1;
}

article #newsText .yukiho {
	/*color: #d3dde9;*/
	color: #666666;
}

article #newsText .yayoi {
	color: #f3993a;
}

article #newsText .ritsuko {
	color: #00a95f;
}

article #newsText .azusa {
	color: #9238bf;
}

article #newsText .iori {
	color: #fd99e1;
}

article #newsText .makoto {
	/*color: #515457;*/
	color: #555555;
}

article #newsText .amimami {
/*	color: #3a3d40;*/
	color: #aaaa00;
}

article #newsText .miki {
	color: #b3e04a;
}

article #newsText .hibiki {
	color: #00adb8;
}

article #newsText .takane {
	color: #a61269;
}

article #newsText .kotori {
	color: #e9c947;
}

/* CERO Z */
article #newsText p.ceroz {
	color: #ff0033;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
}

/* Twitter埋め込み・中央寄せ（Widgetのスタイル上書き） */
article .twitter-tweet {
	margin: 1.5em auto !important;
}

/* 会話形式 */
article table.dotBtm {
	border-collapse: collapse;
	border-top: 1px solid #c0c0c0;
	margin: 20px 5px;
}

@media screen and (min-width: 641px) {
	article table.dotBtm {
		margin: 20px auto;
	}
}

article table.dotBtm tr { border-bottom: 1px solid #c0c0c0; }

article table.dotBtm th,
article table.dotBtm td {
	font-size: 16px;
	line-height: 1.5em;
	padding: 5px;
	vertical-align: middle;
}

article .red900 { color: #990000; }

/******************************/
/* ページネイト */
/******************************/
article .pager,
article #newsText .pager {
	margin: 12px 5px;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
}

article .pager a,
article #newsText .pager a {
	border: 1px solid #3890ca;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 3px;
	padding: 4px 6px;
}

article #newsText .pager .current, /* 旧データ用 */
article .pager .current,
article .pager .next,
article .pager .prev {
	background-color: #3890ca;
	border: 1px solid #3890ca;
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 3px;
	padding: 4px 6px;
}

/******************************/
/* 記事内バナー・商品バナー */
/******************************/
article #newsText .banner img {
	height: auto;
	max-width: 500px;
	width: 100%;
}

/* PCサイズ */
@media screen and (min-width: 641px) {
	article #newsText .banner img {
		height: auto;
		max-width: none;
		width: auto;
	}
}

/******************************/
/* 記事下バナー */
/******************************/
#articleBannerBottom .adcloud_frame > div {
	clear: both;
	text-align: center;
	margin: 3em auto 2em;
}

/******************************/
/* 記事下レクタングルバナー（PCのみ・Adsense） */
/******************************/
@media screen and (min-width: 641px) {
	#contents_left article .adcloud_frame > div {
		margin: 60px auto !important;
	}
}

/******************************/
/* データ */
/******************************/
#newsData,
.newsData {
	margin: 1.5em 5px;
}

article #newsData #data_title,
article #newsData .data_title,
article #newsData #dataTitle,
article #newsData .dataTitle,
article .newsData #data_title,
article .newsData .data_title,
article .newsData #dataTitle,
article .newsData .dataTitle {
	color: #606060;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 3px;
}

article #newsData .banner,
article .newsData .banner {
	margin: 1.5em auto;
	text-align: center;
}

article #newsData .banner img,
article .newsData .banner img {
/*	height: auto;
	width: 100%;
	max-width: 500px;*/
}

.data {
	background-color: #fefefe;
	border: 1px solid #dadada;
	clear: both;
	margin: 0 0 10px;
	padding: 10px;
}

.data .itemPhoto {
	border: 1px solid #dadada;
	float: left;
	margin: 0 10px 5px 0;
	text-align: center;
	width: 120px;
}

.data .itemPhoto img {
	height: auto;
	width: 100%;
}

.data .data_list {
	display: table-cell;
	margin: 0 0 5px;
	padding: 0;
}

.data .data_list dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
}

.data .data_list dd {
	font-size: 12px;
	line-height: 1.2em;
}

.data .data_list dd a { text-decoration: none; }

.data .amazon_price {
	font-size: 14px;
	line-height: 1.2em;
	margin: 3px 0 0;
	padding: 0;
}

.data .amazon_price img {
	margin: 0 3px 0 0;
	vertical-align: bottom;
}

.data .amazon_price .now_price {
	color: #333333;
	font-weight: bold;
	margin: 0 0 0 5px;
}

/******************************/
/* 関連サイト */
/******************************/
#newsData .relatedtitle,
.newsData .relatedtitle {
	clear: both;
	color: #1e90ce;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.5em 0 3px;
}

#newsData .related,
.newsData .related {
	border-left: 3px double #1e90ce;
	padding: 0 0 0 5px;
}

#newsData .related li,
.newsData .related li {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 3px 0;
}

#newsData .related li a,
.newsData .related li a {
	font-weight: bold;
}

/******************************/
/* 公式サイト 13.07.12 */
/******************************/
.ofclLink {
	background-color: #1e90ce;
	border-bottom: 1px solid #0d6c88;
	border-left: 3px double #1e90ce;
	border-right: 1px solid #0d6c88;
	border-top: 1px solid #7ccae0;
	padding: 10px 10px 0;
	margin: 1.5em 5px;
}

.ofclLink2 {
	background-color: #d8d4b8;
	border-bottom: 1px solid #c0bda3;
	border-left: 3px double #e5e1c5;
	border-right: 1px solid #c0bda3;
	border-top: 1px solid #e5e1c5;
	padding: 10px 10px 0;
	margin: 1.5em 5px;
}
.ofclLink li,
.ofclLink2 li {
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.3em;
	margin: 0 0 10px;
	text-align: center;
}

.ofclLink li a,
.ofclLink2 li a {
	border-radius: 4px;
	color: #303030;
	display: block;
	font-weight: bold;
	padding: 15px 5px;
}

.ofclLink li a:link,
.ofclLink li a:visited,
.ofclLink2 li a:link,
.ofclLink2 li a:visited {
	background-color: #e2e2e2;
	background: -moz-linear-gradient(top,  #ffffff 0%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#c0c0c0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#c0c0c0 100%);
	border: 1px solid #a7a7a7;
}

.ofclLink li a:hover,
.ofclLink li a:active,
.ofclLink2 li a:hover,
.ofclLink2 li a:active {
	background-color: #e2e2e2;
	background: -moz-linear-gradient(top,  #ffffff 0%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#c0c0c0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#c0c0c0 100%);
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #606060;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #606060;
	padding: 16px 4px 14px 6px;
	text-decoration: none;
}

/******************************/
/* 関連記事 */
/******************************/
#relArticle {
	margin: 1.5em 5px;
}

#relArticle .relTitle {
	color: #1e90ce;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 3px;
}

#relArticle .relList {
	border-left: 3px double #1e90ce;
	margin: 0 0 15px;
	padding: 0 0 0 5px;
}

#relArticle .relList li {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 8px;
}

#relArticle .relList li a {
	display: block;
	font-weight: bold;
}

#relArticle .relList li a img {
	border: 1px solid #3890ca;
}

#relArticle .relList li img {
	float: left;
	height: auto;
	margin: 0 5px 0 0;
	width: 60px;
}

/******************************/
/* 関連記事 2015.02～ */
/******************************/
#relArticle .relList li a .thumb {
	float: left;
	height: auto;
	margin: 0 5px 0 0;
	width: 60px;
}

#relArticle .relList li a .pubDate {
	display: table;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 2px;
}

#relArticle .relList li a .relArticleTitle {
	display: table;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
}

/******************************/
/* 他サイトの関連記事 */
/******************************/
#relArticleOthers {
	margin: 1.5em 5px;
}

#relArticleOthers .relTitle {
	color: #1e90ce;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 3px;
}

#relArticleOthers .relList {
	border-left: 3px double #1e90ce;
	margin: 0 0 15px;
	padding: 0 0 0 5px;
}

#relArticleOthers .relList li {
	display: block;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 8px;
}

#relArticleOthers .relList li a {
	display: block;
	font-weight: bold;
}

#relArticleOthers .relList li a img {
	border: 1px solid #3890ca;
}

#relArticleOthers li .fa {
	color: #606060;
	margin-right: 2px;
}

#relArticleOthers a.media {
	display: block;
	float: left;
	height: 16px;
	margin: 2px 10px 0 0;
	width: 16px;
}

#relArticleOthers a.dengeki {
	background: url(/dol/img/media_favicon.png) 0 0 no-repeat;
}

#relArticleOthers a.famitsu {
	background: url(/dol/img/media_favicon.png) 0 -16px no-repeat;
}

#relArticleOthers a.four-gamer {
	background: url(/dol/img/media_favicon.png) 0 -32px no-repeat;
}

#relArticleOthers a.media span {
	display: none;
}

#relArticleOthers li .release_date {
	color: #404040;
	float: left;
	margin: 3px 10px 0 0;
}

#relArticleOthers li .retweet_count {
	color: #404040;
	float: left;
	margin: 3px 0 0 0;
}

/******************************/
/* Amazonおすすめ */
/******************************/
#amazonRecommend {
	margin: 15px 0;
	padding: 0;
}

#recommendTitle {
	color: #1e90ce;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 3px;
	padding: 0 10px;
}

#recommendList {
	margin: 3px auto 15px;
	padding: 0 5px;
	width: 310px;
}

#recommendList li {
	float: left;
	margin: 0 5px;
	padding: 0;
	width: 145px;
}

#recommendList li a {
	border: 1px solid #3890ca;
	display: block;
	padding: 5px;
}

#recommendList li img {
	display: block;
	margin: 0 auto 3px;
}

#recommendList li a img {
}

#recommendList li .itemName {
	clear: both;
	font-size: 14px;
	line-height: 1.3em;
}

/* PCサイズ */
@media screen and (min-width: 641px) {
	article header date {
		color: #909090;
		display: block;
		font-size: 12px;
		line-height: 1.2em;
		margin: 10px 15px;
	}

	article header h1 {
		background: url(/dol/app/img/h1_line01.png) center bottom no-repeat;
		background-size: contain;
		color: #e54f00;
		font-size: 24px;
		font-weight: bold;
		line-height: 1.4em;
		margin: 10px 15px;
		padding: 0 0 10px;
	}

	article header #authorName,
	article #newsText h2,
	article #newsText h3,
	article #newsText h4,
	article #newsText h5,
	article #newsText h6,
	article #newsText p,
	article #newsData,
	article .newsData,
	article #relArticle,
	article #relArticleOthers {
		margin-left: 15px;
		margin-right: 15px;
	}
}

/******************************/
/* ランキング用 */
/******************************/

/* 表の要素は以下の通り

<tr class="rankhead">
<td class="twRanking">順位</td>
<td class="lwRanking">前週</td>
<td class="kind">機種</td>
<td class="game">タイトル名</td>
<td class="publisher">メーカー</td>
<td class="release">発売日</td>
<td class="quantity">推定<br />販売数</td>
<td class="total">累計<br />販売数</td> 

*/

#ranktable table {
	background-color: #cacaca;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 1.5em auto;
	table-layout: fixed;
	width: 95%;
}

#ranktable td {
	background-color: #fefefe;
	border: none;
	color: #404040;
	font-size: 12px;
	line-height: 1.2em;
	padding: 4px;
	margin: 0;
	vertical-align: middle;
}

#ranktable td.twRanking,
#ranktable td.lwRanking {
	width: 6%;
}

#ranktable td.kind {
	width: 7%;
}

#ranktable tr.rankhead td {
	background-color: #66a0e1;
	color: #ffffff;
}

#ranktable tr.rankhead td p {
	font-weight: bold;
}

#ranktable tbody.tablegray tr.rankhead td p {
	color: #ffffff;	
}

/* pを内包する旧table対策 */
article #ranktable th p,
article #ranktable td p {
	margin: 0;
}

#ranktable tr.ranknormal td {
	background-color: #fefefe;
}

#ranktable tr.ranknew td {
	background-color: #ddeeee;
}

/* 120416追加・ランキングカラーバリエーション用 */
article div#ranktable tbody.tablered tr.rankhead td {
	background-color: #e57373;
	color: #ffffff;
}

article div#ranktable tbody.tableorange tr.rankhead td {
	background-color: #ffa724;
	color: #ffffff;
}

article div#ranktable tbody.tableyellow tr.rankhead td {
	background-color: #ffeb3b;
	color: #606060;
}

article div#ranktable tbody.tablegreen tr.rankhead td {
	background-color: #66bb6a;
	color: #ffffff;
}

article div#ranktable tbody.tablepurple tr.rankhead td {
	background-color: #ba68c8;
	color: #ffffff;
}

article div#ranktable tbody.tablelgray tr.rankhead td {
	background-color: #dddddd;
	color: #606060;
}

article div#ranktable tbody.tablegray tr.rankhead td {
	background-color: #666666;
	color: #ffffff;
}

/* 15.07.22 キャラ紹介 */
article div.charatable table {
	background-color: #cacaca;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 1.5em auto;
	table-layout: fixed;
	width: 95%;
}

article div.charatable tbody td {
	background-color: #fefefe;
	border: none;
	font-size: 12px;
	line-height: 1.2em;
	padding: 4px;
	margin: 0;
	vertical-align: middle;
}

article div.charatable tbody td.item {
	background-color: #66a0e1;
	color: #ffffff;
	font-weight: bold;
	width: 30%;
}

article div.charatable tbody.tablered td.item {
	background-color: #e57373;
	color: #ffffff;
}

article div.charatable tbody.tableorange td.item {
	background-color: #ffa724;
	color: #65563e;
}

article div.charatable tbody.tableyellow td.item {
	background-color: #ffeb3b;
	color: #606060;
}

article div.charatable tbody.tablegreen td.item {
	background-color: #66bb6a;
	color: #ffffff;
}

article div.charatable tbody.tablepurple td.item {
	background-color: #ba68c8;
	color: #ffffff;
}

article div.charatable tbody.tablelgray td.item {
	background-color: #dddddd;
	color: #404040;
}

article div.charatable tbody.tablegray td.item {
	background-color: #666666;
	color: #ffffff;
}

/********************************/
/* 中央部分・記事内ボタン */
/********************************/
article #newsText .button_white,
article #newsText .button_black,
article #newsText .button_blue,
article #newsText .button_pink {
	margin: 1.5em 5px;
	text-align: center;
}

/* PCサイズ */
@media screen and (min-width: 641px) {
	article #newsText .button_white,
	article #newsText .button_black,
	article #newsText .button_blue,
	article #newsText .button_pink {
		margin: 1.5em auto;
		width: 60%;
	}
}

article #newsText .button_white a,
article #newsText .button_black a,
article #newsText .button_blue a,
article #newsText .button_pink a {
	border-radius: 5px;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	padding: 12px 10px 10px;
	text-decoration: none;
}

article #newsText .button_white a {
	background: #c0c0c0;
	border-bottom: 3px solid #7a7a7a;
	color: #000000;
	text-shadow: -1px -1px 1px #fafafa;
}

article #newsText .button_white a:hover {
	color: #000000;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fafafa;
}

article #newsText .button_black a {
	background: #3a3a3a;
	border-bottom: 3px solid #000000;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
}

article #newsText .button_black a:hover {
	color: #ffffff;
	text-decoration: none;
	text-shadow: -1px -1px 1px #000000;
}

article #newsText .button_blue a {
	background: #57a8bf;
	border-bottom: 3px solid #428496;
	color: #ffffff;
	text-shadow: 1px 1px 1px #606060;
}

article #newsText .button_blue a:hover {
	color: #ffffff;
	text-decoration: none;
	text-shadow: -1px -1px 1px #606060;
}

article #newsText .button_pink a {
	background: #dc4f88;
	border-bottom: 3px solid #8a3356;
	color: #ffffff;
	text-shadow: 1px 1px 1px #606060;
}

article #newsText .button_pink a:hover {
	color: #ffffff;
	text-decoration: none;
	text-shadow: -1px -1px 1px #606060;
}

article #newsText .button_white a:hover,
article #newsText .button_black a:hover,
article #newsText .button_blue a:hover,
article #newsText .button_pink a:hover {
	opacity: 0.85;
}

/* 引用ブロック */
article #newsText .outline blockquote {
	line-height: 1.5em;
	margin: 0 1.5em;
}

/* アプリダウンロード */
article #newsText .app_download a {
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 10px auto;
	padding: 15px 5px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #404040;
	width: 90%;
}

/* ダウンロード・事前登録・ゲーム開始などのボタン */
article #newsText .app_download,
article #newsText .button_box {
	margin: 0 auto;
	text-align: center;
}

article #newsText .app_download p,
article #newsText .button_box p {
	display: inline-block;
	margin: 0;
}

article #newsText .app_download a,
article #newsText .button_box a {
	border-radius: 3px;
	box-shadow: 0 1px 2px #4d4d4d;
	color: #ffffff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1.5em auto 0;
	padding: 15px 5px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #404040;
	width: 280px;
}

@media screen and (min-width: 641px) {
	article #newsText .app_download a,
	article #newsText .button_box a {
		display: inline-block;
		margin: 1em 5px 0;
		padding: 15px 5px;
		width: 280px;
	}
}

article #newsText .app_download a:hover,
article #newsText .button_box a:hover {
	text-shadow: -1px -1px 1px #404040;
}

/* iOS/Android用 */
article #newsText .app_download .app_store a {
	background-color: #1e62f1;
	border-bottom: 3px solid #315194;
}

article #newsText .app_download .google_play a {
	background-color: #b3c833;
	border-bottom: 3px solid #7a8824;
}

article #newsText .app_download .app_store a:hover {
	background-color: #447efa;
}

article #newsText .app_download .google_play a:hover {
	background-color: #cbdd5f;
}

/* BOOK WALKER */
article #newsText .button_box .book_walker a {
	background-color: #8a8a8a;
	border-bottom: 3px solid #5f5f5f;
}

article #newsText .button_box .book_walker a:hover {
	background-color: #b9b9b9;
}

/* 汎用 */
article #newsText .button_box .button1 a {
	background-color: #fb8c00;
	border-bottom: 3px solid #be6a00;
}

article #newsText .button_box .button2 a {
	background-color: #03a9f4;
	border-bottom: 3px solid #007bb3;
}

article #newsText .button_box .button1 a:hover {
	background-color: #ffa726;
}

article #newsText .button_box .button2 a:hover {
	background-color: #4fc3f7;
}

/* コンシューマ用 */
article #newsText .button_box .cs_sce a {
	background-color: #0059ab;
	border-bottom: 3px solid #002a51;
}

article #newsText .button_box .cs_ms a {
	background-color: #107c10;
	border-bottom: 3px solid #093f09;
}

article #newsText .button_box .cs_nintendo a {
	background-color: #9c2f2f;
	border-bottom: 3px solid #6b2121;
}

article #newsText .button_box .cs_general a {
	background-color: #a7a454;
	border-bottom: 3px solid #74713a;
}

article #newsText .button_box .cs_sce a:hover {
	background-color: #337abc;
}

article #newsText .button_box .cs_ms a:hover {
	background-color: #409640;
}

article #newsText .button_box .cs_nintendo a:hover {
	background-color: #b05959;
}

article #newsText .button_box .cs_general a:hover {
	background-color: #b9b676;
}

/* SNS関連ボタン */
.social_large {
	background-color: #eaeaea;
	margin: 1.5em 0;
	padding: 6px 0 4px;
	text-align: center;
}

.social_large .twitter,
.social_large .fb-share-button,
.social_large .hatena,
.social_large .google,
.social_large .mixi,
.social_large .line {
	display: inline-block;
	margin: 0 1px 0 0;
	vertical-align: bottom;
}

.social_large .fb-share-button,
.social_large .hatena,
.social_large .google,
.social_large .line {
	margin-left: -5px;
}

.social_large #fb-root {
	display: none;
	margin: 0;
}

@media screen and (min-width: 641px) {
	.social_large {
		padding: 8px 5px 8px 1px;
		margin: 1.5em 15px;
		text-align: right;
	}

	.social_large .twitter,
	.social_large .fb-share-button,
	.social_large .hatena,
	.social_large .google,
	.social_large .mixi,
	.social_large .line {
		margin: 0 8px 0 0;
	}
}

.social_large .fb_iframe_widget span {
	background-color: #fefefe;
}

.social_large .line img {
	float: left !important;
}

/* SNSアカウント紹介ボタン */
article #newsText .follow_button {
}

article #newsText .follow_button h2 {
	border-bottom: 1px solid #909090;
	color: #404040;
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 5px 1em;
	padding: 0 0 0.2em;
}

article #newsText .follow_button ul {
	text-align: center;
}

article #newsText .follow_button li {
	margin: 0 5px 16px;
}

article #newsText .follow_button li:last-child {
	margin: 0 5px;
}

article #newsText .follow_button li a {
	box-shadow: 1px 1px 1px 0 #606060;
	color: #ffffff;
	display: block;
	font-size: 24px;
	padding: 20px 1px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #202020;
}

article #newsText .follow_button li a:hover {
	padding: 21px 0 19px 2px;
	text-shadow: -1px -1px 1px #202020;
}

article #newsText .follow_button li.twitter a {
	background: #55acee;
	background: -moz-linear-gradient(top,  #55acee 0%, #4d9dd6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55acee), color-stop(100%,#4d9dd6));
	background: -webkit-linear-gradient(top, #55acee 0%,#4d9dd6 100%);
	background: -o-linear-gradient(top, #55acee 0%,#4d9dd6 100%);
	background: -ms-linear-gradient(top, #55acee 0%,#4d9dd6 100%);
	background: linear-gradient(to bottom, #55acee 0%,#4d9dd6 100%);
}

article #newsText .follow_button li.facebook a {
	background: #3b5999;
	background: -moz-linear-gradient(top,  #3b5999 0%, #2e4777 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b5999), color-stop(100%,#2e4777));
	background: -webkit-linear-gradient(top, #3b5999 0%,#2e4777 100%);
	background: -o-linear-gradient(top, #3b5999 0%,#2e4777 100%);
	background: -ms-linear-gradient(top, #3b5999 0%,#2e4777 100%);
	background: linear-gradient(to bottom, #3b5999 0%,#2e4777 100%);
}

article #newsText .follow_button li a i {
	margin-right: 10px;
}

@media screen and (min-width: 641px) {
	article #newsText .follow_button {
		margin: 0 15px ;
	}

	article #newsText .follow_button h2 {
		border-bottom: 1px solid #909090;
		color: #404040;
		font-size: 16px;
		line-height: 1.5em;
		margin: 0 0 1em;
		padding: 0 0 0.2em;
	}

	article #newsText .follow_button ul {
		text-align: center;
	}

	article #newsText .follow_button li {
		display: block;
		float: left;
		margin: 0;
		width: 312px;
	}

	article #newsText .follow_button li:nth-child(2) {
		margin: 0 0 0 14px;
	}

	article #newsText .follow_button li a {
		box-shadow: 1px 1px 1px 0 #606060;
		color: #ffffff;
		display: block;
		font-size: 24px;
		padding: 20px 1px;
		text-decoration: none;
		text-shadow: 1px 1px 1px #202020;
	}

	article #newsText .follow_button li a:hover {
		padding: 21px 0 19px 2px;
		text-shadow: -1px -1px 1px #202020;
	}

	article #newsText .follow_button li.twitter a {
		background: #55acee;
		background: -moz-linear-gradient(top,  #55acee 0%, #4d9dd6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55acee), color-stop(100%,#4d9dd6));
		background: -webkit-linear-gradient(top, #55acee 0%,#4d9dd6 100%);
		background: -o-linear-gradient(top, #55acee 0%,#4d9dd6 100%);
		background: -ms-linear-gradient(top, #55acee 0%,#4d9dd6 100%);
		background: linear-gradient(to bottom, #55acee 0%,#4d9dd6 100%);
	}

	article #newsText .follow_button li.facebook a {
		background: #3b5999;
		background: -moz-linear-gradient(top,  #3b5999 0%, #2e4777 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b5999), color-stop(100%,#2e4777));
		background: -webkit-linear-gradient(top, #3b5999 0%,#2e4777 100%);
		background: -o-linear-gradient(top, #3b5999 0%,#2e4777 100%);
		background: -ms-linear-gradient(top, #3b5999 0%,#2e4777 100%);
		background: linear-gradient(to bottom, #3b5999 0%,#2e4777 100%);
	}

	article #newsText .follow_button li a i {
		margin-right: 10px;
	}
}

/******************************/
/* Google Adsense 2015.06~ */
/******************************/

/* レスポンシブ広告ユニット用に、親要素のサイズを明示する */

#contents_left article .ads {
	/* 初期値 */
	height: 250px;
	margin: 60px auto;
	width: 300px;
}

@media screen and (min-width: 360px) {
	#contents_left article .ads {
		/* 大きめの端末にあわせてサイズを変更 */
		height: 280px;
		width: 336px;
	}
}

@media screen and (min-width: 641px) {
	#contents_left article .ads {
		/* 記事下のみセンタリングを解除 */
		margin-left: 15px;
	}
}

/* メニュー下バナー */
#banner_menu .smp {
	margin: 10px auto;
	width: 320px;
}

/* グッズ */
article #newsText .goods {
	background-color: #f6f6f6;
	box-shadow: 0 0 3px 0 #c0c0c0;
	box-sizing: border-box;
	margin: 1em 0.5em;
	padding: 10px;
}

article #newsText .goods .goods_name {
	color: #404040;
	font-size: 16px;
	line-height: 1.3em;
	margin: 0 0 5px;
	padding: 0;
}

article #newsText .goods .goods_image {
	margin: 0 0 10px;
}

article #newsText .goods .goods_image img {
	height: auto;
	width: 100%;
}

article #newsText .goods .goods_price,
article #newsText .goods .goods_release,
article #newsText .goods .dengekiya {
	color: #606060;
	font-size: 12px;
	line-height: 1.2em;
	margin: 5px 0;
}

article #newsText .goods .dengekiya {
	text-align: right;
}

article #newsText .goods .dengekiya a {
	text-decoration: underline;
}

article #newsText .goods button {
	background-color: #ff2f19;
	border-radius: 5px;
	border: none;
	color: #ffffff;
	display: block;
	font-size: 1.5em;
	margin: 1em auto;
	padding: 0.7em 0;
	width: 80%;
}

article #newsText .goods .nostock {
	background-color: #cacacc;
	border-radius: 5px;
	display: block;
	font-size: 1.5em;
	margin: 1em auto;
	padding: 0.7em 0;
	text-align: center;
	width: 80%;
}

article #newsText .goods .attention {
	color: #808080;
	font-size: 12px;
	line-height: 1.2em;
	margin: 0;
	text-align: center;
}

@media screen and (min-width: 641px) {
	article #newsText .goods {
		margin: 15px auto;
		padding: 15px 0;
		max-width: 610px;
	}

	article #newsText .goods .goods_name {
		font-size: 18px;
		margin: 0 0 5px;
		padding: 0 15px;
	}

	article #newsText .goods .goods_image {
		box-sizing: border-box;
		float: left;
		height: auto;
		margin: 0;
		padding: 0 15px;
		width: 30%;
	}

	article #newsText .goods .goods_data {
		box-sizing: border-box;
		float: right;
		padding: 0 15px 0 0;
		width: 70%;
	}
	
	article #newsText .goods .goods_price,
	article #newsText .goods .goods_release,
	article #newsText .goods .dengekiya {
		font-size: 14px;
		margin: 0 0 0.2em;
	}

	article #newsText .goods button,
	article #newsText .goods .nostock {
		line-height: 1.2em;
		margin: 10px auto;
	}

	article #newsText .goods .attention {
		margin: 0;
	}
}

/* 記事内リスト */
article #newsText .article_list {
	background-color: #f6f6f6;
	box-shadow: 0 0 3px 0 #c0c0c0;
	box-sizing: border-box;
	margin: 1.5em 0.5em;
	padding: 0.7em 0.5em 0;
}

article #newsText .article_list h2 {
	border-bottom: 3px solid #e54f00;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0 0 0.5em;
	padding: 0;
}

article #newsText .article_list ul {
	margin: 0 0 1em;
	padding: 0 0 0 1.5em;
}

article #newsText .article_list li {
	color: #a0a0a0;
	font-size: 14px;
	line-height: 1.3em;
	list-style: disc outside;
	margin: 1em 0 0;
}

article #newsText .article_list li a {
	font-weight: normal;
	text-decoration: none;
}

@media screen and (min-width: 641px) {
	article #newsText .article_list {
		margin: 1.5em;
		padding: 0.7em 1em 0;
	}
}

article #newsText > dl {
    background: #f6f6f6;
    padding: 5px 0;
    box-sizing: border-box;
    margin: 1.5em auto;
    width: 95%;
}

article #newsText dt {
    color: #000000;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    padding: 10px 1em 5px;
    width: 95%;
}

article #newsText dd {
color: #404040;
    display: list-item;
    line-height: 1.2em;
    list-style: disc;
    margin: 0 0 0 2em;
    padding: 5px 0 5px 5px;
}

article #newsText dd:last-child {
	border: none;
}

/* 会話形式 */
.conversation:before,
.conversation:after {
	content: " ";
	display: table;
}
 
.conversation:after {
	clear: both;
}

.conversation {
	margin: 2em 5px;
}

@media (min-width: 640px) {
	.conversation {
		font-size: 150%;
	}
}

.speaker_left {
	box-sizing: border-box;
	display: table-cell;
	padding-right:  25px;
	vertical-align: middle;
	width: 30%;
}

.speaker_right {
	box-sizing: border-box;
	display: table-cell;
	padding-left: 25px;
	vertical-align: middle;
	width: 30%;
}

.speaker_left img,
.speaker_right img {
	border:  3px solid #e6e6e6;
	border-radius: 5px;
	box-sizing: border-box;
	height: auto;
	width:  100%;
}

.speech_left,
.speech_right {
	border: 3px solid #e6e6e6;
	border-radius: 5px;
	display:  table-cell;
	font-size: 1em;
	line-height:  1.5em;
	padding:  0.5em;
	position:  relative;
	vertical-align:  middle;
	width: 70%;
}

.speech_right:before,
.speech_right:after {
    border-style: solid;
    content: "";
	display: block;
    height: 0;
    position: absolute;
    pointer-events: none;
    right: 100%;
    top: 50%;
    width: 0;
}

.speech_right:before {
    border-color: transparent;
    border-right-color: #e6e6e6;
    border-width: 20px;
    margin-top: -20px;
}

.speech_right:after {
    border-color: transparent;
    border-right-color: #fcfcfc;
    border-width: 16px;
    margin-top: -16px;
}

.speech_left:before,
.speech_left:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
}

.speech_left:before {
    border-color: transparent;
    border-left-color: #e6e6e6;
    border-width: 20px;
    margin-top: -20px;
}

.speech_left:after {
    border-color: transparent;
    border-left-color: #fcfcfc;
    border-width: 16px;
    margin-top: -16px;
}