.page{display:flex;align-items:center;justify-content:center;min-height:100vh;max-width:700px;margin:0 auto}.container{display:flex;flex-wrap:wrap;width:100%;padding:0 30px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-family:SFRounded,ui-rounded,SF Pro Rounded;background-image:linear-gradient(to right,#3898ff,#7a70ff);display:inline-flex;line-height:1;font-size:16px;font-weight:700;height:35px;padding:0 24px;border-radius:9999px;align-items:center;color:#fff;transition:all ease .1s}button:not(:disabled):hover{transform:scale(1.04)}button[data-mint-loading=true]{background:rgba(22,25,31,.24)}button[data-mint-started=true]{background-image:linear-gradient(270deg,#ff6257,#ff5ca0);position:relative}button[data-mint-started=true]:after{animation-name:pulse;animation-duration:.5s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;background-color:#ff6257;border-radius:inherit;bottom:0;content:" ";left:0;position:absolute;right:0;top:0}button[data-mint-done=true]{opacity:0;transform:scale(.85)}h1{font-size:24px}h2{font-size:18px}a{color:inherit}@keyframes pulse{0%{opacity:0}to{opacity:100%}}@keyframes pulse-one-time{0%{opacity:0}50%{opacity:50%}to{opacity:0%}}.slide-container{display:flex;cursor:grab;align-items:flex-end;position:relative;overflow-x:visible;overflow-y:hidden;scroll-behavior:smooth;padding-bottom:1.5rem;scrollbar-width:none;-ms-overflow-style:none;top:1.375rem;height:44vh}.right-container{position:relative;width:100vw;overflow-y:visible;overflow-x:hidden}.slide-wrapper{position:relative;width:100vw}.point-box{position:absolute;font-family:Quicksand,Noto Sans JP,serif;left:13.5rem;bottom:10rem;width:18rem;font-size:.75rem;z-index:10;border-bottom:solid 1px rgba(255,255,255,.2)}.total-point{width:100%;float:right;display:flex}.total-point .label{width:1.5rem;margin-top:.6rem;margin-right:.8rem;white-space:nowrap;text-overflow:clip;overflow-x:hidden}.total-point .score{font-size:.875rem}.total-point .point{color:#fff;font-size:1.5rem;font-weight:300;font-family:Quicksand,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;margin-right:.8rem}.jacket-point{position:relative;left:0;display:flex;width:100%}.jacket-point .label,.jacket-point .score,.jacket-point .symbol{display:flex;text-align:center;align-items:flex-end}.jacket-point .label{padding-top:.4rem;padding-bottom:.18rem;margin-right:.4rem;font-size:12px}.jacket-point .score{font-size:14px;padding-bottom:0;padding-left:.4rem;margin-right:.4rem}.jacket-point .symbol{font-size:14px;padding:.5rem 0 .2rem .5rem}.scroll-box{position:relative;cursor:pointer;width:90%;margin:0 auto;height:4rem;top:-1.6rem;left:0;z-index:100}@media (min-width: 768px){.right-container{width:50vw}.slide-wrapper{width:50vw;top:2.9rem}.scroll-box{width:100%}.point-box{position:absolute;display:flex;align-items:flex-end;font-size:.75rem;width:18rem;top:unset;left:17.5rem;bottom:16rem}.total-point{float:unset;display:unset}.total-point .score{font-size:1rem}.total-point .label{width:unset;margin-top:unset;margin-right:unset;white-space:unset;text-overflow:unset;overflow-x:unset}.total-point .point{font-size:2.2em}.jacket-point .score{font-size:1.2rem;padding-bottom:.4rem;padding-left:.4rem}}@media (min-width: 920px){.point-box{padding-top:0;font-family:Quicksand,Noto Sans JP,serif;height:10rem}.total-point{width:16rem}.total-point .point{font-size:2.2em;margin-right:.2rem}.jacket-point .label{margin-top:.2rem;padding:.3rem .4rem 0}.jacket-point .score{padding:.15rem .4rem 0}.jacket-point .symbol{padding:.6rem .4rem .4rem}}@media (min-width: 1150px){.total-point .point{margin-right:.75rem}}.scrollbar{top:18px;position:relative;width:100%;height:11rem;background-image:linear-gradient(to right,rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background-size:100% .1rem;background-repeat:repeat-x;background-position:left 15%;border-radius:4px}@media (min-width: 768px){.scrollbar{top:initial}}.scrollbar-thumb{position:absolute;cursor:grab;top:0;width:151px;height:100%;background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background-size:100% .1rem;background-repeat:repeat-x;background-position:left 15%;border-radius:4px}.slide-container::-webkit-scrollbar{height:.05rem}.slide-container::-webkit-scrollbar-track{background-color:#fff6}.slide-container::-webkit-scrollbar-thumb{background-color:#fff}.slide-transition{transition:transform .3s ease-in-out}.slide{-webkit-user-select:none;user-select:none;width:90px;height:100%;background-size:cover;background-repeat:no-repeat;transition:width .3s ease-in-out;display:flex;align-items:flex-end;margin:20% 7px 0}.slider-last{margin-right:0;width:0}.slide .img{opacity:.8;width:90px;height:126px;cursor:pointer;outline:solid 1px #fff3;outline-offset:-1px;object-fit:cover;background-size:cover;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.slide .img:before{content:"";border-radius:3.5rem 3.5rem 0 0;background-color:#0000001a;position:absolute;top:0;right:0;bottom:0;left:0}.active-slide{width:180px;transition:width .1s ease;margin:20% 7px 0}.active-slide .img{width:180px;height:253px;outline:solid 1px #fff3;outline-offset:-1px;transition:width .4s ease;transition:height 1.2s ease}.active-slide .img:before{content:"";border-radius:8rem 8rem 0 0;background-color:#0000001a;position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 768px){.slide{-webkit-user-select:none;user-select:none;width:146px;height:100%;background-size:cover;background-repeat:no-repeat;transition:width .3s ease-in-out;display:flex;align-items:flex-end;margin:20% .8rem 0 .4rem}.slider-last{margin-right:0;width:0}.slide .img{opacity:.8;width:146px;height:205px;cursor:pointer;outline:solid 1px #fff3;outline-offset:-1px;object-fit:cover;background-size:cover;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.slide .img:before{content:"";border-radius:3.5rem 3.5rem 0 0;background-color:#0000001a;position:absolute;top:0;right:0;bottom:0;left:0}.active-slide{width:238px;transition:width .1s ease;margin:20% 2rem 0 .4rem}.active-slide .img{width:238px;height:334px;outline:solid 1px #fff3;outline-offset:-1px;transition:width .4s ease;transition:height 1.2s ease}.active-slide .img:before{content:"";border-radius:8rem 8rem 0 0;background-color:#0000001a;position:absolute;top:0;right:0;bottom:0;left:0}}.contents-frame{position:absolute;width:100vw;height:100vh;background-size:cover;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);filter:blur(5px);z-index:0}.contents-frame:before{content:"";background-color:#0009;position:absolute;top:0;right:0;bottom:0;left:0}.audio-player-container{position:relative;width:100vw;height:100vh;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;z-index:10}.audio-slide-wrapper{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;width:100%;height:100vh;flex-direction:column-reverse}.audio-box{display:flex;justify-content:center;align-items:center;padding-bottom:10vh;height:45vh;width:100vw}.audio-box,.slide-container{position:relative;display:flex;z-index:10}.slide-wrapper{width:90%;margin:0 auto}.slide-container{width:min-content}@media (min-width: 768px){.audio-box{width:50vw;height:381px;left:0;padding:33.5rem 7rem 2rem;display:flex;align-items:flex-end;position:relative}.slide-container{top:initial;height:381px;right:0;margin-top:0;padding-bottom:1.6rem;overflow-y:visible;overflow-x:hidden}.audio-slide-wrapper{flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:initial}}.audio-internal{width:100%}.track-name,.artist-name{font-family:Nicolas Cochin EF,"Noto Serif JP",sans-serif}.audio-box .track-name{width:90%;margin:0 auto;font-size:5.625rem;font-weight:400;line-height:5.625rem;letter-spacing:0em;text-align:left}.artist-name{width:90%;height:1.8rem;margin:0 auto;padding-top:.75rem;font-weight:400;text-align:left;color:#ffffffb3}.artist-name p{text-align:center}.current-time{position:absolute;bottom:-20px;left:0;margin:0;font-size:14px}.progress-background{cursor:pointer;margin-left:1.5rem;width:90%;height:5rem;margin:0 auto;position:relative;top:0;background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,.4) 3%,rgba(255,255,255,.4) 97%,rgba(255,255,255,0) 97%,rgba(255,255,255,0) 100%),linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,.6) 3%,rgba(255,255,255,.6) min(97%,calc(100% * var(--progress) * .95) + 3%),rgba(255,255,255,0) min(97%,calc(100% * var(--progress) * .95) + 3%),rgba(255,255,255,0) 100%);background-size:100% .1rem;background-repeat:repeat-x;background-position:left 40%}.start-time,.end-time{position:absolute;top:2.5rem;opacity:.6;color:#fff;font-size:.75rem;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}.start-time{left:0rem;bottom:.2rem}.end-time{right:0rem;bottom:.2rem}.progress-indicator{position:absolute}.trans-five{transition:left .1s linear}.indicator-circle-box{cursor:grab;position:absolute;height:10rem;display:flex;align-items:center;z-index:100;transition:transform 1s linear}.indicator-circle{cursor:grab;position:relative;top:-3rem;width:2rem;height:2rem;border-radius:50%;background:radial-gradient(#fff 0% 20%,rgba(0,0,0,0) 20% 100%)}.grabbing,.indicator-circle:active{cursor:grabbing}.indicator-time{position:relative;top:2.4rem;text-align:center;color:#fff;font-size:.75rem;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}@keyframes color-appear{0%{color:#0000}to{color:#fff9}}@keyframes color-drop{0%{color:#fff9}to{color:#0000}}@keyframes object-appear{0%{opacity:.3}to{opacity:1}}@keyframes object-drop{0%{opacity:1}to{opacity:0}}.appear{animation-name:color-appear;animation-duration:5s;animation-fill-mode:forwards}.drop{animation-name:color-drop;animation-duration:5s;animation-fill-mode:forwards}.opacity-appear{animation-name:object-appear;animation-duration:4s;animation-fill-mode:forwards}.opacity-drop{animation-name:object-drop;animation-duration:.6s;animation-fill-mode:forwards}@keyframes jacket-appear{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes jacket-drop{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.opacity-appear .img{animation-name:jacket-appear;animation-duration:1.4s;animation-fill-mode:forwards}.opacity-drop .img{animation-name:jacket-drop;animation-duration:1s;animation-fill-mode:forwards}.play-pause-button:hover{border-radius:100px;transition:box-shadow .5s;box-shadow:10px 10px 30px #122f3d1a,-10px -10px 30px #f8fdff1a,inset 10px 10px 30px transparent,inset -10px -10px 30px transparent}.play-pause-button:active{transition:box-shadow .5s;box-shadow:10px 10px 30px transparent,-10px -10px 30px transparent,inset -10px -10px 30px #031a231a,inset 10px 10px 30px #122f3d1a}.play-pause-button:after{content:"aaaaa";position:absolute;z-index:100;width:100px;height:100px;background-color:#fff}.mute-button:hover,.shuffle-button:hover{transition:box-shadow .5s ease .5s;box-shadow:10px 10px 30px #70767a1a,-10px -10px 30px #f8fdff1a,inset 10px 10px 30px #f8fdff00,inset -10px -10px 30px #70767a00}.play-pause-button:hover,.next-box:hover,.previous-box:hover,.next-box:active,.previous-box:active,.mute-button:hover,.shuffle-button:hover{cursor:pointer}@keyframes pulse-shadow{0%{box-shadow:10px 10px 30px #70767a00,-10px -10px 30px #f8fdff00,inset 10px 10px 30px #f8fdff00,inset -10px -10px 30px #70767a00}80%{box-shadow:10px 10px 30px #70767a1a,-10px -10px 30px #f8fdff1a,inset 10px 10px 30px #f8fdff00,inset -10px -10px 30px #70767a00}to{box-shadow:10px 10px 30px #70767a00,-10px -10px 30px #f8fdff00,inset 10px 10px 30px #f8fdff00,inset -10px -10px 30px #70767a00}}.play-pause-button:hover,.next-box:hover,.previous-box:hover,.mute-button:hover,.shuffle-button:hover{animation-name:pulse-shadow;animation-duration:1s;animation-fill-mode:forwards}.play-pause-button:hover,.next-box:hover,.previous-box:hover{border-radius:100px}.next-box:before{height:100vh;width:100vh;box-shadow:0 15px 10px #000000b3;transform:rotate(-3deg)}.next-box,.previous-box{height:70%;display:flex;align-items:center;justify-content:center}.player-controler{position:relative;display:flex}.main-controler{display:flex;width:100%;margin-top:73px;align-items:center;justify-content:center;gap:40px}.mute-button{position:absolute;bottom:0;right:5%}.shuffle-button{position:absolute;width:1.5rem;height:auto;bottom:0;left:5%}.loading{text-align:center;animation-name:pulse;animation-duration:.5s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;border-radius:inherit}.line_wrap{padding-bottom:1rem;overflow-y:hidden;overflow-x:visible;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.track-info{display:flex;flex-direction:column-reverse}.copy-right{display:none}@media (min-width: 768px){.main-controler{margin-top:initial}.under-track-name{width:100%;height:1rem;margin:0 auto;background-image:linear-gradient(to right,rgba(255,255,255,.9) 0%,rgba(255,255,255,.9) 15%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%);background-size:100% .05rem;background-repeat:repeat-x;background-position:1.5rem bottom}.line_wrap,.artist-name p{text-align:left}.track-info{display:block}.player-root .nav-pc{position:fixed;bottom:4vh;left:2vw}.copy-right{display:block;position:fixed;bottom:4vh;right:2vw;font-family:Lato;opacity:.4}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;color:#fff;background-color:#333;font-family:Georgia,Nicolas Cochin EF,"Noto Serif JP",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:fixed;top:1.5rem;left:5%;width:90%;margin:0 auto;height:4vh;z-index:210}.header img{height:100%}.header .left-logo{position:absolute;top:2vh;left:2vw;height:1.71rem}.header .right-logo{position:relative;top:2vh;left:7rem;height:1.71rem}.nav{position:absolute;right:4vw;top:1vh}.nav ul{font-size:0}.nav ul li{display:inline-block;width:20%;box-sizing:border-box;position:relative}.nav ul li a{text-decoration:none;display:block;padding:5px 0}.nav ul li a:hover{font-weight:700}.nav li ul{position:absolute;z-index:9999;width:100%}.nav li ul li{display:block;width:100%}.nav li ul li a{padding:5px 0}.nav li ul li{overflow:hidden;height:0;transition:.2s}.nav li:hover ul li{overflow:visible;height:3.2rem}.nav-pc{display:none}@media (min-width: 768px){.header{width:100%;left:0}.header .right-logo{position:absolute;top:2.5rem;left:initial;height:40px;right:4rem}.header .left-logo{top:2.5rem;left:4rem;height:49px}.nav{display:none}.nav-pc{display:block;z-index:100}.nav-pc ul{display:flex;list-style:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}