@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap");@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");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;vertical-align:baseline}img{vertical-align:top}a img{border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}.clearfix:after{content:"";display:block;clear:both}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}#titCol h1{background:url(../images/comic/tit_comic.png) no-repeat top center;background-size:contain;text-indent:-9999px;max-width:357px}@media screen and (min-width: 768px){#titCol h1{background-position:top left}}#searchCol{background:rgba(3,12,29,0.8);color:#fff}@media screen and (max-width: 767px){#searchCol{margin:0 0 3% 0;padding:2% 0}}@media screen and (min-width: 768px){#searchCol{margin:0;padding:2% 0}}@media screen and (min-width: 1200px){#searchCol{padding:20px 0}}.checkboxArea{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px;width:calc(100% - 8%);margin:0 auto}.checkboxArea #reset{display:block;cursor:pointer;transition:all 0.2s ease;text-indent:-99999px;max-height:50px}@media screen and (max-width: 767px){.checkboxArea #reset{width:32%;height:10vw}}@media screen and (min-width: 768px){.checkboxArea #reset{width:15%;height:5vw}}.checkboxArea #reset.on{background:url(../images/common/btn_all_on.png) no-repeat top center;background-size:contain}.checkboxArea #reset.off{background:url(../images/common/btn_all_off.png) no-repeat top center;background-size:contain}@media (hover: hover){.checkboxArea #reset.off:hover{background:url(../images/common/btn_all_on.png) no-repeat top center;background-size:contain}}@media screen and (min-width: 768px){.checkboxArea #reset{position:relative;margin:0 2% 0 0}.checkboxArea #reset::after{display:block;position:absolute;top:0;right:-1.5vw;content:"";border-right:1px dotted rgba(255,255,255,0.5);height:100%;width:1px}}.checkboxArea label{position:relative;display:block;max-height:50px}@media screen and (max-width: 767px){.checkboxArea label{width:32%;height:10vw}.checkboxArea label:nth-child(1),.checkboxArea label:nth-child(2),.checkboxArea label:nth-child(3){margin:0 0 1% 0}}@media screen and (min-width: 768px){.checkboxArea label{width:15%;height:5vw}.checkboxArea label:not(:last-child){margin:0 0 0 0.3%}}.checkboxArea label input{display:none}.checkboxArea label span{display:block;text-indent:-9999px;cursor:pointer;height:4vw;font-size:0;transition:all 0.2s ease;max-height:50px}@media screen and (max-width: 767px){.checkboxArea label span{height:8vw}}.checkboxArea label span.brand_01{background:url(../images/common/btn_brand_01_off.png) no-repeat center;background-size:contain}.checkboxArea label span.brand_02{background:url(../images/common/btn_brand_02_off.png) no-repeat center;background-size:contain}.checkboxArea label span.brand_03{background:url(../images/common/btn_brand_03_off.png) no-repeat center;background-size:contain}.checkboxArea label span.brand_04{background:url(../images/common/btn_brand_04_off.png) no-repeat center;background-size:contain}.checkboxArea label span.brand_05{background:url(../images/common/btn_brand_05_off.png) no-repeat center;background-size:contain}.checkboxArea label span.brand_06{background:url(../images/common/btn_brand_06_off.html) no-repeat center;background-size:contain}.checkboxArea label input:checked+span{display:block;text-indent:-9999px;cursor:pointer;height:4vw;font-size:0;transition:all 0.2s ease;max-height:50px}@media screen and (max-width: 767px){.checkboxArea label input:checked+span{height:8vw}}.checkboxArea label input:checked+span.brand_01{background:url(../images/common/btn_brand_01_on.png) no-repeat center;background-size:contain}.checkboxArea label input:checked+span.brand_02{background:url(../images/common/btn_brand_02_on.png) no-repeat center;background-size:contain}.checkboxArea label input:checked+span.brand_03{background:url(../images/common/btn_brand_03_on.png) no-repeat center;background-size:contain}.checkboxArea label input:checked+span.brand_04{background:url(../images/common/btn_brand_04_on.png) no-repeat center;background-size:contain}.checkboxArea label input:checked+span.brand_05{background:url(../images/common/btn_brand_05_on.png) no-repeat center;background-size:contain}.checkboxArea label input:checked+span.brand_06{background:url(../images/common/btn_brand_06_on.html) no-repeat center;background-size:contain}@media (hover: hover){.checkboxArea label span:hover.brand_01{background:url(../images/common/btn_brand_01_on.png) no-repeat center;background-size:contain}.checkboxArea label span:hover.brand_02{background:url(../images/common/btn_brand_02_on.png) no-repeat center;background-size:contain}.checkboxArea label span:hover.brand_03{background:url(../images/common/btn_brand_03_on.png) no-repeat center;background-size:contain}.checkboxArea label span:hover.brand_04{background:url(../images/common/btn_brand_04_on.png) no-repeat center;background-size:contain}.checkboxArea label span:hover.brand_05{background:url(../images/common/btn_brand_05_on.png) no-repeat center;background-size:contain}.checkboxArea label span:hover.brand_06{background:url(../images/common/btn_brand_06_on.html) no-repeat center;background-size:contain}}.checkboxArea::after{display:block;content:" "}@media screen and (max-width: 767px){.checkboxArea::after{width:32%}}@media screen and (min-width: 768px){.checkboxArea::after{width:7%}}#listCol{width:calc(100% - 8%);max-width:1200px;margin:0 auto}@media screen and (max-width: 767px){#listCol{padding:3% 0 0}}@media screen and (min-width: 768px){#listCol{padding:20px 0 0}}#listCol h2{max-width:311px;margin:0 auto}@media screen and (max-width: 767px){#listCol h2{margin:0 auto 3%;width:50%}}@media screen and (min-width: 768px){#listCol h2{margin:0 auto 30px}}#listCol #latest{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#listCol #latest li{background:#fff}@media screen and (max-width: 767px){#listCol #latest li{width:56%;margin:0 4% 8% 0;min-width:279px}}@media screen and (min-width: 768px){#listCol #latest li{max-width:279px;margin:0 2% 40px 0}}#listCol #latest li:last-child{margin-right:0}#listCol #latest.first{max-width:500px}@media screen and (max-width: 767px){#listCol #latest.multi li{width:48%;min-width:auto}}@media screen and (min-width: 768px){#listCol #latest.multi li{width:auto}}#listCol .list{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){#listCol .list::after,#listCol .list::before{content:"";display:block;width:23%;height:0}#listCol .list::before{-webkit-order:1;order:1}}#listCol .list li{background:#fff}@media screen and (max-width: 767px){#listCol .list li{margin:0 0 5% 0;width:48%}}@media screen and (min-width: 768px){#listCol .list li{width:23%;margin:0 0 30px 0}}#listCol a{position:relative;display:block;color:#1a1a1a;text-align:center;text-decoration:none;font-weight:bold}#listCol a span{display:block;padding:2%}@media screen and (max-width: 767px){#listCol a span{font-size:90%}}@media screen and (min-width: 768px){#listCol a{transition:all 0.2s ease}#listCol a:hover{opacity:.6}}#pager{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@media screen and (max-width: 767px){#pager{margin:3% auto}}@media screen and (min-width: 768px){#pager{margin:20px auto}}#pager li{margin:0 1px 0 0;background:#fff;padding:0.3em 0.8em;text-decoration:none;font-weight:bold;color:#000}#pager li.active{background:#000;color:#fff}@media (hover: hover){#pager li{transition:all .2s ease-out}#pager li:hover{background:rgba(0,0,0,0.5);color:#fff}}

/*# sourceMappingURL=maps/comic.css.map */