/* mono.css v1.0.3 (MIT, (c) 2017 @kokushing)。@import を外し、a の文字色のみ #666666 に変更(背景 #f8f9fa / #e9ecef で 4.5:1 以上)。
   index.html は同じ内容をインライン化している */
/*! mono.css v1 | MIT License | Copyright 2017 @kokushing */*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:'Source Code Pro', monospace;font-size:100%;line-height:1.8}a{color:#666666}a:hover{text-decoration:none}.inner{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}@media screen and (max-width: 768px){.inner{max-width:initial}}.marker{display:inline-block;background:#000;color:#fff;padding:0 4px}._black .marker{background:#fff;color:#000}hr{height:0;border:0;margin:56px 0;box-sizing:content-box;overflow:visible;border-top:1px solid #eee}._center{text-align:center}._black{background:#000;color:#fff}.header{padding:80px 0}.header p{margin:32px 0 0}.header-logo{display:inline-block;margin:0;padding:0 8px;font-size:2rem;line-height:1;background:#000;color:#fff}.footer{padding:80px 0}.footer .inner{display:flex;align-items:center}.footer .sns{display:flex}.footer .sns a{display:block;margin-left:1em}.menu{padding:24px 0;background:#000;line-height:1}@media screen and (max-width: 768px){.menu{padding:0}}.menu .inner{display:flex}@media screen and (max-width: 768px){.menu .inner{padding:0 10px;overflow-x:scroll;-webkit-overflow-scrolling:touch}}._center .menu .inner{justify-content:center}.menu a{display:block;color:#fff}@media screen and (max-width: 768px){.menu a{padding:24px 10px}}.menu a+a{margin:0 0 0 32px}@media screen and (max-width: 768px){.menu a+a{margin:0}}.section{padding:112px 0}@media screen and (max-width: 768px){.section{padding:72px 0}}.section:nth-child(2n){background:#f5f5f5}.section .inner>*:first-child{margin:0}.section *+h1,.section *+h2,.section *+h3,.section *+h4,.section *+h5,.section *+h6{margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}figure{max-width:800px;text-align:center;margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}figure+*{margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}figure img{max-width:100%;max-height:800px;-webkit-filter:grayscale(100%);filter:grayscale(100%);vertical-align:bottom}figure figcaption{color:#757575;padding-left:16px;border-left:4px solid #f5f5f5;margin-top:1em;text-align:left}pre{background:#000;overflow-x:scroll;margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}pre+*{margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}pre code{display:block;color:#fff;font-family:monospace;padding:1em 1.5em}.section ul{margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}blockquote{color:#757575;padding-left:16px;border-left:4px solid #f5f5f5;margin:calc(56px - (((1rem * 1.8) - 1rem) / 2)) auto 0}
/* セルフホストフォント(woff2)。Special Elite は OFL、ロゴ「714coffee」の7文字だけのサブセット。
   ロゴの文字を変えたら scripts/assets/special-elite-714coffee.woff2 を作り直すこと:
   pyftsubset SpecialElite-latin.woff2 --text="714coffee" --flavor=woff2 --layout-features='*' --no-hinting */
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url(/static/special-elite-714coffee.b259aed6.woff2) format('woff2')}
@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/source-code-pro-latin.2c935cce.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* フッターのSNSアイコン(インラインSVG) */
.icon{display:inline-block;height:1em;width:auto;fill:currentColor;vertical-align:-0.143em}