@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");body,html{font-family:Noto Sans JP,sans-serif;height:100%;margin:0;padding:0}.abcjs-note:not(.abcjs-note_selected):hover{fill:#c438388e}.abcjs-chord{font-family:Noto Sans JP,serif;font-weight:400;font-style:normal;font-size:.8rem}@media (max-width:479px){.octave-2,.octave-4,.octave-5{display:none!important}}@media (min-width:480px) and (max-width:719px){.octave-2,.octave-5{display:none!important}}@media (min-width:720px) and (max-width:1200px){.octave-2{display:none!important}}.swiper{width:100%;max-width:650px;height:340px;margin:0 auto;position:relative;padding-bottom:48px;box-sizing:border-box;background:transparent;border-radius:12px;overflow:visible;flex-direction:column}.swiper,.swiper-slide{display:flex;justify-content:center}.swiper-slide{align-items:center;height:100%}.swiper-pagination{position:absolute!important;left:0!important;right:0!important;bottom:5px!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:10}.swiper-pagination-bullet{width:16px!important;height:16px!important;background:#bbb!important;opacity:.9!important;margin:0 6px!important;transition:background .3s,transform .3s!important;border-radius:50%;border:none!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.swiper-pagination-bullet-active{background:#fff!important;transform:scale(1.25)!important;border:none!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important}.swiper-button-next,.swiper-button-prev{color:#fff!important;top:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;font-size:2rem;opacity:.5;backdrop-filter:blur(2px)}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}.swiper-button-next:after,.swiper-button-prev:after{font-size:2rem;font-weight:700}.Header_header__KwdYD{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#ffffff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;padding:10px 32px;font-family:Roboto,sans-serif;transition:transform .3s ease;width:100%;margin:0 auto;box-sizing:border-box;height:64px}.Header_show__FldZX{transform:translateY(0)}.Header_hide__sea4f{transform:translateY(-100%)}.Header_center__tJZC_{display:flex;align-items:center;gap:40px}.Header_left__0UpYn,.Header_right__ya__V{display:flex;align-items:center;gap:16px}.Header_left__0UpYn .Header_image__7df76,.Header_left__0UpYn .Header_logoImage__NjB6a{height:40px;fill:#e63946;color:#e63946}.Header_title__QYI_x{font-size:20px;font-weight:700;color:#e63946}.Header_center__tJZC_ a{font-size:18px;position:relative;color:#e63946;text-decoration:none;font-weight:500;padding-bottom:4px;transition:all .2s ease-in-out}.Header_center__tJZC_ a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#e63946;transition:width .3s ease}.Header_center__tJZC_ .Header_active__c7HdO:after,.Header_center__tJZC_ a:hover:after{width:100%}.Header_right__ya__V a,.Header_right__ya__V button{font-size:18px;padding:6px 16px;border-radius:999px;font-weight:500;border:1px solid #e63946;background:none;color:#e63946;text-decoration:none;transition:background-color .2s}.Header_right__ya__V a:last-child{background-color:#e63946;color:white;border:none}.Header_right__ya__V a:hover{background-color:#f8d7da}.Header_logoLink__8hJcT{text-decoration:none}.Header_logoGroup__JRUbX{display:flex;align-items:center;gap:8px}.Header_disabledLink__tPKce{opacity:.5;pointer-events:none;position:relative}.Header_tooltipWrapper__nAMfV{position:relative;display:inline-block}.Header_tooltip__QizWq{visibility:hidden;opacity:0;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:6px 10px;position:absolute;z-index:1;bottom:-30px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;transition:opacity .3s ease}.Header_tooltipWrapper__nAMfV:hover .Header_tooltip__QizWq{visibility:visible;opacity:1}.Header_userName__8pz2T{margin-right:12px;font-weight:500;color:#333}.Header_hamburger__zEELl{display:none;position:fixed;top:50%;left:18px;transform:translateY(-50%);width:44px;height:44px;z-index:1201;background:rgba(255,255,255,.85);border:1.5px solid #e63946;border-radius:12px;box-shadow:0 2px 12px rgba(230,57,70,.08);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:background .2s,border .2s;padding:0}.Header_hamburger__zEELl span{display:block;width:26px;height:3px;margin:4px 0;background:#e63946;border-radius:0;transition:.3s cubic-bezier(.4,2,.6,1);position:relative}.Header_hamburger__zEELl:hover span:first-child{transform:translateX(5px) translateY(6px) rotate(30deg) scale(.6)}.Header_hamburger__zEELl:hover span:nth-child(2){transform:translateX(0);opacity:1}.Header_hamburger__zEELl:hover span:nth-child(3){transform:translateX(5px) translateY(-7px) rotate(-30deg) scale(.6)}.Header_closeMenu__oommt{display:none;position:fixed;top:50%;left:18px;transform:translateY(-50%);width:44px;height:44px;z-index:2200;background:rgba(255,255,255,.95);border:1.5px solid #e63946;border-radius:12px;box-shadow:0 2px 12px rgba(230,57,70,.08);cursor:pointer;align-items:center;justify-content:center;transition:background .2s,border .2s}.Header_closeMenu__oommt svg{width:28px;height:28px;color:#e63946}@media (max-width:1260px){.Header_center__tJZC_{display:none}.Header_closeMenu__oommt,.Header_hamburger__zEELl{display:flex}.Header_logoGroup__JRUbX{margin-left:0;padding-left:50px}.Header_mobileMenu__YC5Nj{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:78vw;max-width:350px;height:100vh;background:linear-gradient(135deg,#fff 80%,#f8d7da);z-index:2100;box-shadow:2px 0 24px rgba(230,57,70,.13);padding:90px 28px 28px;gap:32px;animation:Header_slideIn__6s8Hu .3s;border-top-right-radius:24px;border-bottom-right-radius:24px}@keyframes Header_slideIn__6s8Hu{0%{left:-100vw}to{left:0}}.Header_mobileMenu__YC5Nj a{font-size:1.15rem;color:#e63946;text-decoration:none;font-weight:600;margin-bottom:18px;padding:10px 0 10px 8px;border-bottom:1px solid #f3bfc5;border-radius:6px;transition:background .18s}.Header_mobileMenu__YC5Nj a:active,.Header_mobileMenu__YC5Nj a:focus{background:#f8d7da}.Header_mobileMenu__YC5Nj a:hover:not(.Header_active__c7HdO){background:#fde2e4ab}.Header_mobileMenu__YC5Nj .Header_active__c7HdO{color:#fff;background:#e63946;border-radius:8px;padding:10px 12px}.Header_mobileMenu__YC5Nj .Header_disabledLink__tPKce{opacity:.5;pointer-events:none}.Header_mobileMenu__YC5Nj .Header_tooltip__QizWq{visibility:visible;opacity:1;position:static;background:#e63946;color:#fff;margin-top:2px;margin-left:8px;font-size:12px;border-radius:6px;padding:4px 10px;display:inline-block;white-space:nowrap;z-index:10}.Header_mobileMenu__YC5Nj .Header_note__gCv33{color:#aaa;font-size:.97rem;margin-top:8px;margin-bottom:-40px;margin-left:8px;display:block;font-weight:400}}