@charset "utf-8";
/*

電撃オンライン スマートフォン記事CSS（news_m.css）
最終更新：18.01.23

*/

/******************************/
/* clearfix */
/******************************/
article:after,
.social:after,
.social_large:after,
.relList li:after,
.data:after,
#recommendList:after,
#relImage ul:after,
.relList li a:after,
.tweetWrap:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear,
.cf {
	clear: both;
}

/******************************/
/* 記事ページ */
/******************************/

span {
	font-weight: inherit;
	line-height: inherit;
}

article {
	margin-top: 5px;
}

article header {
	background-color: #eeeee8;
	border-bottom: 1px solid #cacaca;
	border-left: 5px solid #5d5d5d;
	border-top: 1px solid #eaeaea;
	padding: 3px 0;
	margin: 0 0 10px;
}

article header p#newsDate {
	color: #606060;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 3px;
	padding: 0 5px;
}

article header h1 {
	color: #606060;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 auto 5px;
	padding: 0 5px;
	text-align: left;
/*	text-shadow: 0 1px 1px rgba(32, 32, 32, 0.5);*/
}

article header #authorName {
	color: #606060;
	font-size: 14px;
	line-height: 1.3em;
	margin: 3px 0;
	padding: 0 5px;
/*	text-shadow: 0 1px 1px rgba(32, 32, 32, 0.5);*/
}

article header a {
	font-weight: normal;
}

article header #authorName a:link {
	color: #606060;
}

article header #authorName a:visited {
	color: #606060;
}

article header #authorName a:hover {
	color: #606060;
}

article header #authorName a:active {
	color: #606060;
}

/******************************/
/* SBM */
/******************************/
div#sbm {
	padding: 0 5px;
}

div#sbm .twitter {
	margin: 0 5px 0 0;
}

/******************************/
/* SBM(121002～) */
/******************************/
.social {
	margin: 5px 0;
	padding: 0 5px;
}

.social img {
	vertical-align: middle;
}

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

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

/* SNS（大） 140808~ */
.social_large {
	background-color: #eaeaea;
	margin: 0;
	padding: 6px 0 4px;
	text-align: center;
}

header .social_large {
	background-color: transparent;
}

.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 6px 0 0;
}

.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;
}

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

.social_large .google {
	height: 60px !important;
	overflow: hidden !important;
}

.social_large .line img {
	float: left !important;
}
/******************************/
/* 本文 */
/******************************/
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.5em 5px;
}

article h1 {
	font-size: 18px;
}

article h2 {
	font-size: 18px;
}

article #newsText > h2 {
	background-color: #eeeeee;
	margin: 1.5em 0;
	padding: 0.8em 0.3em;
}

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

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

article strong {
	color:  #000000;
	line-height: inherit;
}

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

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

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

article .outline p {
	margin: 1em;
	padding: 0;
}

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

article .bq p {
	margin: 1em;
	padding: 0;
}

article a {
	font-weight: bold;
}

article a:link strong { color: #3890ca; }

article a:visited strong { color: #915098; }

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

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

article p.copyright {
	clear: both;
	font-size: 12px;
	line-height: 1.3em;
}

/* 画像共通 */
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;
}

table.imgphoto td,
table[class^="imgphoto"] td {
	vertical-align: top;
}

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

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

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

table[class^="imgphoto"] .imgTitle {
	font-weight: bold;
	text-align: center;
}

/* 画像左フロート */
table.imgphoto4027 {
	float: left;
	margin: 0 10px 5px 5px;
	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;
}

/* 動画（レスポンシブ対応） */
/* PCと同じく640x360のままだとはみ出すので、アスペクト比を維持したまま拡縮できるようにする */
.pvObj {
	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;
}

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

article .chihaya {
	color: #2643d1;
}

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

article .yayoi {
	color: #f3993a;
}

article .ritsuko {
	color: #00a95f;
}

article .azusa {
	color: #9238bf;
}

article .iori {
	color: #fd99e1;
}

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

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

article .miki {
	color: #b3e04a;
}

article .hibiki {
	color: #00adb8;
}

article .takane {
	color: #a61269;
}

article .kotori {
	color: #e9c947;
}

/* CERO Z、条例関係などに関する注意書き */
article p.ceroz,
article p.notice {
	border-bottom: 1px solid #ff0033;
	border-top: 1px solid #ff0033;
	color: #ff0033;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	padding-bottom:  0.5em;
	padding-top:  0.5em;
}

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

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

article .pager a,
article .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 .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;
}

/******************************/
/* ページ下部バナー */
/******************************/
#articleBannerBottom {
	clear: both;
	text-align: center;
	margin: 2em auto 1.5em;
}

/******************************/
/* relase */
/******************************/
article #release p#releasInfo {
	background-color: #ccd8e9;
	border-bottom: 1px solid #aec0d9;
	border-left: 3px double #1e90ce;
	border-right: 1px solid #aec0d9;
	border-top: 1px solid #ebf2fb;
	font-size: 14px;
	line-height: 1.3em;
	margin: 10px 5px;
	padding: 10px;
}

/******************************/
/* データ */
/******************************/
#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;
}

.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;
}

/******************************/
/* 関連サイト */
/******************************/

/* 旧ID用 */
#newsData .related_title,
#newsData .relatedtitle {
	color: #1e90ce;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.5em 0 3px;
}

/* 新ID用 */
#newsData .related,
.newsData .related {
	border-left: 3px double #1e90ce;
	margin: 0;
	padding: 0 0 0 5px;
}

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

/******************************/
/* 公式サイト 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: 5px 5px 0;
	margin: 1.5em 0;
}

.ofclLink li {
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.3em;
	margin: 0 0 5px;
	text-align: center;
}

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

.ofclLink li a:link,
.ofclLink 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 {
	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;
}

/****************************************************/
/* 新Adsデザイン */
/****************************************************/
p.adsTitle {
	clear: both;
	color: #1e90ce;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 18px 5px 3px;
	padding: 0;
}

p.adsTitle a { text-decoration: none; }

ul.adSense { margin: 0.5em 10px 1em; }

ul.adSense a {
	text-decoration: none;
	margin: 0 auto 20px;
}

ul.adSense li { margin: 0 0 8px; }

ul.adSense li h4 {
	font-size: 14px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.adSense li h4 span {
	padding: 0 0 0 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

ul.adSense li p {
	color: #444444;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

ul.adSense li h4 span a { text-decoration: none; }

ul.adSense li h4 span a:link,
ul.adSense li h4 span a:visited,
ul.adSense li h4 span a:hover,
ul.adSense li h4 span a:active { color: #999999; }

/******************************/
/* 関連記事 */
/******************************/
#relArticle,
#relArticleOthers {
	margin: 15px 5px;
}

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

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

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

/* 自サイト関連記事 */
#relArticle .relList li a {
	display: block;
}

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

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

/* 自サイト関連記事（2015.02～） */
#relArticle .relList li a .thumb {
	height: auto;
	float: left;
	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 .relArticle {
	display: table;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
}

/* 他サイト関連記事 */
#relArticleOthers li {
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 0 1em;
}

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

#relArticleOthers li a {
	text-decoration: none;
}

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

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

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

#relArticleOthers a.four-gamer {
	background: url(/common.dengeki.com/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;
}

/******************************/
/* ランキング用 */
/******************************/
#ranktable table {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 15px auto;
	width: 96%;
}

#ranktable td {
	border: 1px solid #77aadd;	
	font-size: 10px;
	padding: 3px;
	vertical-align: middle;	
}

#ranktable tr.rankhead {
	background-color: #daecff;
}

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

article #ranktable th p,
article #ranktable td p {
	margin: 0;
}

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

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

/* 120416追加・ランキングカラーバリエーション用 */
article div#ranktable tbody.tablered td {
	border: 1px solid #dd7777;
}

article div#ranktable tbody.tablered tr.rankhead td {
	background-color: #dd7777;
}

article div#ranktable tbody.tableorange td {
	border: 1px solid #ed8647;
}

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

article div#ranktable tbody.tableyellow td {
	border: 1px solid #eecc44;
}

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

article div#ranktable tbody.tablegreen td {
	border: 1px solid #33aa99;
}

article div#ranktable tbody.tablegreen tr.rankhead td {
	background-color: #33aa99;
}

article div#ranktable tbody.tablepurple td {
	border: 1px solid #996699;
}

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

article div#ranktable tbody.tablelgray td {
	border: 1px solid #dddddd;
}

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

article div#ranktable tbody.tablegray td {
	border: 1px solid #666666;
}

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

/******************************/
/* 電撃文庫発売予定表 */
/******************************/
#bunko_list {
	border: 1px solid #303030;
	border-collapse: collapse;
	margin: 15px auto 0;
	width: 308px;
}

#bunko_list th {
	background-color: #bbffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	padding: 5px;
}

#bunko_list td {
	border: 1px solid #303030;
	font-size: 14px;
	line-height: 1.8em;
	padding: 5px;
	vertical-align: middle;
}

#bunko_list td.bunko_spec {
	background-color: #e5e5e5;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#bunko_list #bunko_title {
	width: 35%;
}

#bunko_list #bunko_price {
	width: 15%
}

#bunko_list td.bunko_new {
	background-color: #caffdb;
}

#bunko_list td.bunko_new strong {
	color: #ff0000;
	margin: 0 5px 0 0;
}

#bunko_caption {
	border-collapse: collapse;
	margin: 0 auto 15px;
	width: 300px;
}

#bunko_caption td {
	font-size: 14px;
	line-height: 1.8em;
}

/******************************/
/* 開始予定アニメ一覧表 */
/******************************/
.animeList {
	margin: 15px auto 0;
	width: 300px;
}

.animeList .newAnime {
	margin: 15px auto;
}

.animeList .even {
	background-color: #fdffec;
}

.animeList .odd {
	background-color: #f6feff;
}

.animeList .newAnime table {
	border: 1px solid #303030;
	border-collapse: collapse;
	margin: 0;
	padding: 5px;
}

.animeList th,
.animeList td {
	border: 1px solid #303030;
	font-size: 14px;
	line-height: 1.3em;
	margin: 0;
	padding: 5px;
	vertical-align: middle;
}

.animeList th {
	width: 50%;
}

.animeList th.animeTitle h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: left;
}

article p#animeAttention {
	margin: 0 10px 15px;
}

/******************************/
/* 画像拡大ページ */
/******************************/
#imageDetail #imageZoom {
	margin: 0 auto 3px;
	text-align: center;
}

#imageDetail img {
	border: 1px solid #c0c0c0;
}

#imageDetail a img {
	vertical-align: bottom;
}

#imageDetail a:link img,
#imageDetail a:visited img {
	border: 1px solid #3890ca;
}

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

#imageDetail #imageText {
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 auto 15px;
	padding: 0 10px;
}

/* 拡大画像切り替え */
#imageDetail .changeScale {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 10px 3px;
	text-align: center;
}

#imageDetail #relImage {
	margin: 0 auto 15px;
	padding: 0 10px;
}

#imageDetail #relImage h2 {
	background-color: #0071b2;
	background: linear-gradient(top, #8aa1bf, #5877a2 50%, #476999 50%, #4a6c9b);
	background: -moz-linear-gradient(top, #8aa1bf, #5877a2 50%, #476999 50%, #4a6c9b);
	background: -webkit-gradient(linear, left top, left bottom, from(#8aa1bf), color-stop(50%, #5877a2), color-stop(50%, #476999), to(#4a6c9b));
	border: 1px solid #304766;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.8em;
	margin: 0 auto;
	padding: 3px;
	text-shadow: 0 1px 1px rgba(32, 32, 32, 0.5);
}

#imageDetail #relImage ul {
	border: 1px solid #909090;
	border-top: none;
	padding: 2px;
}

#imageDetail #relImage li {
	display: block;
	float: left;
	padding: 2px;
}

#imageDetail .copyright {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 auto 5px;
	padding: 0 10px;
}

/******************************/
/* 記事へ戻るボタン */
/******************************/
#btnBack {
	border-radius: 5px;
	font-size: 14px;
	margin: 15px auto;
	text-align: center;
	width: 55%;
}

#btnBack a {
	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));
	color: #ffffff;
	border: 1px solid rgba(0, 124, 193, 1);
	border-radius: 5px;
	display: block;
	font-weight: bold;
	padding: 0;
	text-shadow: -1px -1px 1px rgba(127, 127, 127, 1);
}

#btnBack a span {
	border-radius: 5px;
	display: block;
	font-weight: bold;
    padding: 15px 0;
}

/******************************/
/* ASCII.jp 121012 */
/******************************/
article  .inright {
	float: right;
	margin: 0 0 1em 5px;
}

article  .inleft {
	float: left;
	margin: 0 7px 1em 0;
}

/******************************/
/* ASCII.jp 121012 */
/******************************/
article  table.img {
	margin: 1.5em auto;
}

article  .column {
	border: 1px solid #333333;
	clear: both;
	margin: 1.5em 2em;
	padding: 1em;
}

article  .column_red {
	border: 1px solid #ff0000;
	margin: 1.5em 2em;
	padding: 1em;
}

article  .column_navy {
	border: 1px solid #000080;
	margin: 1.5em 2em;
	padding: 1em;
}

article  .column_bg {
	background-color: #dddddd;
	border: 1px solid #333333;
	margin: 1.5em 2em;
	padding: 1em;
}

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

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

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

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

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

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

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

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

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

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

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

/* まり探形式 */
table.dotBtm {
	border-collapse: collapse;
	border-top: 1px solid #c0c0c0;
	margin: 20px auto;
}

table.dotBtm th,
table.dotBtm td {
	border-bottom: 1px solid #c0c0c0;
	line-height: 1.8em;
	padding: 5px 0;
	vertical-align: middle;
}

table.dotBtm table th,
table.dotBtm table td {
	border: none;
}

article .red900 { color: #990000; }

/********************************/
/* 1311005改修・ランキング表改 */
/********************************/
article table.tblStd {
	background-color: #8aaed2;
	border-bottom: 1px solid #a0a0a0;
	border-left: 3px double #1e90ce;
	border-right: 1px solid #a0a0a0;
	border-top: 1px solid #e0e0e0;
	border-spacing: 1px;
	margin: 1.5em auto;
	width: 308px;
}

article table.tblStd th {
	background-color: #a1caf4;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

article table.tblStd th.aligncenter {
	text-align: center;
}

article table.tblStd td {
	background-color: #ffffff;
	font-size: 14px;
	line-height: 1.8em;
	padding: 3px;
	vertical-align: middle;
}

article table.tblStd tr.ranknew td {
	background-color: #ddeeee;
}

/********************************/
/* 1311005改修・ランキング表カラーバリエーション改 */
/********************************/
article table.cvRed {
	background-color: #ddb9b9;
}

article table.cvRed th {
	background-color: #dd7777;
}

article table.cvOrange {
	background-color: #edd0be;
}

article table.cvOrange th {
	background-color: #ed8647;
}

article table.cvYellow {
	background-color: #cac4a9;
}

article table.cvYellow th {
	background-color: #eecc44;
}

article table.cvGreen {
	background-color: #7cb5ac;
}

article table.cvGreen th {
	background-color: #71d39b;
}

article table.cvPurple {
	background-color: #998f99;
}

article table.cvPurple th {
	background-color: #c181c1;
}

article table.cvLgray {
	background-color: #c2c2c2;
}

article table.cvLgray th {
	background-color: #dddddd;
}

article table.cvGray {
	background-color: #606060;
}

article table.cvGray th {
	background-color: #707070;
	color: #ffffff;
}

/********************************/
/* 1311005改修・tableランキング改 */
/********************************/
article table.ranktable {
	background-color: #8aaed2;
	border-bottom: 1px solid #a0a0a0;
	border-left: 3px double #1e90ce;
	border-right: 1px solid #a0a0a0;
	border-top: 1px solid #e0e0e0;
	border-spacing: 1px;
	margin: 1.5em auto;
	width: 308px;
}

article table.ranktable th {
	background-color: #a1caf4;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

article table.ranktable th.aligncenter {
	text-align: center;
}

article table.ranktable th.artRank {
	width: 6%;
}

article table.ranktable th.artDate {
	width: 11%;
}

article table.ranktable th.artGenre {
	width: 10%;
}

article table.ranktable td {
	background-color: #fefefe;
	color:  #404040;
	font-size: 12px;
	line-height: 1.8em;
	padding: 3px;
	vertical-align: middle;
}

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

/* コミック新刊 */
.comicNewRelease {
	border-top: 1px solid #e0e0e0;
	padding: 10px 0 0;
}

article .comicNewRelease .comicData {
/*	float: right;
	width: 445px;*/
}

article .comicNewRelease .comicData h2 {
	margin: 0 0.5em 0.5em;
}

article .comicNewRelease .comicData p.spec {
	font-size: 14px;
	line-height: 1.3em;
	margin: 1.5em 0;
}

article .comicNewRelease .comicData p.outline {
	border: none;
	clear: both;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0.5em 5px;
	padding: 0;
	width: auto;
}

article .comicNewRelease .comicSample a {
	border-radius: 3px;
}

article .comicNewRelease .comicSample a {
	background: #ce0f3b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ce0f3b 0%, #9d0010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0f3b), color-stop(100%,#9d0010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce0f3b 0%,#9d0010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce0f3b 0%,#9d0010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce0f3b 0%,#9d0010 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce0f3b 0%,#9d0010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f3b', endColorstr='#9d0010',GradientType=0 ); /* IE6-9 */
	display: block;
	border: 1px solid #66000a;
	border-radius: 3px;
	color: #fafafa;
	font-size: 18px;
	line-height: 1.3em;
	margin: 1.5em auto;
	padding: 10px 1px;
	text-align: center;
	text-shadow: 1px 1px 0 #909090;
	width: 50%;
}

article .comicNewRelease .comicSample a:hover {
	background: #e81043; /* Old browsers */
	background: -moz-linear-gradient(top,  #e81043 0%, #b50012 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e81043), color-stop(100%,#b50012)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e81043 0%,#b50012 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e81043 0%,#b50012 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e81043 0%,#b50012 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e81043 0%,#b50012 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81043', endColorstr='#b50012',GradientType=0 ); /* IE6-9 */
	padding: 11px 0 9px 2px;
	text-shadow: -1px -1px 0 #909090;
	text-decoration: none;
}

/* 15.07.22 キャラ紹介 */
article div.charatable {
	margin: 1.5em 5px;
}

article div.charatable table {
	background-color: #cacaca;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}

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: #51360c;
}

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;
}

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

/* アプリダウンロード */
article .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 0;
	text-decoration: none;
	text-shadow: 1px 1px 1px #404040;
	width: 80%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* SNSアカウント紹介ボタン */
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;
}

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

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

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

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

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

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

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

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

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

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

/* 記事内リスト */
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 #2568ab;
	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;
}

/* 文字カラー（DGS） */
article #newsText .dgs_orangered { color: #ff4500; }

article #newsText .dgs_crimson { color: #dc143c; }

article #newsText .dgs_red { color: #ff0000; }

article #newsText .dgs_blue { color: #0000ff; }

article #newsText .dgs_orange { color: #ffa500; }

article #newsText .dgs_gold { color: #ffd700; }

article #newsText .dgs_midnightblue { color: #191970; }

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

.talk {
	margin: 2em 5px;
}

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

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

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

.talk .speech_left,
.talk .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%;
}

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

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

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

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

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

.talk .speech_left:after {
    border-color: transparent;
    border-left-color: #fcfcfc;
    border-width: 16px;
    margin-top: -16px;
}
/* 会話形式・左右 */
.talk_lr:before,
.talk_lr:after {
	content: " ";
	display: table;
}
 
.talk_lr:after {
	clear: both;
}

.talk_lr {
	margin: 2em 5px;
}

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

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

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

/* 発言者空白・右 */
.talk_lr .speaker_blank {
	display: table-cell;
	padding-left: 25px;
	width: 25%;
}

/* 発言者空白・左 */
.talk_lr > .speaker_blank {
	padding-left: 0;
	padding-right: 25px;
}

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

.talk_lr .speech_center {
	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:  50%;
}

/* 右発言者用の吹き出し */
.talk_lr .speech_center:before,
.talk_lr .speech_center:after {
    border-style: solid;
    content: "";
	display: block;
    height: 0;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
}

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

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

/* 左発言者用の吹き出し位置上書き */
.talk_lr .speaker_blank + .speech_center:before,
.talk_lr .speaker_blank + .speech_center:after {
	right: auto;
    left: 100%;
}

.talk_lr .speaker_blank + .speech_center:before {
    border-color: transparent;
    border-left-color: #e6e6e6;
    border-width: 20px;
    margin-top: -20px;
}

.talk_lr .speaker_blank + .speech_center:after {
    border-color: transparent;
    border-left-color: #fcfcfc;
    border-width: 16px;
    margin-top: -16px;
}

/* 修正後削除 */
.conversation:before,
.conversation:after {
	content: " ";
	display: table;
}
 
.conversation:after {
	clear: both;
}

.conversation {
	margin: 2em 5px;
}

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

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

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

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

.conversation .speech_left,
.conversation .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%;
}

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

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

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

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

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

.conversation .speech_left:after {
    border-color: transparent;
    border-left-color: #fcfcfc;
    border-width: 16px;
    margin-top: -16px;
}
/* 会話形式・左右 */
.conversation_lr:before,
.conversation_lr:after {
	content: " ";
	display: table;
}
 
.conversation_lr:after {
	clear: both;
}

.conversation_lr {
	margin: 2em 5px;
}

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

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

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

/* 発言者空白・右 */
.conversation_lr .speaker_blank {
	display: table-cell;
	padding-left: 25px;
	width: 25%;
}

/* 発言者空白・左 */
.conversation_lr > .speaker_blank {
	padding-left: 0;
	padding-right: 25px;
}

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

.conversation_lr .speech_center {
	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:  50%;
}

/* 右発言者用の吹き出し */
.conversation_lr .speech_center:before,
.conversation_lr .speech_center:after {
    border-style: solid;
    content: "";
	display: block;
    height: 0;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
}

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

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

/* 左発言者用の吹き出し位置上書き */
.conversation_lr .speaker_blank + .speech_center:before,
.conversation_lr .speaker_blank + .speech_center:after {
	right: auto;
    left: 100%;
}

.conversation_lr .speaker_blank + .speech_center:before {
    border-color: transparent;
    border-left-color: #e6e6e6;
    border-width: 20px;
    margin-top: -20px;
}

.conversation_lr .speaker_blank + .speech_center:after {
    border-color: transparent;
    border-left-color: #fcfcfc;
    border-width: 16px;
    margin-top: -16px;
}

/* instagram仮 */
iframe.instagram-media {
    box-sizing: border-box;
	margin: 1em auto !important;
}