:root{--themeColor:#e5573c;--themeColor-lt:#fbe3dc;--pointColor:#2c3a54;--rootColor:#2f6fdb;--bgColor:#f4efe6;--cardColor:#fffdf9;--subBgColor:#ebe4d7;--lineColor:#e2d9ca;--fontColor:#1f2329;--subColor:#7b7467;--widthXL:1260px;--widthLG:980px;--widthTab:768px;--font-go-base:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;--font-en:"Avenir Next", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif}html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select,main,address,span,button{box-sizing:border-box;margin:0;padding:0;line-height:140%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{box-sizing:border-box;display:block}a,span,details,summary,label{box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}ul li,ol li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}button{appearance:none;cursor:pointer;background:0 0;border:0}[hidden]{display:none!important}html{background:var(--bgColor)}body{color:var(--fontColor);background:var(--bgColor);font-size:1rem;font-family:var(--font-go-base);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"halt";-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;overflow:hidden}@media (width<=767px){body{overflow:auto}}select{appearance:none;border:1px solid var(--lineColor);height:44px;color:var(--fontColor);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%237b7467' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat;border-radius:10px;padding:0 38px 0 14px;font-size:1rem;font-weight:600}.btn-start{background:var(--pointColor);color:#fff;letter-spacing:.2em;text-indent:.2em;border-radius:999px;min-width:280px;height:84px;padding:0 48px;font-size:1.75rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 28px #2c3a5440}.btn-start:active{transform:scale(.97);box-shadow:0 6px 16px #2c3a5440}.btn-play{background:var(--pointColor);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .15s,background .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 4px 12px #2c3a5440}.btn-play:active{transform:scale(.94)}@media (width<=767px){.btn-play{width:44px;height:44px}}.btn-play[aria-pressed=true]{background:var(--themeColor);box-shadow:0 4px 12px #e5573c4d}.btn-play:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.btn-play-icon{fill:currentColor;width:26px;height:26px}@media (width<=767px){.btn-play-icon{width:22px;height:22px}}.btn-play-icon.is-on,.btn-play-icon.is-replay,[aria-pressed=true]>.btn-play-icon.is-off{display:none}[aria-pressed=true]>.btn-play-icon.is-on{display:block}.is-replay>.btn-play-icon.is-off,.is-replay>.btn-play-icon.is-on{display:none}.is-replay>.btn-play-icon.is-replay{display:block}.btn-ctrl{border:1px solid var(--lineColor);width:68px;height:58px;color:var(--pointColor);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .15s,background .15s,color .15s;display:flex;position:relative}.btn-ctrl:active{transform:scale(.95)}.btn-ctrl:disabled{opacity:.35;cursor:default;transform:none}@media (width<=767px){.btn-ctrl{border-radius:12px;flex:1 1 0;width:auto;min-width:0;max-width:56px;height:44px}}.btn-ctrl.is-quiet{color:var(--subColor);background:0 0;border-color:#0000}.btn-ctrl.is-attention{border-color:var(--themeColor);background:var(--themeColor);color:#fff}.btn-ctrl-icon{fill:currentColor;width:22px;height:22px}.btn-ctrl-icon.is-line{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.btn-ctrl-text{letter-spacing:.02em;white-space:nowrap;font-size:.75rem;font-weight:700}@media (width<=767px){.btn-ctrl-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.btn-ctrl-badge{background:var(--themeColor);min-width:30px;height:20px;font-family:var(--font-en);color:#fff;border-radius:999px;padding:0 6px;font-size:.6875rem;font-weight:700;line-height:20px;position:absolute;top:-8px;right:-6px}.btn-ctrl-badge:empty{display:none}@media (width<=767px){.btn-ctrl-badge{min-width:26px;height:16px;padding:0 4px;font-size:.625rem;line-height:16px;top:-6px;right:-4px}}.btn-close{background:var(--subBgColor);width:44px;height:44px;color:var(--pointColor);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.btn-close:active{transform:scale(.94)}.btn-close-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:20px;height:20px}.btn-block{background:var(--pointColor);color:#fff;letter-spacing:.1em;border-radius:14px;width:100%;height:56px;font-size:1.125rem;font-weight:700;transition:transform .15s;display:block}.btn-block:active{transform:scale(.98)}.keyboard{width:100%;height:auto;display:block}.keyboard-white{fill:#fff;stroke:#45423d;stroke-width:1px;transition:fill .2s}.keyboard-white.is-sounding{fill:var(--themeColor-lt)}.keyboard-black{fill:#26252a;transition:fill .2s}.keyboard-black.is-sounding{fill:#6b3428}.keyboard-dot{fill:var(--themeColor);stroke:#fff;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;transition:transform .2s}.keyboard-dot.is-root{fill:var(--rootColor)}.keyboard-dot.is-sounding{transform:scale(1.3)}.segment{background:var(--subBgColor);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segment-item{cursor:pointer;display:block;position:relative}.segment-item-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segment-item-text{letter-spacing:.04em;color:#b0a696;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;height:44px;font-size:.9375rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:flex}.segment-item-text.is-star{letter-spacing:.02em;font-size:1rem;font-weight:400}@media (width<=767px){.segment-item-text.is-star{letter-spacing:0;font-size:.75rem}}.segment-item-input:checked+.segment-item-text{color:var(--themeColor);background:#fff;box-shadow:0 2px 6px #3c2d141f}.segment-item-input:focus-visible+.segment-item-text{outline:2px solid var(--pointColor);outline-offset:2px}.text-acc{margin:0 .02em;font-size:.7em;font-weight:700;display:inline-block;transform:translateY(-.36em)}.text-acc.is-inline{margin:0 .04em;font-size:.8em;transform:none}.text-tension{letter-spacing:0;vertical-align:top;margin-left:.06em;font-size:.48em;line-height:1;display:inline-block;transform:translateY(.12em)}.text-tension .text-acc.is-inline{font-size:.9em}.text-root{color:var(--rootColor);font-weight:800}.title-lm{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.title-lm-sub{font-family:var(--font-en);letter-spacing:.32em;color:var(--themeColor);font-size:.875rem;font-weight:700}.title-lm-main{letter-spacing:.08em;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.toggle{cursor:pointer;flex-shrink:0;width:58px;height:34px;display:inline-block;position:relative}.toggle-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-track{background:#d6cdbd;border-radius:999px;width:100%;height:100%;transition:background .2s;display:block}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-input:checked+.toggle-track{background:var(--themeColor)}.toggle-input:checked+.toggle-track:after{transform:translate(24px)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--pointColor);outline-offset:2px}.drawer{z-index:100;pointer-events:none;position:fixed;inset:0}.drawer.is-open{pointer-events:auto}.drawer-overlay{opacity:0;background:#1f232959;transition:opacity .3s;position:absolute;inset:0}.is-open .drawer-overlay{opacity:1}.drawerPanel{width:min(420px,88vw);padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) 24px;background:var(--cardColor);flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #1f23292e}.is-open .drawerPanel{transform:translate(0)}.drawerPanel-head{border-bottom:1px solid var(--lineColor);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.drawerPanel-head-title{letter-spacing:.08em;font-size:1.375rem;font-weight:800}.drawerPanel-body{flex-direction:column;flex:1;gap:22px;padding:20px 0;display:flex;overflow-y:auto}.drawerPanel-foot{border-top:1px solid var(--lineColor);padding-top:16px}.drawerPanelItem{flex-direction:column;gap:10px;display:flex}.drawerPanelItem-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.drawerPanelItem-head-label{font-size:.9375rem;font-weight:700}.drawerPanelItem-select{width:100%;height:52px}.drawerPanelItem-text{color:var(--subColor);font-size:.8125rem}.drawerPanelItem-text p{line-height:170%}.topStart{justify-content:center;align-items:center;height:100dvh;padding:24px;display:flex}.topStart-inner{flex-direction:column;align-items:center;gap:44px;display:flex}.topStart-keyboard{aspect-ratio:338/102;filter:drop-shadow(0 10px 24px #3c2d141f);width:min(420px,70vw)}.topStart-notice{background:var(--pointColor);color:#fff;border-radius:16px;width:100%;max-width:420px;padding:16px 18px;display:none}@media (width<=767px){.topStart-notice{display:block}}.topStart-notice-title{font-size:.9375rem;font-weight:700}.topStart-notice-text{margin-top:4px;font-size:.875rem;line-height:1.7}.topQuiz{height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;gap:16px;display:flex}@media (width<=767px){.topQuiz{padding:max(10px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));gap:10px}}.topQuiz-chord{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;display:flex}.topQuiz-chord-label{background:var(--subBgColor);color:var(--subColor);border-radius:999px;padding:4px 14px;font-size:.9375rem;font-weight:700}.topQuiz-chord-name{font-family:var(--font-en);white-space:nowrap;font-size:clamp(2.5rem,5.6vw,4.5rem);font-weight:700;line-height:1.1}.topQuiz-chord-hand{color:var(--subColor);font-size:1rem;font-weight:700}.topQuiz-list{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;min-height:0;display:grid}@media (width>=768px) and (width<=979px){.topQuiz-list{gap:24px}}@media (width<=767px){.topQuiz-list{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:28px}}.topQuiz-list.is-tension{grid-template-columns:none;grid-auto-columns:minmax(0,300px);grid-auto-flow:column;justify-content:center;gap:16px}@media (width<=767px){.topQuiz-list.is-tension{grid-auto-flow:row}}.topQuiz-list.is-single{grid-template-columns:minmax(0,480px);justify-content:center}@media (width<=767px){.topQuiz-list.is-single{grid-template-columns:1fr}}.topQuizBar{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}@media (width<=767px){.topQuizBar{gap:8px 12px;position:relative}}.topQuizBar-key{align-items:baseline;gap:10px;min-width:100px;display:flex}.topQuizBar-key-label{font-family:var(--font-en);letter-spacing:.2em;color:var(--subColor);font-size:.8125rem;font-weight:700}.topQuizBar-key-value{font-family:var(--font-en);font-size:2rem;font-weight:700;line-height:1}.topQuizBar-info{background:var(--subBgColor);height:48px;font-family:var(--font-en);color:var(--subColor);text-align:left;white-space:nowrap;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:0 16px;font-size:.8125rem;font-weight:700;transition:transform .15s;display:flex}.topQuizBar-info:active{transform:scale(.97)}@media (width<=767px){.topQuizBar-info{border-radius:12px;height:40px;padding:0 12px;font-size:.75rem}}.topQuizBar-info-line{line-height:1.25}.topQuizBar-info-line:first-child{color:var(--fontColor)}.topQuizBar-btns{align-items:center;gap:6px;display:flex}.topQuizBar-btns .btn-play{margin-right:10px}.topQuizBar-btns{margin-left:auto}@media (width<=767px){.topQuizBar-btns{justify-content:flex-end;gap:4px;width:100%;margin-left:0}.topQuizBar-btns .btn-play{margin-right:4px}.topQuizBar-btns-home{flex:none;width:44px;height:40px;position:absolute;top:0;right:0}}.topQuizTimer{grid-template-columns:112px minmax(0,1fr) 72px;align-items:center;gap:16px;display:grid}@media (width<=767px){.topQuizTimer{grid-template-columns:84px minmax(0,1fr) 36px;gap:10px}}.topQuizTimer-label{color:var(--subColor);font-size:.9375rem;font-weight:700}@media (width<=767px){.topQuizTimer-label{font-size:.8125rem}}.is-answer .topQuizTimer-label{color:var(--themeColor)}.is-paused .topQuizTimer-label{color:var(--fontColor)}.topQuizTimer-bar{background:var(--subBgColor);border-radius:999px;height:10px;overflow:hidden}.is-answer .topQuizTimer-bar{visibility:hidden}.topQuizTimer-bar-fill{background:var(--pointColor);transform-origin:0;height:100%}.is-paused .topQuizTimer-bar-fill{background:#b8afa0}.topQuizTimer-count{min-height:1em;font-family:var(--font-en);text-align:right;font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:700;line-height:1}@media (width<=767px){.topQuizTimer-count{font-size:1.625rem}}.topQuizCard{background:var(--cardColor);border:2px solid #0000;border-radius:24px;flex-direction:column;min-height:0;padding:18px 18px 16px;transition:border-color .25s;display:flex;position:relative;box-shadow:0 1px #3c2d140a,0 8px 24px #3c2d1412}@media (width<=767px){.topQuizCard{border-radius:18px;padding:12px 12px 10px}}.topQuizCard.is-playing{border-color:var(--themeColor)}.is-tension .topQuizCard{padding:14px 12px}.topQuizCard+.topQuizCard:before{content:"";border-top:3px solid #cfc4b1;border-right:3px solid #cfc4b1;width:12px;height:12px;position:absolute;top:50%;left:-22px;transform:translateY(-50%)rotate(45deg)}.is-tension .topQuizCard+.topQuizCard:before{display:none}@media (width>=768px) and (width<=979px){.topQuizCard+.topQuizCard:before{width:10px;height:10px;left:-18px}}@media (width<=767px){.topQuizCard+.topQuizCard:before{top:-20px;left:50%;transform:translate(-50%)rotate(135deg)}}.topQuizCard-head{text-align:center}.topQuizCard-head-degree{background:var(--subBgColor);font-family:var(--font-en);letter-spacing:.06em;color:var(--subColor);border-radius:999px;padding:4px 14px;font-size:.9375rem;font-weight:700;display:inline-block}.is-playing .topQuizCard-head-degree{background:var(--themeColor);color:#fff}@media (width<=767px){.topQuizCard-head-degree{padding:3px 12px;font-size:.8125rem}}.topQuizCard-head-name{margin-top:4px}.is-tension .topQuizCard-head-name{display:none}.topQuizCard-head-name{font-family:var(--font-en);letter-spacing:-.01em;white-space:nowrap;font-size:clamp(2.75rem,6.4vw,5.75rem);font-weight:700;line-height:1.15}@media (width<=767px){.topQuizCard-head-name{margin-top:2px;font-size:2.5rem}}.topQuizCard-answer{border-top:1px dashed var(--lineColor);flex-direction:column;flex:1;justify-content:center;gap:10px;min-height:0;margin-top:12px;padding-top:14px;display:flex;position:relative}@media (width<=767px){.topQuizCard-answer{gap:6px;margin-top:8px;padding-top:10px}}.topQuizCard-answer-staff,.topQuizCard-answer-keyboard,.topQuizCard-answer-form,.topQuizCard-answer-notes{opacity:0}.is-revealed .topQuizCard-answer-staff,.is-revealed .topQuizCard-answer-keyboard,.is-revealed .topQuizCard-answer-form,.is-revealed .topQuizCard-answer-notes{opacity:1;transition:opacity .4s}.is-hint .topQuizCard-answer-staff,.is-hint .topQuizCard-answer-keyboard,.is-hint .topQuizCard-answer-form{opacity:1}.topQuizCard-answer-staff{width:84%;margin:0 auto}.is-tension .topQuizCard-answer-staff{width:80%}.is-hands .topQuizCard-answer-staff{width:64%}@media (width<=767px){.is-hands .topQuizCard-answer-staff{width:84%}}.topQuizCard-answer-staff svg{width:100%;height:auto;display:block;overflow:visible}.topQuizCard-answer-staff .vf-notehead.is-sounding path{fill:var(--themeColor);stroke:var(--themeColor)}@media (width<=767px){.topQuizCard-answer-staff,.topQuizCard-answer-keyboard{flex:0 auto;min-height:0}.topQuizCard-answer-staff svg,.topQuizCard-answer-keyboard svg{height:100%}.topQuizCard-answer-keyboard{min-height:56px}.is-hands .topQuizCard-answer-keyboard{width:60%;margin:0 auto}}.topQuizCard-answer-form{border:1px solid var(--lineColor);color:var(--subColor);border-radius:999px;align-self:center;padding:3px 12px;font-size:.8125rem;font-weight:700}.topQuizCard-answer-form:empty{display:none}.topQuizCard-answer-notes{font-family:var(--font-go-base);letter-spacing:.02em;text-align:center;color:var(--subColor);font-size:1.0625rem;font-weight:700}@media (width<=767px){.topQuizCard-answer-notes{font-size:.9375rem}}.topQuizCard-answer-mask{font-family:var(--font-en);color:var(--subBgColor);justify-content:center;align-items:center;font-size:6rem;font-weight:700;display:flex;position:absolute;inset:14px 0 0}@media (width<=767px){.topQuizCard-answer-mask{font-size:4rem}}.is-revealed .topQuizCard-answer-mask,.is-hint .topQuizCard-answer-mask{opacity:0;transition:opacity .25s}