.series-list{max-width:var(--v-width-content-max);display:grid;margin-inline:var(--v-padding-inline);margin-bottom:48px;grid-template-columns:repeat(2,1fr);gap:20px 12px;@media (width >= 768px){grid-template-columns:repeat(3,1fr);gap:24px 18px}@media (min-width:1050px){grid-template-columns:repeat(4,1fr)}@media (width >= 1184px){margin-inline:auto}&.mode-empty{text-align:center;display:block;padding:1em;box-sizing:border-box;color:var(--v-color-text-moderate)}}.series-list-item-link{display:block;position:relative;text-decoration:none;transition:opacity var(--v-duration);&,&:link,&:visited{color:var(--v-color-text)}&:hover{opacity:.8}}.series-list-item-fig{display:block;margin:0 0 4px;padding:0;border:1px solid var(--v-color-border);border-radius:var(--v-radius-thumb);aspect-ratio:120/63;overflow:hidden}.series-list-item-img{width:100%;height:100%;display:block;object-fit:cover}.series-list-item-mark-wrap{height:42px;overflow:hidden;position:absolute;right:-3px;top:-3px;width:42px;pointer-events:none;@media (width >= 768px){height:58px;right:-4px;top:-4px;width:58px}}.series-list-item-mark{position:absolute;transform:rotate(45deg);background-color:var(--v-color-updated);color:var(--v-color-on-updated);font-size:10px;font-weight:600;text-align:center;display:block;line-height:10px;white-space:nowrap;z-index:1;top:7px;padding:2px 18px;&:after,&:before{border-style:solid;content:"";height:0;width:0;z-index:2}&:before{border-color:#000 transparent transparent;border-width:4px 4px 0 0;left:2px;top:14px}&:after{border-color:transparent #000 transparent transparent;border-width:0 4px 4px 0;bottom:-4px;right:1px}@media (width >= 768px){font-size:12px;line-height:12px;padding-left:25px;padding-bottom:3px;padding-right:25px;padding-top:3px;top:10px;&:before{border-width:6px 6px 0 0;left:2px;top:18px}&:after{border-width:0 6px 6px 0;bottom:-6px;right:0}}}.series-list-item-mark:after,.series-list-item-mark:before{position:absolute}.series-list-item-rank{position:absolute;left:-1px;top:-1px;border:1px solid var(--v-color-rank-base);background:var(--v-color-rank-base-bg);color:var(--v-color-rank-base);font-size:12px;line-height:1;padding:4px 0;text-align:center;border-radius:2px;width:20px;.series-list-item.mode-rank-1 &{border:1px solid var(--v-color-rank1);background:var(--v-color-rank1-bg);color:var(--v-color-rank1)}.series-list-item.mode-rank-2 &{border:1px solid var(--v-color-rank2);background:var(--v-color-rank2-bg);color:var(--v-color-rank2)}.series-list-item.mode-rank-3 &{border:1px solid var(--v-color-rank3);background:var(--v-color-rank3-bg);color:var(--v-color-rank3)}}.series-list-item-h{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;font-weight:600;font-size:13px;line-height:1.45;@media (width >= 768px){font-size:15px}@media (width < 375px){font-size:12px}}.series-list-item-campaign{color:var(--v-color-campaign);font-size:12px}.series-list-item-author{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:var(--v-color-text-moderate);font-size:11px;@media (width >= 768px){font-size:12px}}.series-list-item-author-link{color:currentColor;text-decoration:none;&+&{&:before{content:", "}}}.series{&.mode-series-top{margin-top:0;@media (width >= 768px){margin-top:24px}}&.mode-ep{margin-bottom:72px;@media (width >= 1184px){max-width:var(--v-width-ep-series-max);margin-inline:auto;display:flex;gap:24px}}}.series-readable{max-width:var(--v-width-series-max);margin-inline:auto;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--v-color-border);gap:12px;font-size:14px;&.mode-bottom{margin-top:10px;padding:.5em var(--v-padding-inline);justify-content:space-between;@media (width >= 768px){padding-inline:0}&.mode-empty{padding:0;border-top:0}}}.series-readable-campaign{color:var(--v-color-campaign);text-align:center;padding:.5em}.series-readable-campaign-text{font-weight:600}.series-readable-waitfree{color:var(--v-color-waitfree);font-weight:600}.series-readable-waitfree-icon{vertical-align:middle;margin-right:.33em}.series-readable-charge-fill{&.mode-filled{background:var(--v-color-waitfree);border-radius:15px;color:var(--v-color-on-waitfree);display:inline-block;font-size:12px;margin-left:1em;padding:.2em 2em}}.series-act-wrap{max-width:var(--v-width-series-max);margin-inline:auto;min-height:70px;border-top:1px solid var(--v-color-border);box-sizing:initial;padding-top:12px}.series-act{display:flex;gap:10px;min-height:70px;padding-inline:var(--v-padding-inline);@media (width >= 768px){padding-inline:0}&.mode-no-user{display:block;height:auto;@media (width >= 768px){display:flex;min-height:70px}}}.series-act-read-btn{background-color:var(--v-color-btn-read);border:1px solid var(--v-color-btn-read);border-radius:5px;box-sizing:border-box;color:var(--v-color-on-btn-read);display:block;font-size:15px;font-weight:700;height:70px;min-width:50px;padding:23px 10px 0;text-align:center;transition:opacity .5s;text-decoration:none;&.mode-read{flex:1}&.mode-1st{min-width:50px;background:transparent;border-color:var(--v-color-border);font-size:12px;padding-top:15px}&.mode-register{background:var(--v-color-bg);border-color:var(--v-color-text);margin-top:12px;@media (width >= 768px){width:33.3%;margin-top:0}}}.series-act-read-btn-strong{font-size:14px;display:block}.series-sort{display:flex;flex-wrap:wrap;gap:1em;border-top:1px solid var(--v-color-border);padding:6px var(--v-padding-inline);@media (width >= 768px){padding-inline:0}}.series-sort-link{background:var(--v-color-bg-alt);font-size:14px;line-height:32px;border-radius:16px;padding:0 1em;display:none;cursor:pointer;.series-sort.mode-show-all &{display:block;&:nth-child(4){display:none}}&.mode-current{background-color:var(--v-color-alert-bg);color:var(--v-color-alert);font-weight:600;cursor:default}&:first-child,&:last-child,&:nth-child(2),&:nth-child(3),&:nth-child(4){display:block}&:nth-child(2){margin-left:.5em;position:relative;&:before{display:block;content:"";position:absolute;left:-.75em;top:0;height:32px;width:1px;background:var(--v-color-border)}}}.series-eplist-wrap{max-width:var(--v-width-series-max);margin-inline:auto;margin-bottom:4em;@media (width >= 768px){display:flex}.series.mode-ep &{@media (width >= 1184px){flex:1}}}.series-eplist-main{flex:1}.series-eplist{.series-sort.mode-loading+&,.series-sort.mode-loading+&+&{opacity:.5}&.mode-user.mode-loading+&{display:block;opacity:.5}&.mode-user.mode-has-eps+&{display:none}&.mode-user.mode-no-user:not(.mode-has-eps)+&{display:block;opacity:1}&.mode-user.mode-no-user:not(.mode-has-eps){display:none}&.mode-dynamic+&,&.mode-dynamic+&+&{display:none!important}}.series-eplist-item{position:relative;border-top:1px solid var(--v-color-border);display:flex;gap:12px;&.mode-read,.series-eplist.mode-no-user.mode-has-eps &:first-child{background:var(--v-color-bg-alt)}&.mode-current{background:var(--v-color-alert-bg)}.series-eplist>&:last-child{border-bottom:1px solid var(--v-color-border)}}.series-eplist-item-content,.series-eplist-item-link{padding:7px 0;display:flex;gap:12px;text-decoration:none;transition:opacity var(--v-duration);width:100%;&:link,&:visited{color:var(--v-color-text)}&:hover{opacity:.66}@media (width >= 768px){gap:20px}}.series-eplist-item-fig{width:126px;position:relative;display:block;padding:0;margin:0;line-height:1;aspect-ratio:120/63}.series-eplist-item-img{width:100%;height:100%;object-fit:cover}.series-eplist-item-main{flex:1;display:flex;flex-direction:column}.series-eplist-item-h{flex:1;margin:0;padding:0;min-height:3em;font-size:14px;font-weight:400;align-content:center;text-overflow:ellipsis;@media (width >= 768px){font-size:15px}}.series-eplist-item-h-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.series-eplist-item-meta{justify-content:space-between;font-size:11px;color:var(--v-color-text-moderate);line-height:1;white-space:nowrap}.series-eplist-item-meta,.series-eplist-item-meta-fav{display:flex;align-items:center}.series-eplist-item-meta-icon{vertical-align:-2.5px;width:18px}.series-eplist-item-access{align-self:center;width:70px;text-align:center;@media (width >= 768px){width:78px}}.series-eplist-item-access-icon{&.mode-disabled{filter:saturate(0)}&+&{margin-left:.25em}}.series-eplist-item-access-text{display:block;line-height:1.25;color:var(--v-color-text-moderate);font-size:10px;@media (width >= 768px){font-size:11px}&.mode-free{font-size:12px;font-weight:600;color:var(--v-color-free);@media (width >= 768px){font-size:14px}}}.series-eplist-item-access-paid{font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.series-eplist-item-access-paid-unit-text{font-size:10px}.series-eplist-item-access-paid-item{display:flex;align-items:center;gap:4px}.series-eplist-item-access-btn{display:block;border:1px solid var(--v-color-border);border-radius:var(--v-radius-btn);text-decoration:none;font-weight:600;font-size:13px;color:var(--v-color-text);cursor:pointer;margin-top:.25em;line-height:1.86;&:hover{opacity:.8}}.series-eplist-loader-btn{position:relative;display:block;appearance:none;border:none;width:100%;line-height:4em;background:none;cursor:pointer;color:var(--v-color-text-moderate);font-weight:600;border-top:1px solid var(--v-color-border);transition:opacity var(--v-duration);&[disabled]{cursor:default}&:hover{opacity:.66}&.mode-loading{&:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;aspect-ratio:1;border-radius:50%;animation:g_loading_dots 1s linear infinite alternate}}}.series-eplist-loader-label{.series-eplist-loader.mode-loading &{opacity:.1}}.series-eplist-loader-icon{vertical-align:middle;margin-bottom:2px}.series-store{max-width:var(--v-width-series-max);margin-inline:auto;margin-top:20px;text-align:center;display:grid;grid-template-areas:"a a a" "b c d";grid-template-columns:repeat(3,1fr);@media (width >= 768px){width:130px;margin-left:12px;margin-top:0;display:block}}.series-store-h{background:repeating-linear-gradient(135deg,hsla(0,0%,89%,0),hsla(0,0%,89%,0) 8px,#e4e4e4 10px);border:1px solid #e4e4e4;border-width:1px 0;font-size:13px;line-height:3.75;margin:0 0 20px;padding:0;grid-area:a}.series-store-item{@media (width >= 768px){margin-bottom:12px}}.series-store-item-link{display:block;aspect-ratio:var(--v-comic-aspect-ratio);text-decoration:none;font-size:12px;font-weight:600;padding:0 12px}.series-store-item-fig{position:relative;display:block;margin:0 auto 4px;padding:0;width:81%;&.mode-fill{aspect-ratio:var(--v-comic-aspect-ratio)}}.series-store-item-img{display:block;width:100%;height:auto;.series-store-item-fig.mode-fill &{object-fit:cover}}.series-store-item-h{font-weight:600;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--v-color-text);margin-bottom:4px}.series-store-item-btn{display:block;border-radius:var(--v-radius-btn);background:var(--v-color-btn-buy);color:var(--v-color-on-btn-buy);line-height:1.8;margin-bottom:20px}.series-store-more{padding:0 12px}.series-store-more-link{border:1px solid var(--v-color-border);display:block;line-height:3;font-weight:600;text-decoration:none;font-size:14px;height:calc(100% - 24px);align-content:center;&:link,&:visited{color:var(--v-color-text)}&:hover{opacity:.8}@media (width >= 768px){border-left-width:0;border-bottom-width:1px;border-right-width:0;border-top-width:1px}}.series-store-more-icon{vertical-align:middle;color:var(--v-color-text-moderate)}.m-main:has(.series-bulk)+.m-sub,.m:has(.series-bulk)+.f{display:none}.series-bulk{margin-bottom:128px}.series-bulk-f{position:fixed;bottom:0;left:0;width:100%;z-index:99;background:var(--v-color-bg);border-top:3px solid var(--v-color-border)}.series-bulk-f-contents{display:flex;justify-content:space-between;z-index:99;max-width:var(--v-width-content-max);margin-inline:auto;padding-left:12px;padding-right:12px;@media (width >= 1184px){padding-left:0;padding-right:0}}.series-bulk-f-price{padding:12px 0 24px}.series-bulk-f-price-plus{margin:0 .25em}.series-bulk-f-price-icon{vertical-align:-4px;margin-right:.5em;&.mode-ticket{margin-right:.25em}}.series-bulk-f-price-price{font-weight:600;font-family:var(--v-font-number);font-size:20px}.series-bulk-f-price-episodes{color:var(--v-color-text-moderate);font-size:12px;margin:0;padding:0}.series-bulk-f-buy{padding-top:12px}.series-bulk-f-buy-btn{display:inline-block;border:1px solid var(--v-color-btn-pay);background:var(--v-color-btn-pay);color:var(--v-color-on-btn-pay);height:46px;border-radius:var(--v-radius-btn);font-weight:600;cursor:pointer;padding-left:36px;padding-right:36px;&.mode-disabled{cursor:default;opacity:.25}}.series-readable-charge-fill{margin:0 0 6px;padding:0;display:block;width:105px;font-size:10px;line-height:20px;font-weight:600;color:var(--v-color-text-moderate);background:var(--v-color-bg-alt);text-align:center;border-radius:10px;overflow:hidden;position:relative;&.mode-recent{color:var(--v-color-alert);background:var(--v-color-alert-bg)}background:linear-gradient(var(--v-color-waitfree-waiting),var(--v-color-waitfree-waiting)) no-repeat,linear-gradient(var(--v-color-bg-alt),var(--v-color-bg-alt)) repeat;color:var(--v-color-on-waitfree-waiting);&.mode-full{background:linear-gradient(var(--v-color-waitfree),var(--v-color-waitfree)) no-repeat,linear-gradient(var(--v-color-bg-alt),var(--v-color-bg-alt)) repeat;color:var(--v-color-on-waitfree)}}.series-bulk-h{max-width:var(--v-width-series-max);margin-inline:auto;padding-inline:var(--v-padding-inline)}.series-bulk-h-h{font-size:18px}.series-bulk-h-back{display:flex;align-items:center;justify-content:left;&,&:link,&:visited{color:var(--v-color-text)}text-decoration:none}.series-bulk-h-nav{display:flex;justify-content:space-between;padding:.25em 0}.series-bulk-h-sort-link{color:var(--v-color-link);&.mode-current{color:var(--v-color-text-moderate);text-decoration:none}&+&{margin-left:.75em}}.series-recommend{margin-top:3em}.series-recommend-h{text-align:center;font-size:18px}.series-h{display:block;margin-inline:var(--v-padding-inline);@media (width >= 768px){display:grid;grid-template:"a b" "a c" "d d" auto/min-content 1fr;gap:0 24px;max-width:var(--v-width-series-max);margin-inline:auto}.series.mode-ep &{@media (width >= 1184px){display:block;width:235px;margin-inline:0;border-top-color:var(--v-color-border);border-top-style:solid;border-top-width:1px;padding-top:12px}}}.series-h>.series-h-link{grid-area:a}.series-h>.series-h-info{grid-area:b}.series-h-free-banner{background-color:#ec2c2c;border-radius:5px;overflow:hidden;display:flex;justify-content:center;margin-inline:var(--v-padding-inline);margin-top:12px;margin-bottom:12px;@media (width >= 768px){max-width:var(--v-width-series-max);margin-inline:auto;margin-top:.9em;margin-bottom:1.2em}}.series-h-free-banner-img{width:auto;height:auto;max-width:100%;max-height:64px;@media (width >= 768px){max-height:70px}}.series-h-fav{line-height:1;&.mode-loading{opacity:.5}&.mode-ep{display:flex;align-items:center;border:1px solid var(--v-color-border);border-radius:var(--v-radius-btn);font-size:16px;text-decoration:none;padding-left:12px;margin:12px 0;position:relative;&:link,&:visited{color:var(--v-color-text);font-weight:600}&.mode-faved{color:var(--v-color-text-moderate);background:var(--v-color-bg-alt)}@media (width >= 768px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}@media (width >= 1184px){margin-left:0;margin-bottom:18px;margin-right:0;margin-top:18px}}&.mode-ep.mode-toggling{opacity:.66;&:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;aspect-ratio:1;border-radius:50%;animation:g_loading_dots 1s linear infinite alternate}}}.series-h-fav-icon{color:var(--v-color-text-moderate);font-size:32px;.series-h-fav.mode-ep &,.series-h-fav.mode-faved &{color:var(--v-color-faved)}.series-h-fav.mode-ep.mode-faved &{color:var(--v-color-text-moderate)}}.series-h-fav-label{flex:1;text-align:center;line-height:3;@media (width >= 768px){min-width:11em}@media (width >= 1184px){min-width:0}}.series-h-pre{display:flex;justify-content:space-between;align-items:center}.series-h-pre-day{color:var(--v-color-text-moderate);text-decoration:none;font-size:14px;&:hover{color:var(--v-color-link)}@media (width >= 768px){font-size:16px}}.series-h-fig{position:relative;display:block;margin:0 calc(-1 * var(--v-padding-inline));padding:0;aspect-ratio:var(--v-ogp-aspect-ratio);@media (width >= 768px){width:360px;margin-left:0;margin-bottom:12px;margin-right:0;margin-top:0}.series.mode-ep &{@media (width >= 1184px){width:100%;margin-bottom:0}}}.series-h-img{width:100%;height:auto}.series-h-title{font-size:19px;margin:.5em 0;@media (width >= 768px){font-size:22px}.series.mode-ep &{@media (width >= 1184px){font-size:16px}}}.series-h-info{position:relative;flex:1}.series-h-status{position:absolute;right:0;top:5px}.series-h-credit{position:relative}.series-h-credit-user{margin-bottom:.8em;a{display:inline-block;white-space:nowrap}.series.mode-ep &{@media (width >= 1184px){font-size:14px}}}.series-h-credit-user-item{margin-right:.5em}.series-h-credit-user-link{color:var(--v-color-text);text-decoration-color:var(--v-color-border)}.series-h-credit-user-role{color:var(--v-color-text-moderate);font-size:smaller;margin-left:.25em}.series-h-credit-button{position:absolute;right:0;background:#f4f4f4;border-radius:24px;box-shadow:-30px -5px 12px #fff,5px 0 3px #fff;top:0;@media (width >= 768px){top:auto;bottom:-3px}.series.mode-ep &{@media (width >= 1184px){display:none}}}.series-h-credit-button-link{right:0;font-weight:600;color:var(--v-color-text-moderate);background:var(--v-color-bg-alt);border-radius:24px;padding:8px 12px;line-height:1;cursor:pointer;box-shadow:-30px -5px 12px var(--v-color-bg),5px 0 3px var(--v-color-bg);&:after{content:"▲"}.series-h-credit-info-text.mode-hidden+.series-h-credit-button &{display:block;&:after{content:"▼"}}}@keyframes series_credit_show{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}.series-h-credit-info-text-wrap{position:relative;padding-top:2.6em;@media (width >= 768px){padding-top:0;height:3.6em}.series.mode-ep &{@media (width >= 1184px){height:auto}}}.series-h-credit-info-text{margin:0 calc(-1 * var(--v-padding-inline));padding:.8em var(--v-padding-inline) 0;font-size:14px;border:solid var(--v-color-border);border-width:1px 0 0;line-height:1.8;@media (width >= 768px){background:var(--v-color-bg);border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.125);padding-left:2.5em;padding-bottom:1em;padding-right:2.5em;padding-top:3em;position:absolute;right:0;width:520px;height:auto;margin-left:0;margin-bottom:0;margin-right:0;margin-top:1em;animation:series_credit_show .1s;z-index:99}&.mode-hidden{height:0;z-index:inherit;overflow:hidden;border:none;position:relative;box-shadow:none;width:auto;padding:0;margin-top:0;p{display:inline}br,img{display:none}@media (width >= 768px){animation:none;height:3.6em}.series.mode-ep &{@media (width >= 1184px){height:auto}}}}.series-h-credit-info-text-text{margin-top:0;opacity:1;transition:.25s;color:var(--v-color-text);.series-h-credit-info-text.mode-hidden &{margin-top:-1em;opacity:0}@media (width >= 768px){.series-h-credit-info-text.mode-hidden &{opacity:1;min-height:3.8em;margin-top:0}}img{max-width:100%;height:auto;width:auto}.g-description{font-size:16px;line-height:1.8}.series.mode-ep &{@media (width >= 1184px){min-height:0;.g-description{font-size:14px}}}}.series-h-credit-close{display:none;position:absolute;right:0;top:0;padding:8px 8px 8px 36px;font-size:32px;cursor:pointer;color:var(--v-color-text-moderate);&:hover{color:var(--v-color-link)}.series-h-credit-info-text.mode-hidden &{display:none}@media (width >= 768px){display:block}}.series-h-tags{margin-top:1em;margin-bottom:1em}.series-h-tag-link{border:1px solid var(--v-color-border);border-radius:var(--v-radius-btn);color:var(--v-color-text);display:inline-block;line-height:25px;padding:0 .8em;margin:0 6px 6px 0;font-weight:600;text-decoration:none;&:hover{color:var(--v-color-link)}&.mode-original{border-color:var(--v-color-primary);background:var(--v-color-primary);color:#fff;img{width:1em;vertical-align:-3px}}}.series-h-tag-label{font-size:14px}.series-h-fanletter-btn{text-decoration:none;align-items:center;color:var(--v-color-btn-fanletter-text);background:var(--v-color-btn-fanletter-bg);border:1px solid var(--v-color-btn-fanletter-border);border-radius:20px;display:flex;font-weight:700;height:33px;justify-content:center;margin-bottom:1.5em;width:177px;.series.mode-ep &{margin-inline:auto;@media (width >= 768px){margin-bottom:0}}}.series-h-react{color:var(--v-color-text-moderate);display:flex;justify-content:space-between;align-items:center;margin-top:1em;grid-area:c;.series.mode-ep &{display:block;grid-area:d;@media (width >= 768px){display:flex;gap:24px;margin-bottom:12px}@media (width >= 1184px){display:block}}}.series-h-react-data{flex:1}.series-h-react-data-icon{font-size:18px;vertical-align:-3px}.series-h-react-data-text{font-size:14px;margin-right:1em}.series-h-react-share{font-size:24px;.g-share-btn{&,&:link,&:visited{color:var(--v-color-text-moderate);fill:currentColor}&+&{margin-left:.5em}}.g-share-btn-icon{width:1em;height:1em}}