@charset "utf-8";

/* ===================================================================
リセット関連
 style info : リセット及びbody初期設定
=================================================================== */
/*--- reset */
html {
  overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th {
  text-align: left;
}
q:before,q:after {
  content: '';
}
object,
embed {
  vertical-align: top;
}
hr,legend {
  display: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
img,abbr,acronym,fieldset {
  border: 0;
}
li {
  list-style-type: none;
}
img{
  vertical-align: bottom;
  border: 0;
}

/*--- default */
body {
  background: #EEE;
  color: #333;
  font-size: small;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1.5;
  margin: 0 auto;
  min-width: 960px;
  text-align: center;
}
* html body { /* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a {
  color: #226699;
  text-decoration: none;
}
a:hover {
  color: #226699;
  text-decoration: underline;
}
a:visited {
  color: #333399;
  text-decoration: none;
}


/* ===================================================================
モジュール
 style info : 汎用クラス
=================================================================== */

/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.contents {
  margin: 0 auto;
  text-align: left;
  width: 980px;
}


.text_left {
  text-align: left !important;
}
.text_right {
  text-align: right !important;
}
.text_center {
  text-align: center !important;
}

.red {
  color: #ff3333 !important;
}
.yellow {
  color: #FBEC35 !important;
}
.skyblue {
  color: #6699ff !important;
}
.orange {
  color: #ff9933 !important;
}
.green {
  color: #66cc33 !important;
}
.purple {
  color: #cc33cc !important;
}
.gray {
  color: #888 !important;
}
.text_large {
  font-size: 133% !important;
}
.text_small {
  font-size: 80% !important;
}

a.pagelink {
  display: block;
  background: url("/seiga/img/icon_relation.png") no-repeat 5px 4px;
  padding-left: 26px;
}

.rule {
  border: 2px solid #ddd;
  padding: 12px;
  margin: 0 1% auto;
  overflow: auto;
  min-height: 100px;
  max-height: 200px;
  font-size: 14px;
  line-height: 1.5;
}

/* ===================================================================
siteHeader
 style info : nicoサイトヘッダー
=================================================================== */
#siteHeader a, #siteHeader a:link {
  color: #2BC6F9;
  outline: medium none;
  text-decoration: none;
}
#siteHeader a:visited {
  text-decoration: none;
}
#siteHeader a:hover, #siteHeader a:active {
  color: #2BC6F9;
  text-decoration: none;
}
#siteHeader {
  background: none repeat scroll 0 0 #272727;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  left: 0;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#siteHeader #siteHeaderInner {
  background: none repeat scroll 0 0 #272727;
  height: 36px;
  margin: 0 auto;
  position: relative;
  width: 980px;
}
#siteHeader #siteHeaderInner:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation {
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li {
  float: left;
  height: 36px;
  line-height: 36px;
  position: relative;
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li:hover {
  background: #474747;
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li a {
  border-left: none;
  color: #FFFFFF;
  display: inline-block;
  font-size: 93%;
  margin-right: -2px;
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li a span {
  border-right: 1px solid #666666;
  cursor: pointer;
  padding: 0 6px;
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li a:hover {
  color: #FFFFFF;
  font-size: 93%;
}
#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li a:hover span {
  border-right: 1px solid #272727;
}
/* --  .sns
----------------------------------------------------------- */
.sns {
}
#siteHeader .sns {
  float: right;
  position: relative;
  margin-top: 1px;
  width: 250px;
}
.siteBottom {
  margin-bottom: 40px;
}
.siteBottom .sns {
  width: 250px;
  margin: 0 auto;
}
.snsBtn li{
  float: left;
  height: 21px;
  line-height: 21px;
  margin-left: 10px;
  vertical-align: middle;
  padding-top: 7px;
  width: 110px;
}
.snsBtn li:hover{
  background:none;
}

/* ===================================================================
header
 style info : header関連
=================================================================== */
/* header */
#header {
  background-color: #FFF;
  height: 72px;
  margin: 0 auto 0;
  width: 100%;

  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  -o-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#header .contents h1 {
  height: 41px;
  padding: 15px 0 16px 0;
}
#header .contents h1 a {
  display: block;
  height: 41px;
  text-indent: -999em;
  background: url(/seiga/img/sg_news_logo.png) no-repeat;
}


/* ===================================================================
メインコンテンツ
 style info : header関連
=================================================================== */

.main {
  width: 980px;
  margin: 24px auto;
  text-align: left;
}

/* box */
#primary {
  width: 660px;
  float: left;
  text-align: left;
}

#secondary {
  width: 300px;
  float: right;
  text-align: left;
  font-size: 12px;
}

/* ===================================================================
左側
 style info : 記事個別
=================================================================== */
#primary .article {
  position: relative;
  background-color: #FFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-bottom: 1px solid #ccc;

  padding: 24px 15px;
  margin-bottom: 20px;
}

#primary .article .categories {
  position: absolute;
  top: -9px;
  left: 20px;
}
#primary .article .categories span {
  color: #fff;
  background-color: #333;
  padding: 3px 10px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  font-size: 12px;
}
#primary .article .categories span.illust {
  background-color: #eda715;
}
#primary .article .categories span.manga {
  background-color: #77c238;
}
#primary .article .categories span.book {
  background-color: #59c0d2;
}

#primary .article h2 {
  font-size: 18px;
  padding-bottom: 4px;
  margin-bottom: 10px;
  border-bottom: 3px solid #333;
}

#primary .article .info_detail {
  margin-bottom: 20px;
}
#primary .article .info_detail .info_day {
  float: left;
}
#primary .article .info_detail .info_twit {
  float: right;
}
#primary .article .article_body {
  font-size: 16px;
}



/* ===================================================================
左側
 style info : 記事一覧系
=================================================================== */


#primary a {
  color: #333;
}

#primary .list_group {
  background-color: #FFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-bottom: 1px solid #ccc;

  margin-bottom: 20px;
}
#primary .list_group .list_group_header h2 {
  color: #333;
  background-color: #fafafa;

  border-bottom: 1px solid #aeaeae;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;

  padding: 10px 15px;
}
#primary .list_group .list_group_header.illust h2 {
  border-left: 8px solid #eda715;
}
#primary .list_group .list_group_header.manga h2 {
  border-left: 8px solid #77c238;
}
#primary .list_group .list_group_header.book h2 {
  border-left: 8px solid #59c0d2;
}

#primary .list_group ul {
  margin: 0 10px;
}
#primary .list_group ul li {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
#primary .list_group ul li:last-child {
  border-bottom: none;
}

#primary .list_group ul li {
  *zoom: 1;
}
#primary .list_group ul li:before,
#primary .list_group ul li:after {
  display: table;
  content: "";
}
#primary .list_group ul li:after {
  clear: both;
}
#primary .list_group ul li dl {
  position: relative;
}
#primary .list_group ul li dl dt {
  min-height: 50px;
  padding-left: 0;
}
#primary .list_group ul li dl dt div {
  padding-left: 74px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;

  height: 50px;
  min-height: 50px;
  display: table-cell;
  vertical-align:middle;
}
#primary .list_group ul li dl dt span {
  display: block;
  margin-bottom: 4px;
}
#primary .list_group ul li dl dt span.date {
  font-size: 12px;
  font-weight: 100;
  color: #666;
  margin-bottom: 0;
}

#primary .list_group ul li dl dd.thumb {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 8px;
  background-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-align: center;
}

#primary .list_group ul li dl.empty dd.thumb {
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-size: 250px 250px;
  background-image: url('/seiga/img/asset.png');
  background-position: 0 -50px;
}

#primary .list_group ul li dl dd.thumb img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;

  max-width: 50px;
  max-height: 50px;
}
#primary .list_group ul li dl.rectangle dt {
  min-height: 78px;
}
#primary .list_group ul li dl.rectangle dt div {
  height: 78px;
  min-height: 78px;
}
#primary .list_group ul li dl.rectangle dd.thumb {
  background-position: 0 -36px;
  height: 78px;
}
#primary .list_group ul li dl.rectangle dd.thumb img {
  max-height: 78px;
}


#primary .list_group_more {
  margin-top: -15px;
  margin-bottom: 20px;
  text-align: right;
}
#primary .list_group_more a {
  padding-left: 20px;
  font-size: 11px;
  background: url(/seiga/img/icon_arrow_more.png) no-repeat 0 0;
}


/* ===================================================================
右側
 style info : メニュー対応
=================================================================== */
#secondary .list_group {
  background-color: #FFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-bottom: 1px solid #ccc;

  margin-bottom: 20px;
}
#secondary .list_group .list_group_header h2 {
  color: #333;
  background-color: #ddd;

  border-bottom: 1px solid #aeaeae;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;

  padding: 10px 15px;
}
#secondary .list_group ul {
}
#secondary .list_group ul li {
  border-bottom: 1px solid #ccc;
}
#secondary .list_group ul li:last-child {
  border-bottom: none;
}
#secondary .list_group ul li a {
  padding: 8px 15px;
  display: block;
}
#secondary .list_group ul li a:hover {
  background-color: #f8fAff;
}



#secondary .list_group.category {
  background-color: #FFF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-bottom: none;

  margin-bottom: 0;
}
#secondary .list_group.category ul {
}
#secondary .list_group.category ul li {
  border-bottom: 1px solid #ccc;
}
#secondary .list_group.category ul li a {
  color: #333;
  padding: 8px 15px 8px 32px;
  display: block;
  background: url(/seiga/img/icon_arrow_category.png) no-repeat 15px 12px;
}
#secondary .list_group.category ul li a:hover {
  background-color: #f8fAff;
}

#secondary .list_group.category.book_category,
#secondary .list_group.category.book_category ul {
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}
#secondary .list_group.category.book_category ul li:last-child {
  border-bottom: none;
}


/* いらすと */
#secondary .list_group .list_group_header.illust a h4 {
  background: #fafafa url(/seiga/img/icon_arrow_illust.png) no-repeat 321px 10px;

  border-bottom: 1px solid #ccc;
  border-left: 5px solid #eda715;
  padding: 10px 15px;
}
#secondary .list_group .list_group_header.illust a {
  display: block;
  color: #333;
}
#secondary .list_group .list_group_header.illust a:hover h4 {
  background-color: #fbedd0;
}
/* まんが */
#secondary .list_group .list_group_header.manga a h4 {
  background: #fafafa url(/seiga/img/icon_arrow_manga.png) no-repeat 321px 10px;

  border-bottom: 1px solid #ccc;
  border-left: 5px solid #77c238;
  padding: 10px 15px;
}
#secondary .list_group .list_group_header.manga a {
  display: block;
  color: #333;
}
#secondary .list_group .list_group_header.manga a:hover h4 {
  background-color: #e4f3d7;
}
/* 書籍 */
#secondary .list_group .list_group_header.book a h4 {
  background: #fafafa url(/seiga/img/icon_arrow_book.png) no-repeat 321px 10px;

  border-bottom: 1px solid #ccc;
  border-left: 5px solid #59c0d2;
  padding: 10px 15px;
}
#secondary .list_group .list_group_header.book a {
  display: block;
  color: #333;
}
#secondary .list_group .list_group_header.book a:hover h4 {
  background-color: #def2f6;
}

#secondary .banner {
  margin-bottom: 20px;
}
#secondary .banner img {
  width: 100%;
}

.backtolist {
  display: none;
}
#footer {
  margin: 0 auto 15px;
}


/* pager */
.content-nav {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto 20px;
}
.content-nav a,
.content-nav span {
  display: inline-block;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  margin-left: -2px;
  padding: 5px 10px;
  border: 1px solid transparent;
  text-shadow: 1px 1px 0 #efefef;
}
.content-nav .current_page,
.content-nav .link_before,
.content-nav .link_next {
  border-width: 1px 1px 1px 1px;
  border-color: #ccc;
  border-style: solid;
  background: #d8d8d8 url(/seiga/img/bg_pagenation.png) repeat-x 0 0;
  padding: 5px 20px;
}
.content-nav a.disabled {
  border-width: 1px 1px 1px 1px;
  border-color: #dddddd;
  border-style: solid;
  color: #ccc;
  padding: 5px 20px;
}
.content-nav .current_page {
  color: #ffffff;
  padding: 5px 10px;
  text-shadow: 1px 1px 0 #000;
  background: #404040;
}
.content-nav a:link {
  color: #333;
}
.content-nav a:visited {
  color: #333;
}
.content-nav a:hover {
  color: #888888;
  text-decoration: none;
  background: #ebebeb url(/seiga/img/bg_pagenation.png) 0 -50px;
  border: 1px solid #ccc;
  text-decoration: none !important;
}
.content-nav a:active {
  color: #fff;
  background: #666666;
  text-shadow: 1px 1px 0 #000;
}
.fb-share-button {
  display: inline-block;
}
.line-share-button {
  display: none;
}


/* ===================================================================
記事スタイル
=================================================================== */
.article_body {
  line-height: 1.5em;
}
#primary .article .article_body a {
  color: #0066FF;
}
#primary .article .article_body a:hover {
  color: #003399;
}
#primary .article .article_body a:visited {
  color: #0022CC;
}
#primary .article .article_body p {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0.75em;
  padding: 0 5px;
}
#primary .article .article_body h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 1em auto 0.8em;
}

#primary .article .article_body h4 {
  font-size: 22px;
  font-weight: bold;
  margin: 1.5em auto 0.5em;
  padding: 0 5px 6px 5px;
  border-bottom: 1px solid #ddd;
}
#primary .article .article_body h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 1.5em auto 0.5em;
  padding: 0 5px 6px 5px;
  border-bottom: 1px solid #ddd;
}

#primary .article .article_body h3.addbg {
  font-size: 20px;
  padding: 0.45em 14px 0.3em 14px;
  color: #FFF;
  background-color: #555;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 0.8em;
}
#primary .article .article_body h4.addbg {
  font-size: 18px;
  padding: 0.45em 14px 0.3em 14px;
  color: #FFF;
  background-color: #555;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 1.2em;
}f
 #primary .article .article_body h5.addbg {
   font-size: 16px;
   padding: 0.45em 12px 0.3em 12px;
   color: #FFF;
   background-color: #555;

   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   margin-bottom: 1.2em;
 }
#primary .article .article_body ul {
  margin: 0 auto 0.75em;
}
#primary .article .article_body ul li {
  list-style: disc outside;
  font-size: 16px;
  line-height: 1.5em;
  margin-left: 2em;
  margin-bottom: 0.2em;
}
#primary .article .article_body ul.caution {
  margin: 0.25em auto 0.75em;
}
#primary .article .article_body ul.caution li {
  color: #555;
  list-style: none;
  line-height: 1.5em;
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.1em;
}
#primary .article .article_body dl {
  margin: 0 auto 2em auto;
  font-size: 16px;
  line-height: 1.5em;
}
#primary .article .article_body dl dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.0em;
  margin-left: 0.4em;
}
#primary .article .article_body dl dt:before {
  content: "• ";
  color: #555; /* or whatever color you prefer */
}
#primary .article .article_body dl dd {
  margin-left: 1.5em;
  margin-bottom: 0.3em;
}
#primary .article .article_body dl dd ul li {
  margin-left: 1.2em;
}
#primary .article .article_body table {
  width: 98%;
  min-width: 98%;
  margin: 0 1% 14px 1%;
  font-size: 14px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#primary .article .article_body table th {
  padding: 8px;
  width: 23%;
  max-width: 30%;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #ddd;
  background-color: #f4f4f4;
  text-align: center;
}
#primary .article .article_body table td {
  padding: 8px;
  line-height: 1.5 !important;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#primary .article .article_body table tr:first-child th,
#primary .article .article_body table tr:first-child td {
  border-top: 1px solid #ddd;
}
#primary .article .article_body table td p {
  font-size: 14px;
  line-height: 1.5;
}
#primary .article .article_body table td p:last-child {
  margin-bottom: 0;
}
#primary .article .article_body table td ul{
  line-height: 1.5;
}
#primary .article .article_body table td ul:last-child{
  margin-bottom: 0;
}
#primary .article .article_body table td ul li{
  line-height: 1.5 !important;
  padding-bottom: 0;
  margin-bottom: 0;
}

#primary .article .article_body table tr:first-child th,
#primary .article .article_body table tr:first-child td
{
  border-top: none;
}

#primary .article .article_body hr {
  display: block;
  border: 1px solid #ddd;
  border-bottom: none;
  margin: 1em auto 1.5em;
}
#primary .article .article_body hr.relation_line {
  display: block;
  border: 1px solid #ddd;
  border-bottom: none;
  margin: 1em -15px 1em;
}
#primary .article .article_body blockquote {
  margin-left: 1.5em;
}
#primary .article .article_body .red {
  color: #ff3333;
}
#primary .article .article_body .skyblue {
  color: #6699ff;
}
#primary .article .article_body .orange {
  color: #ff9933;
}
#primary .article .article_body .green {
  color: #66cc33;
}
#primary .article .article_body .purple {
  color: #cc33cc;
}



h2.category_title {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

/* important */
#primary .list_group.important {
  display: none;
}

/* ===================================================================
テンプレート用タグ
=================================================================== */
#primary .article .article_body .title_image {
  text-align: center;
  margin: 0 auto 1em auto;
}
#primary .article .article_body .book_block {
  background-color: #f4f4f4;
  padding: 14px;
  margin: 0 5px 0.75em;

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}
#primary .article .article_body .book_block h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto 0.2em;
}
#primary .article .article_body .book_block .image {
  float: left;
  margin: 0 12px 6px 0;
}

#primary .article .article_body table.table_col2 {
  width: 620px;
  margin: 0 5px 1em 5px;
  padding: 0;
  border: none;
}
#primary .article .article_body table.table_col2 tr td{
  width: 305px;
  padding: 0 10px 10px 0;
  vertical-align: top;
  border: none;

  font-size: 14px;
  line-height: 150%;
}
#primary .article .article_body table.table_col2 tr td:last-child {
  padding-right: 0;
}
#primary .article .article_body table.table_col2 img {
  margin-bottom: 0.25em;
}

#primary .article .article_body table.table_col3 {
  width: 620px;
  padding: 0;
  margin: 0 5px 1em 5px;
  border: none;
}
#primary .article .article_body table.table_col3 tr td{
  width: 200px;
  padding: 0 10px 10px 0;
  vertical-align: top;
  border: none;

  font-size: 14px;
  line-height: 150%;
}
#primary .article .article_body table.table_col3 tr td:last-child {
  padding-right: 0;
}
#primary .article .article_body table.table_col3 img {
  margin-bottom: 0.25em;
}


/* 関連リンク系 */
#primary .article .article_body .main_relation_list {
  margin-top: 0;
  margin-bottom: 1em;
}
#primary .article .article_body .main_relation_list li{
  list-style: inside none;
  margin-left: 0;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}
#primary .article .article_body .main_relation_list li a{
  display: block;
  text-align: center;
  padding: 6px 12px;
  color: #fff;
  background-color: #2e66f4;

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}
#primary .article .article_body .relation_list {
  margin: 0 auto 1em auto;
}
#primary .article .article_body .relation_list li{
  list-style: none;
  margin-left: 8px;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}
#primary .article .article_body .relation_list li img {
  margin-bottom: 10px;
}
#primary .article .article_body .relation_list {
  margin-top: 0;
  margin-bottom: 1em;
}
#primary .article .article_body .relation_list li:before {
  content: "• ";
  padding-right: 4px;
  font-size: 14px;
  color: #ddd !important; /* or whatever color you prefer */
}


#primary .article .article_body .entry_btn {
  text-align: center;
  margin: 20px auto;
  display: table;
  width: 100%;
}
#primary .article .article_body .entry_btn div {
  display: table-cell;
  width: 48%;
  padding: 0 1%;
}
#primary .article .article_body .entry_btn div a {
  display: block;
  padding: 20px 0;
  background-color: #46f;
  color: #fff;
  font-size: 18px;

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}
#primary .article .article_body div.entry_btn_start a{
  background-color: #ff6000;
  border: 1px solid #ff7020;

  -webkit-box-shadow: 1px 1px 4px 0 #aaa, inset 0 0 5px 0 #ff7020;
  -moz-box-shadow: 1px 1px 4px 0 #aaa, inset 0 0 5px 0 #ff7020;
  box-shadow: 1px 1px 4px 0 #aaa, inset 0 0 5px 0 #ff7020;
}
#primary .article .article_body div.entry_btn_start a:hover{
  color: #fff;
  background-color: #ff8a00;
}
#primary .article .article_body div.entry_btn_view a{
  background-color: #46f;
  border: 1px solid #58f;

  -webkit-box-shadow: 1px 1px 4px 0 #aaa, inset 0 0 5px 0 #58f;
  -moz-box-shadow: 1px 1px 4px 0 #aaa, inset 0 0 5px 0 #58f;
  box-shadow: 1px 1px 4px 0 #aaa, inset 0 0 5px 0 #58f;
}
#primary .article .article_body div.entry_btn_view a:hover{
  color: #fff;
  background-color: #57f;
}
#primary .article .article_body div.entry_btn_end a,
#primary .article .article_body div.entry_btn_end span{
  display: block;
  padding: 20px 0;
  background-color: #eee;
  color: #fff;
  font-size: 18px;

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}


#primary .article .article_body div.entry_btn_end a:hover{
  color: #fff;
  background-color: #eee;
}

#primary .article .article_body table.book_arrival tr td {
  padding: 6px 8px;
  border-top: 1px solid #f0f0f0;
}
#primary .article .article_body table.book_arrival tr.header td{
  padding: 8px;
  color: #fff;
  background-color: #666;
  border-top: 1px solid #ddd;
}
#primary .article .article_body table.book_arrival tr.date td{
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
}

.view_pconly {
}
.view_sponly {
  display: none;
}


/* ===================================================================
汎用漫画ランキング
=================================================================== */
#primary .article .article_body .mangaranking-lists {
  margin: 0 0 5px;
}
#primary .article .article_body .mangaranking-lists__item {
  margin-bottom: 20px;

  *zoom: 1;
}
#primary .article .article_body .mangaranking-lists__item:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
}
#primary .article .article_body .mangaranking-lists__item:before,
#primary .article .article_body .mangaranking-lists__item:after {
  display: table;
  content: "";
}
#primary .article .article_body .mangaranking-lists__item:after {
  clear: both;
}

#primary .article .article_body .mangaranking-lists__item__thumb {
  position: relative;
  float: left;
  min-height: 100px;
}
#primary .article .article_body .mangaranking-lists__item__link {
  display: block;
  cursor: pointer;
  text-decoration: none;
  *zoom: 1;
}
#primary .article .article_body .mangaranking-lists__item__link:before,
#primary .article .article_body .mangaranking-lists__item__link:after {
  display: table;
  content: "";
}
#primary .article .article_body .mangaranking-lists__item__link:after {
  clear: both;
}
#primary .article .article_body .mangaranking-lists__item__link:hover .mangaranking-lists__item__details__title {
  color: #02C;
}

#primary .article .article_body .mangaranking-lists__item__thumb__count {
  position: absolute;
  background-color: #959595;
  width: 24px;
  height: 18px;

  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  z-index: 1;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: -4px;
  border-style: solid;
  border-width: 0 0 4px 12px;
  border-color: transparent transparent transparent #959595;
  z-index: 2;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 12px;
  bottom: -4px;
  border-style: solid;
  border-width: 0 12px 4px 0;
  border-color: transparent #959595 transparent transparent;
  z-index: 2;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no1 {
  background-color: #E8B32F;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no1:before {
  border-left-color: #E8B32F;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no1:after {
  border-right-color: #E8B32F;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no2 {
  background-color: #84B5F9;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no2:before {
  border-left-color: #84B5F9;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no2:after {
  border-right-color: #84B5F9;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no3 {
  background-color: #F69487;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no3:before {
  border-left-color: #F69487;
}
#primary .article .article_body .mangaranking-lists__item__thumb__count--no3:after {
  border-right-color: #F69487;
}
#primary .article .article_body .mangaranking-lists__item__thumb img {
  width: 100px;
  height: 100px;
}
#primary .article .article_body .mangaranking-lists__item__details {
  margin-left: 110px;
}
#primary .article .article_body .mangaranking-lists__item__details__title {
  color: #06F;
  font-size: 110%;
  font-weight: bold;
}
#primary .article .article_body .mangaranking-lists__item__details__author {
  color: #333;
  font-size: 90%;
}
#primary .article .article_body .mangaranking-lists--lateral .mangaranking-lists__item__thumb {
  min-height: 84px;
}
#primary .article .article_body .mangaranking-lists--lateral .mangaranking-lists__item__thumb img {
  width: 130px;
  height: 74px;
}
#primary .article .article_body .mangaranking-lists--lateral .mangaranking-lists__item__details{
  margin-left: 140px;
}


#primary .article .article_body .mangaranking-comment {
  padding-bottom: 10px;
}
#primary .article .article_body .mangaranking-comment__heading {
  display: inline-block;
  background-color: #59C4F1;
  border-radius: 14px;

  margin: 5px 0 .2em 0;
  padding: 5px 10px;

  color: #fff;
  font-size: 80%;
  line-height: 1;
}
#primary .article .article_body .mangaranking-comment__description {
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 90%;
}


/* ===================================================================
ニコニコ漫画ニュース
=================================================================== */
@font-face {
  font-family: 'rmplus';
  src: url('/seiga/font/rmplus_seigablog.eot');
  src: url('/seiga/font/rmplus_seigablog.woff') format('woff'), url('/seiga/font/rmplus_seigablog.ttf') format('truetype');
}

#primary .article .article_body .manganews-heading {
  position: relative;
  margin: 15px -15px;
  padding: 7px 10px 5px 50px;
  min-height: 30px;

  background: url(/seiga/img/manganews_heading.png) no-repeat bottom left #59C4F1;
  -webkit-background-size: 40px 100px;
  background-size: 40px 100px;
}
#primary .article .article_body .manganews-heading.manganews-heading--ranking {
  margin-bottom: 0;
}
#primary .article .article_body .manganews-heading__text {
  font-family: rmplus;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #333;
}
#primary .article .article_body .manganews-heading__date-text {
  margin-left: 10px;
  font-family: rmplus;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #333;
}
#primary .article .article_body .manganews-heading__date-number {
  font-family: rmplus;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #333;
}

#primary .article .article_body .manganews-ranking {
}
#primary .article .article_body .manganews-ranking__category {
  height: 16px;
  margin: 0 -15px 15px;
  padding: 10px 15px;
  border-bottom: none;
  background-color: #EDF1F5;
}
#primary .article .article_body .manganews-ranking__category__text {
  font-family: rmplus;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  color: #333;
}

#primary .article .article_body .manganews-pickup {
  margin: 15px auto 20px;
  *zoom: 1;
}
#primary .article .article_body .manganews-pickup:before,
#primary .article .article_body .manganews-pickup:after {
  display: table;
  content: "";
}
#primary .article .article_body .manganews-pickup:after {
  clear: both;
}
#primary .article .article_body .manganews-pickup__thumb {
  float: left;
  width: 300px;
}
#primary .article .article_body .manganews-pickup__thumb img {
  width: 300px;
  height: 133px;
}
#primary .article .article_body .manganews-pickup__details {
  margin-left: 310px;
}
#primary .article .article_body .manganews-pickup__details__title {
  font-size: 110%;
  font-weight: bold;
}
#primary .article .article_body .manganews-pickup__details__author {
  font-size: 90%;
}
#primary .article .article_body .manganews-pickup__details__description {
  margin-left: 0;
  padding-left: 0;
}

#primary .article .article_body .manganews-qa-lists {
  margin: 15px auto 20px;
}
#primary .article .article_body .manganews-qa-lists__title {
  display: -webkit-flex;
  display: flex;
}
#primary .article .article_body .manganews-qa-lists__title:before {
  color: #fff;
  font-family: rmplus;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  content: "Ｑ";

  background-color: #59C4F1;

  padding: 10px 5px;

  border-bottom: 1px solid #eee;
}
#primary .article .article_body .manganews-qa-lists__title__text {
  -webkit-flex: 1, 1, 0;
  flex: 1, 1, 0;

  color: #59C4F1;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 24px;
  padding: 10px;

  border-bottom: 1px solid #eee;
}

#primary .article .article_body .manganews-qa-lists__description {
  display: -webkit-flex;
  display: flex;
}
#primary .article .article_body .manganews-qa-lists__description:not(:last-child) {
  margin-bottom: 10px;
}

#primary .article .article_body .manganews-qa-lists__description:before {
  color: #59C4F1;
  font-family: rmplus;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  content: "Ａ";

  background-color: #eee;

  padding: 10px 5px;
}
#primary .article .article_body .manganews-qa-lists__description__text {
  -webkit-flex: 1, 1, 0;
  flex: 1, 1, 0;

  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 0;
}

#primary .article .article_body .manganews-next {
  margin: 15px -15px 20px;
  padding: 15px;

  background-color: #77C238;
}

#primary .article .article_body .manganews-next__heading {
  color: #FEFE00;
  font-family: rmplus;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;

  margin: 0 auto 15px;
}

#primary .article .article_body .manganews-next__description {
  color: #fff;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}


#primary .article .article_body .manganews-opinionaire {
  text-align: center;
  margin-bottom: 20px;
}

/* ===================================================================
snshareボタン
=================================================================== */
#primary .article .article_body .snsshare {
  background-color: #f8f8f8;
  border-top: 1px solid #d0d0d0;
  border-radius: 0 0 4px 4px;
  margin: 20px -15px -24px;
  padding: 15px;
  height: 32px;
}

#primary .article .article_body ul.snsshare__lists {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: right;
  height: 32px;

  letter-spacing: -.4em;
}

#primary .article .article_body ul li.snsshare__lists__item {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;

  height: 32px;
  width: 32px;

  letter-spacing: normal;
  vertical-align: top;
}

#primary .article .article_body ul li.snsshare__lists__item > a {
  display: block;

  height: 32px;
  width: 32px;

  background: url(/seiga/img/sharebtns.png) no-repeat 0 0;
  -webkit-background-size: 250px 100px;
  background-size: 250px 100px;

  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#primary .article .article_body ul li.snsshare__lists__item > a:hover {
  opacity: 0.8;
}
#primary .article .article_body ul li.snsshare__lists__item:not(:last-child) {
  margin-right: 10px;
}
#primary .article .article_body ul li.snsshare__lists__item.snsshare__lists__item--twitter > a {
  background-position: 0 0;
}
#primary .article .article_body ul li.snsshare__lists__item.snsshare__lists__item--facebook > a {
  background-position: -50px 0;
}
#primary .article .article_body ul li.snsshare__lists__item.snsshare__lists__item--hatena > a {
  background-position: -100px 0;
}
#primary .article .article_body ul li.snsshare__lists__item.snsshare__lists__item--google > a {
  background-position: -150px 0;
}
#primary .article .article_body ul li.snsshare__lists__item.snsshare__lists__item--line > a {
  background-position: -200px 0;
}

#primary .article .article_body ul li.snsshare__lists__item.snsshare__lists__item--line {
  display: none;
}