body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.soj-header{color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:.04rem;text-align:center}.soj-header,.soj-header:before{background:#333;margin:0;padding-bottom:3rem;padding-top:3rem}.soj-header:before{content:attr(data-label);display:block;font-size:2.6rem;font-weight:700;letter-spacing:.02rem;line-height:1.5}@media screen and (max-width:999px){.soj-header{font-size:1rem}.soj-header:before{font-size:1.6rem}}.soj-footer{color:#fff;font-size:1rem;font-weight:400;letter-spacing:.04em}.soj-footer,.soj-footer:before{background:#333;margin:0;padding-bottom:2rem;padding-top:2rem;text-align:center}.soj-footer:before{content:attr(data-label);display:block;font-size:2rem;font-weight:700;letter-spacing:.02rem;line-height:1.5}@media screen and (max-width:999px){.soj-footer{font-size:.9rem}.soj-footer:before{font-size:1.5rem}}.white-link{color:#ffc}.white-link:hover{color:#dd9}.nav-list{margin:0 auto;padding:1rem 0;text-align:center;width:100%}.nav-list-item{display:inline-block;list-style:none;margin:0 1.5rem}.nav-list-button{background:#fff;border-radius:0;color:#333;display:block;font-size:1rem;font-weight:700;margin:.3rem auto;padding:.5rem;text-align:center;text-decoration:none}.nav-list-button:hover{color:#6495ed;font-weight:700}@media screen and (max-width:999px){.nav-list-item{margin:0 .5rem}}h2{background:#333;color:#fff;padding:.5rem}h3{background:#0000;border-left:.4rem solid #666;color:#494949;padding:.25rem .5rem}h4{color:#333;font-size:1.2rem;font-weight:700}@media screen and (max-width:999px){h2,h3{font-size:1rem}h4{font-size:.9rem}}.soj-centering{text-align:center;width:100%}.soj-main{margin:0 auto;width:60%}li,p{color:#666}p{font-size:1rem}.black-line{border-top:.5rem double #000}@media screen and (max-width:999px){.soj-main{width:96%}li,p{font-size:.9rem}}.slide{background:#fff;border:1px solid #666;border-radius:2px;margin:.5rem auto;overflow:hidden;padding:.5rem 1rem;position:relative}.slide,.slide img{height:270px;max-width:90%;width:480px}.slide img{animation:slide-anime 15s linear infinite;display:block;left:100%;margin-left:auto;margin-right:auto;position:absolute}.slide img:first-of-type{animation-delay:0s}.slide img:nth-of-type(2){animation-delay:5s}.slide img:nth-of-type(3){animation-delay:10s}@keyframes slide-anime{0%{left:100%}3%{left:3%}30%{left:3%}33%{left:-100%}to{left:-100%}}@media screen and (max-width:999px){.slide,.slide img{height:180px;width:320px}}details{border:1px solid #666;border-radius:0;margin:.2rem auto;padding:.5rem .5rem 0}details,summary{background-color:#fff;color:#666;font-size:1rem}summary{font-weight:400;margin:-.5rem -.5rem 0;padding:.5rem}details[open]{background-color:#fff;color:#666;margin:.2rem auto;padding:.5rem}details[open] summary{background-color:#fff;border-bottom:1px solid #666;color:#666;margin-bottom:.5em;margin-left:auto;margin-right:auto}@media screen and (max-width:999px){details,summary{font-size:.9rem}}pre{line-height:1.5;margin:.8rem auto;white-space:pre-wrap;width:90%}.code-block,pre{font-optical-sizing:auto;font-style:normal;font-weight:400}.code-block{background-color:#fff;border:1px solid #666;border-radius:0;color:#666;font-size:.9rem}.code-font{font-family:monospace,Noto Sans JP,Meiryo,Hiragino Maru Gothic ProN W4,Hiragino Mincho ProN,Verdana,Times New Roman,YuMincho,Yu Mincho,MS PMincho,serif,sans-serif;font-size:1rem;font-weight:600}.text-block{background-color:#eee;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:.8rem auto;padding:.8rem}.text-block,textarea{word-wrap:break-word;color:#666;overflow-wrap:break-word;word-break:break-all}textarea{font-family:monospace,Noto Sans JP,Meiryo,Hiragino Maru Gothic ProN W4,Hiragino Mincho ProN,Verdana,Times New Roman,YuMincho,Yu Mincho,MS PMincho,serif,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:500;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:90%;width:90%}@media screen and (max-width:999px){.code-font,textarea{font-size:.9rem}}select{width:80%}.selectbox{position:relative}.selectbox:after,.selectbox:before{content:"";pointer-events:none;position:absolute}.selectbox:before{background-color:#666;border-radius:0 .2rem .2rem 0;content:"";display:inline-block;height:2.8rem;right:0;width:2.8rem}.selectbox:after{border-bottom:3px solid #fff;border-right:3px solid #fff;content:"";height:.5rem;position:absolute;right:1.4rem;top:50%;transform:translate(50%,-50%) rotate(45deg);width:.5rem}.selectbox select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #666;border-radius:.2rem;color:#666;cursor:pointer;font-size:1rem;height:2.8rem;min-width:230px;padding:.6rem 4rem .6rem 1rem}.selectbox select:focus{outline:1px solid #67a7cc}@media screen and (max-width:999px){.selectbox select{font-size:.9rem}}.select-button{background-color:#333;border:1px solid #333;border-radius:.2rem;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:1rem auto;padding:.8rem;text-align:center;text-decoration:none;transition:.2s;width:30%}.select-button:hover{background:#fff;color:#333;font-weight:700}.run-button{background-color:#333;border:1px solid #333;border-radius:.2rem;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:1rem auto;padding:.8rem;text-align:center;text-decoration:none;transition:.2s;width:30%}.run-button:hover{background:#fff;color:#333;font-weight:700}@media screen and (max-width:999px){.run-button,.select-button{font-size:.9rem;min-width:160px;width:30%}}.soj-image{max-width:100%;padding-top:1rem}.App{font-family:Noto Sans JP,Meiryo,Hiragino Maru Gothic ProN W4,Hiragino Mincho ProN,Verdana,Times New Roman,YuMincho,Yu Mincho,MS PMincho,serif,sans-serif}
/*# sourceMappingURL=main.139c0f26.css.map*/