@charset "UTF-8";.btn-circle[data-v-1399f55b]{align-items:center;background:#0000;border:2px solid var(--color-border);border-radius:50%;box-sizing:border-box;color:var(--color-text-p);display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:64px}.btn-circle[data-v-1399f55b]:hover{background:var(--color-text-h);border-color:var(--color-text-h);color:var(--color-bg)}.btn-circle[data-v-1399f55b]:active{transform:translateY(1px)}.btn-circle .btn-icon[data-v-1399f55b]{flex-shrink:0;height:24px;position:relative;transition:all .3s ease;width:24px;z-index:1}.btn-ripple[data-v-1399f55b]{left:0;pointer-events:none;top:0;transform:scale(0);will-change:transform;z-index:0}.btn-ripple[data-v-1399f55b],.btn-ripple[data-v-1399f55b]:before{display:block;position:absolute}.btn-ripple[data-v-1399f55b]:before{background-color:var(--color-text-h);border-radius:50%;content:"";height:120px;transform:translate(-50%,-50%);width:120px}.hint[data-v-1399f55b]{background:#0000;border:none;left:anchor(center);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;scale:.6;top:anchor(bottom);transform:translate(-50%) translateY(16px);transform-origin:left;transition:opacity .2s,scale .2s,translate .2s,display allow-discrete .2s;translate:0 -8px;white-space:nowrap}.hint[data-v-1399f55b]:popover-open{opacity:1;scale:1;translate:0 0}@starting-style{.hint[data-v-1399f55b]:popover-open{opacity:0;scale:.6;translate:0 -8px}}.hint__inner[data-v-1399f55b]{background:#333536;border-radius:4px;color:#fff;font-size:1rem;overflow:visible;padding:4px 8px;position:relative}.hint__inner[data-v-1399f55b]:before{background:#333536;content:"";display:block;height:6px;left:50%;position:absolute;rotate:45deg;top:-3px;translate:-50% 0;width:6px}.SnsButtons[data-v-9a03894e]{display:flex;flex-direction:column;gap:16px;padding-bottom:32px;padding-top:32px}.SnsButtons-sns[data-v-9a03894e]{display:flex;flex-flow:row wrap;gap:20px;justify-content:center}.SnsButtons-desc[data-v-9a03894e],.SnsButtons-top[data-v-9a03894e]{text-align:center}.SnsButtons-desc[data-v-9a03894e]{font-size:.875rem}.SnsButtons-head[data-v-9a03894e]{align-items:center;display:flex;gap:12px;justify-content:center;text-align:center}.SnsButtons-head-decoration[data-v-9a03894e]{color:var(--color-text-p-secondary);transition:all .3s ease}.SnsButtons-head-text[data-v-9a03894e]{color:var(--color-text-h);font-size:1.5rem;letter-spacing:.025em}.article-date{color:var(--color-text-p-secondary);font-size:.8rem;margin:1rem 0;text-align:center}@media (width < 768px){.article-date{padding:0 1rem}}.article-date a{color:currentcolor;text-decoration:none;transition:color .2s}@media (any-hover:hover){.article-date a:hover{color:var(--color-text-a-hover)}}.article-date .article-date-slash{margin-left:.25rem;margin-right:.25rem}.article-tag{display:flex;flex-wrap:wrap;gap:8px 4px;justify-content:center;list-style:none;padding:0}.article-tag li{display:inline-block}.article-tag a{border:1px solid var(--color-text-p);border-radius:6px;color:var(--color-text-p);font-size:.75rem;padding:.2em .5em;text-decoration:none;transition:color .2s,border .2s}@media (any-hover:hover){.article-tag a:hover{border:1px solid var(--color-text-a-hover);color:var(--color-text-a-hover);text-decoration:none}}.article{color:var(--color-text-p);font-size:1rem;line-break:strict;line-height:200%;overflow-wrap:anywhere;word-break:normal}.article h3{color:var(--color-text-h);font-family:var(--font-sans);font-size:2rem;font-variant-east-asian:proportional-width;font-weight:400;letter-spacing:.025em;line-height:1.25;margin-bottom:.5em;margin-top:3em}@media (width < 768px){.article h3{font-size:1.5rem}}.article h3:after{background-color:var(--color-border);content:"";display:block;height:1px;margin-top:.25rem}.article h4,.article h5{color:var(--color-text-h);font-family:var(--font-sans);font-variant-east-asian:proportional-width;font-weight:400;letter-spacing:.025em;margin-bottom:1em;margin-top:2em}.article h4{font-size:1.5rem}.article h5{font-size:1.25rem}.article h1,.article h6{background:red;color:#000}.article h1:before,.article h6:before{content:"(この見出しレベルはサポートされてません)"}.article p{text-align:left}.article p small{color:var(--color-text-p-secondary);font-size:.75em}.article p>a>img,.article p>img{height:auto;max-width:100%}@media (width < 768px){.article p>a>img,.article p>img{margin-left:-1rem;margin-right:-1rem;max-width:none;width:100vw}.article p amp-youtube{margin-left:-1rem;margin-right:-1rem;max-width:100vw}}.article strong{background:linear-gradient(#0000 61%,var(--color-bg-strong) 0,var(--color-bg-strong) 0);font-weight:700}.article code{background-color:var(--color-bg-code);border-radius:.25rem;color:var(--color-text-p);font-family:var(--font-mono);padding:.2rem .4rem}@media (width < 768px){.article{padding:0 1rem}}.article a{color:var(--color-text-a);text-decoration:none}@media (any-hover:hover){.article a:hover{color:var(--color-text-a);text-decoration:underline}}.article a:visited{color:var(--color-text-a-visited)}.article a[target=_blank]:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTc2ZDJ9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI0LjU1IDB2M2gxMC4zM0wxNC40NCAyMy40NGwyLjEyIDIuMTJMMzcgNS4xMnYxMC4zNGgzVjB6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNMzAgMzdIM1YxMGgxMVY3SDB2MzNoMzNWMjZoLTN6IiBjbGFzcz0iY2xzLTEiLz48L3N2Zz4=);background-repeat:no-repeat;content:"";display:inline-block;height:.7rem;margin:0 .25rem;width:.7rem}.article ol,.article ul{padding-inline-start:32px}.article li{list-style:inherit}.article>section>iframe{aspect-ratio:16/9;height:auto;width:100%}@media (width < 768px){.article>section>iframe{margin-left:-1rem;margin-right:-1rem;max-width:none;width:100vw}}.article kbd{background-color:var(--color-bg-code);border-radius:4px;color:inherit;font-family:var(--font-mono);padding:.2rem .4rem;white-space:nowrap}.article blockquote{background:var(--color-bg-code);border-radius:6px;color:var(--color-text-p);margin:0;padding:1em}.article blockquote p{margin:0}.article pre{background:var(--color-bg-code);border-radius:5px;color:var(--color-text-p);font-family:var(--font-mono);font-size:.9rem;line-height:150%;overflow:auto;overflow-wrap:break-word;word-break:break-all}@media (width < 768px){.article pre{font-size:.8rem;margin-left:-1rem;margin-right:-1rem}}.article code.hljs,.article pre>code{box-sizing:border-box;display:block;padding:20px;position:relative}.article code.hljs:before{background:var(--color-text-p);color:var(--color-bg);display:inline;font-size:.5rem;left:20px;line-height:1.25;padding:0 1em;position:absolute;top:0;-webkit-user-select:none;user-select:none}.article code.hljs.language-javascript:before,.article code.hljs.language-js:before{content:"JS"}.article code.hljs.language-json:before{content:"JSON"}.article code.hljs.language-xml:before{content:"XML"}.article code.hljs.language-html:before{content:"HTML"}.article code.hljs.language-css:before{content:"CSS"}.article code.hljs.language-scss:before{content:"SCSS"}.article code.hljs.language-ts:before,.article code.hljs.language-typescript:before{content:"TypeScript"}.article code.hljs.language-actionscript:before{content:"ActionScript 3.0"}.article code.hljs.language-cs:before{content:"C#"}.article code.hljs.language-bash:before{content:"コマンドライン"}.article code.hljs.language-swift:before{content:"Swift"}.article code.hljs.language-glsl:before{content:"GLSL"}.article code.hljs.language-vue:before{content:"Vue"}.breadcrumb{margin:5rem auto 1rem;max-width:1080px}@media (width < 1200px){.breadcrumb{margin:0 1rem}}.breadcrumb ul{display:block;font-size:.9rem;list-style:none;overflow:hidden;padding:0;width:100%}.breadcrumb li{display:inline;word-break:break-all}.breadcrumb li:before{content:"/";margin:0 .5rem}.breadcrumb li:first-child:before{content:none}.breadcrumb li a{color:var(--color-text-p);text-decoration:none}.breadcrumb li a:visited{color:currentcolor}@media (any-hover:hover){.breadcrumb li a:hover{color:var(--color-text-a-hover)}}.wrap{overflow:hidden}@media (768px <= width){.wrap{margin:0 auto;max-width:720px}}.wrap_960{margin:0 auto}@media (1200px <= width){.wrap_960{max-width:1080px}}@media (992px <= width < 1200px){.wrap_960{max-width:960px}}footer #copyright{font-size:.75rem;text-align:center}hr{border-color:var(--color-text-p);border-style:inset;border-width:1px;display:block;margin-block:.5em;margin-inline:auto;opacity:.5;overflow:hidden;unicode-bidi:isolate}table{font-size:.9rem;line-height:1.5;width:100%;word-break:break-all}table td,table th{border-top:1px solid var(--color-border);padding:.5rem .25rem;vertical-align:top}table thead th{border-bottom:1px solid var(--color-border);vertical-align:bottom}