﻿#header nav ul,
#footer-nav,
.home-news-more a,
.home-ranking a,
.home-recommend h2,
.home-manga-section header p a,
.single-story h2,
.single-comics h2,
.single-backnumber h2,
.single-comics h2 a,
.single-update_manga h2,
#ranking #c #contents section>p {
  font-family:"Hiragino Maru Gothic Pro" "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN";
  -webkit-font-smoothing:antialiased;
}
.home-manga-section header h2,
#ranking #c #contents section ol li a dl dd h3,
#comics .comics-headline h2 {
  font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  -webkit-font-smoothing:antialiased;
}
html,
body {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
html {overflow-y:scroll}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#333333}
body.win {font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
a {color:#33a1f6;text-decoration:none;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
a:hover {color:#999}
a:active {color:#999}
a:focus {outline:none}
.hover {color:#999;cursor:pointer}
table {border-collapse:collapse;padding:0px;margin:0px}
ul {list-style:none}
img {vertical-align:bottom;border:none}
sup {vertical-align:text-top;padding:0px 0.1em 0px 0.1em;line-height:4px;font-size:80%}
sub {vertical-align:text-bottom;padding:0px 0.1em 0px 0.1em;line-height:4px;font-size:80%}
.cf:before,.cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1}
.fm-hiraK6 {font-family:'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6'}
body.win .fm-hiraK6 {font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight:bold}
.fm-Helvetica {font-family:Helvetica}
.left {float:left}
.right {float:right}
.center {text-align:center}
.clear {clear:both}
.img {line-height:0;font-size:0}
.a-alpha,#home-banner a,.single-visual h1 a,.single-banner li a {line-height:1}
#debug {position:fixed;left:0px;top:0px;font-size:10px;font-family:Courier;color:#00a498;padding:5px}
#debug li {padding-bottom:5px}
#debug a {background:#00a498;color:#fff;padding:3px}
body {background:url(../../images/body-bg.gif) left top repeat}
ul.social {width:280px}
ul.social:before,ul.social:after {content:"";display:table}
ul.social:after {clear:both}
ul.social li {float:left;padding-left:5px;width:130px;overflow:hidden}
#header {position:relative;line-height:0}
#header-social {position:absolute;top:20px;right:20px}
#header-social .social {display:table}
#header-social .social li {display:table-cell;float:none}
#header header {width:997px;margin:0px auto}
#header header h1 {margin:0px auto;padding:69px 0px 42px;text-align:center}
#header nav {display:block;margin-bottom:30px}
#header nav ul {display:table;margin:0px auto;font-size:18px;line-height:1em;letter-spacing:0em}
#header nav ul a {color:#494949;font-weight:bold}
#header nav ul a:hover {color:#999}
#header nav ul li {display:table-cell;padding-right:30px}
#header nav ul li i {display:inline-block;width:18px;height:18px;vertical-align:middle;background-position:center center;background-repeat:no-repeat;margin-right:5px}
#header nav ul li span {vertical-align:middle}
#header nav ul li.odd i {background-image:url(../../images/circle-red-18.png)}
#header nav ul li.even i {background-image:url(../../images/circle-blue-18.png)}
#header nav ul li.twitter {padding-right:0;font-weight:normal}
#header nav ul li.twitter i {width:19px;height:16px;background-image:url(../../images/icon-twitter.png)}
#c {background:url(../../images/home-manga-bg.gif) left top repeat;font-size:77%;line-height:1.6em}
#c #contents {width:997px;margin:0px auto;padding-bottom:30px}
#c #contents:before,#c #contents:after {content:"";display:table}
#c #contents:after {clear:both}
#c .c-header {padding:0px 0px 50px}
#c .c-header p {font-size:140%;padding-bottom:15px}
.header-social {clear:both}
.header-social dl {line-height:1em;padding-bottom:10px;padding-top: 15px;border-bottom:1px dotted #344658}
.header-social dl:before,.header-social dl:after {content:"";display:table}
.header-social dl:after {clear:both}
.header-social dl dt {float:left}
.header-social dl dd {float:right}
.footer-social {clear:both}
.footer-social dl {line-height:1em;padding-bottom:10px;border-bottom:1px dotted #344658}
.footer-social dl:before,.footer-social dl:after {content:"";display:table}
.footer-social dl:after {clear:both}
.footer-social dl dt {float:left}
.footer-social dl dd {float:right}
#footer {background:#ededed}
#footer-wrapper {width:997px;margin:0px auto;padding:20px 0}
#footer-nav {padding-bottom:20px}
#footer-nav li {display:inline-block;padding-right:20px}
#footer-nav a {color:#494949;font-size:14px;line-height:1em;letter-spacing:0em}
#footer-nav a:hover {color:#999}
#footer-nav i {display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:5px;background:url(../../images/circle-gray.png) center center no-repeat}
#footer-nav span {vertical-align:middle}
#footer-copyright {font-size:10px;line-height:1em;letter-spacing:0em}
#footer-copyright span {padding-right:10px;vertical-align:middle}
#footer-copyright small {vertical-align:middle}
#path p {padding:30px 0px 30px;font-size:120%}
#path p a {color:#5d5e5e}
#path p a:hover {color:#ccc}
#path p span {font-size:100%}
#path p span.odd {color:#ff3535}
#path p span.even {color:#4babf5}
.home-news {width:997px;margin:0px auto;margin-bottom:30px}
.home-news-wrapper {display:table;width:100%;background:#fff}
.home-news-wrapper>* {display:table-cell;vertical-align:middle;text-align:left}
.home-news-title {background:#4babf5;font-size:14px;line-height:1em;letter-spacing:0em;width:1px;white-space:nowrap}
.home-news-title a {display:block;padding:10px;color:#fff}
.home-news-body {padding:10px 12px 8px;font-size:14px;line-height:1.2em;letter-spacing:0em}
.home-news-body a {display:inline-block;max-width:740px;color:#151515;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.home-news-body a:hover {color:#999}
.home-news-more {width:1px;white-space:nowrap;padding-right:12px;font-size:12px;line-height:1.1em;letter-spacing:0em}
.home-news-more a i {display:none;color:red;padding-right:5px;font-style:normal}
.home-news-more a span {padding-left:14px;background:url(../../images/arrow-right-red.png) left 3px no-repeat;color:#999}
.home-news-more a:hover span {color:#151515}
#home-top {width:997px;margin:0px auto;padding-bottom:25px}
#home-top:before,#home-top:after {content:"";display:table}
#home-top:after {clear:both}
#home-top-main {float:left;width:688px}
#home-top-side {float:right;width:290px}
.home-slide {width:688px}
.home-slide a {display:block;width:688px;height:373px}
.home-slide .owl-theme .owl-controls {margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.home-slide .owl-theme .owl-controls .owl-nav {display:none}
.home-slide .owl-theme .owl-dots .owl-dot {display:inline-block;zoom:1;*display:inline}
.home-slide .owl-theme .owl-dots .owl-dot span {width:12px;height:12px;margin:5px 7px;background:#aaa;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.home-slide .owl-theme .owl-dots .owl-dot.active span,.home-slide .owl-theme .owl-dots .owl-dot:hover span {background:#ff3535}
.home-tameshiyomi {margin-bottom:10px}
.home-update {height:190px;position:relative}
.home-update h2 {font-size:14px;line-height:1em;letter-spacing:0em;font-weight:normal;color:#fff;height:35px;background:#ff3535;-webkit-border-radius:5px;border-radius:5px}
.home-update h2 span {display:block;padding:8px 10px 0}
.home-update-content {background:#fff;position:absolute;left:0;right:0;top:30px;height:130px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}
.home-update-content ul {margin:10px 15px;height:110px;overflow-x:hidden;overflow-y:scroll}
.home-update-content ul li {border-bottom:1px dotted #b2b2b2;margin-bottom:7px}
.home-update-content ul a {display:block;padding:5px 5px 10px}
.home-update-content ul a span {font-size:12px;line-height:1em;letter-spacing:0em}
.home-update-content ul a strong {display:block;color:#494949;font-size:14px;line-height:1.4em;letter-spacing:0em}
.home-update-content ul a:hover {color:#999}
.home-update-content ul a:hover strong {color:#999}
.home-blog-banner {margin-bottom:10px;}
#home-sub {width:997px;margin:0px auto;margin-bottom:40px}
#home-sub:before,#home-sub:after {content:"";display:table}
#home-sub:after {clear:both}
.home-banner {float:left}
.home-banner ul {margin-left:-18px}
.home-banner ul:before,.home-banner ul:after {content:"";display:table}
.home-banner ul:after {clear:both}
.home-banner ul li {float:left;margin-left:18px}
.home-recommend {float:right;width:258px;height:320px;border-top:2px solid #4babf5;border-right:2px solid #4babf5;border-bottom:2px solid #ff3535;border-left:2px solid #ff3535;color:#333;padding:10px 5px 0px 16px}
.home-recommend h2 {font-size:14px;line-height:1em;letter-spacing:0em;font-weight:bold;margin-bottom:12px}
.home-recommend a {display:block;color:#333}
.home-recommend a:hover {color:#999}
.home-recommend div {overflow-x:hidden;overflow-y:auto;height:150px;padding-right:10px}
.home-recommend figure {margin-bottom:15px}
.home-recommend h3 {font-size:16px;line-height:1.5em;letter-spacing:0em;margin-bottom:10px}
.home-recommend p {font-size:14px;line-height:1.6em;letter-spacing:0em}
.home-manga {background:url(../../images/home-manga-bg.gif)}
.home-manga-wrapper {width:997px;margin:0px auto;padding:26px 0}
.home-manga-section {margin-bottom:30px}
.home-manga-section:before,.home-manga-section:after {content:"";display:table}
.home-manga-section:after {clear:both}
.home-manga-section header {border-left:4px solid #7f7f7f;padding:5px 17px}
.home-manga-section header h2 {font-size:30px;line-height:1em;letter-spacing:0.3em;display:inline-block;vertical-align:middle}
.home-manga-section header p {display:inline-block;vertical-align:middle}
.home-manga-section header p a {font-size:14px;line-height:1em;letter-spacing:0em}
.home-manga-section header p a i {display:none;color:blue;padding-right:5px;font-style:normal}
.home-manga-section header p a span {padding-left:14px;background:url(../../images/arrow-right-blue.png) left 3px no-repeat;color:#666}
.home-manga-section header p a:hover span {color:#999}
.home-manga-item {margin-top:30px;width:447px;margin-left:38px;margin-bottom:45px;position:relative}
.home-manga-item-wrapper {position:relative;margin-bottom:5px}
.home-manga-item-label {position:absolute;left:-38px;top:-15px;width:82px;height:82px;background:url(../../images/badge-gray.png) center center no-repeat;z-index:100}
.home-manga-item-copy {display:block;margin-left:50px;color:#666;font-size:12px;line-height:1.8em;letter-spacing:0em;font-weight:bold;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;width:398px;text-align:right;margin-bottom:5px}
.home-manga-item-figure {position:absolute;left:0;top:0;z-index:10}
.home-manga-item-figure img {width:180px;height:180px}
.home-manga-item-body {margin-left:180px;background:#fff;padding-bottom:60px;min-height:120px}
.home-manga-item-body>a {color:#000}
.home-manga-item-body>a:hover {color:#999}
.home-manga-item-body h3 {font-size:18px;line-height:1.4em;letter-spacing:0.05em;padding:15px 15px 5px}
.home-manga-item-body p {font-size:12px;line-height:1.8em;letter-spacing:0em;padding:0 15px}
.home-manga-item-body-logo {margin:15px auto 5px;width:240px;height:130px;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center center}
.home-manga-item-body-link {position:absolute;bottom:0;left:179px;display:table;width:267px}
.home-manga-item-body-link li {display:table-cell;vertical-align:middle;text-align:center;border-left:1px solid #fff;width:50%}
.home-manga-item-body-link a {display:block;padding:15px;font-size:14px;line-height:1em;letter-spacing:0.05em;color:#fff;background:#666}
.home-manga-item-body-link a:hover {background:#999}
.home-manga-item-date {display:inline-block;padding-right:10px;font-size:12px;line-height:1.8em;letter-spacing:0em;font-weight:bold}
.home-manga-item-date dt {display:inline}
.home-manga-item-date dd {display:inline}
.home-manga-item--odd {float:left}
.home-manga-item--odd .home-manga-item-copy {color:#4babf5}
.home-manga-item--odd .home-manga-item-label {background:url(../../images/badge-blue.png) center center no-repeat}
.home-manga-item--odd .home-manga-item-body-link a {background:#4babf5}
.home-manga-item--odd .home-manga-item-body-link a:hover {background:#999}
.home-manga-item--odd .home-manga-item-date--update {color:#4babf5}
.home-manga-item--even {float:right}
.home-manga-item--even .home-manga-item-copy {color:#ff3535}
.home-manga-item--even .home-manga-item-label {background:url(../../images/badge-red.png) center center no-repeat}
.home-manga-item--even .home-manga-item-body-link a {background:#ff3535}
.home-manga-item--even .home-manga-item-body-link a:hover {background:#999}
.home-manga-item--even .home-manga-item-date--update {color:#ff3535}
#home-banner {width:986px;margin:30px auto 0px}
#home-banner ul {margin-left:17px}
#home-banner ul:before,#home-banner ul:after {content:"";display:table}
#home-banner ul:after {clear:both}
#home-banner ul li {float:left;margin-right:17px;margin-bottom:13px}
.single-story h2,.single-comics h2,.single-backnumber h2 {font-size:18px;line-height:1em;letter-spacing:0em;margin-bottom:15px;font-weight:bold}
#single-left {width:640px;float:left;margin-bottom:30px}
#single-right {width:337px;float:right;background:#dedede;background:rgba(0,0,0,0.1);margin-bottom:30px}
.single-visual {line-height:0;margin-top:-30px;margin-bottom:15px}
.single-visual p {text-align:right}
.single-visual p a {display:inline-block;padding-right:20px}
.single-visual h1 {text-align:center;background:#fff}
.single-visual h1 a {display:block;position:relative}
.single-visual h1 a span {position:absolute;right:0px;bottom:0px;padding:10px;background:#fff;line-height:0}
.single-update {margin-bottom:25px}
.single-update .home-manga-item-date--update {color:#4babf5}
.single-story {margin-bottom:40px}
.single-story h2 {color:#4babf5}
.single-story p {font-size:18px;line-height:1.5em;letter-spacing:0em;font-weight:bold;color:#5d5e5e}
.single-comics {margin-bottom:40px}
.single-comics h2 {color:#ff3535}
.single-comics h2 a {padding-left:15px;display:inline-block;vertical-align:top;font-size:14px;line-height:1em;letter-spacing:0em}
.single-comics h2 a i {display:none;color:red;padding-right:5px;font-style:normal}
.single-comics h2 a span {padding-left:14px;background:url(../../images/arrow-right-red.png) left 3px no-repeat;color:#666}
.single-comics h2 a:hover span {color:#999}
.single-comics dl {position:relative}
.single-comics dl:before,.single-comics dl:after {content:"";display:table}
.single-comics dl:after {clear:both}
.single-comics dl dt {width:120px;float:left}
.single-comics dl dt img {width:100px;height:auto}
.single-comics dl dd {float:left;width:520px;color:#5d5e5e}
.single-comics dl strong {font-size:20px;line-height:1.5em}
.single-comics dl p {font-size:14px;line-height:1.8em;padding-bottom:40px}
.single-comics dl ul {position:absolute;left:115px;bottom:0px;white-space:nowrap;line-height:0}
.single-comics dl ul li {display:inline;padding-right:2px}
.single-comics dl ul li img {border:1px solid #ccc}
.single-backnumber {border-bottom:3px solid #4babf5;padding-bottom:10px;margin-bottom:20px}
.single-backnumber h2 {color:#4babf5}
.single-backnumber dl dt {font-size:14px;line-height:1em;letter-spacing:0em;font-weight:bold;padding-bottom:12px;color:#5d5e5e}
.single-backnumber dl dd ul {padding-bottom:10px}
.single-backnumber dl dd ul:before,.single-backnumber dl dd ul:after {content:"";display:table}
.single-backnumber dl dd ul:after {clear:both}
.single-backnumber dl dd ul li {float:left;padding-right:10px;min-height:60px;position:relative}
.single-backnumber dl dd ul li a.single {-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:block;padding:12px 0px;width:42px;border:2px solid #ff3535;background:#fff;color:#ff3535;font-size:20px;font-weight:bold;text-align:center}
.single-backnumber dl dd ul li a.single.char3 {font-size:16px}
.single-backnumber dl dd ul li a.single:hover {color:#fff;background:#ff3535}
.single-backnumber dl dd ul li a.single:visited {color:#666;border:3px solid #999}
.single-backnumber dl dd ul li a.single span {position:absolute;right:-5px;top:-10px;background:url(../../images/icon-new.png) left top no-repeat;width:41px;height:19px;overflow:hidden;text-indent:-1000px;z-index:100}
.single-backnumber dl dd ul li div.mix {-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:block;padding:12px 10px 8px;border:3px solid #ff3535;background:#fff;text-align:center;margin-bottom:13px}
.single-backnumber dl dd ul li div.mix.char3 strong {font-size:16px}
.single-backnumber dl dd ul li div.mix strong {display:block;font-size:24px;padding-bottom:8px;color:#ff9a9a}
.single-backnumber dl dd ul li div.mix em {font-style:normal;display:inline-block;padding:0px 2px}
.single-backnumber dl dd ul li div.mix a {color:#ff3535;font-size:14px;font-weight:bold}
.single-backnumber dl dd ul li div.mix a:hover {color:#666}
.single-backnumber dl dd ul li div.mix a:visited {color:#666}
.single-backnumber dl dd ul li div.mix span {position:absolute;right:-5px;top:-10px;background:url(../../images/icon-new.png) left top no-repeat;width:41px;height:19px;overflow:hidden;text-indent:-1000px;z-index:100}
#manga-single.manual .backnumber {margin-top:30px}
.single-profile {position:relative;color:#5d5e5e;margin-bottom:20px}
.single-profile dl dt {font-size:18px;line-height:1.5em;letter-spacing:0em;font-weight:bold;padding-bottom:10px}
.single-profile dl dd {font-size:14px;line-height:1.8em;letter-spacing:0em}
.single-profile dl dd img {margin-bottom:1em}
.single-profile dl dd ul {margin-top:1em}
.single-profile dl dd ul li a {color:#5d5e5e;text-decoration:underline;font-weight:bold}
.single-profile dl dd ul li a:hover {color:#ccc}
.single-update_manga {padding:15px 13px 3px}
.single-update_manga h2 {font-size:14px;line-height:1em;letter-spacing:0em;color:#666;margin-bottom:15px}
.single-update_manga ul li {margin-bottom:12px}
.single-update_manga ul a {display:block}
.single-update_manga ul a:hover dd {color:#999}
.single-update_manga ul dl {display:table}
.single-update_manga ul dt {display:table-cell;vertical-align:top;padding-right:10px}
.single-update_manga ul dt img {width:55px;height:55px}
.single-update_manga ul dd {display:table-cell;vertical-align:middle;color:#494949}
.single-update_manga ul dd span {font-size:12px;line-height:1em;letter-spacing:0em}
.single-update_manga ul dd strong {display:block;font-size:14px;line-height:1.5em;letter-spacing:0em}
.single-banner {padding:0px 9px}
.single-banner ul {border-top:1px dotted #333;padding-top:15px;list-style:none}
.single-banner li {padding-bottom:9px}
.single-banner li a img {width:318px;height:auto}
.single-banner li p {padding-top:10px;font-weight:bold;color:#666666;line-height:1.5em;font-size:11px}
#single-footer {clear:both;border-top:3px solid #4babf5}
#single-footer .footer-note {padding:15px 0 30px}
#single-footer .footer-note p {font-size:12px;color:#a3a5a5}
#single-footer .footer-social {position:relative;padding-top:12px;border-top:1px dotted #344658}
#single-footer .footer-social dt {padding-left:5px}
#single-footer .footer-social span {display:block;position:absolute;right:-127px;top:-30px}
#manga-single.static #single-footer {width:640px}
#ranking #c #contents section {width:460px;margin-bottom:30px}
#ranking #c #contents section h2 {text-align:center}
#ranking #c #contents section>p {background:#fff;font-size:16px;line-height:1.8em;letter-spacing:0em;padding:10px 0;text-align:center;font-weight:bold}
#ranking #c #contents section ol {list-style:none;padding:0px 30px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
#ranking #c #contents section ol li {padding:40px 0px}
#ranking #c #contents section ol li a {display:block;color:#575251}
#ranking #c #contents section ol li a:hover {color:#999}
#ranking #c #contents section ol li a dl {position:relative}
#ranking #c #contents section ol li a dl dt {float:left;width:205px}
#ranking #c #contents section ol li a dl dt img {width:180px;height:180px}
#ranking #c #contents section ol li a dl dd {float:right;width:190px}
#ranking #c #contents section ol li a dl dd h3 {padding-bottom:30px;font-size:40px;line-height:1em;letter-spacing:0em;color:#666}
#ranking #c #contents section ol li a dl dd h3 strong {padding-left:5px}
#ranking #c #contents section ol li a dl dd h3 span {font-size:18px;line-height:1em;letter-spacing:0em}
#ranking #c #contents section ol li a dl dd p {padding-bottom:30px}
#ranking #c #contents section ol li a dl dd p strong {display:block;font-size:17px;line-height:1.5em;letter-spacing:0em;padding-bottom:10px}
#ranking #c #contents section ol li a dl dd p span {display:block;font-size:1.2em}
#ranking #c #contents section ol li a dl dd em {position:absolute;left:210px;bottom:3px;font-size:24px;font-weight:bold;font-style:normal}
#ranking #c #contents section ol li a dl dd em span {text-transform:capitalize}
#ranking #c #contents section ol li.odd em {color:#ff3535}
#ranking #c #contents section ol li.odd em.stay {color:#777}
#ranking #c #contents section ol li.even em {color:#4babf5}
#ranking #c #contents section ol li.even em.stay {color:#777}
#ranking #c #contents #ranking-social {float:left}
#ranking #c #contents #ranking-social>p {color:#ff3535}
#ranking #c #contents #ranking-access {float:right}
#ranking #c #contents #ranking-access>p {color:#4babf5}
#about #c #contents section p {padding:30px 40px;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
#news #c #contents article {padding-bottom:30px;border-bottom:2px dotted #fff;margin-bottom:30px}
#news #c #contents article .date {display:block;font-size:120%}
#news #c #contents article h2 {padding:20px 0px 30px;font-size:200%;font-weight:bold}
#news #c #contents article .post-body {font-size:120%;line-height:1.7em}
#news #c #contents .odd h2 {color:#ff3535}
#news #c #contents .even h2 {color:#4babf5}
#news #c #contents nav ul:before,#news #c #contents nav ul:after {content:"";display:table}
#news #c #contents nav ul:after {clear:both}
#news #c #contents nav ul li a.negative {cursor:default}
#news #c #contents nav ul li.prev {float:left}
#news #c #contents nav ul li.next {float:right}
#comics .comics-headline {margin-bottom:30px;border-left:4px solid #7f7f7f;padding:5px 17px}
#comics .comics-headline h2 {font-size:30px;line-height:1em;letter-spacing:0.3em;display:inline-block;vertical-align:middle}
.comics-banner {margin-bottom:25px}
.comics-new {margin-bottom:30px}
.comics-new-list {padding-left:12px;margin-left:-40px}
.comics-new-list:before,.comics-new-list:after {content:"";display:table}
.comics-new-list:after {clear:both}
.comics-new-list-item {margin-left:40px;float:left;margin-bottom:30px;background:#fff;width:214px}
.comics-new-list-item ul li {text-align:center;margin-top:0px}
.comics-new-list-item ul li+li {margin-top:5px}
.comics-new-list-item ul a {border:1px solid #ddd;display:block;padding:5px;text-align:center}
.comics-new-list-item-title {padding:10px}
.comics-new-list-item-title h3 {font-size:16px;line-height:1.4em;letter-spacing:0em;color:#5d5e5e}
.comics-new-list-item-title p {margin-top:10px;color:#5d5e5e;font-size:12px;line-height:1.8em;letter-spacing:0em}
.comics-new-list-item-figure {display:block;width:214px;height:340px;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-o-background-size:contain;background-size:contain}
.comics-new-list-item-figure img {visibility:hidden}
.comics-page {margin-bottom:30px}
.comics-page-list {margin-left:-23px}
.comics-page-list:before,.comics-page-list:after {content:"";display:table}
.comics-page-list:after {clear:both}
.comics-page-list-item {margin-left:23px;float:left;margin-bottom:20px;width:487px}
.comics-page-list-item a {display:table;width:100%}
.comics-page-list-item a>* {display:table-cell}
.comics-page-list-item figure {vertical-align:top;width:55px}
.comics-page-list-item figure img {width:55px;height:55px}
.comics-page-list-item div {vertical-align:middle;padding:5px 10px;background:#fff}
.comics-page-list-item h3 {font-size:14px;line-height:1.5em;letter-spacing:0em;color:#5d5e5e}
.comics-page-list-item p {color:#5d5e5e;font-size:12px;line-height:1.8em;letter-spacing:0em}
.comics-page-list-item span {vertical-align:middle;text-align:right;padding-right:10px;font-size:12px;line-height:1.8em;letter-spacing:0em;white-space:nowrap;background:#fff}
.comics-page-list-item--odd a h3 {color:#ff3535}
.comics-page-list-item--odd a span {color:#ff3535}
.comics-page-list-item--odd a:hover h3 {color:#999}
.comics-page-list-item--odd a:hover span {color:#999}
.comics-page-list-item--even a h3 {color:#4babf5}
.comics-page-list-item--even a span {color:#4babf5}
.comics-page-list-item--even a:hover h3 {color:#999}
.comics-page-list-item--even a:hover span {color:#999}
#viewer-v {position:relative}
#viewer-v .header {color:#fff}
#viewer-v .header p a {display:block;height:30px;background:url(../../images/viewer-h-side-logo.png) right top no-repeat;text-indent:-9999px}
#viewer-v .header div {background:#323232;position:relative}
#viewer-v .header hgroup {padding:15px}
#viewer-v .header hgroup h1 {font-size:17px;padding-bottom:10px}
#viewer-v .header hgroup h1 a {color:#fff}
#viewer-v .header hgroup h2 {font-size:11px}
#viewer-v .header h3 {position:absolute;left:0px;right:0px;width:100%;bottom:59px;font-size:18px;border-top:1px solid #999}
#viewer-v .header h3 span {display:block;padding:15px;text-align:center}
#viewer-v .header ul {border-top:1px solid #999999;height:58px}
#viewer-v .header ul:before,#viewer-v .header ul:after {content:"";display:table}
#viewer-v .header ul:after {clear:both}
#viewer-v .header ul li a {display:block;text-indent:-9999px;height:58px;overflow:hidden}
#viewer-v .header ul li a.negative {opacity:.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5}
#viewer-v .header ul li.prev a {background-image:url(../../images/viewer-h-side-prev.png)}
#viewer-v .header ul li.volume {font-size:120%}
#viewer-v .header ul li.next a {background-image:url(../../images/viewer-h-side-next.png)}
#viewer-v .header strong {display:block;font-weight:bold;color:#ff3535;padding:15px 0px 0px 15px}
#viewer-v #c ul {width:100%;padding-top:50px}
#viewer-v #c ul li {width:100%;text-align:center;vertical-align:middle;margin:0px auto 50px;background-position:center center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain}
#viewer-v #c ul li img {max-width:100%;height:auto}
#viewer-v .nextupdate {padding:15px 0px;font-size:140%;font-weight:bold;text-align:center;color:#ff3535}
#viewer-v #viewer-h-footer nav {width:95%;max-width:930px;margin:0px auto;color:#fff;background:#323232;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px}
#viewer-v #viewer-h-footer nav:before,#viewer-v #viewer-h-footer nav:after {content:"";display:table}
#viewer-v #viewer-h-footer nav:after {clear:both}
#viewer-v #viewer-h-footer nav dl {padding:20px 20px 0px;float:left}
#viewer-v #viewer-h-footer nav dl:before,#viewer-v #viewer-h-footer nav dl:after {content:"";display:table}
#viewer-v #viewer-h-footer nav dl:after {clear:both}
#viewer-v #viewer-h-footer nav dl dt {float:left;font-weight:bold;padding-right:15px;padding-top:3px}
#viewer-v #viewer-h-footer nav dl dd {float:left}
#viewer-v #viewer-h-footer nav .nav-vol {float:right;border-left:1px solid #fff}
#viewer-v #viewer-h-footer nav .nav-vol:before,#viewer-v #viewer-h-footer nav .nav-vol:after {content:"";display:table}
#viewer-v #viewer-h-footer nav .nav-vol:after {clear:both}
#viewer-v #viewer-h-footer nav .nav-vol li a {display:block;text-indent:-1000px;overflow:hidden;height:56px}
#viewer-v #viewer-h-footer nav .nav-vol .prev {float:left;border-right:1px dotted #fff}
#viewer-v #viewer-h-footer nav .nav-vol .prev a {background:url(../../images/viewer-h-footer-btn-prev.png) left top no-repeat;width:70px}
#viewer-v #viewer-h-footer nav .nav-vol .next {float:right}
#viewer-v #viewer-h-footer nav .nav-vol .next a {background:url(../../images/viewer-h-footer-btn-next.png) left top no-repeat;width:64px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px}
#viewer-v #viewer-h-footer #footer div {width:95%;max-width:930px}
#viewer-v.pc {position:relative;min-width:1100px;height:auto;overflow-y:visible}
#viewer-v.pc .header {position:fixed;left:0px;top:50%;width:220px;height:365px;margin-top:-200px;z-index:100}
#viewer-v.pc .header p {width:220px;height:40px}
#viewer-v.pc .header div {position:relative;min-height:258px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px}
#viewer-v.pc .header hgroup h1 a span {display:none}
#viewer-v.pc .header hgroup h2 {margin-bottom:20px}
#viewer-v.pc .header hgroup a.detail {display:block;background:url(../../images/viewer-h-side-detail.png) left top no-repeat;width:101px;height:34px;text-indent:-1000px;overflow:hidden}
#viewer-v.pc .header ul {position:absolute;left:0px;bottom:0px}
#viewer-v.pc .header ul li {float:left}
#viewer-v.pc .header ul li.volume {display:none}
#viewer-v.pc .header ul li.prev a {background-position:left top;width:108px;border-right:1px dotted #fff}
#viewer-v.pc .header ul li.next a {background-position:left top;width:111px}
#viewer-v.pc #c {padding-bottom:50px;background:transparent}
#viewer-v.pc .nextupdate {display:none}
#viewer-v.pc #pagetop {position:fixed;right:0px;bottom:50px;width:122px;height:112px;z-index:100}
#viewer-v.pc #pagetop a {float:right;display:block;width:122px;height:112px;text-indent:-1000px;z-index:100;overflow:hidden;background:url(../../images/viewer-h-btn-top.png) left top no-repeat}
#viewer-v.pc #viewer-h-footer {position:fixed;left:0px;right:0px;bottom:0px;z-index:0}
#viewer-v.pc #viewer-h-footer .header {display:none}
#viewer-v.iPad .header {position:fixed;left:0px;top:50%;width:220px;height:365px;margin-top:-200px;z-index:100}
#viewer-v.iPad .header p {width:220px;height:40px}
#viewer-v.iPad .header div {min-height:258px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px}
#viewer-v.iPad .header hgroup h1 a span {display:none}
#viewer-v.iPad .header hgroup h2 {margin-bottom:20px}
#viewer-v.iPad .header hgroup a.detail {display:block;background:url(../../images/viewer-h-side-detail.png) left top no-repeat;width:101px;height:34px;text-indent:-1000px;overflow:hidden}
#viewer-v.iPad .header ul {position:absolute;left:0px;bottom:0px}
#viewer-v.iPad .header ul li {float:left}
#viewer-v.iPad .header ul li.volume {display:none}
#viewer-v.iPad .header ul li.prev a {background-position:left top;width:108px;border-right:1px dotted #fff}
#viewer-v.iPad .header ul li.next a {background-position:left top;width:111px}
#viewer-v.iPad #c {padding-bottom:50px}
#viewer-v.iPad .nextupdate {display:none}
#viewer-v.iPad #pagetop {position:fixed;right:0px;bottom:50px;width:122px;height:112px}
#viewer-v.iPad #pagetop a {float:right;display:block;width:122px;height:112px;text-indent:-1000px;z-index:100;overflow:hidden;background:url(../../images/viewer-h-btn-top.png) left top no-repeat}
#viewer-v.iPad #viewer-h-footer {position:fixed;left:0px;right:0px;bottom:0px;z-index:0}
#viewer-v.iPad #viewer-h-footer .header {display:none}
#viewer-v.iPhone .header {width:100%}
#viewer-v.iPhone .header p {padding:15px 0px;text-align:center}
#viewer-v.iPhone .header p a {margin:0px auto;width:220px}
#viewer-v.iPhone .header hgroup h1 a span {font-size:12px;padding-left:10px;display:inline-block;color:#4babf5}
#viewer-v.iPhone .header hgroup a.detail {display:none}
#viewer-v.iPhone .header h3 {display:none}
#viewer-v.iPhone .header ul {display:table;width:100%}
#viewer-v.iPhone .header ul>* {display:table-cell;vertical-align:middle;text-align:left}
#viewer-v.iPhone .header ul li {width:33%;text-align:center}
#viewer-v.iPhone .header ul li a {background-position:center center;background-repeat:no-repeat}
#viewer-v.iPhone .header ul li.prev {border-right:1px dotted #fff}
#viewer-v.iPhone .header ul li.next {border-left:1px dotted #fff}
#viewer-v.iPhone .header strong {display:none}
#viewer-v.iPhone #pagetop {padding:30px 0px;text-align:center}
.ad-pc_tonarinoyj_top_header_970x90_728x90 {width:997px;margin:0px auto;margin-bottom:30px}
.ad-home-content {display:table;width:100%;clear:both}
.ad-home-content-item {display:table-cell;vertical-align:top;text-align:center}
.ad-home-content-item>div {width:300px;margin:0 auto}
.ad-single-right {width:300px;margin:20px auto}

