:root{--c-text: #0d0015;--c-text-sub: #6b6a72;--c-accent: #30d5e8;--c-accent-dark: #0e7490;--c-accent-deep: #04333a;--c-accent-tint: #eafbfd;--c-accent-tint-border: #bfeef5;--c-dark: #0d0015;--c-dark-2: #1c1526;--c-bg: #ffffff;--c-bg-sub: #f6f8fa;--c-border: #e6e8ec;--fs-1: .75rem;--fs-2: .875rem;--fs-3: 1rem;--fs-4: 1.125rem;--fs-5: 1.25rem;--fs-6: 1.5rem;--fs-7: 1.75rem;--fs-8: 2.125rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius-s: 4px;--radius: 8px;--radius-l: 14px;--radius-pill: 999px;--shadow: 0 2px 8px rgba(13, 0, 21, .08);--shadow-hover: 0 8px 24px rgba(13, 0, 21, .14);--focus-ring: 0 0 0 3px rgba(48, 213, 232, .55)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--c-text);background:var(--c-bg);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,BIZ UDPGothic,Meiryo,system-ui,sans-serif;line-height:1.8;font-size:16px;overflow-wrap:break-word}a{color:var(--c-accent-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1120px;margin:0 auto;padding:0 16px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-s)}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-3);line-height:1.4;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);text-decoration:none}.btn-primary{background:var(--c-dark);color:#fff}.btn-primary:hover{background:var(--c-accent-dark);color:#fff}.btn-secondary{background:var(--c-bg);color:var(--c-accent-dark);border:2px solid var(--c-accent)}.btn-secondary:hover{background:var(--c-accent-tint)}.btn-primary-on-dark{background:var(--c-accent);color:var(--c-accent-deep)}.btn-primary-on-dark:hover{background:#5ee0ef;color:var(--c-accent-deep)}.btn-outline-on-dark{background:transparent;color:var(--c-accent);border:2px solid var(--c-accent)}.btn-outline-on-dark:hover{background:#30d5e81f}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}.site-header{border-bottom:3px solid var(--c-accent);background:var(--c-bg)}.site-brand{margin:0;padding:20px 0 8px;text-align:center;font-weight:400}.site-brand a{color:var(--c-text)}.site-title{display:block;font-size:clamp(1.05rem,4.2vw,1.4rem);font-weight:700;line-height:1.4}.site-tagline{display:block;font-size:var(--fs-1);color:var(--c-text-sub);letter-spacing:.2em}.site-nav ul{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);justify-content:center;list-style:none;margin:0;padding:var(--sp-2) 0 var(--sp-3)}.site-nav a{display:block;padding:8px 14px;white-space:nowrap;color:var(--c-text);font-size:var(--fs-2);border-radius:var(--radius-pill);border:1px solid transparent}.site-nav a:hover{background:var(--c-accent-tint);border-color:var(--c-accent);color:var(--c-accent-dark);text-decoration:none}.site-nav a[aria-current=page]{background:var(--c-bg-sub);border-color:var(--c-border);font-weight:700}.hero{background:linear-gradient(180deg,var(--c-accent-tint) 0%,var(--c-bg) 100%);border-bottom:1px solid var(--c-accent-tint-border);margin-bottom:var(--sp-5)}.hero-inner{max-width:1120px;margin:0 auto;padding:var(--sp-6) var(--sp-4);display:flex;align-items:center;gap:var(--sp-5)}.hero-text{flex:1;min-width:0}.hero-catch{font-size:var(--fs-8);font-weight:700;color:var(--c-dark);line-height:1.4;margin:0 0 var(--sp-3)}.hero-lead{font-size:var(--fs-3);color:var(--c-text-sub);margin:0 0 var(--sp-5)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.hero-wolf{flex:none;width:280px;height:auto}@media(max-width:767px){.hero-inner{flex-direction:column;text-align:center;padding:var(--sp-5) var(--sp-4);gap:var(--sp-4)}.hero-catch{font-size:var(--fs-6)}.hero-lead br{display:none}.hero-lead{margin-bottom:var(--sp-4)}.hero-wolf{width:160px}.hero-actions{justify-content:center}}.layout{padding-top:24px;padding-bottom:48px}.sidebar{margin-top:40px;min-width:0}@media(min-width:1024px){.layout.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.sidebar{margin-top:0}}.main{min-width:0}.section-title{font-size:var(--fs-5);border-left:6px solid var(--c-accent);padding-left:10px;margin:0 0 16px;line-height:1.5}h1.section-title{font-size:var(--fs-6)}.post-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:32px}@media(min-width:640px){.post-grid{grid-template-columns:1fr 1fr}}.post-card{background:var(--c-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--c-border);transition:transform .25s ease,box-shadow .25s ease}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.post-card-link{display:block;color:inherit}.post-card-link:hover{text-decoration:none}.post-card-thumb{position:relative;aspect-ratio:16 / 9;background:var(--c-bg-sub);overflow:hidden}.post-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.post-card:hover .post-card-thumb img{transform:scale(1.04)}.thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--c-text-sub);font-size:.85rem;background:repeating-linear-gradient(45deg,#f2f4f6,#f2f4f6 12px,#eceef2 12px 24px)}.post-card-cat{position:absolute;left:0;bottom:0;background:var(--c-accent);color:var(--c-accent-deep);font-size:var(--fs-1);font-weight:700;padding:3px 12px;border-radius:0 var(--radius) 0 0;z-index:1}.post-card-title{font-size:var(--fs-3);font-weight:700;margin:var(--sp-3) var(--sp-4) var(--sp-1);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-link:hover .post-card-title{color:var(--c-accent-dark)}.post-card-excerpt{margin:0 var(--sp-4) var(--sp-1);font-size:var(--fs-2);color:var(--c-text-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{margin:0 var(--sp-4) var(--sp-3);font-size:var(--fs-1);color:var(--c-text-sub)}.category-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.category-nav a{background:var(--c-bg-sub);border:1px solid var(--c-border);border-radius:var(--radius-pill);padding:6px 16px;font-size:var(--fs-2);color:var(--c-text)}.category-nav a:hover{border-color:var(--c-accent);color:var(--c-accent-dark);text-decoration:none}.cat-count{color:var(--c-text-sub);font-size:var(--fs-1)}.article-header h1{font-size:var(--fs-6);line-height:1.5;margin:8px 0}.article-meta{color:var(--c-text-sub);font-size:var(--fs-2);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.article-eyecatch{margin:0 0 24px}.article-eyecatch img{width:100%;border-radius:var(--radius);display:block}.article-body{font-size:var(--fs-3);line-height:1.9;overflow-wrap:anywhere}.article-body p{margin:0 0 1.5em}.article-body h2{font-size:var(--fs-5);background:var(--c-bg-sub);border-left:6px solid var(--c-accent);padding:var(--sp-2) var(--sp-3);margin:2.4em 0 1em;border-radius:0 var(--radius) var(--radius) 0;line-height:1.5}.article-body h3{font-size:var(--fs-4);border-bottom:2px solid var(--c-accent);padding-bottom:var(--sp-1);margin:2em 0 .8em;line-height:1.5}.article-body h4{font-size:var(--fs-3);font-weight:700;border-left:3px solid var(--c-accent);padding-left:var(--sp-2);margin:1.8em 0 .7em;line-height:1.5}.article-body h5,.article-body h6{font-size:var(--fs-3);font-weight:700;color:var(--c-accent-dark);margin:1.6em 0 .6em;line-height:1.5}@media(min-width:640px){.article-body h2{font-size:var(--fs-6)}.article-body h3{font-size:var(--fs-5)}.article-body h4{font-size:var(--fs-4)}.article-header h1{font-size:var(--fs-7)}}.article-body a{text-decoration:underline;text-decoration-color:#0e749073;text-underline-offset:3px}.article-body a:hover{text-decoration-color:var(--c-accent-dark)}.article-body img{display:block;width:100%;height:auto;margin:1.6em auto;border-radius:var(--radius);box-shadow:var(--shadow)}.article-body :is(.balloon-box,.yyi-rinker-contents,.twobutton) img,.article-body #toc_container img{width:auto;margin:0;border-radius:0;box-shadow:none}.article-body .balloon-box{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"icon serif" "name serif";align-items:start;column-gap:var(--sp-3);margin:1.8em 0}.article-body .balloon-box:before,.article-body .balloon-box:after{content:none}.article-body .balloon-box.balloon-right{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"serif icon" "serif name"}.article-body .balloon-icon{grid-area:icon;text-align:center;line-height:1}.article-body .icon-name{grid-area:name;text-align:center;font-size:var(--fs-1);line-height:1.3;color:var(--c-text-sub);margin-top:var(--sp-1);overflow-wrap:anywhere}.article-body .balloon-icon img{width:60px;height:60px;border-radius:50%;border:2px solid var(--c-accent-tint-border);object-fit:cover;background:var(--c-bg)}.article-body .balloon-serif{grid-area:serif;position:relative;min-width:0;background:var(--c-accent-tint);border:1px solid var(--c-accent-tint-border);border-radius:var(--radius-l);padding:var(--sp-3) var(--sp-4)}.article-body .balloon-serif:before{content:"";position:absolute;top:22px;left:-8px;border-style:solid;border-width:6px 10px 6px 0;border-color:transparent var(--c-accent-tint-border) transparent transparent}.article-body .balloon-box.balloon-right .balloon-serif:before{left:auto;right:-8px;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--c-accent-tint-border)}.article-body .balloon-content{margin:0}.article-body .balloon-content p:last-child{margin-bottom:0}.article-body iframe{max-width:100%;border:0}.article-body iframe[src*="youtube.com"],.article-body iframe[src*="youtu.be"]{display:block;width:100%;height:auto;aspect-ratio:16 / 9;margin:1.6em auto;border-radius:var(--radius)}.article-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:1.6em 0;font-size:var(--fs-2);line-height:1.6}.article-body th,.article-body td{border:1px solid var(--c-border);padding:var(--sp-2) var(--sp-3);white-space:nowrap}.article-body th{background:var(--c-bg-sub);font-weight:700}.article-body tr:nth-child(2n) td{background:#fbfcfd}.article-body blockquote.twitter-tweet{max-width:100%}.article-body pre{max-width:100%;overflow-x:auto}.article-body embed,.article-body object,.article-body video{max-width:100%}.article-body blockquote{border-left:4px solid var(--c-border);margin:1.5em 0;padding:.5em 1em;color:var(--c-text-sub);background:var(--c-bg-sub)}.article-body #toc_container{background:var(--c-accent-tint);border:1px solid var(--c-accent-tint-border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5);margin:2em 0;font-size:var(--fs-2)}.article-body #toc_container .toc_title{font-weight:700;font-size:var(--fs-3);margin:0 0 var(--sp-2)}.article-body #toc_container ul{margin:0;padding-left:1.2em}.article-body #toc_container li{margin:6px 0}.article-body #toc_container a{text-decoration:none;color:var(--c-accent-dark)}.article-body #toc_container a:hover{text-decoration:underline}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin:var(--sp-6) 0}.article-tags a{font-size:var(--fs-2);background:var(--c-bg-sub);border-radius:var(--radius-pill);padding:7px 14px}.author-box{display:flex;gap:var(--sp-4);align-items:flex-start;background:var(--c-dark);color:#e8e6ec;border-radius:var(--radius-l);padding:var(--sp-5);margin:var(--sp-7) 0 var(--sp-6);border-top:3px solid var(--c-accent)}.author-icon{flex:none;width:88px;height:88px;border-radius:50%;background:#fff;border:2px solid var(--c-accent);object-fit:cover}.author-body{min-width:0}.author-name{font-size:var(--fs-4);font-weight:700;color:#fff;margin:0 0 var(--sp-1)}.author-bio{font-size:var(--fs-2);line-height:1.7;margin:0 0 var(--sp-4)}.author-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}@media(max-width:639px){.author-box{flex-direction:column;align-items:center;text-align:center}.author-actions{justify-content:center;width:100%}.author-actions .btn{width:100%;text-align:center}}.related-posts{margin:var(--sp-6) 0}.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin:var(--sp-6) 0}.pn-card{display:block;border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);color:var(--c-text);text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease}.pn-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow);text-decoration:none}.pn-next{text-align:right;grid-column:2}.pn-label{display:block;font-size:var(--fs-1);color:var(--c-text-sub);margin-bottom:var(--sp-1)}.pn-title{font-size:var(--fs-2);font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:639px){.prev-next{grid-template-columns:1fr}.pn-next{grid-column:auto}}.contact-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--sp-5);text-align:center;box-shadow:var(--shadow);margin-bottom:var(--sp-4)}.contact-card h2{font-size:var(--fs-4);margin:0 0 var(--sp-2);background:none;border:0;padding:0}.contact-card p{margin:0 0 var(--sp-4);font-size:var(--fs-2);color:var(--c-text-sub)}.contact-card .btn{text-decoration:none}.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 8px;padding:0;font-size:var(--fs-2);color:var(--c-text-sub)}.breadcrumb li+li:before{content:"›";margin:0 6px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0}.pagination a,.pagination .page-num.is-current{display:inline-block;min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--radius)}.pagination .page-num.is-current{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-deep);font-weight:700}.widget{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px;margin-bottom:24px}.widget-title{font-size:var(--fs-3);margin:0 0 12px;padding-bottom:8px;border-bottom:3px solid var(--c-accent)}.popular-list{list-style:none;counter-reset:rank;margin:0;padding:0}.popular-list li{counter-increment:rank;margin-bottom:12px}.popular-list a{display:flex;gap:10px;align-items:flex-start;color:var(--c-text);font-size:var(--fs-2);line-height:1.5}.popular-list a:before{content:counter(rank);flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--c-accent);color:var(--c-accent-deep);font-weight:700;font-size:var(--fs-1);border-radius:50%}.popular-list img{flex:none;width:84px;height:48px;object-fit:cover;border-radius:var(--radius-s)}.popular-list .thumb-placeholder{flex:none;width:84px;height:48px;border-radius:var(--radius-s);font-size:.7rem}.category-list{list-style:none;margin:0;padding:0;font-size:var(--fs-2)}.category-list .category-list{padding-left:16px;border-left:2px solid var(--c-border);margin-left:4px}.category-list li{margin:6px 0}.category-list a{color:var(--c-text)}.category-list a:hover{color:var(--c-accent-dark)}.contact-slot{border:2px dashed var(--c-border);border-radius:var(--radius);padding:24px;text-align:center;color:var(--c-text-sub);margin:32px 0}.site-footer{background:var(--c-dark);color:#e8e6ec;margin-top:48px;padding:40px 0 24px;font-size:var(--fs-2)}.site-footer a{color:var(--c-accent)}.footer-cols{display:grid;gap:24px}@media(min-width:768px){.footer-cols{grid-template-columns:repeat(3,1fr)}}.footer-heading{font-size:var(--fs-3);border-bottom:1px solid #3a3542;padding-bottom:6px}.footer-list{list-style:none;margin:0;padding:0}.footer-list li{margin:6px 0}.footer-cta{margin:var(--sp-4) 0 0;font-weight:700}.copyright{text-align:center;margin-top:32px;color:#a9a5b2;font-size:var(--fs-1)}.not-found{text-align:center;padding:var(--sp-7) 0}.not-found h1{font-size:var(--fs-7);line-height:1.4;margin:var(--sp-4) 0 var(--sp-3)}.not-found .not-found-wolf{width:140px;height:auto}.not-found .section-title{text-align:left;max-width:480px;margin:var(--sp-7) auto var(--sp-4)}.not-found .popular-list{max-width:480px;margin:0 auto var(--sp-6);text-align:left}.not-found .category-nav{justify-content:center}.yyi-rinker-contents{margin:2em 0;padding:16px;background:var(--c-bg, #fff);border:1px solid var(--c-border, #e6e8ec);border-radius:var(--radius, 8px);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.yyi-rinker-contents:hover{border-color:#d3d7de;box-shadow:var(--shadow, 0 2px 8px rgba(13, 0, 21, .08));transform:translateY(-1px)}.yyi-rinker-box{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.yyi-rinker-image{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center}.yyi-rinker-image:empty{display:none}.yyi-rinker-image a{display:block;line-height:0}.article-body .yyi-rinker-contents img.yyi-rinker-main-img,.yyi-rinker-contents img.yyi-rinker-main-img{display:block;width:auto;max-width:160px;height:auto;max-height:200px;object-fit:contain;margin:0;border:none;border-radius:2px;box-shadow:0 1px 4px #0d001524}.yyi-rinker-info{flex:1 1 auto;min-width:0;width:100%}.yyi-rinker-title{font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:6px}.yyi-rinker-title a{color:var(--c-text, #0d0015)}.yyi-rinker-title a:hover{color:var(--c-accent-dark, #1293a5);text-decoration:underline}.yyi-rinker-detail{font-size:.75rem;color:var(--c-text-sub, #6b6a72);margin-bottom:10px}.yyi-rinker-detail a{color:var(--c-text-sub, #6b6a72);text-decoration:underline}.yyi-rinker-detail .price-box:empty{display:none}.yyi-rinker-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.yyi-rinker-links li{margin:0;flex:1 1 auto;min-width:110px;max-width:100%}.yyi-rinker-links a.yyi-rinker-link{display:block;padding:9px 14px;border:1px solid var(--c-border, #e6e8ec);border-radius:var(--radius, 8px);background:var(--c-bg-sub, #f6f8fa);color:var(--c-text, #0d0015);font-size:.85rem;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.yyi-rinker-links a.yyi-rinker-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 6px #0d00151f}.yyi-rinker-links .amazonlink a.yyi-rinker-link{background:#fff7ed;border-color:#f0b27a;color:#8a4b08}.yyi-rinker-links .amazonlink a.yyi-rinker-link:hover{background:#ffedd5;border-color:#e08c30}.yyi-rinker-links .rakutenlink a.yyi-rinker-link{background:#fef2f2;border-color:#f0a0a0;color:#a01b1b}.yyi-rinker-links .rakutenlink a.yyi-rinker-link:hover{background:#fee2e2;border-color:#d94a4a}.yyi-rinker-links .amazonkindlelink a.yyi-rinker-link,.yyi-rinker-links .freelink1 a.yyi-rinker-link,.yyi-rinker-links .freelink2 a.yyi-rinker-link,.yyi-rinker-links .freelink3 a.yyi-rinker-link{background:var(--c-bg-sub, #f6f8fa);border-color:var(--c-border, #e6e8ec);color:#3c3b42}.yyi-rinker-links .amazonkindlelink a.yyi-rinker-link:hover,.yyi-rinker-links .freelink1 a.yyi-rinker-link:hover,.yyi-rinker-links .freelink2 a.yyi-rinker-link:hover,.yyi-rinker-links .freelink3 a.yyi-rinker-link:hover{background:#eceff3;border-color:#c9ced6}@media(min-width:640px){.yyi-rinker-contents{padding:18px 20px}.yyi-rinker-box{flex-direction:row;align-items:flex-start;gap:20px;text-align:left}.yyi-rinker-image{flex:0 0 160px;width:160px}.yyi-rinker-title{font-size:1.05rem}.yyi-rinker-links{justify-content:flex-start}.yyi-rinker-links li{flex:0 1 auto}.yyi-rinker-links a.yyi-rinker-link{min-width:118px}}@media(prefers-reduced-motion:reduce){.yyi-rinker-contents,.yyi-rinker-links a.yyi-rinker-link{transition:none}.yyi-rinker-contents:hover,.yyi-rinker-links a.yyi-rinker-link:hover{transform:none}}