#ranking .container{padding:1rem 0;padding-right: 13px;padding-left: 13px}#ranking #go-top-scroll{position:fixed;bottom:.5rem;left:50%;width:40px;height:40px;margin-left:-20px;z-index:2;border-radius:50%;text-decoration:none;font-size:0;cursor:pointer;display:none;color:#000;background-color:rgba(255,255,255,.6);}#ranking #go-top-scroll svg{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;}.rank-list ul{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-bottom:-.5rem;}.rank-list ul li{flex-basis:33.33%;padding:0 .5rem .5rem 0;}.rank-list ul li.selected a{background-color:var(--bg-color-secondary);color:var(--anchor-color);border-color:var(--bg-color-secondary-3);}.rank-list ul li a{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color-3);color:var(--text-color-2);border-radius:10px;font-size:.925rem;font-weight:500;line-height:1.2;text-align:center;padding:.5rem .1rem;border:solid var(--border-color-6);border-width:1px 1px 3px 1px;}.rank-list ul li a small{font-weight:300;}.rank-info{margin-top:1rem;}.rank-body{margin:1rem 0 1rem;}.rank-body .rank-novels{counter-reset:ranking-counter;}.rank-body .rank-novels .novel-item{position:relative;height:13rem;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:13px;z-index:1;}.rank-body .rank-novels .novel-item .cover-wrap{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;display:block;border-radius:6px;background-color:#000;z-index:-1;}.rank-body .rank-novels .novel-item .cover-wrap figure{width:100%;height:100%;}.rank-body .rank-novels .novel-item .cover-wrap figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(0,0,0,0)),color-stop(60%,rgba(0,0,0,.4)),to(black));mask-image:linear-gradient(to top,rgba(0,0,0,0) 10%,rgba(0,0,0,.4) 60%,black 100%);-webkit-mask-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,.4) 60%,black 100%);border-radius:6px;}.rank-body .rank-novels .novel-item .item-body{color:#e1e1e1;padding:13px;}.rank-body .rank-novels .novel-item .item-body .status-group{margin-bottom:.5rem;display:flex;align-items:flex-end;}.rank-body .rank-novels .novel-item .item-body .status-group .rank-counter{counter-increment:ranking-counter;background-color:#d9944e80;display:inline-block;color:#fff;font-size:1.2rem;line-height:1.7;font-weight:700;padding:0 .3rem;border-radius:3px;}.rank-body .rank-novels .novel-item .item-body .status-group .rank-counter::after{content:counter(ranking-counter,decimal-leading-zero);}.rank-body .rank-novels .novel-item .item-body .status-group .status{display:inline-block;text-transform:uppercase;font-size:.825rem;line-height:1.2;padding:.1rem .3rem;margin-left:.4rem;background-color:var(--bg-color-secondary-3);border-radius:3px;}.rank-body .rank-novels .novel-item .item-body .rating-star{font-size:1rem;}.rank-body .rank-novels .novel-item .item-body .rating-star .star-wrap .star{width:1em;height:1em;}.rank-body .rank-novels .novel-item .item-body .rating-star strong{font-weight:400;}.rank-body .rank-novels .novel-item .item-body .numberOf{font-size:1rem;line-height:1;margin-bottom:.5rem;}.rank-body .rank-novels .novel-item .item-body .numberOf i{font-size:1.2rem;line-height:1;}.rank-body .rank-novels .novel-item .item-body .title{font-size:1.2rem;line-height:1.2;margin-bottom:.8rem;font-weight:600;}.rank-body .rank-novels .novel-item .item-body .title a{color:#d7d7d7;display:inline;}.rank-body .rank-novels .novel-item .item-body .categories{overflow:hidden;pointer-events:auto;position:relative;display:flex;align-items:center;margin-right:-10px;margin-left:-10px;}.rank-body .rank-novels .novel-item .item-body .categories.nosc{margin-right:0;margin-left:0;}.rank-body .rank-novels .novel-item .item-body .categories i{cursor:pointer;position:relative;display:inline-block;background-image:linear-gradient(to right,rgba(255,0,0,0),black);box-shadow:0 0 20px 10px black;z-index:1;color:#878787;}.rank-body .rank-novels .novel-item .item-body .categories .scroll{flex:1 1 auto;white-space:nowrap;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;}.rank-body .rank-novels .novel-item .item-body .categories .scroll::-webkit-scrollbar{display:none;}.rank-body .rank-novels .novel-item .item-body .categories span{display:inline-block;margin-right:.2rem;background-color:rgba(150,150,150,.5);color:#d1d1d1;border-radius:4px;font-size:.825rem;line-height:1.5;padding:0 .4rem;}@media screen and (min-width:768px){#ranking .container{background-color:var(--bg-color-2);}#ranking #go-top-scroll{bottom:.5rem;left:.5rem;width:40px;height:40px;margin-left:0;color:var(--text-color);background-color:var(--bg-color-5);}.rank-list ul{flex-wrap:nowrap;}.rank-list ul li{flex:auto;}.rank-list ul li a{font-size:16px;font-weight:600;}.rank-body .rank-novels{display:flex;flex-wrap:wrap;margin-right:-13px;}.rank-body .rank-novels .lnadcontainer.ch-fulw{flex:1 0 100%;margin-right:-13px;margin-left:-26px;}.rank-body .rank-novels .novel-item{flex:auto;width:33.333%;height:300px;padding-right:13px;}.rank-body .rank-novels .novel-item .cover-wrap{right:13px;}.rank-body .rank-novels .novel-item .cover-wrap figure img{mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(0,0,0,0)),color-stop(60%,rgba(0,0,0,.4)),to(black));mask-image:linear-gradient(to top,rgba(0,0,0,0) 20%,rgba(0,0,0,.4) 60%,black 100%);-webkit-mask-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.4) 60%,black 100%);}.rank-body .rank-novels .novel-item .item-body .title{font-weight:700;font-size:18px;margin-bottom:8px;}.rank-body .rank-novels .novel-item .item-body .categories span{font-size:12px;margin-right:4px;}.rank-body .rank-novels .novel-item .item-body .status-group{margin-bottom:8px;}.rank-body .rank-novels .novel-item .item-body .status-group .rank-counter{font-size:18px;padding:0 6px;}.rank-body .rank-novels .novel-item .item-body .status-group .status{font-size:12px;}.rank-body .rank-novels .novel-item .item-body .numberOf{margin-bottom:8px;font-size:16px;}}@media screen and (min-width:1024px){.rank-body .rank-novels{display:flex;flex-wrap:wrap;margin-right:-13px;}.rank-body .rank-novels .novel-item{width:25%;}}