.SnsTooltip[data-v-e2bdac93]{top:anchor(bottom);left:anchor(center);white-space:nowrap;opacity:0;transform-origin:0;transition:opacity .2s,scale .2s,translate .2s,display allow-discrete .2s;background:0 0;border:none;margin:0;padding:0;position:absolute;overflow:visible;transform:translate(-50%)translateY(16px)scale(.6)translateY(-8px)}.SnsTooltip[data-v-e2bdac93]:popover-open{opacity:1;translate:0;scale:1}@starting-style{.SnsTooltip[data-v-e2bdac93]:popover-open{opacity:0;translate:0 -8px;scale:.6}}.SnsTooltip-inner[data-v-e2bdac93]{color:#fff;background:#333536;border-radius:4px;padding:4px 8px;font-size:1rem;position:relative;overflow:visible}.SnsTooltip-inner[data-v-e2bdac93]:before{content:"";background:#333536;width:6px;height:6px;display:block;position:absolute;top:-3px;left:50%;translate:-50%;rotate:45deg}.btn-circle[data-v-b08e6f81]{box-sizing:border-box;width:64px;height:64px;color:var(--color-text-p);border:2px solid var(--color-border);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (any-hover:hover){.btn-circle[data-v-b08e6f81]:hover{color:var(--color-bg);background:var(--color-text-h);border-color:var(--color-text-h)}}.btn-circle[data-v-b08e6f81]:active{transform:translateY(1px)}.btn-circle .btn-icon[data-v-b08e6f81]{z-index:1;flex-shrink:0;width:24px;height:24px;transition:all .3s;position:relative}.btn-ripple[data-v-b08e6f81]{z-index:0;pointer-events:none;will-change:transform;top:0;left:0;transform:scale(0)}.btn-ripple[data-v-b08e6f81],.btn-ripple[data-v-b08e6f81]:before{display:block;position:absolute}.btn-ripple[data-v-b08e6f81]:before{content:"";background-color:var(--color-text-h);border-radius:50%;width:120px;height:120px;transform:translate(-50%,-50%)}.SnsButtons[data-v-06343494]{flex-direction:column;gap:16px;padding-top:32px;padding-bottom:32px;display:flex}.SnsButtons-sns[data-v-06343494]{flex-flow:wrap;justify-content:center;gap:20px;display:flex}.SnsButtons-desc[data-v-06343494],.SnsButtons-top[data-v-06343494]{text-align:center}.SnsButtons-desc[data-v-06343494]{font-size:.875rem}.SnsButtons-head[data-v-06343494]{text-align:center;justify-content:center;align-items:center;gap:12px;display:flex}.SnsButtons-head-decoration[data-v-06343494]{color:var(--color-text-p-secondary);transition:all .3s}.SnsButtons-head-text[data-v-06343494]{color:var(--color-text-h);letter-spacing:.025em;font-size:1.5rem}.image-popup-close[data-v-40a695b8]{position:absolute;top:8px;right:8px}.image-popup-dialog[data-v-40a695b8]{display:none}.image-popup-dialog[data-v-40a695b8]::backdrop{background-color:var(--color-backdrop);opacity:0;transition:opacity .3s}.image-popup-dialog[open][data-v-40a695b8]{box-sizing:border-box;overscroll-behavior:contain;touch-action:none;cursor:zoom-out;background:0 0;border:none;justify-content:center;align-items:center;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.image-popup-dialog[open] .image-popup-close[data-v-40a695b8]{opacity:0;transition:opacity .3s,background .2s,box-shadow .2s,transform .2s}.image-popup-dialog[open].is-open[data-v-40a695b8],.image-popup-dialog[open].is-open[data-v-40a695b8]::backdrop{opacity:1}.image-popup-dialog[open].is-open .image-popup-close[data-v-40a695b8]{opacity:1;transition-delay:.15s}.image-popup-container[data-v-40a695b8]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.image-popup-img[data-v-40a695b8]{cursor:default;max-width:100%;max-height:100%}::view-transition-new(popup-image){mix-blend-mode:normal;animation:none}::view-transition-old(popup-image){mix-blend-mode:normal;animation:none}::view-transition-image-pair(popup-image){isolation:auto}::view-transition-group(popup-image){animation-duration:.3s;animation-timing-function:ease}.code-copy-btn[data-v-3f90b52a]{width:32px;height:32px;color:var(--color-text-p-secondary);cursor:pointer;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .2s,background-color .2s,color .2s;display:flex;position:absolute;top:8px;right:8px}.code-copy-btn .icon-copy[data-v-3f90b52a]{display:block}.code-copy-btn .icon-check[data-v-3f90b52a]{display:none}.code-copy-btn.copied[data-v-3f90b52a]{color:#2e7d32;cursor:default}.code-copy-btn.copied .icon-copy[data-v-3f90b52a]{display:none}.code-copy-btn.copied .icon-check[data-v-3f90b52a]{display:block}@media (any-hover:hover){.code-copy-btn[data-v-3f90b52a]:hover{color:var(--color-text-h);background-color:var(--color-bg-code)}}.code-copy-btn[data-v-3f90b52a]:active{transform:scale(.95)}.article-date{color:var(--color-text-p-secondary);text-align:center;margin:1rem 0;font-size:.8rem}@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{flex-wrap:wrap;justify-content:center;gap:8px 4px;padding:0;list-style:none;display:flex}.article-tag li{display:inline-block}.article-tag a.tag{color:var(--color-text-p);border:1px solid var(--color-text-p);border-radius:6px;padding:.2em .5em;font-size:.75rem;text-decoration:none;transition:color .2s,border .2s}@media (any-hover:hover){.article-tag a.tag:hover{color:var(--color-text-a-hover);border:1px solid var(--color-text-a-hover);text-decoration:none}}.article{--article-strong-marker-thickness:.46em;--article-strong-code-marker-offset:.23em;color:var(--color-text-p);line-break:strict;font-size:1rem;line-height:1.6}.article:lang(ja){line-height:200%}.article{word-break:normal;overflow-wrap:anywhere}.article h3{font-family:var(--font-sans);color:var(--color-text-h);margin-top:3em;margin-bottom:.5em;font-size:2rem;font-weight:400;line-height:1.25}.article h3:lang(ja){font-variant-east-asian:proportional-width;letter-spacing:.025em}@media (width<768px){.article h3{font-size:1.5rem}}.article h3:after{content:"";background-color:var(--color-border);height:1px;margin-top:.25rem;display:block}.article :is(h4,h5){font-family:var(--font-sans);color:var(--color-text-h);margin-top:2em;margin-bottom:1em;font-weight:400}.article h4:lang(ja),.article h5:lang(ja){font-variant-east-asian:proportional-width;letter-spacing:.025em}.article h4{font-size:1.5rem}.article h5{font-size:1.25rem}.article :is(h1,h6){color:#000;background:red}.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>img{max-width:100%;height:auto}@media (width<768px){.article p>img{width:100vw;max-width:none;margin-left:-1rem;margin-right:-1rem}}@media (width>=768px){.article p>img{cursor:zoom-in}}.article p>a>img{max-width:100%;height:auto}@media (width<768px){.article p>a>img{width:100vw;max-width:none;margin-left:-1rem;margin-right:-1rem}}.article video{width:100%;max-width:100%;height:auto;display:block}@media (width<768px){.article p amp-youtube{max-width:100vw;margin-left:-1rem;margin-right:-1rem}}.article strong{background:linear-gradient(#0000 calc(100% - var(--article-strong-marker-thickness)),var(--color-bg-strong) 0);font-weight:700}.article code{font-family:var(--font-mono);color:var(--color-text-p);background-color:var(--color-bg-code);border-radius:.25rem;padding:.2rem .4rem}.article strong code{background-image:linear-gradient(var(--color-bg-strong),var(--color-bg-strong));background-repeat:no-repeat;background-position:left 0 bottom var(--article-strong-code-marker-offset);background-size:100% var(--article-strong-marker-thickness)}@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{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxOTc2ZDJ9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI0LjU1IDB2M2gxMC4zM0wxNC40NCAyMy40NGwyLjEyIDIuMTJMMzcgNS4xMnYxMC4zNGgzVjB6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNMzAgMzdIM1YxMGgxMVY3SDB2MzNoMzNWMjZoLTN6IiBjbGFzcz0iY2xzLTEiLz48L3N2Zz4=);background-repeat:no-repeat;width:.7rem;height:.7rem;margin:0 .25rem;display:inline-block}.article :is(ol,ul){padding-inline-start:32px}.article li{list-style:inherit}.article>section>iframe{aspect-ratio:16/9;width:100%;height:auto;aspect-ratio:attr(width type(<number>))/attr(height type(<number>))}@media (width<768px){.article>section>iframe{width:100vw;max-width:none;margin-left:-1rem;margin-right:-1rem}}.article kbd{font-family:var(--font-mono);color:inherit;white-space:nowrap;background-color:var(--color-bg-code);border-radius:4px;padding:.2rem .4rem}.article blockquote{color:var(--color-text-p);background:var(--color-bg-code);border-radius:6px;margin:0;padding:1em}.article blockquote p{margin:0}.article pre{font-family:var(--font-mono);color:var(--color-text-p);word-break:break-all;overflow-wrap:break-word;background:var(--color-bg-code);border-radius:5px;font-size:.9rem;line-height:150%;position:relative;overflow:auto}@media (width<768px){.article pre{margin-left:-1rem;margin-right:-1rem;font-size:.8rem}}.article pre>code{padding:20px}.article code.hljs,.article pre>code{box-sizing:border-box;display:block;position:relative}.article code.hljs{padding:36px 20px 20px}.article code.hljs:before{color:var(--color-bg);-webkit-user-select:none;user-select:none;background:var(--color-text-p);border-radius:999px;padding:2px 8px;font-size:.625rem;font-weight:700;line-height:1.5;display:inline-block;position:absolute;top:10px;left:12px}.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-swift:before{content:"Swift"}.article code.hljs.language-glsl:before{content:"GLSL"}.article code.hljs.language-vue:before{content:"Vue"}.article:lang(ja) code.hljs.language-bash:before{content:"コマンドライン"}.article:lang(en) code.hljs.language-bash:before{content:"Terminal"}.wrap{overflow:hidden}@media (width>=768px){.wrap{max-width:720px;margin:0 auto}}.wrap_960{margin:0 auto}@media (width>=1200px){.wrap_960{max-width:1080px}}@media (992px<=width<1200px){.wrap_960{max-width:960px}}footer #copyright{text-align:center;font-size:.75rem}hr{border-color:var(--color-text-p);opacity:.5;unicode-bidi:isolate;border-style:inset;border-width:1px;margin-block:.5em;margin-inline:auto;display:block;overflow:hidden}table{word-break:break-all;width:100%;font-size:.9rem;line-height:1.5}table :is(td,th){vertical-align:top;border-top:1px solid var(--color-border);padding:.5rem .25rem}table thead th{vertical-align:bottom;border-bottom:1px solid var(--color-border)}