@charset "utf-8";


html {font-size:62.5%;}
body {font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#000; text-align:center; -webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6;}
input, select, textarea, button {font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.4; vertical-align:middle;}
input[type='submit'],input[type='reset'],input[type='button'], button {cursor:pointer; -ms-appearance:none; -webkit-appearance:none; appearance:none;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}

a {color:#231815; text-decoration:none;}
a:hover {color:#231815; text-decoration:underline;}

.screen-reader-text { display: none; }
/* container */
/* -------------------------------------------------------- */
#container {width:100%; padding:17px 0 0 0; overflow:hidden;}


/* header */
/* -------------------------------------------------------- */
#header {width:982px; text-align:left; margin:0 auto 10px auto; position:relative; z-index:100;}
#header .logo {margin:0 0 15px 0;}
#header .ad {width:728px; position:absolute; top:0; right:0;}
#header .nav {margin:0 0 10px 0; display:flex; flex-wrap:wrap;}
#header .nav > li {width:75px; font-size:9.33px; line-height:1.2; text-align:center; margin:0 0 2px 2px; box-sizing:border-box; position:relative;}
#header .nav > li > a {color:#000; box-sizing:border-box; padding:6px 0 4px 0; display:block;}
#header .nav > li.nav1 > a {color:#e50000; padding:6px 0; background-color:#d7ded7;}
#header .nav > li.nav2 > a {color:#fff; background-color:#ff3300; border-bottom:solid 2px #cb2900;}
#header .nav > li.nav3 > a {background-color:#ccb8cc; border-bottom:solid 2px #a293a3;}
#header .nav > li.nav4 > a {background-color:#99ceff; border-bottom:solid 2px #7aa5cc;}
#header .nav > li.nav5 > a {background-color:#e5ccff; border-bottom:solid 2px #b6a3cc;}
#header .nav > li.nav6 > a {background-color:#99e87f; border-bottom:solid 2px #7aba66;}
#header .nav > li.nav7 > a {background-color:#ffcc99; border-bottom:solid 2px #cba37a;}
#header .nav > li.nav8 > a {background-color:#b7cce7; border-bottom:solid 2px #91a3b9;}
#header .nav > li.nav9 > a {background-color:#ffb3cc; border-bottom:solid 2px #cb8fa3;}
#header .nav > li.nav10 > a {background-color:#ffccfd; border-bottom:solid 2px #cba3cb;}
#header .nav > li.nav11 > a {background-color:#ff7e61; border-bottom:solid 2px #cb654e;}
#header .nav > li.nav12 > a {background-color:#ffcc00; border-bottom:solid 2px #cba300;}
#header .nav > li.nav13 > a {background-color:#79ffff; border-bottom:solid 2px #60cccc;}
#header .nav > li.nav14 > a {background-color:#ffff79; border-bottom:solid 2px #cbcc61;}
#header .nav > li.nav15 > a {background-color:#ccb299; border-bottom:solid 2px #a28f7a;}
#header .nav > li.nav16 > a {background-color:#ccc; border-bottom:solid 2px #a2a3a3;}
#header .nav > li > ul {background-color:#ccc; position:absolute; left:0; display:none;}
#header .nav > li > ul > li {white-space:nowrap; text-align:left;}
#header .nav > li > ul > li > a {padding:2px 5px; display:block;}


/* trackList */
/* -------------------------------------------------------- */
.trackList {width:982px; text-align:left; margin:0 auto 10px auto; position:relative; z-index:10;}
.trackList ul {display:flex; flex-wrap:wrap;}
.trackList ul > li {font-size:8.38px; color:#999; box-sizing:border-box;}
.trackList ul > li a {font-size:8.38px; color:#999; padding:0 1.5em 0 0; display:block; position:relative;}
.trackList ul > li a:after {content:'＞'; position:absolute; top:0; right:0.2em;}


/* contents */
/* -------------------------------------------------------- */
#contents {width:982px; text-align:left; margin:0 auto 25px auto; display:table; table-layout:fixed; border-spacing:0; position:relative; z-index:10;}
#contents > div {text-align:left; vertical-align:top; display:table-cell;}
#contents > div#main {padding:0 22px 0 0;}
#contents > div#side {width:300px;}

#side .ad {margin:0 0 20px 0;}
#side .ttl1 {font-size:14px; font-weight:bold; text-align:center; color:#fff; padding:5px; background-color:#e50000;}
#side .ttl2 {font-size:12.19px; font-weight:normal; color:#fff; margin:0 0 15px 0; padding:5px 20px; background-color:#000; position:relative;}
#side .ttl2 a {color:#fff; position:absolute; top:5px; right:10px;}
#side .ttl3 {font-size:12px; font-weight:normal; margin:0 0 5px 0;}
#side .bnr > li {margin:0 0 20px 0;}
#side .bnr > li.mb8 {margin-bottom:8px;}

#side .ranking {margin:0 0 20px 0;}
#side .ranking .tab {width:100%; display:table; table-layout:fixed; border-spacing:0;}
#side .ranking .tab > li {font-size:10.87px; font-weight:bold; text-align:center; vertical-align:middle; color:#fff; padding:5px 0; background-color:#999; border-bottom:solid 2px #7a7a7a; border-right:solid 1px #fff; display:table-cell; cursor:pointer;}
#side .ranking .tab > li:last-of-type {border-right:none;}
#side .ranking .tab > li.emergence {color:#000; background-color:#fff; border-bottom:solid 2px #fff;}
#side .ranking .rankingBox {width:100%; border-bottom:solid 3px #ccc; display:table; table-layout:fixed; border-spacing:0;}
#side .ranking .rankingBox .rankingNo {width:46px; font-size:23.57px; line-height:1; text-align:center; vertical-align:middle; padding:3px 0; display:table-cell;}
#side .ranking .rankingBox a {text-align:left; vertical-align:middle; padding:3px 0; display:table-cell; position:relative;}
#side .ranking .rankingBox .head {width:100%; display:table; table-layout:fixed; border-spacing:0;}
#side .ranking .rankingBox .head .img,
#side .ranking .rankingBox .head .ctx {text-align:left; vertical-align:top; display:table-cell;}
#side .ranking .rankingBox .head .img {width:85px;}
#side .ranking .rankingBox .head .ctx {padding:3px 20px 10px 12px;}
#side .ranking .rankingBox .ttl {font-size:12.25px; font-weight:bold;}
#side .ranking .rankingSite {font-size:7.07px; color:#999; position:absolute; bottom:0; right:5px;}

#side .manga {margin:0 0 20px 0;}
#side .manga .list {display:flex; flex-wrap:wrap; justify-content:space-between;}
#side .manga .list > li {width:50%; margin:10px 0 0 0; padding:0 0 45px 0; box-sizing:border-box; position:relative;}
#side .manga .list > li:nth-of-type(odd) {padding-right:2px;}
#side .manga .list > li:nth-of-type(even) {padding-left:2px;}
#side .manga .list .img {margin:0 0 10px 0;}
#side .manga .list .txt {font-size:14px; font-weight:bold; line-height:1.2;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#side .manga .list .sub {width:100%; padding:0 10px; box-sizing:border-box; position:absolute; bottom:0; left:0;}
#side .manga .list .sub p {font-size:14px; line-height:1.4; color:#8c8c8c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
#side .manga .list .sub .ico {width:13px; height:13px; vertical-align:middle; margin:0 3px 0 0; background:url(../images/icon_amp.png) no-repeat center center; background-size:cover; display:inline-block;}

#side .offer {margin:0 0 20px 0;}
#side .offer .list {margin:0 20px;}
#side .offer .list > li {font-size:12px; padding:0 0 0 1.5em; position:relative;}
#side .offer .list > li:before {content:'■'; position:absolute; top:0; left:0;}

#side .twitter {margin:0 0 20px 0;}

#side .abj {margin:0 0 20px 0;}
#side .abj .logo {text-align:center;}


/* adSide */
.adSide {width:100%; height:100vh; position:absolute; top:17px; left:0; overflow:hidden; z-index:1;}
.adSide > div {width:982px; margin:0 auto; position:relative;}
.adSide .ad1 {width:160px; position:absolute; top:0; left:-180px;}
.adSide .ad2 {width:160px; position:absolute; top:0; right:-180px;}


/* footer */
/* -------------------------------------------------------- */
#footer {width:982px; text-align:center; margin:0 auto; padding:15px 0; background-color:#ccc; position:relative; z-index:10;}
#footer .nav {display:flex; flex-wrap:wrap; justify-content:center;}
#footer .nav > li {font-size:14.74px; box-sizing:border-box;}
#footer .nav > li a { display: inline-block; }
#footer .nav > li:after {
	content: '｜';
}
#footer .nav > li.pcbr:after {
	display: none;
}
#footer .copy {font-size:14.74px;}