:root{--bg:#faf6e9;--bg-card:#fff;--ink:#16213e;--ink-soft:#5a6178;--ink-faint:#8b90a3;--blue:#2fa8e0;--pink:#ff4d8d;--yellow:#ffd23f;--orange:#ff8c42;--teal:#2dd9c4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);overflow-wrap:break-word;font-feature-settings:"palt" 1;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Yu Gothic,Meiryo,system-ui,sans-serif;font-size:16.5px;line-height:1.9}main{width:100%;max-width:760px;margin:0 auto;padding:0 1.5rem 5rem}h1,h2,h3,h4{color:var(--ink);margin:0 0 .7em;font-weight:700;line-height:1.5}h1,h2{font-family:Mochiy Pop One,sans-serif;font-weight:400}h1{font-size:1.9rem;line-height:1.5}h2{background:var(--yellow);border:2.5px solid var(--ink);border-radius:8px;margin-top:3.2rem;padding:.2rem .8rem;font-size:1.35rem;display:inline-block;transform:rotate(-.6deg)}h3{border-bottom:3px solid var(--ink);margin-top:2.4rem;padding-bottom:.2rem;font-size:1.1rem;display:inline-block}h4{color:var(--ink-soft);margin-top:2rem;font-size:.98rem}p{margin:0 0 1.6em}a{color:var(--blue);text-underline-offset:3px;font-weight:700;text-decoration:underline 2px;transition:color .15s}a:hover{color:var(--pink)}a:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:2px}ul,ol{margin:0 0 1.6em;padding-left:1.5em}li{margin-bottom:.45em}li::marker{color:var(--blue);font-weight:700}blockquote{background:var(--bg-card);border:2.5px solid var(--ink);color:var(--ink-soft);border-radius:10px;margin:2rem 0;padding:.9rem 1.2rem}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:3px solid var(--ink);margin:3.5rem 0}strong{background:linear-gradient(#0000 68%,#ffd23fa6 68%);font-weight:700}img{border:3px solid var(--ink);border-radius:12px;max-width:100%;height:auto}figure{margin:2.5rem 0}figcaption{color:var(--ink-soft);text-align:center;margin-top:.6rem;margin-bottom:1.8rem;font-size:.84rem}table{border-collapse:separate;border-spacing:0;border:2.5px solid var(--ink);border-radius:10px;width:100%;margin:2.2rem 0;font-size:.93rem;line-height:1.65;overflow:hidden}th,td{border-bottom:2px solid var(--ink);text-align:left;vertical-align:top;padding:.65rem .8rem}thead th{background:var(--blue);color:#fff;font-weight:700}tbody th{white-space:nowrap;font-weight:700}tr:last-child td{border-bottom:none}code{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;padding:.15em .45em;font-family:Consolas,SFMono-Regular,Liberation Mono,monospace;font-size:.85em}pre{background:var(--ink);color:#ece6d8;border:3px solid var(--ink);border-radius:10px;margin:2rem 0;padding:1.2rem 1.4rem;line-height:1.65;overflow-x:auto}pre>code{all:unset}.topbar,.bottombar{height:8px}.topbar{background:linear-gradient(90deg, var(--blue) 0 20%, var(--pink) 20% 40%, var(--yellow) 40% 60%, var(--orange) 60% 80%, var(--teal) 80% 100%)}.bottombar{background:linear-gradient(90deg, var(--teal) 0 20%, var(--orange) 20% 40%, var(--yellow) 40% 60%, var(--pink) 60% 80%, var(--blue) 80% 100%)}header.site-header{background:var(--bg);border-bottom:3px solid var(--ink)}header.site-header nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:760px;margin:0 auto;padding:1rem 1.5rem;display:flex}.site-logo{line-height:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:block}.site-logo img{border:none;border-radius:0;width:52px;height:52px;display:block}.site-logo:hover{transform:rotate(-8deg)scale(1.08)}.internal-links{gap:.5rem;display:flex}.internal-links a{color:var(--ink);border:2.5px solid #0000;border-radius:999px;padding:.35rem .9rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s}.internal-links a:hover,.internal-links a.active{border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.hero{padding:3.2rem 0 2.2rem;position:relative;overflow:hidden}.hero .blob{border:3px solid var(--ink);z-index:0;border-radius:50%;position:absolute}.hero .b1{background:var(--yellow);width:120px;height:120px;top:6%;right:4%}.hero .b2{background:var(--pink);width:70px;height:70px;top:55%;right:22%}.hero .b3{background:var(--teal);width:46px;height:46px;bottom:8%;right:12%}.hero .b4{background:var(--orange);width:30px;height:30px;top:18%;right:33%}.hero .b5{background:var(--blue);width:22px;height:22px;top:48%;right:8%}.hero-inner{z-index:1;position:relative}.hero-kicker{background:var(--ink);color:#fff;letter-spacing:.08em;border-radius:999px;margin-bottom:.9rem;padding:.25rem .8rem;font-size:.72rem;font-weight:700;display:inline-block}.hero-title{background:linear-gradient(transparent 62%, var(--yellow) 62% 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 0 .6rem;font-family:Mochiy Pop One,sans-serif;font-size:3.2rem;font-weight:400;line-height:1.2;display:inline}.hero-wave{width:300px;height:40px;margin:1rem 0 1.1rem;display:block}.hero-wave path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:1.6s ease-out forwards wave-draw}@keyframes wave-draw{to{stroke-dashoffset:0}}.hero-lede{color:var(--ink-soft);max-width:32em;margin:0 0 1.4rem;font-size:1.02rem}.genre-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:2.5px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .85rem .3rem .4rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;display:inline-flex}.chip img{background:var(--c);border:2px solid var(--ink);border-radius:50%;width:26px;height:26px;padding:3px}.chip:hover{background:var(--c);box-shadow:4px 4px 0 var(--ink);color:var(--ink);transform:translate(-2px,-2px)rotate(-2deg)}.sec-head{align-items:center;gap:.8rem;margin:3rem 0 1.2rem;display:flex}.sec-head h2{white-space:nowrap;background:0 0;border:none;margin:0;padding:0;font-size:1.35rem;transform:none}.sec-head .bar{background:repeating-linear-gradient(90deg, var(--ink) 0 10px, transparent 10px 18px);border-radius:2px;flex:1;height:4px}.sec-head .more{color:var(--blue);border-bottom:2px solid var(--blue);white-space:nowrap;font-size:.8rem;font-weight:700;text-decoration:none}.article-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.article-card{border:3px solid var(--ink);color:inherit;box-shadow:5px 5px 0 var(--c,var(--ink));background:#fff;border-radius:16px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:block;overflow:hidden}.article-card:hover{box-shadow:9px 9px 0 var(--c,var(--ink));color:inherit;transform:translate(-3px,-3px)rotate(-1deg)}.card-band{background:var(--c,var(--yellow));border-bottom:3px solid var(--ink);height:10px}.article-thumb{background:var(--c,var(--yellow));border-bottom:3px solid var(--ink);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.thumb-img{object-fit:cover;border:none;border-radius:0;width:100%;height:100%;display:block}.thumb-icon{object-fit:contain;filter:drop-shadow(2px 2px #16213e33);border:none;border-radius:0;width:90px;height:90px}.thumb-empty{color:var(--ink);letter-spacing:.05em;opacity:.55;font-size:.68rem;font-weight:700}.gtag{background:var(--c,var(--yellow));color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .6rem .12rem .25rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.gtag img{border:none;border-radius:0;width:18px;height:18px}.article-body{padding:.95rem 1.05rem 1.15rem}.article-date{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;display:block}.article-title{color:var(--ink);margin:.35rem 0;font-family:Mochiy Pop One,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.article-excerpt{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.65;display:-webkit-box;overflow:hidden}.genre-tiles{grid-template-columns:repeat(4,1fr);gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--c);border:3px solid var(--ink);text-align:center;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;padding:1rem .5rem .8rem;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:block}.tile:hover{box-shadow:7px 7px 0 var(--ink);color:var(--ink);transform:translate(-3px,-3px)rotate(-2deg)}.tile img{border:none;border-radius:0;width:56px;height:56px;margin:0 auto .4rem;display:block}.tile span{font-size:.78rem;font-weight:700}.prose{padding-top:2.5rem}.prose .title{margin-bottom:2.4rem}.prose .title h1{margin-bottom:.6rem}.meta-row{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.6rem;display:flex}.prose .date{background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:.25rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.genre-badge{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .7rem .15rem .3rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.genre-badge img{border:none;border-radius:0;display:block}.last-updated-on{color:var(--ink-soft);margin-bottom:.4rem;font-size:.75rem;font-style:normal;display:block}.hero-image{margin:0 0 2.5rem;animation:.6s ease-out fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-image img{border-radius:16px;width:100%;display:block}.product-card{background:var(--bg-card);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;gap:1.2rem;margin:2.2rem 0;padding:1rem 1.2rem;display:flex}.product-card-img{object-fit:contain;border:2px solid var(--ink);background:#fff;border-radius:10px;flex:none;width:110px;height:110px;padding:.4rem}.product-card-body{flex:1;min-width:0}.product-card-name{color:var(--ink);margin:0 0 .7rem;font-family:Mochiy Pop One,sans-serif;font-size:1rem;line-height:1.5}.product-card-links{flex-wrap:wrap;gap:.5rem;display:flex}.product-card-btn{border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:.45rem 1rem;font-size:.8rem;font-weight:700;display:inline-block;color:#fff!important;text-decoration:none!important}.product-card-btn.btn-amazon{background:var(--orange)}.product-card-btn.btn-rakuten{background:var(--blue)}.product-card-btn.btn-yahoo{background:var(--teal)}.product-card-btn.btn-mouse,.product-card-btn:hover{background:var(--pink)}footer.site-footer{border-top:3px solid var(--ink);background:var(--bg);margin-top:4rem}.footer-inner{max-width:760px;color:var(--ink-soft);margin:0 auto;padding:2rem 1.5rem 3rem;font-size:.82rem;line-height:1.9}.footer-inner p{margin:0 0 .5em}.footer-inner a{color:var(--ink-soft);font-weight:700}.byline{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.15rem .75rem .15rem .25rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.byline img{border:2px solid var(--ink);border-radius:50%;width:26px;height:26px;display:block}.author-box{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--c,var(--blue));background:#fff;border-radius:16px;align-items:flex-start;gap:1.1rem;margin:3.5rem 0 0;padding:1.2rem 1.3rem;display:flex}.author-box-photo{border:3px solid var(--ink);object-fit:cover;border-radius:50%;flex:none;width:84px;height:84px;display:block}.author-box-body{flex:1;min-width:0}.author-box-label{letter-spacing:.08em;color:#fff;background:var(--ink);border-radius:999px;margin-bottom:.5rem;padding:.1rem .7rem;font-size:.68rem;font-weight:700;display:inline-block}.author-box-name{color:var(--ink);margin:0 0 .4rem;font-family:Mochiy Pop One,sans-serif;font-size:1.05rem;font-weight:400}.author-box-bio{color:var(--ink-soft);margin:0;font-size:.86rem;line-height:1.75}@media (width<=480px){.author-box{text-align:center;flex-direction:column;align-items:center}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){body{font-size:15.5px;line-height:1.85}main{padding:0 1.2rem 4rem}h1{font-size:1.55rem}h2{margin-top:2.6rem;font-size:1.2rem}.hero-title{font-size:2.2rem}.hero-wave{width:220px;height:30px}.hero .b1{width:80px;height:80px}.hero .b2{width:48px;height:48px}.article-grid{grid-template-columns:1fr}.genre-tiles{grid-template-columns:repeat(2,1fr)}.internal-links a{padding:.3rem .6rem;font-size:.8rem}header.site-header nav{padding:.9rem 1.2rem}.product-card{flex-direction:column}.product-card-img{width:100%;height:140px}table{font-size:.85rem}th,td{padding:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero-wave path{stroke-dashoffset:0}}