@media (min-width:769px){.favorite[data-v-71164adb]{background-color:var(--content-bg);border-radius:10px;max-width:280px;width:25%}.favorite .container[data-v-71164adb]{max-height:var(--content-height);overflow:auto}}.favorite .message[data-v-71164adb]{align-items:center;color:var(--light-color-300);display:flex;padding:10px}.favorite .message .material-symbols-rounded[data-v-71164adb]{font-size:20px;margin-right:3px}.favorite ul[data-v-71164adb]{min-height:calc(100% - 15px);padding:8px}.favorite ul li[data-v-71164adb]{align-items:center;display:flex;justify-content:space-between;padding:15px 10px 23px;position:relative;z-index:1}.favorite ul li[data-v-71164adb]:before{background-color:#0a0a0a;border-radius:7px;content:"";height:calc(100% - 8px);left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.favorite ul li .info[data-v-71164adb]{flex:1;margin-left:10px;overflow:hidden;white-space:nowrap}.favorite ul li h2[data-v-71164adb]{font-size:1.05rem}.favorite ul li h2[data-v-71164adb],.favorite ul li h3[data-v-71164adb]{font-weight:400;overflow:hidden;text-overflow:ellipsis}.favorite ul li h3[data-v-71164adb]{color:var(--light-color-300);font-size:.85rem}.favorite .favoList-enter-active[data-v-71164adb],.favorite .favoList-leave-active[data-v-71164adb]{transition:all .6s}.favorite .favoList-enter-from[data-v-71164adb],.favorite .favoList-leave-to[data-v-71164adb]{height:0;opacity:0;padding-block:0}@media (min-width:769px){header[data-v-818435ab]{background-color:var(--content-bg);border-radius:10px;display:flex;flex-direction:column;height:var(--content-height);max-width:300px;padding-inline:10px;position:relative;width:30%;z-index:auto}}.headerTop[data-v-818435ab]{align-items:center;display:flex;height:var(--header-height);justify-content:space-between}@media (max-width:768px){.headerTop[data-v-818435ab]{background-color:#000;box-shadow:0 0 10px #00000080;box-sizing:border-box;left:0;padding-inline:10px;position:fixed;width:100%;z-index:999}}@media (min-width:769px){.headerTop[data-v-818435ab]{height:auto;padding-block:10px;position:relative}}.headerTop .title a[data-v-818435ab]{align-items:center;display:flex;width:-moz-max-content;width:max-content}.headerTop .title a .siteIcon[data-v-818435ab]{align-self:flex-start;aspect-ratio:1/1;border-radius:50%;margin-right:8px;vertical-align:bottom;width:calc(var(--header-height) - 30px)}.headerTop .title a h1[data-v-818435ab]{color:#fff;font-size:1rem;line-height:1}.headerTop .icons[data-v-818435ab]{display:flex;gap:0 13px}@media (min-width:769px){.headerTop .icons a[data-v-818435ab]{align-self:flex-end;display:flex}}.headerTop .icons span[data-v-818435ab]{align-self:flex-end;font-size:26px;opacity:.8;transition:opacity .4s;transition:all .4s}.headerTop .icons span.active[data-v-818435ab]{color:var(--primary-color-400)}@media (hover:hover) and (pointer:fine){.headerTop .icons span[data-v-818435ab]:hover{opacity:1}}.keywordSearch .inner[data-v-818435ab]{display:flex;min-height:calc(100% - 29px);padding:15px;position:relative}@media (min-width:769px){.keywordSearch .inner[data-v-818435ab]{margin-top:10px;min-height:0;padding:0}}.keywordSearch input[type=text][data-v-818435ab]{align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--light-color-600);border:none;border-radius:100vmax;color:#fff;font-family:Marcellus,Noto Sans JP,sans-serif;font-size:16px;outline:none;padding:1.2em 50px 1.2em 1.2em;width:100%}@media (min-width:769px){.keywordSearch input[type=text][data-v-818435ab]{background-color:#000;padding-block:1em}}.keywordSearch .button[data-v-818435ab]{cursor:pointer;opacity:.7;position:absolute;right:0;transform:translate(calc(-100% - 5px),1.2em)}@media (min-width:769px){.keywordSearch .button[data-v-818435ab]{transform:translate(-1em,1em)}.catFilter[data-v-818435ab]{border-radius:10px;flex:1;margin-top:20px;overflow:auto;padding:0}.catFilter .container[data-v-818435ab]{border-radius:10px;overflow:clip}.catFilter .container[data-v-818435ab]:not(:last-child){margin-bottom:8px}}.catFilter .container .headline[data-v-818435ab]{align-items:center;background-color:var(--light-color-600);box-shadow:0 0 5px #0000004d;display:flex;justify-content:space-between;padding:15px;position:sticky;top:0}@media (min-width:769px){.catFilter .container .headline[data-v-818435ab]{background-color:var(--light-color-700);box-shadow:none;cursor:pointer;padding:10px 5px 10px 15px}}.catFilter .container .headline h3[data-v-818435ab]{font-weight:700}.catFilter .container .headline .selected[data-v-818435ab]{color:var(--light-color-300);flex:1;font-size:.9rem;overflow:hidden;padding-inline:10px;text-overflow:ellipsis;white-space:nowrap}.catFilter .container .body[data-v-818435ab]{display:grid;grid-template-rows:0fr;padding-block:0;transition:all .6s}@media (min-width:769px){.catFilter .container .body[data-v-818435ab]{background-color:var(--light-color-700)}}.catFilter .container .body.active[data-v-818435ab]{grid-template-rows:1fr;opacity:1;padding-block:10px}.catFilter .container .body>ul[data-v-818435ab]{overflow:hidden}.catFilter .container .body>ul li[data-v-818435ab]{padding-inline:10px}@media (min-width:769px){.catFilter .container .body>ul li[data-v-818435ab]{padding-inline:7px}}.catFilter .container .body>ul li[data-v-818435ab]:not(:last-child){margin-bottom:5px}.catFilter .container .body>ul li input[type=checkbox][data-v-818435ab]{display:none}.catFilter .container .body>ul li input[type=checkbox]:checked+label[data-v-818435ab]{background-color:var(--primary-color-400);color:#000}.catFilter .container .body>ul li label[data-v-818435ab]{background-color:var(--light-color-500);border-radius:7px;display:block;padding:12px;transition:all .4s}@media (min-width:769px) and (hover:hover) and (pointer:fine){.catFilter .container .body>ul li label[data-v-818435ab]{background-color:var(--light-color-500);cursor:pointer}.catFilter .container .body>ul li label[data-v-818435ab]:hover{background-color:var(--light-color-400)}}.searchBtn[data-v-818435ab]{align-items:center;background-color:var(--primary-color-400);border-radius:50%;bottom:10px;box-shadow:0 0 10px #0000004d;cursor:pointer;display:flex;height:32px;justify-content:center;margin:15px auto 0;position:sticky;transition:all .4s;width:32px}.searchBtn.disable[data-v-818435ab]{background-color:var(--light-color-300);opacity:.5;pointer-events:none}@media (hover:hover) and (pointer:fine){.searchBtn[data-v-818435ab]:hover{opacity:.7}}.searchBtn .material-symbols-rounded[data-v-818435ab]{color:#000}footer[data-v-0a808843]{align-items:center;background:#000;bottom:0;box-shadow:0 0 10px #00000080;box-sizing:border-box;color:#fff;display:flex;height:var(--footer-height);justify-content:space-between;left:0;padding:10px;position:fixed;width:100%;z-index:999}@media (min-width:769px){footer[data-v-0a808843]{padding-inline:20px}}footer.disable[data-v-0a808843]{pointer-events:none}footer.disable .playButton[data-v-0a808843]{opacity:.4}footer.disable .slider[data-v-0a808843]{background:var(--light-color-400)}footer.disable .slider[data-v-0a808843]::-webkit-slider-thumb{background:var(--light-color-400)}footer.disable .slider[data-v-0a808843]::-moz-range-thumb{background:var(--light-color-400)}footer.disable .timeline[data-v-0a808843]{color:var(--light-color-400)}audio[data-v-0a808843]{display:none}.info[data-v-0a808843]{flex:1;overflow:hidden;padding-inline:15px;white-space:nowrap}.info h2[data-v-0a808843]{font-size:1.1rem}.info h2[data-v-0a808843],.info h3[data-v-0a808843]{font-weight:400;overflow:hidden;text-overflow:ellipsis}.info h3[data-v-0a808843]{font-size:.9rem}.info h3[data-v-0a808843],.timeline[data-v-0a808843]{color:var(--light-color-300)}.timeline[data-v-0a808843]{font-family:Arial,sans-serif;font-size:.85rem}@media (max-width:768px){.timeline .total[data-v-0a808843]:before{content:" / "}}@media (min-width:769px){.timeline[data-v-0a808843]{align-items:center;display:flex;flex:1;padding-inline:20px}}.progress-bar[data-v-0a808843]{background:var(--light-color-400);height:2px;left:0;overflow:hidden;position:absolute;top:0;width:100%}@media (min-width:769px){.progress-bar[data-v-0a808843]{border-radius:4px;cursor:pointer;height:4px;margin-inline:10px;position:relative}}.progress[data-v-0a808843]{background:var(--primary-color-400);height:100%;transition:width .2s linear}.volume[data-v-0a808843]{align-items:center;display:flex;width:160px}.volume .material-symbols-rounded[data-v-0a808843]{color:var(--light-color-300);font-size:20px}.volume .slider[data-v-0a808843]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--primary-color-400) 100%,var(--light-color-400) 100%);border-radius:4px;height:4px;outline:none;transition:background .3s;width:100%}.volume .slider[data-v-0a808843]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color-400);border-radius:50%;cursor:pointer;height:10px;-webkit-transition:background .3s;transition:background .3s;width:10px}.volume .slider[data-v-0a808843]::-moz-range-thumb{background:var(--primary-color-400);border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}