@font-face{font-family:Shimaoka-Harmony-Font;src:url(/%E6%9B%B8%E4%BD%93/shimaoka-harmony/wasei_1_1.woff2) format("woff2");font-display:block}.和音記号ページ{--和音書体: "Shimaoka-Harmony-Font"}.和音記号ページ kbd,.和音記号ページ code{font-family:ui-monospace,Menlo,monospace}.和音記号ページ kbd{background:var(--表面色上);border:1px solid var(--線色);border-radius:4px;padding:0 5px;font-size:.92em}.和音記号ページ .空白保持{white-space:pre}.和音リード{color:var(--淡色)}.和音注{color:var(--淡色);font-size:.92rem}.和音警告{background:#dc502826;border:1px solid rgba(220,80,40,.4);border-radius:8px;padding:.6rem .9rem;margin:1rem 0}.和音警告[hidden]{display:none}.和音行内{font-family:var(--和音書体);font-size:1.2em;white-space:pre;padding:0 .15em 0 .4em}.和音紙面例{background:var(--表面色);border:1px solid var(--線色);border-radius:8px;padding:1.2rem 1rem .8rem;line-height:2.4}.和音試し{background:var(--表面色);border:1px solid var(--線色);border-radius:10px;padding:1rem}#和音試し入力{width:100%;font:1rem ui-monospace,Menlo,monospace;padding:.5rem .65rem;border:1px solid var(--線色);border-radius:6px;background:var(--入力背景);color:var(--文字色)}.和音試し見本{font-family:var(--和音書体);font-size:64px;line-height:1.6;min-height:110px;margin-top:.75rem;padding-left:.4em;white-space:pre;overflow-x:auto}#和音試し記法{white-space:pre-wrap;overflow-wrap:anywhere}.和音操作{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:.6rem 0;font-size:.92rem}.和音操作 input{accent-color:var(--強調色)}.和音文字幅切替{margin-left:auto}.和音字{white-space:pre}.和音文字幅表示 .和音字{outline:1px dashed var(--強調色);outline-offset:-1px;background:var(--強調色薄)}.和音鍵行{margin-bottom:.5rem}.和音鍵行>p{margin:.4rem 0}.和音鍵並び{display:flex;flex-wrap:wrap;gap:8px}.和音鍵{width:72px;text-align:center}.和音形{font-family:var(--和音書体);background:var(--表面色);border:1px solid var(--線色);border-radius:8px;cursor:pointer;color:var(--文字色)}.和音形:hover,.和音形:focus-visible{border-color:var(--強調色);outline:none}.和音鍵 .和音形{font-size:36px;line-height:1.4;height:62px;padding-top:6px;margin-bottom:4px}.和音鍵名{font:.85rem ui-monospace,Menlo,monospace;color:var(--淡色);white-space:pre}.和音説明{font-size:.75rem;color:var(--淡色);line-height:1.35}.和音例格子{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.和音例.横長{grid-column:1 / -1}.和音例 .和音形{font-size:48px;line-height:100px;height:102px;white-space:pre;text-align:center;padding-right:.3em;margin-bottom:6px}.和音例.横長 .和音形{overflow-x:auto;padding:0 .3em 0 .6em;text-align:left}.和音例 .和音鍵名{color:var(--文字色);font-size:.9rem;padding:0 2px;overflow-x:auto}.和音例 .和音説明{font-size:.85rem;margin-top:2px;padding:0 2px}.和音全文字 .和音鍵{width:56px}.和音全文字 .和音鍵 .和音形{font-size:30px;height:52px}.和音著作{margin-top:2.5rem}.和音知らせ{position:fixed;right:16px;bottom:64px;z-index:20;max-width:calc(100% - 32px);padding:.5rem .9rem;background:var(--文字色);color:var(--背景色);border-radius:8px;font:.88rem ui-monospace,Menlo,monospace;white-space:pre;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;pointer-events:none}.和音知らせ.表示{opacity:1;transform:none}