:root{color-scheme:light;font-synthesis:none;--color-background:#fff;--color-surface:#f0f0f0;--color-surface-subtle:#f8f8f8;--color-text:#333;--color-muted:#666;--color-border:#e5e5e5;--color-link:#006cdc;--content-width:1024px;--header-height:52px;font-family:Segoe UI Emoji,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}*{box-sizing:border-box}html{height:100%;scroll-padding-top:110px;font-size:62.5%}body{overflow-wrap:break-word;background:var(--color-background);min-width:320px;min-height:100%;color:var(--color-text);-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:1.4rem;line-height:1.8}body,button,input{font-family:inherit}a{color:var(--color-link);text-underline-offset:.14em;text-decoration:underline}a:hover{text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #006cdc5c}::-webkit-scrollbar{width:.8rem;height:.8rem}::-webkit-scrollbar-thumb{background:silver;border:thin solid #b8b8b8}::-webkit-scrollbar-thumb:hover{background:#b0b0b0;border:thin solid #a8a8a8}::-webkit-scrollbar-track{background:#e8e8e8}.skip-link{z-index:20;background:var(--color-text);color:#fff;border-radius:4px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{transform:translateY(0)}.wrapper{width:100%;position:relative}.main{min-height:0;max-width:var(--content-width);align-items:flex-start;margin:0 auto;padding:0;display:block}.site-header{z-index:10;background:var(--color-background);border-bottom:1px solid #0000001a;width:100%;padding:8px 8px 8px 14px;position:fixed;top:0}.site-header__inner{max-width:var(--content-width);align-items:center;margin:0 auto;display:flex;position:relative}.site-title{min-width:0;color:var(--color-text);align-items:center;text-decoration:none;display:flex}.site-title__icon{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:34px;margin:0 10px -2px 0;display:flex}.site-title__icon img{object-fit:contain;width:24px;height:24px;display:block}.site-title__text{text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;font-weight:700;overflow:hidden}.site-links{white-space:nowrap;align-items:center;margin-left:3rem;display:none}.site-links a{color:var(--color-muted);padding:3px 12px;text-decoration:none;transition:color .2s}.site-links a:hover{color:var(--color-text)}.site-search{align-items:center;margin-left:auto;display:none}.site-search input,.mobile-menu__search input,.search-page__form input{min-width:0;color:var(--color-text);background:#fff;border:1px solid #c7c7c7;border-radius:4px 0 0 4px}.site-search input{width:15rem;height:32px;padding:4px 9px}.site-search button,.mobile-menu__search button,.search-page__form button{border:1px solid var(--color-link);background:var(--color-link);color:#fff;cursor:pointer;border-radius:0 4px 4px 0;font-weight:700}.site-search button{height:32px;padding:4px 9px}.site-search button:hover,.mobile-menu__search button:hover,.search-page__form button:hover{background:#0059b8}.mobile-menu{margin-left:auto}.mobile-menu>summary{cursor:pointer;border-radius:4px;width:34px;height:34px;list-style:none;transition:background .2s;display:block;position:relative}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary:hover{background:var(--color-surface)}.mobile-menu>summary span,.mobile-menu>summary span:before,.mobile-menu>summary span:after{background:var(--color-text);content:"";border-radius:1px;width:16px;height:2px;transition:top .16s,transform .16s,background .16s;position:absolute;left:9px}.mobile-menu>summary span{top:16px}.mobile-menu>summary span:before{top:-6px;left:0}.mobile-menu>summary span:after{top:6px;left:0}.mobile-menu[open]>summary span{background:0 0}.mobile-menu[open]>summary span:before{top:0;transform:rotate(-45deg)}.mobile-menu[open]>summary span:after{top:0;transform:rotate(45deg)}.mobile-menu__panel{top:var(--header-height);width:100%;height:calc(100dvh - var(--header-height));border-top:1px solid var(--color-border);background:var(--color-surface-subtle);position:fixed;left:0;overflow:auto}.mobile-menu__panel ul{border-top:1px solid var(--color-border);margin:0;padding:0}.mobile-menu__panel li{margin:0;padding:0;list-style:none}.mobile-menu__panel a{border-bottom:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);padding:8px 24px;text-decoration:none;display:block}.mobile-menu__panel a[aria-current=page]{font-weight:700}.mobile-menu__primary{margin:20px 0!important}.mobile-menu__search{margin:20px 24px}.mobile-menu__search label{color:var(--color-muted);margin:0 0 6px;font-size:1.3rem;font-weight:700;display:block}.mobile-menu__search>div{display:flex}.mobile-menu__search input{flex:1;height:38px;padding:6px 10px}.mobile-menu__search button{height:38px;padding:6px 14px}.mobile-menu__category{margin:0 0 20px}.mobile-menu__category h2{color:var(--color-muted);margin:0;padding:7px 24px;font-size:1.3rem}.side-navigation{width:30%;max-width:240px;height:calc(100vh - 153px);top:var(--header-height);margin:0 60px 0 0;padding:60px 0 20px;display:none;position:sticky;overflow:auto}.side-navigation__category{margin:0 0 12px}.side-navigation__category summary{cursor:pointer;align-items:center;margin:0 0 8px;padding:0;font-size:1.5rem;list-style:none;display:inline-flex}.side-navigation__category summary::-webkit-details-marker{display:none}.side-navigation__category summary:before{border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);content:"";transform-origin:50%;width:8px;height:8px;margin:-2px 12px 0 3px;transform:rotate(-45deg)}.side-navigation__category[open] summary:before{margin-top:-6px;transform:rotate(45deg)}.side-navigation__category ul{border-left:1px solid var(--color-border);margin:0 0 20px 8px;padding:0 0 0 8px}.side-navigation__category li{margin:0;padding:0 0 0 24px;list-style:none}.side-navigation__category a{color:var(--color-muted);padding:3px 0;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.side-navigation__category a:after{background:var(--color-muted);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:14px;left:-18px}.side-navigation__category a:hover,.side-navigation__category a[aria-current=page]{color:var(--color-text)}.side-navigation__category a[aria-current=page]{font-weight:700}.side-navigation__category a[aria-current=page]:after{background:var(--color-text)}.home{flex:1;min-width:0;padding:84px 24px 52px}.home>h1{margin:0 0 16px;font-size:3.2rem;line-height:1.4}.home__description{max-width:68rem;margin:0 0 24px;font-size:1.6rem}.home__start{background:var(--color-link);color:#fff;border-radius:4px;margin:0 0 36px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.home__start:hover{background:#0059b8}.home__category{margin:0 0 32px}.home__category h2{border-bottom:2px solid var(--color-text);margin:0 0 12px;padding:0 0 4px;font-size:2rem}.home__category ul{margin:0;padding:0 0 0 24px}.home__category li{margin:0 0 16px}.home__category li>a{font-weight:700}.home__category ul:empty{border-left:3px solid var(--color-border);min-height:1.8em;padding:8px 12px}.home__category ul:empty:after{color:var(--color-muted);content:"現在、公開中の記事はありません。"}.article{flex:1;min-width:0;padding:108px 24px 52px}.article__title{background:var(--color-surface);border-top:3px solid #000;border-bottom:3px solid #000;margin:-6px 0 24px;padding:0 0 0 10px;font-size:2.8rem;line-height:1.55}.article__body :is(h1,h2,h3,h4,h5,h6){margin:40px 0 .2em;padding:0;line-height:1.4}.article__body h1{background:var(--color-surface);border-left:6px double #000;padding-left:10px;font-size:2.4rem}.article__body h2{background:var(--color-surface);border-bottom:3px double #000;font-size:2.2rem}.article__body h3{background:var(--color-surface);border-bottom:2px solid #000;font-size:2rem}.article__body h4,.article__body h5{background:var(--color-surface);border-bottom:3px double #000;font-size:2rem}.article__body h6{padding-left:3em;font-size:1.4rem;font-weight:400;line-height:1.2}.article__body p{margin:0 0 24px}.article__body :is(ul,ol){margin:0 0 24px;padding-left:40px}.article__body li{margin:0 0 4px}.article__body li :is(ul,ol){margin-bottom:0;padding-left:20px}.article__body blockquote{color:#555;border-left:4px solid #ccc;margin:0 0 20px;padding:0 0 0 24px}.article__body blockquote>:last-child{margin-bottom:0}.article__body pre{background:var(--color-text);color:#fff;border-radius:4px;margin:0 0 20px;padding:16px 20px;font-family:inherit;font-size:1.4rem;line-height:1.6;overflow:auto}.article__body code{background:var(--color-surface-subtle);color:#e01d5a;border:1px solid #ddd;border-radius:4px;margin:0 4px;padding:2px 4px;font-family:inherit;font-size:1.4rem}.article__body pre code{color:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}.article__body table{border-collapse:collapse;white-space:nowrap;width:100%;max-width:100%;margin:0 0 24px;display:block;overflow-x:auto}.article__body th,.article__body td{text-align:left;border:2px solid #eee;padding:4px 8px}.article__body th{background:var(--color-surface)}.article__body img{max-width:100%;height:auto;margin:5px 0 24px;display:block}.search-page,.not-found{flex:1;min-width:0;padding:84px 24px 52px}.search-page h1,.not-found h1{margin:0 0 20px;font-size:3.2rem;line-height:1.4}.search-page__form{width:min(100%,62rem);margin:0 0 28px;display:flex}.search-page__form input{flex:1;height:42px;padding:8px 12px;font-size:1.6rem}.search-page__form button{height:42px;padding:8px 18px}.search-results{margin:0;padding:0}.search-results li{margin:0 0 22px;list-style:none}.search-results a{font-size:1.7rem;font-weight:700}.search-results p{color:var(--color-muted);margin:3px 0 0}.search-status{color:var(--color-muted)}@media (width>=600px){.main{padding:50px 60px 0;display:flex}.site-header{padding:9px 60px}.site-links,.site-search{display:flex}.side-navigation{display:block}.mobile-menu{display:none}.home,.article,.search-page,.not-found{padding:60px 0 52px}}@media (width>=600px) and (width<=960px){.site-links a{padding-left:7px;padding-right:7px}.site-search input{width:11rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}