@charset "UTF-8";@media(prefers-color-scheme:light){:root{--color-bg:#fff;--color-border:#ddd;--color-text:#222;--color-text2:#999;--color-code-text:#222;--color-code-background:#f3f3f3}}@media(prefers-color-scheme:dark){:root{--color-bg:#222;--color-border:#444;--color-text:#ddd;--color-text2:#999;--color-code-text:#222;--color-code-background:#f3f3f3}}@media screen and (min-width:1200px){.content{max-width:800px;margin-right:auto;margin-left:auto}}@media screen and (max-width:1199px){.content{max-width:800px;margin-right:auto;margin-left:auto}}@media screen and (max-width:899px){.content{max-width:calc(100% - 2rem);margin-right:auto;margin-left:auto}}html{font-size:100%}body{font-size:1rem;font-family:lato,Arial,ヒラギノ角ゴpro w3,hiragino kaku gothic pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;color:var(--color-text);background-color:var(--color-bg)}@media screen and (max-width:599px){body{font-size:.95rem}}a{color:var(--color-text);text-decoration:none}li{margin-left:2rem}.bordered-link a{position:relative;display:inline-block}.bordered-link a::after{position:absolute;z-index:-1;left:0;bottom:.1rem;content:"";width:100%;height:.3rem;background-color:var(--color-border);transition:.2s}.bordered-link a:hover::after{width:0}.header-container{border-bottom:1px solid var(--color-border)}.header-container header{padding-top:2rem;padding-bottom:2rem}.header-container header h1{font-size:2rem;margin-bottom:.5rem}.header-container header h1 a{color:var(--color-text);text-decoration:none;transition:.2s}.header-container header h1 a:hover{background-color:var(--color-border)}.footer-container{border-top:1px solid var(--color-border)}.footer-container footer{padding-top:2rem;padding-bottom:2rem}.footer-container footer #author{display:flex}.footer-container footer #author img{width:64px;height:64px;border-radius:64px;margin-right:1rem}.footer-container footer #author .name{font-weight:700;margin-bottom:.5rem}.footer-container footer #copyright{margin-top:2rem}#cards{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem 2rem}@media screen and (min-width:1200px){#cards{grid-template-columns:1fr 1fr}}@media screen and (max-width:899px){#cards{grid-template-columns:1fr;grid-gap:1rem}}#cards .card{position:relative;display:flex;flex-direction:column;width:calc(400px - 1rem);border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,2%);transition:transform .2s}#cards .card:hover{transform:scale(1.01)}#cards .card a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.25rem}#cards .card .card-img img{width:calc(400px - 1rem);height:calc(200px);border-top-left-radius:.25rem;border-top-right-radius:.25rem;object-fit:cover}#cards .card .card-title{padding:1rem}#cards .card .card-title h2{font-size:1.2rem}#cards .card .card-title .date{color:var(--color-text2)}@media screen and (max-width:899px){#cards .card{flex-direction:row;width:100%}#cards .card .card-img{width:240px;height:180px}#cards .card .card-img img{width:240px;height:180px;border-top-right-radius:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}}@media screen and (max-width:599px){#cards .card .card-img{width:160px;height:120px}#cards .card .card-img img{width:160px;height:120px}}#pagination{margin-top:4rem;margin-bottom:2rem}#pagination ul{display:flex;list-style-type:none;width:100%;justify-content:space-between}#pagination ul li{position:relative;display:inline-block;border:1px solid var(--color-border);border-radius:.25rem;width:10%;height:2rem}#pagination ul li a{display:inline-block;position:absolute;left:0;top:0;width:100%;height:2rem;border-radius:.25rem;padding-top:.4rem;transition:.2s;text-align:center}#pagination ul li:not(.disabled) a:hover{background-color:var(--color-border)}#pagination ul li.disabled a{color:var(--color-border)}#pagination ul li.active{background-color:var(--color-border)}.article-container{margin-top:2rem}.article-container .article-left,.article-container .article-right{display:none}@media screen and (min-width:1536px){.article-container{display:flex;justify-content:center;column-gap:2rem}.article-container .content{width:800px;margin:0;order:2}.article-container .article-left{order:1}.article-container .article-right{order:3}.article-container .article-left,.article-container .article-right{display:block;width:300px}}.article-container .article-title{margin-bottom:2rem}.article-container .article-title h1{margin-bottom:1rem;font-size:2rem}.article-container .article-title h1::before{content:"# ";color:var(--color-text2)}.article-container .article-title .date{color:var(--color-text2);font-weight:700;line-height:1.2}.article-container .article-body img{margin:1.5rem 0;max-width:100%;border:1px solid var(--color-border);border-radius:.25rem}.article-container .article-body p{line-height:1.8;margin:1.5rem 0}.article-container .article-body p iframe{margin:0}.article-container .article-body p img{margin:0}.article-container .article-body h1,.article-container .article-body h2,.article-container .article-body h3,.article-container .article-body h4,.article-container .article-body h5,.article-container .article-body h6{margin-bottom:1.5rem}.article-container .article-body h1::before,.article-container .article-body h2::before,.article-container .article-body h3::before,.article-container .article-body h4::before,.article-container .article-body h5::before,.article-container .article-body h6::before{color:var(--color-text2)}.article-container .article-body h1 a i,.article-container .article-body h2 a i,.article-container .article-body h3 a i,.article-container .article-body h4 a i,.article-container .article-body h5 a i,.article-container .article-body h6 a i{display:none}.article-container .article-body h1:hover a i,.article-container .article-body h2:hover a i,.article-container .article-body h3:hover a i,.article-container .article-body h4:hover a i,.article-container .article-body h5:hover a i,.article-container .article-body h6:hover a i{display:inline-block;height:0;width:0;margin:0;padding:0;position:relative;left:-1em}.article-container .article-body h1{margin-top:3rem;font-size:2rem}.article-container .article-body h1::before{content:"# "}.article-container .article-body h2{margin-top:3rem;font-size:1.5rem}.article-container .article-body h2::before{content:"## "}.article-container .article-body h3{margin-top:2.4rem;font-size:1.2rem}.article-container .article-body h3::before{content:"### "}.article-container .article-body h4{margin-top:2.2rem;font-size:1.1rem}.article-container .article-body h4::before{content:"#### "}.article-container .article-body h5{margin-top:2rem;font-size:1rem}.article-container .article-body h5::before{content:"##### "}.article-container .article-body h6{margin-top:2rem;font-size:1rem}.article-container .article-body h6::before{content:"###### "}.article-container .article-body ul,.article-container .article-body ol{margin:1.5rem 0}.article-container .article-body li{line-height:2;margin-left:2rem}.article-container .article-body li ul,.article-container .article-body li ol{margin:0}.article-container .article-body blockquote{border-left:4px solid var(--color-border);padding-left:1rem;color:var(--color-text)}.article-container .article-body code{font-family:Menlo,Monaco,Consolas,courier new,monospace;background-color:var(--color-code-background);border-radius:.25rem;padding:0 .25rem;margin:0 .25rem;color:var(--color-code-text)}.article-container .article-body .highlight{margin:1.5rem 0}.article-container .article-body .highlight pre{background-color:var(--color-code-background);padding:1rem;border-radius:.5rem;overflow-x:auto;line-height:1.2}.article-container .article-body .highlight pre code{background:0 0;border-radius:0;padding:0;margin:0}.article-container .article-body p a,.article-container .article-body li a{position:relative;display:inline-block}.article-container .article-body p a::after,.article-container .article-body li a::after{position:absolute;z-index:-1;left:0;bottom:.1rem;content:"";width:100%;height:.3rem;background-color:var(--color-border);transition:.2s}.article-container .article-body p a:hover::after,.article-container .article-body li a:hover::after{width:0}.article-container .article-body .footnotes *{margin:0}.article-container .article-body .footnotes hr{border:1px solid var(--color-border)}.article-container .article-body .footnotes ol{margin:1rem 0}.article-container .article-body .footnotes li{line-height:2;margin-left:2rem}.article-container .article-body .footnotes li ul,.article-container .article-body .footnotes li ol{margin:0}.article-container .article-toc{position:sticky;top:2rem;font-size:.9rem}.article-container .article-toc a{transition:.2s}.article-container .article-toc a:hover{background-color:var(--color-border)}.navigation-container{margin-top:2rem;margin-bottom:2rem}.navigation-container .sns-buttons{margin-bottom:2rem}.navigation-container .sns-buttons ul{list-style-type:none;display:flex;column-gap:.5rem}.navigation-container .sns-buttons ul li{margin-left:0}.navigation-container h2.related-posts{margin-top:2rem;text-transform:uppercase}