@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap";:root{--html-bg-color:#f5f5ff;--bg-color:#f5f5ff;--tile-bg-color:#e6e6e6;--ui-bg-color:#fff;--text-color:#000;--text-color-a:blue;--text-bg-color:#fff;--text-bg-color-a:#fff;--alpha-zero:transparent;--box-radius:10px;--content-radius:0px}code{font-family:Noto Sans Mono,monospace;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;list-style:110%;color:brown}html{font-size:16px;background-color:var(--html-bg-color);font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto}img{width:80svw;height:auto;max-width:800px}.border{width:2000px;height:2px;background-color:#000;margin:20px 0}.nav-center{display:flex;flex-direction:column;row-gap:5px}a:hover{color:#fff;display:inline;background-color:#00f}a{font-size:1rem;color:var(--text-color-a);text-decoration:none}ul{padding-left:20px}h1{font-size:1.8rem}h1,h3{line-height:100%}h3{font-size:1.5rem}.bottom{display:block;padding-top:20px}.ui-box{display:block;background-color:var(--ui-bg-color);padding:5px 10px;border-radius:var(--box-radius)}iframe{max-width:80svw}.box{display:inline-block;border-radius:var(--box-radius);margin:40px 10%}.box,.content-box{background-color:var(--bg-color);padding:20px;max-width:700px}.content-box{display:block;margin:0;overflow-x:hidden;word-break:break-all;min-width:50%;border-radius:var(--content-radius)}.content-box h1{font-size:1.8rem}.content-box h2>a{font-size:1.5rem}.content-box h3{font-size:1.2rem}.article>p,li,ul{line-height:1.75rem}td,th{border:1px solid;padding:10px}table{border-collapse:collapse}.page{width:100svw;height:100svh;position:absolute;display:block;left:0;top:0;padding-top:20px;padding-bottom:20px}.center-hori{justify-items:center}.center-vert{align-content:center}h1,h2,h3,li,p{color:var(--text-color)}.menu{position:fixed;top:5%;right:5%;z-index:1}@media(max-width:760px){html{font-size:16px;background-color:var(--html-bg-color);font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto}.ui-box{display:inline-block;background-color:var(--ui-bg-color);border-radius:var(--box-radius)}.content-box{display:block;background-color:var(--bg-color);margin:0;padding:20px;overflow-x:hidden;width:90%}.menu{position:fixed;top:5%;right:0;margin-right:10px;z-index:1}}.show-right{align-items:flex-end;justify-content:flex-end}.show-left{align-items:flex-start}.center,.center-{align-items:center}.center,.center-,.center--{justify-content:center}.flex-vert{display:flex;flex-direction:column}.flex-hori{display:flex;flex-direction:row}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}.relative{position:relative}.block{display:block}.slider{width:-moz-fit-content;width:fit-content}.cutoff-slider{width:7rem}.pitch-slider{width:6rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;border-radius:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:10px;background-color:#cd5c5c;border-radius:5px}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:#fff;border-radius:4px;font-size:2rem;cursor:pointer}.container{border-color:#000;background-color:wheat;width:38svw;max-width:260px;height:-moz-fit-content;height:fit-content}.container,.larger-container{display:block;padding:15px;border-radius:20px}.larger-container{background-color:#faebd7;width:90svw;max-width:600px;overflow-x:hidden}@media(max-width:760px){.container{border-color:#000;background-color:wheat;width:35svw;height:-moz-fit-content;height:fit-content}.container,.larger-container{display:block;padding:15px;border-radius:20px}.larger-container{background-color:#faebd7;width:85svw;overflow-x:hidden}}