@import "https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";
@import "https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{font-weight:700}@apply tw-bg-fixed tw-bg-cover tw-text-white;}@layer components{.z-1{z-index:-1}.flex-center{justify-content:center;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.bg-cover-center{background-position:50%;background-size:cover}.buttons{margin:30px auto}@apply tw-cursor-pointer tw-w-b0 md:tw-w-b1;}
:root{--spotify-black:#141414;--spotify-green:#1db954;--spotify-fuchsia:#f037a5;--spotify-crimson:#ea1e31;--spotify-azure:#59a0f6;--spotify-pink:#ffcdd2;--spotify-dark-blue:#202f72;--spotify-storm:#a0c3d2;--spotify-power-garden:#c3f0c8;--primary:#ea1e31;--secondary:#f037a5;--tartiary:#ffce10;--eve-primary:#1e3264;--spring-primary:#283ea3;--royal-blue:#283ea3;--oubo-primary:#b60664;--orange:#ff4632;--skin:#f7ced1;--white:#fff;--storm:#a0c3d2;--bole:#c87d55;--tan:#c29585;--aquamarine:#9bf0e1;--gray:#202020;--light-gray:#8e8e8e;--black:#000;--west:#4c1141;--west2:#681158;--numberi:#602820;--numberi2:#972b1b;--font-family-UDSG:"UDSG_partial",Helvetica Neue,Arial,Yu Gothic,游ゴシック,YuGothic,游ゴシック体,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;--font-family-UDSG-bold:"BIZ UDPGothic",Helvetica Neue,Arial,Yu Gothic,游ゴシック,YuGothic,游ゴシック体,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif}span.mix_en{font-family:Spotify_Mix;font-size:1.13em}span.mix_en_bold{font-family:Spotify_Mix_Bold;font-size:1.13em}.pointer{cursor:pointer;transition:opacity .8s ease-out}.pointer:hover{opacity:.8}#ot-sdk-btn.ot-sdk-show-settings,#ot-sdk-btn.optanon-show-settings{word-wrap:break-word;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;align-items:center;height:auto;margin:6px;line-height:1.2;text-decoration:none;transition:all .1s;color:#302e2e!important;font-size:11px!important}img.circle{border-radius:50%}p.black{color:var(--spotify-black)!important}.color_block img.color{filter:invert(79%)sepia()saturate(2%)hue-rotate(287deg)brightness(114%)contrast(101%)}.color_block .bg_color{background-color:var(--storm)}.color_block.aquamarine img.color{filter:invert(92%)sepia(9%)saturate(1270%)hue-rotate(107deg)brightness(97%)contrast(94%)}.color_block.aquamarine p,.color_block.aquamarine h1,.color_block.aquamarine h3{color:var(--aquamarine)}.color_block.aquamarine .bg_color{background-color:var(--aquamarine)}.color_block.pink img.color{filter:invert(81%)sepia(11%)saturate(716%)hue-rotate(307deg)brightness(102%)contrast(105%)}.color_block.pink p,.color_block.pink h1,.color_block.pink h3{color:var(--spotify-pink)}.color_block.pink .bg_color{background-color:var(--spotify-pink)}.color_block.fuchsia img.color{filter:invert(34%)sepia(33%)saturate(3706%)hue-rotate(298deg)brightness(95%)contrast(97%)}.color_block.fuchsia p,.color_block.fuchsia h1,.color_block.fuchsia h3{color:var(--spotify-fuchsia)}.color_block.fuchsia .bg_color{background-color:var(--spotify-fuchsia)}.color_block.storm img.color{filter:invert(75%)sepia(15%)saturate(467%)hue-rotate(153deg)brightness(99%)contrast(90%)}.color_block.storm p,.color_block.storm h1,.color_block.storm h3{color:var(--spotify-storm)}.color_block.storm .bg_color{background-color:var(--spotify-storm)}.color_block.storm .border_color{border:thin solid var(--spotify-storm)}.color_block.powergarden img.color{filter:invert(91%)sepia(11%)saturate(606%)hue-rotate(73deg)brightness()contrast(91%)}.color_block.powergarden p,.color_block.powergarden h1,.color_block.powergarden h3{color:var(--spotify-power-garden)}.color_block.powergarden .bg_color{background-color:var(--spotify-power-garden)}.color_block.powergarden .border_color{border:thin solid var(--spotify-power-garden)}.color_block.bole img.color{filter:invert(43%)sepia(67%)saturate(353%)hue-rotate(337deg)brightness(111%)contrast(91%)}.color_block.bole p,.color_block.bole h1,.color_block.bole h3{color:var(--bole)}.color_block.bole .bg_color{background-color:var(--bole)}.color_block.bole .border_color{border:thin solid var(--bole)}.color_block.tan img.color{filter:invert(68%)sepia(19%)saturate(530%)hue-rotate(330deg)brightness(89%)contrast(93%)}.color_block.tan p,.color_block.tan h1,.color_block.tan h3{color:var(--tan)}.color_block.tan .bg_color{background-color:var(--tan)}.color_block.tan .border_color{border:thin solid var(--tan)}.color_block.west p,.color_block.west h1,.color_block.west h3{color:var(--west)}.color_block.west .bg_color{background-color:var(--west)}.color_block.west .border_color{border:thin solid var(--west)}.color_block.ni p,.color_block.ni h1,.color_block.ni h3{color:var(--numberi)}.color_block.ni .bg_color{background-color:var(--numberi)}.color_block.ni .border_color{border:thin solid var(--numberi)}@keyframes gacha_selected_bar{0%{transform:translateY(0)}to{transform:translateY(-11.5%)}}@keyframes gacha_selected_gate{0%{transform:scaleY(1)}to{transform:scaleY(.1)}}@keyframes gacha_lever_rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes gacha_capsule_top{0%{transform:translateY(4%)}5%{transform:translateY(-9%)}20%{transform:translateY(-11%)}30%{transform:translateY(-12%)}40%{transform:translateY(-11%)}60%{transform:translateY(-11.5%)}to{transform:translateY(-12%)}}@keyframes gacha_capsule_bottom{0%{transform:translateY(0)}30%{transform:translateY(1%)}50%{transform:translateY(1.8%)}to{transform:translateY(2%)}}@keyframes step1card_zoom{0%{opacity:0;transform:scale(.1)translateY(50%)rotateY(450deg)}40%{opacity:1;transform:scale(.1)translateY(0%)rotateY(450deg)}50%{opacity:1;transform:scale(.15)translateY(-30%)rotateY(400deg)}60%{opacity:1;transform:scale(.2)translateY(-45%)rotateY(360deg)}90%{opacity:1;transform:scale(.4)translateY(-26%)rotateY(0)}to{opacity:1;transform:scale(.8)translateY(0)rotateY(0)}}@keyframes gacha_zoom_item{0%{opacity:0;transform:scale(.18)}70%{opacity:1;transform:scale(1)}}@keyframes onpu_zoom_shake{0%{opacity:0;transform:scale(.88)rotate(0)}32%{opacity:1;transform:scale(1)rotate(3deg)}35.123%{opacity:1;transform:translate(-3px)rotate(-3deg)}41%{opacity:1;transform:translate(5px)rotate(3deg)}66%{opacity:1;transform:translate(-2px)rotate(-4deg)}72%{opacity:1;transform:translate(7px)rotate(-2deg)}to{opacity:1;transform:translate(-5px)rotate(-3deg)}}@keyframes shake-animation{0%{transform:translate(0)}1.78571%{transform:translate(5px)}3.57143%{transform:translate(0)}5.35714%{transform:translate(5px)}7.14286%{transform:translate(0)}8.92857%{transform:translate(5px)}10.7143%{transform:translate(0)}to{transform:translate(0)}}@keyframes blur_shake{0%{filter:blur()}5%{filter:blur(2px)}10%{filter:blur()}15%{filter:blur()}20%{filter:blur(4px)}to{filter:blur()}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes inUP{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes fadeInUP{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:scale(1)translateY(0)}50%{transform:scale(.98)translateY(-2%)rotate(12deg)}80%{transform:scale(1.1)translateY(1%)rotate(-3deg)}to{transform:scale(1)translateY(0)}}@keyframes horizontal1{0%{-webkit-transform:translate(-3px)}to{-webkit-transform:translate(0)}}@keyframes bound1{0%{transform:translateY(-20%)scaleY(1)}30%{transform:translateY(-8%)scaleY(1.1)}50%{transform:translateY(.05%)scaleY(.95)}60%{transform:translateY(-1%)scaleY(1.05)}80%{transform:translateY(0)scaleY(.97)}88%{transform:translateY(-1%)scaleY(1.03)}90%{transform:translateY(0)scaleY(.97)}96%{transform:translateY(-.5%)scaleY(1.02)}to{transform:translateY(0%)scaleY(1)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate(-2%,2%)}to{opacity:1;transform:translate(5%,-5%)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate(2%,2%)}to{opacity:1;transform:translate(-5%,-5%)}}.hide{opacity:0}.fade-enter{opacity:.5}.fade-enter-active{opacity:.5;transition:opacity .8s ease-out}.fade-exit{opacity:1;transition:opacity .8s ease-in}.fade-exit-active{opacity:.7;transition:opacity 1s}.fade-in-1s{opacity:0;animation:1s ease-in forwards fadeIn}.fade-in-1s-1s{opacity:0;animation:1s ease-in .5s forwards fadeIn}.fade-inup-1s-1s{opacity:0;animation:1s ease-in .3s forwards fadeInUP}.fade-inup-1s-2s{opacity:0;animation:1.8s ease-in 1s forwards fadeInUP}.fade-inup-1s-3s{opacity:0;animation:1s ease-in 2s forwards fadeInUP}.fade-in-2s{opacity:0;animation:.5s ease-in .5s forwards fadeIn}.fade-out-2s-3s{opacity:1;animation:2s ease-in 3s forwards fadeOut}.fade-in-2s-3s{opacity:0;animation:2s ease-in 3s forwards fadeIn}.page-enter{opacity:0;transform:scale(1.1)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:scale(1)}.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.9)}.gacha_fukidashi{-webkit-animation:1s ease-in-out infinite alternate horizontal1}.gacha_fukidashi.gone{animation:1s ease-in-out forwards fadeOut}.spotify-logo{cursor:pointer;position:relative;top:20px;left:calc(50vw - 130px)}.spotify-logo img,.spotify-logo svg{width:260px;height:auto}@media screen and (min-width:768px){.spotify-logo{left:calc(50vw - 140px)}.spotify-logo img{width:280px;height:auto}}@media screen and (min-width:1280px){.spotify-logo{left:calc(50vw - 160px)}.spotify-logo img{width:320px;height:auto}}.spotify-premium-logo{cursor:pointer;z-index:200;position:absolute;top:20px;left:20px}.spotify-premium-logo img{width:auto;height:30px}.spotify-premium-logo.tan{fill:var(--tan)}.spotify-premium-logo.bole{fill:var(--bole)}.spotify-premium-logo.black{fill:#000}.spotify-premium-logo.fuchsia{fill:var(--spotify-fuchsia)}.spotify-premium-logo.powergarden{fill:var(--spotify-power-garden)}.spotify-premium-logo.aquamarine{fill:var(--aquamarine)}@media screen and (min-width:768px){.spotify-premium-logo svg{width:auto;height:40px}}@media screen and (min-width:1280px){.spotify-premium-logo svg{width:auto;height:40px}}.buttons .basic-button{letter-spacing:-.3px;border-radius:70px;height:46px;margin-bottom:10px;padding:6px 8px;font-size:19px;font-weight:700;cursor:pointer!important}@media screen and (min-width:768px){.buttons .basic-button{letter-spacing:-.2px;height:58px;padding:7px 20px;font-size:21px}}.buttons .basic-button.top{width:100%}.buttons .basic-button.no-login{letter-spacing:0;border:none;font-size:12px}@media screen and (min-width:768px){.buttons .basic-button.no-login{letter-spacing:-.1px;font-size:16px}}.buttons .skip-this-step{white-space:nowrap;letter-spacing:0;margin-top:10px;font-size:13px;font-weight:700}@media screen and (min-width:768px){.buttons .skip-this-step{letter-spacing:-.3px;font-size:14px}}.login_buttons{text-align:center;flex-direction:column}.login_buttons .no-logins{flex-direction:column;justify-content:center;align-items:center;display:flex}.login_buttons.intro{position:inherit}.login_buttons.album{position:initial}.login_buttons.card{opacity:0}.login_buttons.card.show{animation:1s forwards fadeIn}.login_buttons.share{color:#fff;flex-direction:row;margin-top:3px;display:flex}@media screen and (min-width:768px){.login_buttons.share{margin-top:5px}}@media screen and (min-width:1280px){.login_buttons.share{margin-top:10px}}.login_buttons .login{white-space:nowrap;letter-spacing:-.6px;border-radius:38px;width:200px;min-width:110px;margin:0 auto;padding:18px;font-size:1rem;line-height:1.2rem;position:relative}@media screen and (min-width:768px){.login_buttons .login{letter-spacing:1rem;font-size:1.2rem;line-height:1.4rem}}@media screen and (min-width:1280px){.login_buttons .login{letter-spacing:1rem;font-size:1.4rem;line-height:1.6rem}}.login_buttons .login.album_button{color:#fff;border:2px solid #fff}.login_buttons .login.filled{background-color:var(--spotify-fuchsia);color:#fff}.login_buttons .login.disabled{pointer-event:none;opacity:.4}.login_buttons .login.result{background-color:var(--orange);color:#fff;letter-spacing:-3px;width:80%;margin:20px auto 40px}@media screen and (min-width:768px){.login_buttons .login.result{margin:30px auto 60px}}.login_buttons .login.result.gray{background-color:#bcbcbc;border:none}.login_buttons .login.premium_action{color:#fff;position:relative}.login_buttons .login.premium_action.cancel{color:var(--white);border:none;margin:0 auto}.login_buttons .login.lastcard{background-color:var(--aquamarine);color:#fff;letter-spacing:-3px;border:none;width:80%}.login_buttons .login.lastcard.present{background-color:var(--orange);margin:30px auto}.login_buttons .login.lastcard.red{background-color:var(--orange)}.login_buttons .login.lastcard img{width:80%;margin:0 auto}@media screen and (min-width:768px){.login_buttons .login.lastcard img{width:70%;margin:0 auto}}.login_buttons .login.go_premium{background-color:var(--eve-primary);border:none;width:90%}.login_buttons .login.go_premium img{width:90%;margin:0 auto}.login_buttons .login .hide_but_exit{pointer-event:none;opacity:.2;position:fixed;top:-300px;left:-300px}.login_buttons .login .disabled{pointer-event:none}.login_buttons .login.eve{background-color:var(--orange);width:100%;margin:38px auto 50px}.login_buttons .login.premium{border:2px solid var(--orange);width:100%}.login_buttons .login.share{background-color:var(--eve-primary);width:86px;min-width:86px;padding:5px 2px;font-size:.8rem}@media screen and (min-width:768px){.login_buttons .login.share{width:130px;min-width:130px;padding:6px;font-size:1rem}}@media screen and (min-width:1280px){.login_buttons .login.share{width:200px;min-width:200px;padding:8px;font-size:1rem}}.login_buttons .no_login{white-space:nowrap;letter-spacing:.5px;border-bottom:thin solid var(--secondary);margin-top:16px;padding-bottom:3px;font-size:.8rem;font-weight:700;line-height:1.1rem}@media screen and (min-width:768px){.login_buttons .no_login{letter-spacing:.5px;font-size:.85rem;line-height:1.2rem}}@media screen and (min-width:1280px){.login_buttons .no_login{letter-spacing:.5px;font-size:.9rem;line-height:1.3rem}}.login_buttons .admin{opacity:.2;margin-top:20px}.login_buttons.eve{color:var(--orange)}.login_buttons.eve .login{border:2px solid var(--orange)}.login_buttons.eve .no_login{border-bottom:thin solid var(--orange)}.batsu{width:30px;height:30px;display:block;position:relative}.batsu:before,.batsu:after{content:"";background:#fff;width:2px;height:40px;position:absolute;top:50%;left:50%}.batsu:before{transform:translate(-50%,-50%)rotate(45deg)}.batsu:after{transform:translate(-50%,-50%)rotate(-45deg)}footer{position:inherit;color:var(--white);width:100%;padding:5px;font-size:16px;bottom:0;right:0}footer a{color:var(--white)}footer nav .mh-bottom-links{flex-flow:wrap;justify-content:flex-end;align-items:center;display:flex}@media screen and (max-width:760px){footer nav .mh-bottom-links{justify-content:center}}footer nav .mh-bottom-links ul{justify-content:center;align-items:center;margin:0 2px;padding:0;display:flex}@media screen and (max-width:760px){footer nav .mh-bottom-links ul{text-align:center;align-items:center}}footer nav .mh-bottom-links ul.listen_on_spotify{width:auto}footer nav .mh-bottom-links ul.listen_on_spotify .listen-on-spotify-logo img{width:auto;height:28px;margin-bottom:4px}@media screen and (max-width:760px){footer nav .mh-bottom-links ul.listen_on_spotify .listen-on-spotify-logo img{width:auto;height:19px}footer nav .mh-bottom-links ul.listen_on_spotify{padding:0}}footer nav .mh-bottom-links ul li{line-height:normal;list-style:none;display:inline-block}footer nav .mh-bottom-links ul li a{white-space:nowrap;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;align-items:center;margin:2px 6px;font-size:11px;text-decoration:none;display:flex}@media screen and (max-width:760px){footer nav .mh-bottom-links ul li a{letter-spacing:0;margin:3px;font-size:9px}}footer .listen-on-spotify-logo svg{fill:#fff}@media screen and (min-width:768px){body.ReactModal__Body--open .overlay-base{padding:3rem}}@media screen and (min-width:1280px){body.ReactModal__Body--open .overlay-base{padding:3rem}}body.ReactModal__Body--open .content-after{background-color:#fff;border-radius:12px;width:460px;height:calc(100% - 50px);position:relative;top:25px}@media screen and (min-width:768px){body.ReactModal__Body--open .content-after{width:80%;max-width:380px}}body.ReactModal__Body--open .overlay-base .premium_modal{color:#fff;background-color:#fff;width:100%;margin:0 auto}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner{background-color:var(--spotify-black);flex-direction:column;gap:8px;height:100%;margin:2px;padding:30px 20px;display:flex}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .header_title{text-align:center;letter-spacing:-1px;max-width:350px;margin:0 auto;font-size:1.7rem}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .header_title span{letter-spacing:2px;margin-bottom:10px;padding:4px;font-size:1.8rem;font-weight:700;display:block}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .header_title span strong{font-size:.8rem}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .header_img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;margin:0 auto}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .login_buttons{flex-flow:wrap;justify-content:center;align-items:center;gap:12px;display:flex}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .login_buttons .login{color:var(--spotify-black)}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .premium_modal_loading{justify-content:center;align-items:center;display:flex}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner .premium_modal_loading p{letter-spacing:-.2px;font-size:1rem}body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner p{letter-spacing:1px;text-align:center;max-width:350px;margin:12px auto;font-size:1rem;line-height:1.5}@media screen and (min-width:768px){body.ReactModal__Body--open .overlay-base .premium_modal .premium_modal_inner p{font-size:1.2rem}}body.ReactModal__Body--open .content-after.premium{width:96%;min-width:250px;height:auto;position:relative}@media screen and (min-width:768px){body.ReactModal__Body--open .content-after.premium{width:96%;max-width:460px}}body.ReactModal__Body--open .overlay-base{z-index:100;opacity:0;background-color:#0000;outline:0;justify-content:center;align-items:center;padding:1rem;transition-property:background-color,opacity;transition-duration:.5s;transition-timing-function:ease-in-out;display:flex;position:fixed;inset:0}@media screen and (min-width:768px){body.ReactModal__Body--open .overlay-base{padding:3rem}}@media screen and (min-width:1280px){body.ReactModal__Body--open .overlay-base{padding:3rem}}body.ReactModal__Body--open .overlay-base button.close-modal-button{color:#fff;position:absolute;top:20px;right:20px}body.ReactModal__Body--open .overlay-after{opacity:1;background-color:#000c}body.ReactModal__Body--open .overlay-before{opacity:0;background-color:#0000}body.ReactModal__Body--open .content-base{background-color:#0000;border:0;outline:0;justify-content:center;align-items:center;width:0%;height:0%;margin:0 auto;transition-property:background-color,width,height;transition-duration:.5s;transition-timing-function:ease-in-out;display:flex;position:relative;inset:auto}body.ReactModal__Body--open .content-before{background-color:#0000;width:0%;height:0%}@media screen and (max-width:768px){.fb_btn_wrapper{width:100%}}.cta_area{text-align:center;margin:0 auto 20px;position:relative}.cta_area.cta_parallel{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:5px;display:flex}.cta_area.cta_parallel .cta{margin:0}.cta_area .cta{cursor:pointer;text-align:center;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;display:flex}@media screen and (max-width:768px){.cta_area .cta{gap:12px}}.cta_area img.event_block_notice{width:86%;max-width:260px;margin:0 auto}@media screen and (max-width:768px){.cta_area img.event_block_notice{width:90%;max-width:220px;padding:0 12px}}.cta_area img.one_month_free{width:86%;max-width:260px;margin:0 auto}@media screen and (max-width:768px){.cta_area img.one_month_free{width:92%;max-width:300px;padding:0 12px}}.cta_area img.howto_kiyaku{width:80%;max-width:420px;margin:16px auto 18px}@media screen and (max-width:768px){.cta_area img.howto_kiyaku{width:98%;max-width:400px;margin:20px auto 18px}}.cta_area .spotify_iss{width:100%;margin-top:18px;margin-bottom:20px;display:flex;position:absolute}.cta_area .spotify_iss img{width:70%;max-width:180px;margin:0 auto}.cta_area .dont_have_accounts{cursor:pointer;letter-spacing:1px;color:var(--spotify-black);text-align:center;height:auto;margin:25px auto 0;font-size:.9rem;text-decoration:underline;display:inline-block}@media screen and (max-width:768px){.cta_area .dont_have_accounts{font-size:.8rem}}p.kiyaku{text-justify:inter-word;width:100%;margin:0 auto;font-size:9px}p.kiyaku.black{color:var(--spotify-black)!important}.cta_block{cursor:pointer;background-color:var(--spotify-black);width:auto;min-width:260px;height:100%;min-height:60px;font-size:1rem;font-style:normal;font-weight:700;font-family:var(--font-family-UDSG-bold);border-radius:50px;flex-direction:column;flex-shrink:1;justify-content:center;margin:0 auto;padding:26px 76px 26px 50px;display:flex;position:relative}.cta_block:after{content:"";background-image:url(/images/spring/hero/cta_arrow_b.png);background-position:50%;background-repeat:no-repeat;background-size:22%;width:80px;height:100%;position:absolute;top:0;right:0}@media screen and (max-width:1020px){.cta_block:after{width:60px}}.cta_block.black:after{filter:invert()}.cta_block.white{filter:invert()!important}@media screen and (max-width:768px){.cta_block{white-space:nowrap;width:100%;font-size:.75rem}}@media screen and (max-width:920px){.cta_block{padding:26px 56px 26px 40px}}@media screen and (max-width:768px){.cta_block{padding:25px 58px 24px 40px}}.cta_block.small{border-radius:40px;min-width:240px;padding:14px 40px 14px 14px;font-size:1rem}.cta_block.small:after{background-size:22%;width:80px;max-width:60px;height:100%}@media screen and (max-width:1020px){.cta_block.small:after{width:60px}}@media screen and (max-width:768px){.cta_block.small{padding:14px 30px 14px 14px}}.cta_block.small img.cta_text{max-height:22px}@media screen and (max-width:768px){.cta_block.small img.cta_text{max-height:20px}}.cta_block.small.disabled{padding:14px 60px}.cta_block.small.disabled img{max-width:96%;margin:0 auto}@media screen and (max-width:768px){.cta_block.small.disabled{padding:14px 40px}}.cta_area .cta.jo1_selection .cta_block{width:100%;padding:15px 60px 15px 30px}@media screen and (max-width:1020px){.cta_area .cta.jo1_selection .cta_block{letter-spacing:0;padding:15px 28px 15px 10px}}.cta_area .cta.jo1_selection .cta_block:after{background-size:17%;width:60px;height:100%}@media screen and (max-width:1020px){.cta_area .cta.jo1_selection .cta_block:after{width:50px}}.hamburger{z-index:200;top:8px;right:8px;bottom:inherit;left:inherit;position:absolute}.hamburger .three2x .openbtn{cursor:pointer;width:50px;height:45px;position:relative}.hamburger .three2x .openbtn span{background:#000;border-radius:2px;width:45%;height:3px;transition:all .4s;display:inline-block;position:absolute;left:14px}.hamburger .three2x .openbtn span:first-of-type{top:10px}.hamburger .three2x .openbtn span:nth-of-type(2){top:20px}.hamburger .three2x .openbtn span:nth-of-type(3){top:30px}.hamburger .three2x .openbtn.active span:first-of-type{width:30%;top:18px;left:18px;transform:translateY(6px)rotate(-45deg)}.hamburger .three2x .openbtn.active span:nth-of-type(2){opacity:0}.hamburger .three2x .openbtn.active span:nth-of-type(3){width:30%;top:30px;left:18px;transform:translateY(-6px)rotate(45deg)}.top_drawer .MuiDrawer-paper{background-color:var(--spotify-black);box-shadow:0 1px 0px 0px var(--white);color:#fff}.top_drawer .MuiDrawer-paper .drawer_inner{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;padding:2rem;display:flex}.top_drawer .MuiDrawer-paper .drawer_inner>li{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.top_drawer .MuiDrawer-paper .drawer_inner>li img{width:80%;max-width:250px;margin:0 auto}.top_drawer .MuiDrawer-paper .drawer_inner>li h3{color:var(--storm);letter-spacing:1px;font-size:.8rem;font-weight:400}.top_drawer .MuiDrawer-paper .drawer_inner>li p{letter-spacing:1px;color:var(--spotify-pink);font-size:.8rem;font-weight:400}@media screen and (max-width:768px){.top_drawer .MuiDrawer-paper .drawer_inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:1rem;display:flex}.top_drawer .MuiDrawer-paper .drawer_inner p{margin:0}}.go-top{background-color:var(--white);cursor:pointer;z-index:400;text-align:center;border-radius:50%;width:60px;height:auto;transition:all .8s ease-in-out;position:fixed;bottom:12px;left:12px}.go-top>div{border-radius:50%}@media screen and (max-width:768px){.go-top{width:35px;height:auto;bottom:3px;left:3px}}.go-top.hide{opacity:0;pointer-events:none;transform:translateY(90px)rotate(180deg)}.go-top.show{opacity:.97;transform:translateY(0)rotate(0)}.go-top img{width:100%;height:auto}.go-top:hover img{opacity:.8}.floating_menu{z-index:100;background-color:var(--spotify-black);border-top:thin solid #fff;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:0;padding:30px 10px;display:flex;position:fixed;bottom:0;left:0;transform:translateY(150px)}.floating_menu .cta{width:90%;max-width:500px}.floating_menu.show{animation:.8s ease-out forwards inUP}.loader{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--spotify-black);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loader .img_area{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;display:flex}.sp_nav{visibility:hidden}@media screen and (max-width:780px){.sp_nav{visibility:visible}}.sp_nav a{color:var(--white);cursor:pointer}.bm-burger-button{width:36px;height:30px;position:fixed;top:12px;right:12px}.bm-burger-bars{background:var(--white)}.bm-burger-bars-hover{background:var(--primary)}.bm-cross-button{width:24px;height:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{height:100%;position:fixed}.bm-menu{background:#000d;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:var(--black)}.bm-item-list{color:#b8b7ad;padding:.8em}.bm-item{flex-direction:column;justify-content:center;gap:10px;display:flex!important}.bm-overlay{background:#0000004d}@media screen and (max-width:768px){.fb_btn_wrapper{width:100%}}.fb_btn{cursor:pointer;text-align:center;flex-direction:column;gap:12px;width:100%;max-width:520px;margin:0 auto;display:flex}@media screen and (max-width:768px){.fb_btn{gap:12px}}.fb_btn_inner{cursor:pointer;letter-spacing:-.5px;border-radius:10px;flex-direction:row;flex-shrink:1;justify-content:space-between;align-items:center;width:100%;min-width:350px;height:100%;min-height:60px;margin:0 auto;padding:26px;font-family:Spotify_Mix_Bold;font-size:1.2rem;font-weight:700;display:flex;position:relative}.fb_btn_inner span{font-size:1.13em}.fb_btn_inner p{width:100%;color:var(--black);margin:0 12px}.fb_btn_inner.black_text p{color:var(--black)}.fb_btn_inner.white_text p{color:#fff}.fb_btn_inner.white_text span.lb_arrow{filter:invert()}.fb_btn_inner.disabled{-webkit-user-select:none;user-select:none;pointer-event:none;border:thin solid var(--spotify-black);opacity:.5!important}.fb_btn_inner.disabled p{color:var(--black)}.fb_btn_inner.rounded{border-radius:50px}@media screen and (max-width:768px){.fb_btn_inner{white-space:nowrap;min-width:auto;padding:25px 40px;font-size:1rem}}.lb_arrow{width:10px;height:20px;display:inline-block;position:relative}.lb_arrow:before,.lb_arrow:after{content:"";background-color:var(--spotify-black);transform-origin:calc(100% - 1.5px);border-radius:9999px;width:15px;height:3px;position:absolute;top:calc(50% - 3px);right:0}.lb_arrow:before{transform:rotate(45deg)}.lb_arrow:after{transform:rotate(-45deg)}.pc768_only{display:block}.sp768_only{visibility:hidden;display:none!important}@media screen and (max-width:768px){.pc768_only{visibility:hidden;display:none!important}.sp768_only{visibility:visible;display:block!important}}html{background-color:var(--spotify-black);font-family:UDSG_partial,Helvetica Neue,Arial,Yu Gothic,游ゴシック,YuGothic,游ゴシック体,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif!important}body{color:#fff;padding-bottom:30px}@media screen and (min-width:768px){body{padding-bottom:0}}body #__next{width:100%;min-height:100vh}@media screen and (min-width:768px){body #__next{min-height:100vh}}a{cursor:pointer}img{vertical-align:top;-webkit-user-select:none;user-select:none;user-drag:none;-webkit-user-drag:none;border-style:none}.selectable{cursor:pointer;-webkit-user-select:auto;user-select:auto;-khtml-user-select:auto;pointer-events:auto}.mt-10{margin-top:10px!important}.common_wrapper{width:100%;padding:60px 35px;position:relative}@media screen and (max-width:640px){.common_wrapper{padding:20px clamp(10px,3.44828vw - 2.06897px,20px)}}.common_inner{width:96%;max-width:1080px;height:100%;margin:0 auto}@media screen and (max-width:640px){.common_inner{width:calc(100% - 10px)}}.non_user{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}body{background-color:var(--spotify-black)}.hero{background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex;position:relative}@media screen and (max-width:450px){.hero{background-size:cover}}.hero svg.hero_svg{margin-top:100px;margin-bottom:150px}@media screen and (max-width:899px){.hero svg.hero_svg{margin-top:0;margin-bottom:0}}.hero .hero_kiyaku{max-width:400px;margin-top:20px;position:absolute}@media screen and (max-width:768px){.hero .hero_kiyaku{position:initial;max-width:initial;margin:12px auto 6px}}.hero .hero_kiyaku img{-webkit-user-select:none;user-select:none;width:100%;height:auto}.hero .oubo_arrow{width:100%;position:absolute;bottom:0}@media screen and (max-width:768px){.hero .oubo_arrow{position:initial;margin-top:18px}}.hero .oubo_arrow img{-webkit-user-select:none;user-select:none;width:12%;max-width:120px;margin:0 auto}@media screen and (max-width:768px){.hero .oubo_arrow img{width:30%;max-width:120px}}.hero.grad:before{content:"";z-index:-1;background:linear-gradient(#14141400 40%,#141414 80%);width:100%;height:200px;max-height:80vh;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.hero.grad:before{background:linear-gradient(#14141400 0%,#141414 10%)}}.hero_pc{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:80px;margin-bottom:0;display:flex}@media screen and (max-width:768px){.hero_pc{margin-top:30px;margin-bottom:10px}}.hero_pc .hero_title{width:80%;max-width:900px;margin:40px auto 20px}@media screen and (max-width:768px){.hero_pc .hero_title{width:100%;margin:0 auto 40px}}.hero_pc .hero_pc_main .kv{max-width:600px;height:40vh;margin:0 auto}@media screen and (max-width:768px){.hero_pc .hero_pc_main .kv{height:50vh;max-height:500px}}.hero_pc .hero_pc_second{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}@media screen and (max-width:899px){.hero_pc .hero_pc_second{padding-top:0}}.hero_pc .hero_pc_second .hero_promotion{justify-content:space-between;align-items:flex-end;width:100%;margin:20px auto;padding:8px 0;display:flex}@media screen and (max-width:768px){.hero_pc .hero_pc_second .hero_promotion{flex-direction:column;align-items:center;margin-top:0;padding:0 0 10px}}.hero_pc .hero_pc_second .hero_promotion .promotion_block{margin-left:18px;margin-right:60px}@media screen and (max-width:899px){.hero_pc .hero_pc_second .hero_promotion .promotion_block{margin-right:20px}}@media screen and (max-width:768px){.hero_pc .hero_pc_second .hero_promotion .promotion_block{margin-left:0;margin-right:0}}.hero_pc .hero_pc_second .hero_promotion .promotion_block img.promotion_txt{width:auto}@media screen and (max-width:768px){.hero_pc .hero_pc_second .hero_promotion .promotion_block img.promotion_txt{margin-top:12px}}.hero_pc .hero_pc_second a.spotify_is{width:180px;margin:6px auto}@media screen and (max-width:768px){.hero_pc .hero_pc_second a.spotify_is{width:140px;margin:0;position:absolute;top:0;right:0}}.how_to_join{background-color:var(--spotify-black);background-position:bottom;background-size:cover;flex-direction:column;align-items:center;padding-bottom:100px;display:flex}.how_to_join_inner{border-radius:15px}.how_to_join_inner img.oubo_methods{width:80%;max-width:880px;margin:30px auto}@media screen and (max-width:768px){.how_to_join_inner img.oubo_methods{width:100%}}.how_to_join_inner .how_to_wrapper{background-color:#fff;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.how_to_join_inner .separator{background-color:var(--tan);width:100%;height:5px}.how_to_join_inner .white{background-color:#fff;border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding-top:0;padding-bottom:50px}@media screen and (max-width:768px){.how_to_join_inner .white{padding:20px}}@media screen and (max-width:470px){.how_to_join_inner .white{padding:16px}}@media screen and (max-width:360px){.how_to_join_inner .white{padding:12px}}.how_to_join_inner .white .about_campaign{padding:50px 60px 20px}@media screen and (max-width:768px){.how_to_join_inner .white .about_campaign{padding:0 40px 20px}}@media screen and (max-width:520px){.how_to_join_inner .white .about_campaign{padding:0 0 20px}}.how_to_join_inner .white .about_campaign img{margin:0 auto}.how_to_join_inner .white .oubo_methods{padding:0 60px 30px}@media screen and (max-width:768px){.how_to_join_inner .white .oubo_methods{padding:0 40px 30px}}@media screen and (max-width:520px){.how_to_join_inner .white .oubo_methods{padding:0 0 30px}}.how_to_join_inner .white .oubo_methods img.oubo_houhou{width:182px;margin:0 auto 50px;padding-top:30px}@media screen and (max-width:768px){.how_to_join_inner .white .oubo_methods img.oubo_houhou{width:54%;max-width:150px;margin:0 auto 30px;padding-top:15px}}.how_to_join_inner .white .oubo_methods .oubo_steps{flex-direction:row;justify-content:space-around;align-items:flex-start;display:flex}.how_to_join_inner .white .oubo_methods .oubo_steps img.step{width:33%;max-width:300px}@media screen and (max-width:768px){.how_to_join_inner .white .oubo_methods .oubo_steps{display:block}.how_to_join_inner .white .oubo_methods .oubo_steps img.step{width:100%;max-width:380px;margin-bottom:20px}.how_to_join_inner .white .oubo_methods .oubo_steps img.step.last{margin-bottom:0}}.how_to_join_inner .novelty{text-align:center;width:100%;padding:20px}.how_to_join_inner .white.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.how_to_join_inner .white.disabled:before{content:"";background-color:#ffffffeb;width:100%;height:100%;position:absolute;top:0;left:0}.how_to_join_inner .white.disabled:after{content:"";z-index:0;background-image:url(/images/common/campaign_finished.png);background-position:50% 30%;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0%;left:0}.how_to_join_inner .brown{background-color:var(--spotify-black);flex-direction:column;display:flex}@media screen and (max-width:768px){.how_to_join_inner .brown{padding:0}}.how_to_join_inner .brown .howto_header{width:100%}.how_to_join_inner .brown .howto_header img{margin:40px 0 20px}@media screen and (max-width:768px){.how_to_join_inner .brown .howto_header{width:98%}.how_to_join_inner .brown .howto_header img{margin:20px auto}}.how_to_join_inner .brown .howto_flex{position:relative}.how_to_join_inner .brown .howto_flex .present_banner{background-color:#fff;width:100%;padding:20px;position:relative}.how_to_join_inner .brown .howto_flex .poster{color:var(--spotify-black);border-radius:28px 28px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:calc(10% + 30px);padding-bottom:20px;display:flex;position:relative}@media screen and (max-width:1080px){.how_to_join_inner .brown .howto_flex .poster{padding-bottom:8px}}@media screen and (max-width:768px){.how_to_join_inner .brown .howto_flex .poster{border-radius:20px 20px 0 0;padding-bottom:6px}}.how_to_join_inner .brown .howto_flex .poster img{width:82%;max-width:490px;margin-top:-10%}@media screen and (max-width:768px){.how_to_join_inner .brown .howto_flex .poster img{max-width:380px}}.how_to_join_inner .brown .howto_flex .poster p{font-size:.8rem;position:absolute;bottom:20px;left:20px}.how_to_join_inner .brown .howto_flex .poster p span{display:block}@media screen and (max-width:1080px){.how_to_join_inner .brown .howto_flex .poster p{position:initial;font-size:.7rem}.how_to_join_inner .brown .howto_flex .poster p span{display:inline-block}}@media screen and (max-width:780px){.how_to_join_inner .brown .howto_flex .poster p{position:initial;font-size:.54rem}.how_to_join_inner .brown .howto_flex .poster p span{display:inline-block}}.about_spotify{background-color:#fff;flex-direction:column;align-items:center;width:100%;padding-top:0;display:flex;position:relative}.about_spotify .about_spotify_inner{z-index:10;flex-direction:row;align-items:center;gap:20px;display:flex}@media screen and (max-width:768px){.about_spotify .about_spotify_inner{display:block}}.about_spotify .about_spotify_inner .left{flex-direction:column;justify-content:flex-end;width:35%;height:100%;margin-top:20%;display:flex}@media screen and (max-width:899px){.about_spotify .about_spotify_inner .left{width:40%}}@media screen and (max-width:768px){.about_spotify .about_spotify_inner .left{width:100%}}.about_spotify .about_spotify_inner .right{width:65%}.about_spotify .about_spotify_inner .right img.iphones{margin:0 0 0 auto;position:relative}@media screen and (max-width:899px){.about_spotify .about_spotify_inner .right{width:60%}}@media screen and (max-width:768px){.about_spotify .about_spotify_inner .right{width:100%}}.about_spotify .about_spotify_inner img.spotify_is{width:75%;max-width:300px;margin-top:0;margin-bottom:40px}@media screen and (max-width:768px){.about_spotify .about_spotify_inner img.spotify_is{margin-top:50px}}.about_spotify .about_spotify_inner p{width:100%;font-size:18px;font-weight:400;line-height:30px}@media screen and (max-width:899px){.about_spotify .about_spotify_inner p{width:90%;font-size:18px;line-height:30px}}@media screen and (max-width:768px){.about_spotify .about_spotify_inner p{width:100%;font-size:20px;line-height:38px}}.about_spotify .bg{z-index:0;background-color:var(--spotify-black);width:100%;height:80%;position:absolute;top:20%}@media screen and (max-width:768px){.about_spotify .bg{height:70%;top:30%}}.studio_playlist{background-color:#fff;flex-direction:column;align-items:center;padding-top:100px;display:flex}@media screen and (max-width:768px){.studio_playlist{padding-top:20px}}.studio_playlist .about_spotify_inner{flex-direction:row;align-items:flex-start;gap:40px;margin:30px auto 0;display:flex}@media screen and (max-width:768px){.studio_playlist .about_spotify_inner{flex-direction:column;align-items:flex-start;gap:20px;height:auto;display:flex}}.studio_playlist .about_spotify_inner .left{flex-direction:column;gap:20px;width:50%;height:100%;display:flex}.studio_playlist .about_spotify_inner .left iframe{border-radius:12px}@media screen and (max-width:768px){.studio_playlist .about_spotify_inner .left{text-align:center;width:100%;padding:10px 10px 20px}.studio_playlist .about_spotify_inner .left iframe{height:360px}}.studio_playlist .about_spotify_inner .right{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:50px;width:50%;height:100%;padding-left:20px;display:flex}.studio_playlist .about_spotify_inner .right .playlist_cover{margin:0 auto}.studio_playlist .about_spotify_inner .right .playlist_cover img{width:auto;height:100%}@media screen and (max-width:768px){.studio_playlist .about_spotify_inner .right{align-items:center;gap:70px;width:100%;margin-top:42px;padding-left:0}.studio_playlist .about_spotify_inner .right .playlist_cover img{height:auto}}.premium_benefits{background-color:var(--spotify-black);flex-direction:column;align-items:center;padding-bottom:100px;display:flex}.premium_benefits .premium_banners{flex-direction:row;justify-content:center;align-items:center;gap:9%;display:flex}@media screen and (max-width:768px){.premium_benefits .premium_banners{flex-direction:column;gap:45px;display:flex}}.premium_benefits .premium_banners .premium_banner{flex-direction:column;justify-content:space-between;align-items:center;gap:48px;display:flex}@media screen and (max-width:768px){.premium_benefits .premium_banners .premium_banner{flex-direction:row;align-items:center;gap:28px;display:flex}.premium_benefits .premium_banners .premium_banner img.icon{width:36%}.premium_benefits .premium_banners .premium_banner img.desc{width:auto;max-width:55%}}.premium_benefits img.premium_header{width:42%;max-width:640px;margin:30px auto 60px}@media screen and (max-width:768px){.premium_benefits img.premium_header{width:80%}}.premium_benefits img.new_meets_header{width:70%;max-width:780px;margin:130px auto 60px}@media screen and (max-width:768px){.premium_benefits img.new_meets_header{width:80%}}.premium_benefits .group_and_blend{flex-direction:row;justify-content:space-between;gap:20px;width:92%;margin:0 auto;display:flex}@media screen and (max-width:899px){.premium_benefits .group_and_blend{width:100%;padding:20px;display:block}}.premium_benefits .group_and_blend .group_and_blend_inner{border-radius:18px;flex-direction:row;width:50%;padding:0;display:flex}.premium_benefits .group_and_blend .group_and_blend_inner img{margin:0 auto}@media screen and (max-width:1020px){.premium_benefits .group_and_blend .group_and_blend_inner{width:100%}.premium_benefits .group_and_blend .group_and_blend_inner:first-child{margin-bottom:0}}@media screen and (max-width:899px){.premium_benefits .group_and_blend .group_and_blend_inner{width:100%;display:block}.premium_benefits .group_and_blend .group_and_blend_inner:first-child{margin-bottom:20px}}.premium_benefits .group_and_blend .group_and_blend_inner .info{color:var(--spotify-black);flex:1;margin:0 20px 0 14px}.premium_benefits .group_and_blend .group_and_blend_inner .info h1{font-family:var(--font-family-UDSG-bold);margin-bottom:10px;font-size:26px;line-height:28px}@media screen and (max-width:768px){.premium_benefits .group_and_blend .group_and_blend_inner .info h1{font-size:20px;line-height:21.4px}}.premium_benefits .group_and_blend .group_and_blend_inner .info p{font-size:1.2rem;line-height:2.2rem}@media screen and (max-width:768px){.premium_benefits .group_and_blend .group_and_blend_inner .info p{font-size:1.1rem;line-height:2.1rem}}.premium_benefits .group_and_blend .group_and_blend_inner img.thumb{width:140px;height:140px}@media screen and (max-width:768px){.premium_benefits .group_and_blend .group_and_blend_inner img.thumb{width:100%;height:auto;margin-bottom:20px}}.premium_benefits .cta p.kiyaku.hide{opacity:0}.premium_benefits .cta_area{margin:80px auto 100px}@media screen and (max-width:768px){.premium_benefits .cta_area{margin:60px auto 80px}}.premium_benefits img.yoyu_newlife{width:70%;max-width:420px;margin:60px auto 12px}@media screen and (max-width:768px){.premium_benefits img.yoyu_newlife{width:100%}}.premium_benefits img.kiyaku{width:80%;max-width:340px;margin:0 auto}@media screen and (max-width:768px){.premium_benefits img.kiyaku{width:90%;max-width:350px}.premium_benefits{padding:20px}}.event_block{opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;animation:1s ease-in forwards fadeIn;display:flex;position:relative}@media screen and (max-width:520px){.event_block{margin-top:180px;display:block}}.event_block .event_block_inner{border-radius:18px;width:80%;max-width:600px;height:auto;margin:6px auto}@media screen and (max-width:768px){.event_block .event_block_inner{width:98%}}.event_block .event_block_inner .event_block_title{text-align:center;width:100%;color:var(--spotify-black);letter-spacing:-1px;border-top-left-radius:18px;border-top-right-radius:18px;padding:20px;font-size:1.6rem;position:relative}.event_block .event_block_inner .event_block_title img{width:95%;max-width:500px;margin:10px auto}@media screen and (max-width:768px){.event_block .event_block_inner .event_block_title img{width:98%}.event_block .event_block_inner .event_block_title{padding:10px;font-size:1.2rem}}.event_block .event_block_inner .event_block_premium{text-align:center;width:100%;font-size:.8em}.event_block .event_block_inner .event_block_premium .event_block_premium_inner{width:100px;margin-left:calc(50% - 50px);padding-bottom:10px}.event_block .event_block_inner .event_block_premium .event_block_premium_inner img{width:auto;height:12px;margin:0 auto}.event_block .event_block_inner .event_block_desc{text-align:justify;border-bottom-right-radius:18px;border-bottom-left-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:20px;display:flex}@media screen and (max-width:768px){.event_block .event_block_inner .event_block_desc{text-align:center;padding:12px 8px}}.event_block .loading_inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.event_block h1{font-size:1.6rem;font-weight:400}.form_wrapper{opacity:0;width:80%;max-width:700px;height:auto;min-height:60vh;margin:120px auto 60px;animation:1s ease-in forwards fadeIn}@media screen and (max-width:768px){.form_wrapper{width:98%;margin-top:70px;padding:6px 18px}}.form_wrapper .form_logo{width:100%;margin:20px auto 50px}.form_wrapper .form_logo img{width:100%}.form_wrapper .form_logo h1{margin:20px auto;font-weight:700}@media screen and (max-width:768px){.form_wrapper .form_logo{width:98%}}.form_wrapper ul.form_pre_info{border-radius:8px;flex-direction:column;gap:12px;padding:6px;display:flex}.form_wrapper ul.form_pre_info li{margin-left:12px;font-size:.8rem;position:relative}.form_wrapper ul.form_pre_info li.s:before{content:"※";color:var(--spotify-black);padding-right:6px;display:block;position:absolute;left:-14px}.form_wrapper .oubo_button{cursor:pointer;width:100%;color:var(--spotify-black)}.form_wrapper .oubo_button a{letter-spacing:3px;color:var(--spotify-black)}.form_wrapper .oubo_button.disabled{opacity:.5}.form_wrapper .form_wrapper_inner{flex-direction:column;justify-content:center;gap:12px;padding:30px 20px;display:flex}.form_wrapper .form_wrapper_inner.upper{border-top-left-radius:20px;border-top-right-radius:20px}.form_wrapper .form_wrapper_inner.bottom{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.form_wrapper .form_animate,.form_wrapper .form_animate.hide{opacity:0}.form_wrapper .form_animate.show{animation:2s ease-in forwards fadeIn}.form_wrapper.tousen{margin-bottom:5rem}.form_wrapper h1{letter-spacing:-1px;font-size:1.8rem}@media screen and (max-width:768px){.form_wrapper h1{font-size:1.3rem}}.form_wrapper h2,.form_wrapper h3{color:#fff;letter-spacing:-.5px;font-size:1rem;font-weight:700}@media screen and (max-width:768px){.form_wrapper h2,.form_wrapper h3{font-size:1rem}}.form_wrapper p.privacy_policy{text-align:left;-webkit-user-select:none;user-select:none;width:100%;font-size:.8rem;font-weight:700;line-height:1.2rem}.form_wrapper .kiyaku{text-align:left;font-size:.76rem;line-height:1.2rem}.form_wrapper .kiyaku .kiyaku_inner{border:thin solid var(--spotify-black);border-radius:10px;height:300px;padding:12px}@media screen and (min-width:768px){.form_wrapper .kiyaku .kiyaku_inner{height:350px}}.form_wrapper .kiyaku .kiyaku_inner{overflow:hidden scroll}.form_wrapper .kiyaku .kiyaku_inner::-webkit-scrollbar{width:12px}.form_wrapper .kiyaku .kiyaku_inner::-webkit-scrollbar-track{background-color:#0000;border-radius:100px}.form_wrapper .kiyaku .kiyaku_inner::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--spotify-black);border-radius:100px}.form_wrapper .kiyaku .kiyaku_inner>*{margin:10px auto}.form_wrapper .kiyaku .kiyaku_inner h1{margin-top:20px;font-size:1.1rem}.form_wrapper .kiyaku .kiyaku_inner h2{border-bottom:2px solid var(--spotify-black);margin-top:20px;font-size:1rem;display:inline-block}.form_wrapper .kiyaku .kiyaku_inner img.q_mail{width:auto;height:1.1em;margin-top:2px;margin-left:3px;margin-right:3px;display:inline-block}.form_wrapper .kiyaku .kiyaku_inner ol{margin:10px 0}.form_wrapper .kiyaku .kiyaku_inner ol li:before{content:"・ "}.form_wrapper .kiyaku .kiyaku_inner ol.no_list li:before{content:""}.form_wrapper ul.selectors li{align-items:center;margin-bottom:4px;display:flex}.MuiSvgIcon-root{fill:#fff}.my_input_form{width:100%}.my_input_form.locked{pointer-events:none}.my_input_form .MuiInputBase-root{margin-bottom:0!important}.my_input_form .MuiInputBase-root fieldset{border:thin solid #fff}.my_input_form label.MuiInputLabel-formControl{text-align:left;color:#999;width:90%;font-size:.75rem;margin-bottom:0!important}@media screen and (min-width:768px){.my_input_form label.MuiInputLabel-formControl{word-break:break-all;font-size:1rem}}body.spring #svg_logo_div .img_area svg{fill:var(--spotify-pink)}body.spring #hero{background-color:var(--spotify-pink);justify-content:center}@media screen and (max-width:768px){body.spring #hero{background-image:url(/images/spring/hero/art_sp.jpg);background-position:top;background-repeat:no-repeat;background-size:100%}}body.spring #hero .hero_inner{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:20px;display:flex;position:absolute;top:0;left:0}@media screen and (max-width:768px){body.spring #hero .hero_inner{position:initial;margin-top:calc(35vw + 30px)}}@media screen and (max-width:350px){body.spring #hero .hero_inner{margin-top:33vw}}body.spring #hero .hero_inner .hero_inner_inner{width:96%;max-width:1260px;margin:0 auto}@media screen and (max-width:899px){body.spring #hero .hero_inner .hero_inner_inner{max-width:780px}body.spring #hero svg.hero_svg{margin-top:60px;margin-bottom:80px}}body.spring #hero .hero_kiyaku{width:calc(40% - 20px);margin:0;bottom:20px;right:20px}@media screen and (max-width:768px){body.spring #hero .hero_kiyaku{width:95%;max-width:100%;margin:2px auto 10px}}body.spring .hero_pc{margin-top:86px;margin-bottom:90px}@media screen and (max-width:768px){body.spring .hero_pc{margin-top:50px}}body.spring .hero_pc .hero_pc_main .kv{max-width:825px;height:auto;margin:10px auto}body.spring .hero_pc .hero_pc_main .kv img{width:100%;height:auto}@media screen and (max-width:1200px){body.spring .hero_pc .hero_pc_main .kv{max-width:600px}}@media screen and (max-width:899px){body.spring .hero_pc .hero_pc_main .kv{max-width:480px}}body.spring .hero_pc .hero_pc_second .three_month_free{max-width:370px;margin-bottom:10px}body.spring .hero_pc .hero_pc_second .three_month_free_top{width:80%;max-width:620px;margin-bottom:10px}body.spring .hero_pc .hero_pc_second .goto_buttons{flex-direction:row;justify-content:center;gap:30px;display:flex}body.spring .hero_pc .hero_pc_second .goto_buttons .goto_button{transition:all .4s ease-in-out}body.spring .hero_pc .hero_pc_second .goto_buttons .goto_button:hover{transform:translateY(-3px)}body.spring .hero_pc .hero_pc_second .goto_buttons .goto_button{cursor:pointer}body.spring .hero_pc .hero_pc_second .goto_buttons .goto_button img{height:27px}@media screen and (max-width:1200px){body.spring .hero_pc .hero_pc_second .goto_buttons{gap:24px}body.spring .hero_pc .hero_pc_second .goto_buttons .goto_button img{height:24px}}@media screen and (max-width:768px){body.spring .hero_pc .hero_pc_second .goto_buttons{align-items:center;gap:14px;margin:20px auto}body.spring .hero_pc .hero_pc_second .goto_buttons .goto_button img{height:24px;max-height:100%}body.spring .hero_pc .hero_pc_second .goto_buttons{flex-direction:column}}body.spring .hero_pc .hero_pc_second .hero_promotion{background-color:#fff;border-radius:80px;align-items:center;gap:10px;margin:10px auto;padding:8px}@media screen and (max-width:768px){body.spring .hero_pc .hero_pc_second .hero_promotion{border-radius:42px;margin:0 auto 18px;padding:12px}}body.spring .hero_pc .hero_pc_second .hero_promotion .promotion_block img.promotion_txt{padding:0 12px}body.spring #kaijo,body.spring #playlist{margin:30px 0}body.spring #kaijo img.kaijo_title,body.spring #playlist img.kaijo_title{max-width:95%;margin-bottom:48px}@media screen and (max-width:768px){body.spring #kaijo img.kaijo_title,body.spring #playlist img.kaijo_title{max-width:100%;margin-bottom:22px}}body.spring #kaijo .item,body.spring #playlist .item{flex-direction:row;justify-content:center;gap:53px;display:flex}body.spring #kaijo .item>div,body.spring #playlist .item>div{flex:1}body.spring #kaijo .item .kaijo_map,body.spring #playlist .item .kaijo_map{flex-shrink:true;position:relative}body.spring #kaijo .item .kaijo_map img.map_base,body.spring #playlist .item .kaijo_map img.map_base{border-radius:16px}body.spring #kaijo .item .kaijo_map img.map_flag,body.spring #playlist .item .kaijo_map img.map_flag{width:40%;height:auto;position:absolute;top:-22%;left:2%}@media screen and (max-width:768px){body.spring #kaijo .item .kaijo_map,body.spring #playlist .item .kaijo_map{margin-top:5%}}body.spring #kaijo .item .kaijo_info,body.spring #playlist .item .kaijo_info{max-width:95%}@media screen and (max-width:768px){body.spring #kaijo .item .kaijo_info,body.spring #playlist .item .kaijo_info{max-width:100%}}body.spring #kaijo .item .kaijo_info p,body.spring #playlist .item .kaijo_info p{margin-bottom:10px;font-size:18px;line-height:1.6}@media screen and (max-width:768px){body.spring #kaijo .item .kaijo_info p,body.spring #playlist .item .kaijo_info p{font-size:14px}body.spring #kaijo .item,body.spring #playlist .item{flex-direction:column;gap:28px}}body.spring #playlist{margin-bottom:120px}@media screen and (max-width:768px){body.spring #playlist{margin-bottom:35px}}body.spring #playlist iframe{margin-bottom:30px}body.spring #playlist img.playlist_cover{width:330px;max-width:80%;height:auto}@media screen and (max-width:768px){body.spring #playlist img.playlist_cover{width:250px;max-width:85%;margin:0 auto}}body.spring #narukiyo,body.spring #drink{padding-top:100px}@media screen and (max-width:768px){body.spring #narukiyo,body.spring #drink{padding-top:54px}}body.spring #narukiyo,body.spring #drink{background-color:var(--white)}body.spring #narukiyo .title_side img.title,body.spring #drink .title_side img.title{max-width:95%;margin-bottom:48px}@media screen and (max-width:768px){body.spring #narukiyo .title_side img.title,body.spring #drink .title_side img.title{width:90%;margin-bottom:22px}}body.spring #narukiyo .narukiyo_item,body.spring #drink .narukiyo_item{flex-direction:row;justify-content:center;gap:76px;display:flex}body.spring #narukiyo .narukiyo_item p,body.spring #drink .narukiyo_item p{color:var(--spotify-black);letter-spacing:-.8px;margin-bottom:10px;font-size:18px;line-height:1.6}@media screen and (max-width:768px){body.spring #narukiyo .narukiyo_item p,body.spring #drink .narukiyo_item p{font-size:14px}}body.spring #narukiyo .narukiyo_item>div,body.spring #drink .narukiyo_item>div{flex:1}@media screen and (max-width:768px){body.spring #narukiyo .narukiyo_item,body.spring #drink .narukiyo_item{flex-direction:column;gap:20px;margin-bottom:20px}}body.spring #narukiyo .cta_area,body.spring #drink .cta_area{margin-top:54px}@media screen and (max-width:768px){body.spring #narukiyo .cta_area,body.spring #drink .cta_area{margin-top:25px}}body.spring #present .common_inner{position:relative}body.spring #present img.kikan{position:absolute;top:0;right:0}@media screen and (max-width:768px){body.spring #present img.kikan{padding-top:40px;position:static}}body.spring #present img.title{max-width:95%;margin:35px 0}@media screen and (max-width:768px){body.spring #present img.title{max-width:100%;margin-bottom:20px}}body.spring #present .shirts{flex-flow:wrap;justify-content:center;gap:10px;display:flex}@media screen and (max-width:768px){body.spring #present .shirts{justify-content:center;gap:5px}}body.spring #present .shirts .shirt{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;margin:1rem 0;display:flex}body.spring #present .shirts .shirt.layout3{width:31%}@media screen and (max-width:970px){body.spring #present .shirts .shirt.layout3{width:32%}}@media screen and (max-width:500px){body.spring #present .shirts .shirt.layout3{width:100%}}body.spring #present .shirts .shirt.layout4{width:24.2%}@media screen and (max-width:970px){body.spring #present .shirts .shirt.layout4{width:45%}}@media screen and (max-width:500px){body.spring #present .shirts .shirt.layout4{width:100%}}body.spring #present .shirts .shirt.layout{width:calc(25% - 10px)}@media screen and (max-width:768px){body.spring #present .shirts .shirt.layout{width:100%}}body.spring #present .shirts .shirt>*{margin-bottom:3px}body.spring #present .shirts .shirt p.artist{color:var(--spotify-fuchsia);text-align:center;margin:0 6px;font-size:1.3rem}@media screen and (max-width:500px){body.spring #present .shirts .shirt p.artist{font-size:1.6rem}}body.spring #present .shirts .shirt p.artist{flex:1}body.spring #present .shirts .shirt p.goukei{letter-spacing:1px;font-size:1rem}body.spring #present .shirts .shirt p.goukei span{font-size:1.2rem}@media screen and (max-width:500px){body.spring #present .shirts .shirt p.goukei{font-size:1rem}body.spring #present .shirts .shirt p.goukei span{font-size:1.5rem}}body.spring #present .shirts .shirt .thumb{box-shadow:0px 0px 14px -6px var(--spotify-fuchsia);background-color:var(--spotify-fuchsia);border:2px solid var(--spotify-fuchsia);background-position:50%;background-size:cover;border-radius:12px;width:100%}body.spring #present .shirts .shirt .thumb img{width:100%;height:auto}body.spring #present .shirts .shirt iframe{height:186px}@media screen and (max-width:600px){body.spring #present .shirts .shirt iframe{height:150px}}body.spring #present .item{flex-direction:row;justify-content:center;gap:70px;display:flex}body.spring #present .item .item_left{width:80%}@media screen and (max-width:768px){body.spring #present .item .item_left{width:100%}body.spring #present .item{flex-direction:column;gap:21px;margin-bottom:80px}}body.orchestra #svg_logo_div .img_area svg{fill:var(--spotify-pink)}body.orchestra .hero{background-color:var(--spotify-azure);background-image:url(/images/orchestra/bg1_pc.jpg)}@media screen and (max-width:768px){body.orchestra .hero{background-image:url(/images/orchestra/bg1_sp.jpg)}}body.orchestra .hero .hero_kiyaku{bottom:30px;left:36px}@media screen and (max-width:768px){body.orchestra .hero .hero_kiyaku,body.orchestra .hero a.spotify_is{position:static}}body.orchestra .hero_pc{margin-top:86px;margin-bottom:90px}@media screen and (max-width:768px){body.orchestra .hero_pc{margin-top:50px}}body.orchestra .hero_pc .hero_pc_main .hero_title{width:80%;max-width:900px;margin:18px auto 30px}@media screen and (max-width:768px){body.orchestra .hero_pc .hero_pc_main .hero_title{width:100%}}@media screen and (max-width:899px){body.orchestra .hero_pc .hero_pc_second{padding-top:40px}}body.orchestra .hero_pc .hero_pc_second .hero_promotion{background-color:#fff;border-radius:80px;align-items:center}@media screen and (max-width:768px){body.orchestra .hero_pc .hero_pc_second .hero_promotion{border-radius:42px;padding:10px}}body.orchestra .studio_playlist .about_spotify_inner .right{gap:3px}body.orchestra .studio_playlist .about_spotify_inner .right .playlist_cover{flex:1;max-height:230px}body.orchestra .studio_playlist .about_spotify_inner .right .playlist_cover img{width:auto;height:100%}body.orchestra .studio_playlist .about_spotify_inner .right .playlist_desc img{width:auto}@media screen and (max-width:768px){body.orchestra .studio_playlist .about_spotify_inner .right img.playlist_cover{width:200px}}body.orchestra footer a{color:var(--spotify-pink)}body.orchestra footer .listen-on-spotify-logo svg{fill:var(--spotify-pink)}body.orchestra .how_to_join{background-color:var(--royal-blue);background-image:url(/images/orchestra/bg2_pc.jpg)}body.orchestra .how_to_join .how_to_join_inner .brown{background-color:var(--spotify-black);border-top-left-radius:15px;border-top-right-radius:15px}@media screen and (max-width:768px){body.orchestra .how_to_join .how_to_join_inner .brown{padding:20px}}body.orchestra .how_to_join .how_to_join_inner .brown .left{width:50%;padding:40px;position:relative}body.orchestra .how_to_join .how_to_join_inner .brown .left img{height:100%}body.orchestra .how_to_join .how_to_join_inner .brown .right{width:50%;padding:40px}@media screen and (max-width:768px){body.orchestra .how_to_join .how_to_join_inner .brown .right{width:100%;padding:30px 0}}body.orchestra .how_to_join .how_to_join_inner .brown .howto_header{width:80%;max-width:800px;margin:0 auto}body.orchestra .how_to_join .how_to_join_inner .brown .howto_flex{flex-direction:row;justify-content:center;align-items:flex-start;display:flex}body.orchestra .studio_concert{background-color:#fff;background-image:url(/images/orchestra/bg_pc.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;padding:0;display:flex}@media screen and (max-width:768px){body.orchestra .studio_concert{background-image:none}}body.orchestra .studio_concert .about_spotify_inner{flex-direction:row;align-items:center;margin:0 auto;display:flex}@media screen and (max-width:768px){body.orchestra .studio_concert .about_spotify_inner{flex-direction:column;align-items:flex-start;display:flex}}body.orchestra .studio_concert .about_spotify_inner .concert_box{width:50%;height:100%}@media screen and (max-width:768px){body.orchestra .studio_concert .about_spotify_inner .concert_box{width:100%}}body.orchestra .studio_concert .about_spotify_inner .left img{width:80%;margin:40px auto}@media screen and (max-width:768px){body.orchestra .studio_concert .about_spotify_inner .left img{width:calc(90% - 40px);margin:40px auto 30px}body.orchestra .studio_concert .about_spotify_inner .left{order:2;margin:18px auto}}body.orchestra .studio_concert .about_spotify_inner .right img{margin:0;padding:0}@media screen and (max-width:768px){body.orchestra .studio_concert .about_spotify_inner .right{text-align:center;background-color:#000;order:1;margin:0 auto;padding-top:20px}}body.befirst #svg_logo_div .img_area svg{fill:var(--spotify-fuchsia)}body.befirst .hero{background-color:var(--spotify-black);background-image:url(/images/befirst/bg.jpg);background-position:bottom}@media screen and (max-width:768px){body.befirst .hero{background-image:url(/images/befirst/bg_sp.jpg);background-position:top}}body.befirst .how_to_join,body.befirst .how_to_join .how_to_join_inner .brown{background-color:var(--spotify-black)}body.befirst .how_to_join .how_to_join_inner .brown .howto_flex .poster{border-radius:12px 12px 0 0}body.befirst .how_to_join .how_to_join_inner .brown .howto_flex .poster img{width:80%;max-width:500px;padding-bottom:20px}body.befirst .studio_playlist .about_spotify_inner .right .playlist_cover{height:280px}body.befirst .studio_playlist .about_spotify_inner .right .playlist_cover img{width:auto;height:100%}body.befirst .studio_playlist .about_spotify_inner .right .playlist_desc{color:var(--spotify-black);flex:1}body.befirst .studio_playlist .about_spotify_inner .right .playlist_desc h1{margin-bottom:20px;font-size:39px;font-weight:700}body.befirst .studio_playlist .about_spotify_inner .right .playlist_desc p{word-break:break-all;font-size:1rem;line-height:2rem}body.befirst .studio_playlist .about_spotify_inner .right .playlist_desc img{width:100%;height:auto}body.befirst footer a{color:var(--spotify-fuchsia)}body.befirst footer .listen-on-spotify-logo svg{fill:var(--spotify-fuchsia)}body.befirst2 #svg_logo_div .img_area svg{fill:var(--bole)}body.befirst2 .hero{background-color:var(--spotify-black);background-image:url(/images/befirst2/bg.jpg);background-position:top;background-size:100%}@media screen and (max-width:768px){body.befirst2 .hero{background-image:url(/images/befirst2/bg_sp.jpg);background-position:top}}body.befirst2 .how_to_join .how_to_join_inner .brown .howto_flex .present_banner img{z-index:2;width:100%;position:relative}body.befirst2 .how_to_join .how_to_join_inner .brown .howto_flex .present_banner:before{content:"";background-color:var(--bole);z-index:0;width:100%;height:50%;position:absolute;top:0;left:0}body.befirst2 .how_to_join .how_to_join_inner .brown .howto_flex .poster{border-radius:12px 12px 0 0}body.befirst2 .how_to_join .how_to_join_inner .brown .howto_flex .poster img{width:80%;max-width:500px;padding-bottom:20px}body.befirst2 .studio_playlist .about_spotify_inner .right .playlist_cover{height:280px}body.befirst2 .studio_playlist .about_spotify_inner .right .playlist_cover img{width:auto;height:100%}body.befirst2 .studio_playlist .about_spotify_inner .right .playlist_desc{color:var(--spotify-black);flex:1}body.befirst2 .studio_playlist .about_spotify_inner .right .playlist_desc h1{margin-bottom:20px;font-size:39px;font-weight:700}body.befirst2 .studio_playlist .about_spotify_inner .right .playlist_desc p{word-break:break-all;font-size:1rem;line-height:2rem}body.befirst2 .studio_playlist .about_spotify_inner .right .playlist_desc img{width:100%;height:auto}body.befirst2 footer a{color:var(--bole)}body.befirst2 footer .listen-on-spotify-logo svg{fill:var(--bole)}body.jo1 #svg_logo_div .img_area svg{fill:var(--aquamarine)}body.jo1 .hero{background-image:url(/images/jo1/bg.jpg)}@media screen and (max-width:768px){body.jo1 .hero{background-image:url(/images/jo1/bg_sp.jpg)}}body.jo1 .how_to_join .how_to_join_inner .brown .howto_flex .present_banner img{z-index:2;width:100%;position:relative}body.jo1 .how_to_join .how_to_join_inner .brown .howto_flex .present_banner:before{content:"";background-color:var(--aquamarine);z-index:0;width:100%;height:50%;position:absolute;top:0;left:0}body.jo1 .how_to_join .how_to_join_inner .brown .howto_flex .poster{background-color:var(--aquamarine)}body.jo1 footer a{color:var(--aquamarine)}body.jo1 footer .listen-on-spotify-logo svg{fill:var(--aquamarine)}body.yonezu #svg_logo_div .img_area svg{fill:var(--spotify-storm)}body.yonezu .hero{background-image:url(/images/yonezu/bg.jpg)}@media screen and (max-width:768px){body.yonezu .hero{background-image:url(/images/yonezu/bg_sp.jpg)}}body.yonezu .hero .oubo_arrow{bottom:0}body.yonezu .hero .hero_pc .hero_pc_main .kv{max-width:500px}@media screen and (max-width:768px){body.yonezu .hero .hero_pc .hero_pc_main .kv{max-width:400px}}body.yonezu .how_to_join .how_to_join_inner .brown .howto_flex .present_banner img{z-index:2;width:100%;position:relative}body.yonezu .how_to_join .how_to_join_inner .brown .howto_flex .present_banner:before{content:"";background-color:var(--spotify-storm);z-index:0;width:100%;height:50%;position:absolute;top:0;left:0}body.yonezu .playlist_desc{color:var(--spotify-black)}body.yonezu .playlist_desc h1{font-size:2.3rem;font-weight:700}body.yonezu .playlist_desc p{font-size:1.2rem;line-height:1.6}@media screen and (max-width:768px){body.yonezu .playlist_desc p{font-size:1.08rem}}body.yonezu footer a{color:var(--spotify-storm)}body.yonezu footer .listen-on-spotify-logo svg{fill:var(--spotify-storm)}body.kinkikids #svg_logo_div .img_area svg{fill:var(--tan)}body.kinkikids .hero{background-image:url(/images/kinkikids/bg.jpg)}@media screen and (max-width:768px){body.kinkikids .hero{background-image:url(/images/kinkikids/bg_sp.jpg)}}body.kinkikids .hero_pc .hero_title{width:80%;max-width:900px;margin-bottom:0;margin-left:0}@media screen and (max-width:768px){body.kinkikids .hero_pc .hero_title{width:100%}}body.kinkikids .how_to_join .how_to_join_inner .brown .howto_flex .present_banner img{z-index:2;width:100%;position:relative}body.kinkikids .how_to_join .how_to_join_inner .brown .howto_flex .present_banner:before{content:"";background-color:var(--tan);z-index:0;width:100%;height:50%;position:absolute;top:0;left:0}body.kinkikids footer a{color:var(--tan)}body.kinkikids footer .listen-on-spotify-logo svg{fill:var(--tan)}body.kinkikids_event .form_wrapper ul.form_pre_info li.s:before,body.kinkikids_event .form_wrapper h2,body.kinkikids_event .form_wrapper h3{color:var(--tan)}body.kinkikids_event .form_wrapper .kiyaku .kiyaku_inner{border:thin solid var(--tan)}body.kinkikids_event .form_wrapper .kiyaku .kiyaku_inner::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--tan)}body.kinkikids_event .form_wrapper .kiyaku .kiyaku_inner h2{border-bottom:2px solid var(--tan)}body.kinkikids_event .MuiSvgIcon-root{fill:var(--tan)}body.kinkikids_event .my_input_form .MuiInputBase-root fieldset{border:thin solid var(--tan)!important}body.kinkikids_event footer a{color:var(--tan)}body.kinkikids_event footer .listen-on-spotify-logo svg{fill:var(--tan)}body.kinkikids .artist_profile{background-color:#fff;flex-direction:column;align-items:center;padding-top:100px;padding-bottom:0;display:flex}body.kinkikids .artist_profile_inner{background-color:var(--spotify-black);border-radius:15px;flex-direction:row;justify-content:center;align-items:center;gap:30px;padding:50px 50px 60px;display:flex}@media screen and (max-width:850px){body.kinkikids .artist_profile_inner{flex-direction:column}}@media screen and (max-width:500px){body.kinkikids .artist_profile_inner{padding:30px 18px 40px}}body.kinkikids .playlist_block{width:43%}@media screen and (max-width:850px){body.kinkikids .playlist_block{flex-direction:column;width:100%}}body.kinkikids .artist_block{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;max-width:780px;display:flex}body.kinkikids .artist_block .artist_header{width:100%}body.kinkikids .artist_block .artist_header h1{text-align:center;color:var(--tan);font-family:Spotify_Mix_Bold;font-size:4rem;line-height:2}@media screen and (max-width:500px){body.kinkikids .artist_block .artist_header h1{font-size:3rem}}body.kinkikids .artist_block .artist_header p{text-align:left;width:100%;font-size:1em;line-height:2}body.nexz #svg_logo_div .img_area svg{fill:var(--spotify-power-garden)}body.nexz .hero{background-image:url(/images/nexz/bg.jpg);background-size:100%}@media screen and (max-width:768px){body.nexz .hero{background-image:url(/images/nexz/bg_sp.jpg);background-size:100%}}body.nexz .hero .oubo_arrow{bottom:0}body.nexz .hero .kv{max-width:550px}@media screen and (max-width:980px){body.nexz .hero .kv{max-width:400px}}@media screen and (max-width:768px){body.nexz .hero .kv{max-width:550px}}body.nexz .how_to_join .how_to_join_inner .brown .howto_flex .present_banner img{z-index:2;width:100%;position:relative}body.nexz .how_to_join .how_to_join_inner .brown .howto_flex .present_banner:before{content:"";background-color:var(--spotify-power-garden);z-index:0;width:100%;height:50%;position:absolute;top:0;left:0}body.nexz footer a{color:var(--spotify-power-garden)}body.nexz footer .listen-on-spotify-logo svg{fill:var(--spotify-power-garden)}.error{text-align:center;height:100vh;color:var(--spotify-green);letter-spacing:1px;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:1rem;display:flex}.error p{font-style:oblique}.error a{color:var(--white);background-color:var(--spotify-green);border-radius:18px;padding:6px 20px;font-size:.8rem}.popup{color:var(--aquamarine);background-color:var(--spotify-black);text-align:center;flex-direction:column;place-content:center;align-items:center;height:100%;display:flex}.popup .popup_inner{flex-direction:column;place-content:center;align-items:center;gap:10px;width:80%;height:100vh;padding:20px;display:flex}.popup .popup_inner h3{margin-bottom:1rem;font-size:1.3rem;font-weight:700}.popup .popup_inner h3 img{width:100%;max-width:350px;margin:0 auto}.popup .popup_inner p{text-align:left;margin-bottom:20px;font-size:.8rem;line-height:1.5}.popup .popup_inner .login_buttons .login{background-color:var(--aquamarine);color:var(--spotify-black)}div#result{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100vh;min-height:100vh;display:flex}.party_player{border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;gap:clamp(12px,1.65975vw - .746888px,20px);padding:clamp(18px,2.48963vw - 1.12033px,30px);display:flex}.party_player iframe,.party_player div.mp3_player{width:90%;max-width:650px;margin:0 auto}.mp3_player{background-color:var(--spotify-black);border-radius:12px;padding:12px 8px}.mp3_player h1{font-size:13px;color:#fff!important}.mp3_player h1:before{content:"リスニングパーティ";border:thin solid #fff;border-radius:2px;margin:5px;padding:1px 3px;display:inline-block}.mp3_player .rhap_container{background-color:var(--spotify-black);border-radius:12px;font-family:revert!important}.mp3_player .rhap_container .rhap_main .rhap_progress-section .rhap_time{color:#fff;font-size:11px;font-weight:400}.mp3_player .rhap_container .rhap_main .rhap_controls-section,.mp3_player .rhap_container .rhap_main .rhap_controls-section .rhap_main-controls-button{color:#fff}.west .mp3_player{background-color:var(--west2)}.west .mp3_player .rhap_container{background-color:var(--west2);box-shadow:none!important}.ni .mp3_player{background-color:var(--numberi2)}.ni .mp3_player .rhap_container{background-color:var(--numberi2);box-shadow:none!important}
*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@font-face{font-family:UDSG_partial;font-style:normal;font-weight:400;src:url(/fonts/udsg_partial_regular.otf)format("opentype")}@font-face{font-family:UDSG_partial_bold;font-style:normal;font-weight:400}@font-face{font-family:UDSG_partial;font-style:normal;font-weight:400;src:url(/fonts/udsg_partial_regular.otf)format("opentype")}@font-face{font-family:Spotify_Mix;font-style:normal;font-weight:400;src:url(/fonts/spotify_mix_eng_num.otf)format("opentype")}@font-face{font-family:Spotify_Mix_Bold;font-style:Bold;font-weight:400;src:url(/fonts/spotify_mix_eng_num_bold.otf)format("opentype")}
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}90%{transform:translateY(-4px)}}.bounce{transform-origin:bottom;animation-name:bounce}@keyframes flash{50%,0%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.swing{transform-origin:top;animation-name:swing}@keyframes tada{0%,to{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}}.tada{animation-name:tada}@keyframes wobble{0%,to{transform:none}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,0%,to{transform:none}22.2%{transform:skew(-12.5deg)skewY(-12.5deg)}33.3%{transform:skew(6.25deg)skewY(6.25deg)}44.4%{transform:skew(-3.125deg)skewY(-3.125deg)}55.5%{transform:skew(1.5625deg)skewY(1.5625deg)}66.6%{transform:skew(-.78125deg)skewY(-.78125deg)}77.7%{transform:skew(.390625deg)skewY(.390625deg)}88.8%{transform:skew(-.195313deg)skewY(-.195313deg)}}.jello{transform-origin:50%;animation-name:jello}@keyframes bounceIn{20%,40%,60%,80%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translateY(10px)}40%,45%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(-2000px)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(2000px)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translateY(-10px)}40%,45%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate(-2000px)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate(2000px)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate(-2000px)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate(2000px)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px)rotateY(-360deg)}40%{animation-timing-function:ease-out;transform:perspective(400px)translateZ(150px)rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px)translateZ(150px)rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px)scale3d(.95,.95,.95)}to{animation-timing-function:ease-in;transform:perspective(400px)}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;backface-visibility:visible!important}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateX(-20deg)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateY(-15deg)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}.flipOutY{animation-name:flipOutY;backface-visibility:visible!important}@keyframes lightSpeedIn{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{opacity:1;transform:skew(-5deg)}to{opacity:1;transform:none}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{opacity:0;transform:translate(100%)skew(30deg)}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:50%;opacity:0;transform:rotate(-200deg)}to{transform-origin:50%;opacity:1;transform:none}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:0 100%;opacity:0;transform:rotate(-45deg)}to{transform-origin:0 100%;opacity:1;transform:none}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:100% 100%;opacity:0;transform:rotate(45deg)}to{transform-origin:100% 100%;opacity:1;transform:none}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:0 100%;opacity:0;transform:rotate(45deg)}to{transform-origin:0 100%;opacity:1;transform:none}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:100% 100%;opacity:0;transform:rotate(-90deg)}to{transform-origin:100% 100%;opacity:1;transform:none}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:50%;opacity:1}to{transform-origin:50%;opacity:0;transform:rotate(200deg)}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:0 100%;opacity:1}to{transform-origin:0 100%;opacity:0;transform:rotate(45deg)}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:100% 100%;opacity:1}to{transform-origin:100% 100%;opacity:0;transform:rotate(-45deg)}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:0 100%;opacity:1}to{transform-origin:0 100%;opacity:0;transform:rotate(-45deg)}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:100% 100%;opacity:1}to{transform-origin:100% 100%;opacity:0;transform:rotate(90deg)}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:0 0;animation-timing-function:ease-in-out}20%,60%{transform-origin:0 0;animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{transform-origin:0 0;opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate(100%)rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(60px)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(10px)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(-10px)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(-60px)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(-60px)}to{opacity:0;transform-origin:bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(2000px)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(42px)}to{opacity:0;transform-origin:0;transform:scale(.1)translate(-2000px)}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(-42px)}to{opacity:0;transform-origin:100%;transform:scale(.1)translate(2000px)}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(60px)}to{opacity:0;transform-origin:bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(-2000px)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translate(0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translate(0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(100%)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(-100%)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(100%)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(-100%)}}.slideOutUp{animation-name:slideOutUp}
.rhap_container{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;padding:10px 15px;font-family:inherit;line-height:1;display:flex;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{flex-direction:column;flex:auto;display:flex}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{flex:3 auto;align-items:center;display:flex}.rhap_progress-container{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 0 auto;align-self:center;align-items:center;height:20px;margin:0 calc(10px + 1%);display:flex}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;-webkit-user-select:none;user-select:none;font-size:16px}.rhap_progress-bar{box-sizing:border-box;z-index:0;background-color:#ddd;border-radius:2px;width:100%;height:5px;position:relative}.rhap_progress-filled{z-index:2;background-color:#868686;border-radius:2px;height:100%;position:absolute}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{z-index:1;background-color:#ddd;border-radius:2px;height:100%;position:absolute}.rhap_progress-indicator{box-sizing:border-box;z-index:3;background:#868686;border-radius:50px;width:20px;height:20px;margin-left:-10px;position:absolute;top:-8px;box-shadow:0 0 5px #86868680}.rhap_controls-section{flex:auto;justify-content:space-between;align-items:center;display:flex}.rhap_additional-controls{flex:1 0 auto;align-items:center;display:flex}.rhap_repeat-button{color:#868686;width:26px;height:26px;margin-right:6px;font-size:26px}.rhap_main-controls{flex:0 auto;justify-content:center;align-items:center;display:flex}.rhap_main-controls-button{color:#868686;width:35px;height:35px;margin:0 3px;font-size:35px}.rhap_play-pause-button{width:40px;height:40px;font-size:40px}.rhap_volume-controls{flex:1 0 auto;justify-content:flex-end;align-items:center;display:flex}.rhap_volume-button{color:#868686;flex:0 0 26px;width:26px;height:26px;margin-right:6px;font-size:26px}.rhap_volume-container{-webkit-user-select:none;user-select:none;flex:0 100px;align-items:center;display:flex}.rhap_volume-bar-area{cursor:pointer;align-items:center;width:100%;height:14px;display:flex}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;background:#ddd;border-radius:2px;width:100%;height:4px;position:relative}.rhap_volume-indicator{box-sizing:border-box;opacity:.9;cursor:pointer;background:#868686;border-radius:50px;width:12px;height:12px;margin-left:-6px;position:absolute;top:-4px;left:0;box-shadow:0 0 3px #86868680}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{z-index:2;background-color:#868686;border-radius:2px;height:100%;position:absolute}.rhap_button-clear{cursor:pointer;background-color:#0000;border:none;padding:0;overflow:hidden}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}