:root{--font-family:"Noto Sans JP","Roboto",sans-serif;--header-footer-bg-color:#fcfefc;--header-footer-text-color:#006400;--header-sub-title-color:#2f4f4f;--bg-color:#e8ffe8;--bg-color-end:#fff;--text-color:black;--link-color:#036;--out-link-color:#1a0dab;--out-link-color-hover:#0b0080;--accent-color:#036;--border-color:#c8e6c9;--bg-color-toggle:#0d0d0d;--text-color-toggle:#E5E7EB;--copy-btn-bg-color:#4CAF50;--copy-btn-bg-color-hover:#45a049;--category-bg-color:#fafafa;--shadow-color:rgb(0 0 0 / 10%);--category-outline-color:#66bb6a;--header-font-size:1.3em;--footer-font-size:0.9em;--sidebar-display:block;--sidebar-position:fixed;--sidebar-width:50%;--sidebar-padding:0.7rem;--sidebar-ul-display:block;--flex-direction:column;--flex-wrap:nowrap;--hamburger-display:flex;--sidebar-transform:translateX(-100%);--sub-title-display:none;--footer-padding:0.8rem;--mobile-only-display:block;--header-padding:0.5rem;--hamburger-padding:0.9rem}@media (prefers-color-scheme:dark){:root{--header-footer-bg-color:#121212;--header-footer-text-color:#e8f5e9;--header-sub-title-color:#c8e6c9;--bg-color:#0d0d0d;--bg-color-end:#1c1c1c;--text-color:#B0B6B7;--link-color:#a5d6a7;--out-link-color:#8ab4f8;--out-link-color-hover:#aecbfa;--accent-color:#388e3c;--border-color:#2c2c2c;--bg-color-toggle:#d1ffd1;--text-color-toggle:black;--copy-btn-bg-color:#2e7d32;--copy-btn-bg-color-hover:#388e3c;--category-bg-color:#2a2a2a;--shadow-color:rgb(255 255 255 / 5%);--category-outline-color:#ccc}}@media (width>=768px){:root{--header-font-size:1.4em;--footer-font-size:1.0em;--sidebar-display:block;--sidebar-position:static;--sidebar-width:100%;--sidebar-padding:1.2rem;--sidebar-ul-display:flex;--flex-direction:row;--flex-wrap:wrap;--hamburger-display:none;--sidebar-transform:none;--sub-title-display:inline;--footer-padding:0.4rem;--mobile-only-display:none}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);height:100%}h1{font-size:1.7rem;margin:0 0 1.6rem;text-align:center;width:100%}h2{font-size:1.6rem;margin:1.35rem 0;text-align:center;width:100%}h3{font-size:1.5rem;margin:1rem 0}h4{font-size:1.4rem;margin:.75rem 0}h5{font-size:1.25rem;margin:.5rem 0}h6{font-size:1rem;margin:.25rem 0}details{margin:1em 0;border:thin solid var(--border-color);border-radius:4px;padding:.5em;background-color:var(--category-bg-color);color:var(--accent-color)}summary{font-weight:700;cursor:pointer}.post-date{font-size:.2rem;text-align:right;width:100%;display:flex;flex-flow:column nowrap}header{width:100%;padding:var(--header-padding) 0;background-color:var(--header-footer-bg-color);color:var(--header-footer-text-color);border-top:medium solid var(--bg-color);border-bottom:medium solid var(--border-color);text-align:center;align-items:center;justify-content:center;top:0;left:0;z-index:101}header h1{display:contents}a{color:var(--link-color)}header a{color:var(--header-footer-text-color);text-decoration:none}ul li{padding:.2rem;line-height:2.5}p a,ul li a{display:block;width:100%;color:var(--link-color);padding:.2rem;line-height:2.5}p span a{display:inline;color:var(--link-color);line-height:normal}.links a{display:block;margin:.5em 0;text-decoration:none;color:var(--out-link-color);font-weight:500}header a:visited{color:var(--header-footer-text-color)}.site-title{font-size:clamp(1.5rem, 5vw, 2.2rem);font-weight:700}.sub-title{font-size:.62em;margin-left:.5em;display:var(--sub-title-display);color:var(--header-sub-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{position:var(--sidebar-position);display:var(--sidebar-display);width:var(--sidebar-width);padding:var(--sidebar-padding);transition:transform .3s ease-in-out;transform:var(--sidebar-transform);overflow-y:auto;z-index:100;background-color:var(--bg-color);color:var(--link-color);border-right:medium solid var(--border-color)}.sidebar.open{display:block;transform:translateX(0)}ul{font-size:1.2rem}.box{display:flex;justify-content:center;align-items:center}.sidebar ul{display:var(--sidebar-ul-display);flex-flow:var(--flex-direction) var(--flex-wrap);justify-content:space-between;list-style:none;font-size:1.1rem}p a:active,p a:focus,p a:hover,ul li a:active,ul li a:focus,ul li a:hover{border-radius:10px;background-color:var(--bg-color-toggle);color:var(--text-color-toggle)}footer{width:100%;height:auto;padding:var(--footer-padding);background-color:medium var(--header-footer-bg-color);color:var(--header-footer-text-color);border-top:solid var(--border-color);text-align:center;bottom:0;font-size:var(--footer-font-size);line-height:1.8;display:flex;flex-direction:var(--flex-direction)}footer p{width:100%;height:auto;text-align:center}.contents{width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-flow:var(--flex-direction) var(--flex-wrap)}.hamburger-menu{display:var(--hamburger-display);top:0;left:var(--hamburger-padding);padding:var(--header-padding) var(--hamburger-padding);font-size:1.5em;caret-color:transparent;position:fixed;flex-direction:column;justify-content:center;align-items:center;background:0 0;cursor:pointer;background-color:var(--header-footer-bg-color);color:var(--header-footer-text-color);z-index:999}.main-content{flex:1;background-color:var(--bg-color);display:flex;justify-content:center;flex-flow:var(--flex-direction) var(--flex-wrap)}.first-view{background:linear-gradient(180deg,var(--bg-color),var(--bg-color-end));display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;width:100%;min-height:80vh;padding:1.5rem 2.2rem}.first-view ul{margin-bottom:1.5rem}.first-view p{font-size:1.1rem;margin-bottom:1.8rem;line-height:1.5}.cta-button{display:inline-block;width:auto;white-space:nowrap;text-align:center;background-color:#007acc;color:#fff;text-decoration:none;padding:.8rem 1.6rem;font-size:1.1rem;border-radius:10px;transition:background-color .3s;margin:auto}.cta-button:hover{background-color:#005fa3}.code-block{position:relative;background-color:var(--bg-color-end);color:var(--text-color);border:thin solid var(--border-color);padding:1rem;margin-bottom:1.8rem;font-family:monospace}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:2em auto;width:100%}.category-card{background-color:var(--category-bg-color);border-radius:10px;box-shadow:0 3px 8px var(--shadow-color);text-align:center;padding:20px;transition:transform .3s ease;outline:1px solid var(--category-outline-color)}.category-card ul{list-style:none}.category-card:hover{transform:translateY(-5px)}.category-card img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:15px}pre{overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.copy-btn{position:absolute;top:-1.4rem;right:.5rem;background-color:var(--copy-btn-bg-color);color:#fff;padding:.4em .8em;cursor:pointer;border-radius:10px;border:medium solid var(--border-color);font-size:.9em}.copy-btn:hover{background-color:var(--copy-btn-bg-color-hover)}.links{margin-top:1.5em;padding:1em;border-left:medium solid #4caf50;font-size:1rem;line-height:1.6}.links a:hover{text-decoration:underline;color:var(--out-link-color-hover)}.links::before{content:"🔗";font-weight:700}.mobile-only{display:var(--mobile-only-display)}.img-size{max-width:100%;height:auto}