*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}header,footer,nav,section,article,main,aside{display:block}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;font:inherit;color:inherit;vertical-align:baseline}dl,dt,dd,div{margin:0;padding:0;border:0;font:inherit;color:inherit}span{font:inherit;color:inherit;vertical-align:baseline}ul,ol,li{margin:0;padding:0;list-style:none}table,tr,th,td{margin:0;padding:0;border:0;font:inherit;color:inherit;vertical-align:baseline}figure,figcaption{margin:0;padding:0;display:block}a{font:inherit;color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:top}:root{--root-font-size: 16;--space-1: calc(1 / var(--root-font-size) * 1rem);--space-2: calc(2 / var(--root-font-size) * 1rem);--space-3: calc(3 / var(--root-font-size) * 1rem);--space-4: calc(4 / var(--root-font-size) * 1rem);--space-5: calc(5 / var(--root-font-size) * 1rem);--space-8: calc(8 / var(--root-font-size) * 1rem);--space-16: calc(16 / var(--root-font-size) * 1rem);--space-24: calc(24 / var(--root-font-size) * 1rem);--space-40: calc(40 / var(--root-font-size) * 1rem);--space-64: calc(64 / var(--root-font-size) * 1rem);--space-104: calc(104 / var(--root-font-size) * 1rem);--space-168: calc(168 / var(--root-font-size) * 1rem);--space-282: calc(282 / var(--root-font-size) * 1rem);--radius-1: calc(1 / var(--root-font-size) * 1rem);--radius-2: calc(2 / var(--root-font-size) * 1rem);--radius-3: calc(3 / var(--root-font-size) * 1rem);--radius-4: calc(4 / var(--root-font-size) * 1rem);--radius-5: calc(5 / var(--root-font-size) * 1rem);--radius-8: calc(8 / var(--root-font-size) * 1rem);--radius-16: calc(16 / var(--root-font-size) * 1rem);--radius-24: calc(24 / var(--root-font-size) * 1rem);--border-1: calc(1 / var(--root-font-size) * 1rem);--border-2: calc(2 / var(--root-font-size) * 1rem);--border-3: calc(3 / var(--root-font-size) * 1rem);--border-4: calc(4 / var(--root-font-size) * 1rem);--border-5: calc(5 / var(--root-font-size) * 1rem);--border-8: calc(8 / var(--root-font-size) * 1rem);--shadow-1: calc(1 / var(--root-font-size) * 1rem);--shadow-2: calc(2 / var(--root-font-size) * 1rem);--shadow-3: calc(3 / var(--root-font-size) * 1rem);--shadow-4: calc(4 / var(--root-font-size) * 1rem);--shadow-5: calc(5 / var(--root-font-size) * 1rem);--shadow-8: calc(8 / var(--root-font-size) * 1rem);--text-xs: calc(12.8 / var(--root-font-size) * 1rem);--text-sm: calc(14.22 / var(--root-font-size) * 1rem);--text-md: calc(16 / var(--root-font-size) * 1rem);--text-lg: calc(18.2857 / var(--root-font-size) * 1rem);--text-xl: calc(21.33 / var(--root-font-size) * 1rem);--text-2xl: calc(25.6 / var(--root-font-size) * 1rem);--text-3xl: calc(32 / var(--root-font-size) * 1rem);--text-4xl: calc(42.67 / var(--root-font-size) * 1rem);--text-5xl: calc(64 / var(--root-font-size) * 1rem);--text-6xl: calc(128 / var(--root-font-size) * 1rem);--leading-xs: 1.87;--leading-sm: 1.82;--leading-md: 1.75;--leading-lg: 1.74;--leading-xl: 1.68;--leading-2xl: 1.56;--leading-3xl: 1.5;--leading-4xl: 1.4;--leading-5xl: 1.31;--leading-6xl: 1.22;--font-japanese: "Noto Sans JP", sans-serif;--font-english: "Roboto Mono", monospace;--font-logo: "Lexend", sans-serif;--color-main: #EFA336;--color-main-dark: #d5891c;--color-main-light: #ffbd50;--color-accent: #F83200;--color-text-base: #333;--color-text-light: #666;--color-text-white: #fff;--color-background-base: #f5f5f5;--color-background-gray: #f7f7f7;--color-background-white: #fff;--color-category-wordpress: #21759B;--color-category-wordpress-dark: #075b81;--color-category-html: #F83200;--color-category-html-dark: #de1800;--color-category-css: #0397DE;--color-category-css-dark: #007dc4;--color-category-accessibility: #345910;--color-category-accessibility-dark: #1a3f00;--color-category-javascript: #EFA300;--color-category-javascript-dark: #d58900;--color-category-setting: #673AB7;--color-category-setting-dark: #4d209d;--color-category-coder: #1E73BE;--color-category-coder-dark: #0459a4;--color-code-html: #F83200;--color-code-css: #006EB9;--color-code-javascript: #E5A228;--color-code-php: #8892BF;--color-code-json: #0E0E0E;--color-marker: #fcf69f;--color-link-base: #105cc9;--color-link-hover: var(--color-main);--color-link-active: var(--color-main);--container-width: calc(1100 / var(--root-font-size) * 1rem);--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem}body{font-family:var(--font-japanese);font-size:var(--text-md);line-height:var(--leading-md);color:var(--color-text-base);background:var(--color-background-base)}.header-nav__items[data-astro-cid-pux6a34n]{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:var(--space-16)}.header-nav__item[data-astro-cid-pux6a34n]{list-style:none}.header-nav__link[data-astro-cid-pux6a34n]{color:var(--color-text-base)}.header-nav__link[data-astro-cid-pux6a34n]:hover{color:var(--color-main)}.header[data-astro-cid-3ef6ksr2]{display:flex;padding-block:var(--space-8);flex-direction:column;align-items:center;background:var(--color-background-white)}.header__container[data-astro-cid-3ef6ksr2]{display:flex;max-width:var(--container-width);width:100%;margin-inline:auto;padding-inline:var(--space-16);justify-content:space-between;align-items:center}.logo[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:var(--space-5)}.logo__main[data-astro-cid-3ef6ksr2]{color:var(--color-text-base);font-family:var(--font-logo);font-size:calc(32 / var(--root-font-size) * 1rem);font-weight:700;line-height:1}.logo__main[data-astro-cid-3ef6ksr2] .is-hp[data-astro-cid-3ef6ksr2]{color:var(--color-accent)}.logo__ruby[data-astro-cid-3ef6ksr2]{color:var(--color-text-base);font-size:calc(14.22 / var(--root-font-size) * 1rem);font-weight:700;line-height:1}.logo__ruby[data-astro-cid-3ef6ksr2] .is-hp[data-astro-cid-3ef6ksr2]{color:var(--color-accent)}.footer[data-astro-cid-sz7xmlte]{display:flex;padding-top:var(--space-40);flex-direction:column;align-items:center;background:#eee}.footer__container[data-astro-cid-sz7xmlte]{display:flex;width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--space-16);flex-direction:column;gap:var(--space-24)}.footer__items[data-astro-cid-sz7xmlte]{display:flex;align-items:flex-start;align-content:flex-start;gap:var(--space-24);align-self:stretch;flex-wrap:wrap}.footer__item[data-astro-cid-sz7xmlte]{flex:1 0 0;min-width:calc(300 / var(--root-font-size) * 1rem)}.footer-card[data-astro-cid-sz7xmlte]{display:flex;padding:var(--space-16);flex-direction:column;align-items:center;gap:var(--space-16);border-radius:var(--radius-3);background:var(--color-background-white)}.footer-card__head[data-astro-cid-sz7xmlte]{text-align:center;font-size:var(--text-lg);font-weight:700;line-height:var(--leading-lg)}.footer-card__avatar[data-astro-cid-sz7xmlte]{display:block;margin-inline:auto;width:calc(150 / var(--root-font-size) * 1rem);aspect-ratio:1 / 1;border-radius:50%;border:var(--border-1) solid #eee}.footer-card__name[data-astro-cid-sz7xmlte]{margin-top:var(--space-5);text-align:center}.footer-card__description[data-astro-cid-sz7xmlte]{margin-top:var(--space-16)}.footer-card__tags[data-astro-cid-sz7xmlte]{display:flex;align-items:flex-start;align-content:flex-start;gap:var(--space-16);align-self:stretch;flex-wrap:wrap}.footer-card__button[data-astro-cid-sz7xmlte]{display:flex;width:fit-content;margin-top:var(--space-16);margin-inline:auto;padding:var(--space-8) var(--space-16);justify-content:center;align-items:center;border-radius:var(--radius-3);background:var(--color-main);color:var(--color-text-white);font-weight:700}.footer-card__button[data-astro-cid-sz7xmlte]:hover{background-color:var(--color-main-dark)}.footer__copyright[data-astro-cid-sz7xmlte]{margin-top:var(--space-24);display:flex;padding:var(--space-8);justify-content:center;align-items:flex-start;font-size:var(--text-sm);line-height:var(--leading-sm)}.tag-label[data-astro-cid-sz7xmlte]{display:flex;padding:var(--space-2) var(--space-8);justify-content:center;align-items:center;color:var(--color-text-white);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-xs);border-radius:var(--radius-2);background:var(--color-category-wordpress)}.tag-label[data-astro-cid-sz7xmlte]:hover{background:var(--color-category-wordpress-dark)}