body{margin:0}@media screen and (min-width: 1024px){body{background:#000}}header img{display:block;margin:0 auto;padding:0;width:100%}main{background-color:#f2f2f2;color:#222;font-size:1em;line-height:1.6;padding:8px}@media screen and (min-width: 1024px){main{box-sizing:border-box;line-height:1.875;margin:0 auto;padding:20px;width:750px}}footer{background-color:#f3f2f4;box-sizing:border-box;margin:0 auto;padding:20px 0 80px;text-align:center}@media screen and (min-width: 1024px){footer{border-radius:0 0 20px 20px;font-size:15px;padding:20px 0 50px;width:750px}}h1{font-size:2em;line-height:1.5em;margin:50px 10px;text-align:center}h2{background-color:#ddd;color:#333;font-size:1.8em;margin-bottom:0.5em;margin-top:2.5em;padding:18px}h3{border-bottom:solid 1px #aaa;font-size:1.6em;line-height:1.225;margin:2.5em 0 0.5em;padding-bottom:0.3em}p{margin:5px}.date{color:#333;font-size:0.9em;margin:10px}code{background-color:#1D1F21;color:#f2f2f2;display:block;margin:8px;padding:8px;white-space:pre-wrap;word-wrap:break-word}code>.comment{color:#a5a3a3}code>.syntax{color:#80c1ff}code>.str{color:#87d46f}code>.num{color:#f2e582}code>.sub-value{color:#ffa667}code>.media{color:#ff91a7}code>.table{color:#6cd0dc}code>.lamda{color:#e9a7ff}code>.error{background-color:#e01f1f;color:#000}.auto{display:block;height:auto;margin:0 auto;width:80%}@media screen and (min-width: 1024px){.auto{width:50%}}@media screen and (min-width: 1024px){div.screenshot{display:flex;justify-content:space-between}}div.screenshot>img{display:block;margin:0 auto;width:90%}@media screen and (min-width: 1024px){div.screenshot>img{align-self:center;height:auto;width:48%}}#return-home>a{display:block;padding:15px;background-color:#303f9f;color:#f2f2f2;text-decoration:none;text-align:center;border-radius:15px}#return-home>a:hover{background-color:#f68406;color:#17073c}#return-home>a:before{vertical-align:middle;content:url("image/home.svg");display:inline-block;width:1.4em}.article-list{list-style:none;padding:0;width:100%}@media screen and (min-width: 1024px){.article-list{display:flex;flex-wrap:wrap;justify-content:space-around}}.article-list>li{list-style:none;margin:5px 0}@media screen and (min-width: 1024px){.article-list>li{width:33%;text-align:center}}.article-list>li>a{display:block;border-radius:10px;margin:0;padding:15px;background:#303f9f;color:#fff;text-decoration:none;transition:all 400ms 0s ease}.article-list>li>a:hover{background-color:#f68406;color:#17073c;padding:15px 30px;font-size:1.4em;transition:all 400ms 0s ease}@media screen and (min-width: 1024px){.article-list>li>a:hover{padding:15px;font-size:1em}}.window-bg{background-color:#0c2aea;margin:20px;padding:30px}.window-strong{color:#f68406}.window-info{color:#80deea}.window-nomal{color:#fff}textarea{border:solid 3px #303f9f;box-sizing:border-box;font-size:15px;padding:2px;width:100%}.output{background-color:#ddd;border:solid 3px #303f9f;line-height:1.2;padding:2px;word-wrap:break-word}.account-box{fill:#fff;color:#fff}.account-box:hover{fill:#17073c;color:#17073c}.logo{width:1.3em;vertical-align:middle}.update-tab{display:grid;grid-gap:5px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;text-align:center;padding:0;word-wrap:break-word}.update-link{list-style:none}.update-link>a{padding:15px;box-sizing:border-box;background:#303f9f;border-radius:10px;color:#fff;text-decoration:none;display:block;height:100%}.update-link>a:hover{background-color:#f68406;color:#151c45}.update-nolink{list-style:none;padding:15px;background:#151c45;color:#fff}