.pc-menu-list[data-v-cd583a15]{margin:.75rem 0 1rem;overflow-x:auto;padding:0 0 .625rem}.pc-menu-item[data-v-cd583a15]{background:#fff3;border-radius:2rem;color:#fff;flex-wrap:nowrap;font-family:Roboto;font-size:.875rem;font-weight:400;line-height:normal;margin-inline-end:.5rem;padding:.375rem .75rem;white-space:nowrap}.pc-menu-item[data-v-cd583a15]:hover{background:#fff6;border-radius:2.0625rem}.pc-menu-active[data-v-cd583a15]{background:#fff!important;border-radius:2.0625rem;color:#101114!important;font-weight:700}.rank-subject-list[data-v-5bf3d783]{height:100%;width:100%}.subject-grid[data-v-5bf3d783]{display:flex;flex-wrap:wrap}@media (min-width:768px){.subject-grid[data-v-5bf3d783]{gap:2rem 1rem}}.rank-subject-item[data-v-5bf3d783]{cursor:pointer;display:flex;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.rank-subject-item[data-v-5bf3d783]{align-items:stretch;flex-direction:row;overflow:hidden}}.rank-subject-item[data-v-5bf3d783]{height:5.875rem}@media (min-width:768px){.rank-subject-item[data-v-5bf3d783]{height:auto;min-height:13.3125rem}}.rank-subject-item .desc-text[data-v-5bf3d783]:hover,.rank-subject-item .title-text[data-v-5bf3d783]:hover{text-decoration-line:underline}@media screen and (max-width:767px){.rank-subject-item[data-v-5bf3d783]{align-items:center;margin-block-start:.75rem}}.subject-cover[data-v-5bf3d783]{border-radius:.125rem;height:6.25rem;min-width:4.25rem;overflow:hidden;position:relative;width:4.25rem}@media (min-width:768px){.subject-cover[data-v-5bf3d783]{border-radius:.5rem;height:13.3125rem;width:9.5rem}}.subject-cover[data-v-5bf3d783]{margin-inline-end:.5rem}@media screen and (min-width:768px){.subject-cover[data-v-5bf3d783]{margin-inline-end:1rem}}.ranking-corner[data-v-5bf3d783]{left:0;position:absolute;top:0;z-index:2}.ranking-corner-bg[data-v-5bf3d783]{align-items:center;border-radius:.125rem;display:flex;justify-content:center}@media (min-width:768px){.ranking-corner-bg[data-v-5bf3d783]{border-radius:.375rem}}.ranking-corner-bg[data-v-5bf3d783]{height:1rem;width:1rem}@media (min-width:768px){.ranking-corner-bg[data-v-5bf3d783]{height:2rem;width:2rem}}.ranking-corner-bg[data-v-5bf3d783]{padding-bottom:.0625rem;padding-left:.25rem;padding-right:.25rem}@media (min-width:768px){.ranking-corner-bg[data-v-5bf3d783]{padding:.1875rem .625rem}}.ranking-corner-num[data-v-5bf3d783]{font-size:.75rem;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.ranking-corner-num[data-v-5bf3d783]{font-size:1.25rem;line-height:1.75rem}}.ranking-corner-num[data-v-5bf3d783]{line-height:.875rem}@media (min-width:768px){.ranking-corner-num[data-v-5bf3d783]{line-height:1.5625rem}}.ranking-corner-wrapper-0 .ranking-corner-bg[data-v-5bf3d783]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fd3ab4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,58,180,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ff2e62 var(--tw-gradient-to-position)}.ranking-corner-wrapper-1 .ranking-corner-bg[data-v-5bf3d783]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ff5140 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,81,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f59133 var(--tw-gradient-to-position)}.ranking-corner-wrapper-2 .ranking-corner-bg[data-v-5bf3d783]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ff9625 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,150,37,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ffba1f var(--tw-gradient-to-position)}.ranking-corner-0[data-v-5bf3d783]{--tw-gradient-from:#fd3ab4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,58,180,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ff2e62 var(--tw-gradient-to-position)}.ranking-corner-0[data-v-5bf3d783],.ranking-corner-1[data-v-5bf3d783]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.ranking-corner-1[data-v-5bf3d783]{--tw-gradient-from:#ff5140 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,81,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f59133 var(--tw-gradient-to-position)}.ranking-corner-2[data-v-5bf3d783]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ff9625 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,150,37,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ffba1f var(--tw-gradient-to-position)}.rank-subject-item:nth-child(n+4) .ranking-corner-bg[data-v-5bf3d783]{background-color:#0009}.subject-special-tag[data-v-5bf3d783]{align-items:center;display:flex;justify-content:center;position:absolute;right:.25rem;top:.125rem;z-index:6}@media (min-width:768px){.subject-special-tag[data-v-5bf3d783]{right:.5rem;top:.5rem;z-index:10}}.subject-special-tag[data-v-5bf3d783]{background-color:#0009;border-radius:.125rem}@media (min-width:768px){.subject-special-tag[data-v-5bf3d783]{border-radius:.375rem}}.subject-special-tag[data-v-5bf3d783]{padding:.15625rem .375rem}@media (min-width:768px){.subject-special-tag[data-v-5bf3d783]{padding:.21875rem .5rem}}@media screen and (max-width:767px){.subject-special-tag[data-v-5bf3d783]{flex-shrink:0;gap:.625rem;inset-inline-end:.125rem;--tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}.special-tag-text[data-v-5bf3d783]{color:#fffc;font-size:.6875rem;font-weight:500}@media (min-width:768px){.special-tag-text[data-v-5bf3d783]{font-size:.8125rem}}.special-tag-text[data-v-5bf3d783]{line-height:.8125rem}@media (min-width:768px){.special-tag-text[data-v-5bf3d783]{line-height:.9375rem}}.cover-hover-mask[data-v-5bf3d783]{background-color:#0003;display:none;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:3}.cover-hover-mask[data-v-5bf3d783]:hover{opacity:1}@media (min-width:768px){.cover-hover-mask[data-v-5bf3d783]{display:block}}.subject-info[data-v-5bf3d783]{display:flex;flex-direction:column;justify-content:space-between;margin-top:.25rem;position:relative;width:calc(100% - 5rem)}@media (min-width:768px){.subject-info[data-v-5bf3d783]{margin-top:0;width:calc(100% - 10.5rem)}}.subject-info[data-v-5bf3d783]{flex-grow:1}.info-main[data-v-5bf3d783]{display:flex;flex-direction:column}.subject-title[data-v-5bf3d783]{font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.subject-title[data-v-5bf3d783]{font-weight:500}}.subject-title[data-v-5bf3d783]{font-size:.875rem;line-height:1rem}@media (min-width:768px){.subject-title[data-v-5bf3d783]{font-size:1rem;line-height:1.375rem}}@media screen and (min-width:768px){.subject-title[data-v-5bf3d783]{margin-block-end:.25rem}}.title-text[data-v-5bf3d783]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.subject-detail[data-v-5bf3d783]{align-items:center;display:flex;margin-top:.25rem}@media (min-width:768px){.subject-detail[data-v-5bf3d783]{margin-bottom:.25rem;margin-top:.25rem}}.subject-detail[data-v-5bf3d783]{font-size:.75rem;line-height:1rem;line-height:.875rem}@media (min-width:768px){.subject-detail[data-v-5bf3d783]{font-size:.875rem;line-height:1.25rem;line-height:1rem}}.detail-icon[data-v-5bf3d783],.rate-icon[data-v-5bf3d783]{height:.75rem;width:.75rem}@media (min-width:768px){.detail-icon[data-v-5bf3d783],.rate-icon[data-v-5bf3d783]{height:1rem;width:1rem}}.rate-icon[data-v-5bf3d783]{margin-right:.25rem}.detail-split[data-v-5bf3d783]{display:inline-block;flex-shrink:0;height:.0625rem;margin:.25rem .375rem;width:.5rem;--tw-rotate:90deg;background-color:#f5a8a833;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.detail-split[data-v-5bf3d783]{background-color:#fff3;height:.0625rem;margin-left:.5rem;margin-right:.5rem;width:.625rem}}.detail-rate[data-v-5bf3d783]{align-items:center;display:flex}.rate-value[data-v-5bf3d783]{--tw-text-opacity:1;color:rgb(204 154 4/var(--tw-text-opacity,1))}.detail-genre[data-v-5bf3d783],.detail-year[data-v-5bf3d783]{color:#fff9}.detail-genre[data-v-5bf3d783]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media screen and (max-width:767px){.detail-genre[data-v-5bf3d783]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}}.desc-text[data-v-5bf3d783]{color:#fff9;display:-webkit-box;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:.75rem;line-height:1rem;line-height:.875rem;margin:.5rem 0 .25rem}@media (min-width:768px){.desc-text[data-v-5bf3d783]{margin:0}}.desc-text[data-v-5bf3d783]{line-clamp:2;-webkit-line-clamp:2}@media screen and (min-width:768px){.desc-text[data-v-5bf3d783]{font-family:Roboto;font-size:.875rem;line-clamp:5;-webkit-line-clamp:5;line-height:1.25rem;line-height:1.125rem}}.subject-play-btn[data-v-5bf3d783]{align-items:center;display:none;justify-content:center;margin-top:1rem}@media (min-width:768px){.subject-play-btn[data-v-5bf3d783]{display:flex}}.subject-play-btn[data-v-5bf3d783]{background-color:#fffc;border-radius:.375rem;font-weight:700;padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(16 17 20/var(--tw-text-opacity,1))}.subject-play-btn[data-v-5bf3d783]:hover{background-color:#ffffffe6}.subject-play-btn[data-v-5bf3d783]{font-size:.875rem;height:2.25rem;line-height:1.1875rem;min-width:5rem}@media (min-width:768px){.subject-play-btn[data-v-5bf3d783]{font-size:1rem}}.subject-play-btn[data-v-5bf3d783]{bottom:0;cursor:pointer;position:absolute}.play-icon[data-v-5bf3d783]{height:1.25rem;margin-right:.5rem;width:1.25rem}.load-more-container[data-v-5bf3d783]{margin-top:1.5rem}@media (min-width:768px){.load-more-container[data-v-5bf3d783]{margin-top:2rem}}.load-more-btn[data-v-5bf3d783]{align-items:center;background-color:#ffffff1a;border-radius:.375rem;cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin-left:auto;margin-right:auto;width:100%}@media (min-width:768px){.load-more-btn[data-v-5bf3d783]{width:26.875rem}}.load-more-icon[data-v-5bf3d783]{height:1rem;margin-right:.5rem;width:1rem}.load-more-text[data-v-5bf3d783]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@keyframes spin-5bf3d783{to{transform:rotate(1turn)}}.load-more-spin[data-v-5bf3d783]{animation:spin-5bf3d783 1s linear infinite}.empty-container[data-v-5bf3d783]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:2.5rem;padding:.625rem}@media (min-width:768px){.empty-container[data-v-5bf3d783]{margin-bottom:15rem;margin-top:12rem}}.empty-icon[data-v-5bf3d783]{height:5.75rem;margin-block-end:3.75rem;width:7.375rem}.empty-text[data-v-5bf3d783]{font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;line-height:normal;text-align:center;--tw-text-opacity:1;color:rgb(118 123 133/var(--tw-text-opacity,1))}@media screen and (min-width:951px) and (max-width:1100px){.rank-subject-item[data-v-5bf3d783]{width:calc(50% - 1rem)}}@media screen and (min-width:1101px) and (max-width:1300px){.rank-subject-item[data-v-5bf3d783]{min-width:calc(50% - 1rem);width:calc(50% - 1rem)}}@media screen and (min-width:1301px) and (max-width:1600px){.rank-subject-item[data-v-5bf3d783]{min-width:calc(33.33% - 1rem);width:calc(33.33% - 1rem)}.subject-play-btn[data-v-5bf3d783]{font-size:.875rem;width:7.5rem}}@media screen and (min-width:1601px){.rank-subject-item[data-v-5bf3d783]{min-width:calc(25% - 1rem);width:calc(25% - 1rem)}}.menu[data-v-61277799]{height:100%;margin-top:.75rem;min-width:6rem;overflow-y:auto;width:6rem}.menu[data-v-61277799],.menu-item[data-v-61277799]{background:#1c1e21}.menu-item[data-v-61277799]{align-items:center;border-radius:0;border-start-end-radius:.5rem;color:#fff9;display:grid;font-size:.75rem;font-style:normal;font-weight:400;gap:.625rem;height:3rem;line-height:1rem;padding:.5rem}.menu-item .text[data-v-61277799]{max-height:2rem}.menu-active[data-v-61277799]{background:#101114;background:linear-gradient(91deg,#1cb7ff 1.22%,#2ff58b 50.24%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-page[data-v-a0ae9256]{background:linear-gradient(180deg,#10111400,#101114),url(./bg.CEefRPl4.png);background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;background-size:100% 6.25rem,100% 6.25rem;height:100vh;padding-block-start:4rem;position:relative;width:100%}@media screen and (min-width:768px){.container-page[data-v-a0ae9256]{background:linear-gradient(180deg,rgba(16,115,57,.5) 0,rgba(16,115,57,.2) 5rem,rgba(16,115,57,0) 25rem,transparent 0,transparent);background-position:top;background-repeat:no-repeat;background-size:auto;height:auto;min-height:100vh;padding-block-start:0}}.header[data-v-a0ae9256]{height:3.25rem;inset-inline-start:0;position:fixed;top:0;width:100%;z-index:10}.header span[data-v-a0ae9256]{font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;line-height:normal;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-family:Roboto}.back-icon[data-v-a0ae9256]{height:1.5rem;inset-inline-start:1rem;position:fixed;top:.75rem;width:1.5rem;z-index:9}.ranking-box .ranking-title[data-v-a0ae9256]{font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;line-height:1.1875rem;margin:0 .75rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ranking-box .icon-logo[data-v-a0ae9256]{height:1.875rem;width:1rem}.right-content[data-v-a0ae9256]{flex:1 1 0%;height:100%;overflow:hidden;padding-top:0;position:relative}@media (min-width:768px){.right-content[data-v-a0ae9256]{padding-top:.75rem}}@media screen and (min-width:768px){.right-content[data-v-a0ae9256]{overflow-y:auto;padding-inline-end:1.25rem;padding-inline-start:1.875rem}}.pc-rank-title[data-v-a0ae9256]{color:#fff;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-top:1.5rem}.subject-list-box[data-v-a0ae9256]{flex-grow:1;height:100%;overflow-x:hidden;padding:.75rem}@media (min-width:768px){.subject-list-box[data-v-a0ae9256]{padding:0}}.h5-rank-title[data-v-a0ae9256]{font-size:.875rem;font-style:normal;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.h5-layout-container[data-v-a0ae9256]{height:calc(100vh - 3.25rem)}.h5-content-wrapper[data-v-a0ae9256]{flex:1 1 0%;overflow-y:auto;padding:.75rem}