:root{--c-bg:#faf8f5;--c-surface:#fff;--c-soft:#f3efe9;--c-ink:#2a2826;--c-sub:#7a746d;--c-line:#e9e3db;--c-accent:#e2725b;--c-accent-dark:#c4553f;--c-accent-soft:#fbece7;--c-link:#c4553f;--c-red:#d9534f;--c-blue:#3f7fbf;--c-green:#4f9a6b;--c-orange:#e59a3c;--font-display:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--radius:12px;--radius-s:8px;--container:1160px;--shadow:0 1px 2px #2a28260a, 0 6px 20px #2a28260f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);letter-spacing:.02em;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}a{color:var(--c-link);text-underline-offset:.2em}img{vertical-align:middle;max-width:100%;height:auto}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-line)}.header-inner{flex-direction:column;align-items:center;padding-top:28px;padding-bottom:14px;display:flex;position:relative}.site-branding{color:var(--c-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-logo{border-radius:9px}.site-title{font-family:var(--font-display);letter-spacing:.03em;font-size:1.85rem;font-weight:700;line-height:1.2}.site-tagline{color:var(--c-sub);letter-spacing:.06em;text-align:center;margin:6px 0 0;font-size:.78rem}.header-search{width:40px;height:40px;color:var(--c-ink);border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.header-search:hover{background:var(--c-soft)}.global-nav ul{scrollbar-width:none;justify-content:center;gap:4px;margin:0 auto;padding-top:0;padding-bottom:0;list-style:none;display:flex;overflow-x:auto}.global-nav ul::-webkit-scrollbar{display:none}.global-nav a{color:var(--c-ink);white-space:nowrap;padding:10px 16px 14px;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s;display:block;position:relative}.global-nav a:after{content:"";background:var(--c-accent);border-radius:50%;width:5px;height:5px;transition:transform .2s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)scale(0)}.global-nav a:hover{color:var(--c-accent-dark)}.global-nav a:hover:after,.global-nav a[aria-current=page]:after{transform:translate(-50%)scale(1)}@media (width<=640px){.header-inner{padding-top:20px;padding-bottom:8px}.site-title{font-size:1.5rem}.site-logo{width:30px;height:30px}.header-search{top:36px;right:12px}.global-nav ul{justify-content:flex-start}}.site-footer{background:var(--c-ink);color:#d9d4cd;margin-top:80px;padding:48px 0 24px;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:24px 48px;display:flex}.site-footer .site-branding{color:#fff}.site-footer .site-title{font-size:1.4rem}.footer-tagline{color:#a8a29a;margin:8px 0 0;font-size:.8rem}.footer-links{flex-wrap:wrap;gap:8px 20px;max-width:520px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#d9d4cd;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}.copyright{color:#a8a29a;text-align:center;border-top:1px solid #ffffff1a;margin:40px 0 0;padding-top:20px;font-size:.75rem}.layout{padding-top:40px}.main{min-width:0}@media (width>=1000px){.layout.has-sidebar{grid-template-columns:minmax(0,1fr) 300px;gap:56px;display:grid}}.section-title,.widget-title{font-family:var(--font-display);color:var(--c-ink);letter-spacing:.06em;align-items:baseline;gap:10px;margin:0 0 20px;font-size:1.15rem;font-weight:700;display:flex}.section-title span,.widget-title span{color:var(--c-accent);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700}.post-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:36px 28px;margin:0;padding:0;list-style:none;display:grid}.post-card a{color:var(--c-ink);text-decoration:none;display:block}.post-card-thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--c-soft);position:relative;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.post-card a:hover .post-card-thumb img{transform:scale(1.04)}.no-image{height:100%;color:var(--c-sub);font-family:var(--font-display);place-items:center;font-weight:700;display:grid}.post-card-body{padding-top:12px}.post-card-cat{color:var(--c-accent-dark);letter-spacing:.08em;margin-bottom:4px;font-size:.72rem;font-weight:700;display:inline-block}.post-card-title{margin:0 0 6px;font-size:.98rem;font-weight:700;line-height:1.6;transition:color .2s}.post-card a:hover .post-card-title{color:var(--c-accent-dark)}.post-card time{color:var(--c-sub);letter-spacing:.06em;font-size:.75rem}.post-list.compact{grid-template-columns:1fr;gap:16px}.post-card.compact a{grid-template-columns:96px 1fr;align-items:center;gap:12px;display:grid}.post-card.compact .post-card-thumb{border-radius:var(--radius-s)}.post-card.compact .post-card-body{padding-top:0}.post-card.compact .post-card-title{margin:0;font-size:.84rem;font-weight:500;line-height:1.55}.ranking{counter-reset:rank}.ranking .post-card{counter-increment:rank}.ranking .post-card-thumb:before{content:counter(rank);z-index:1;background:var(--c-ink);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:4px;left:4px}.ranking .post-card:nth-child(-n+3) .post-card-thumb:before{background:var(--c-accent)}.archive-header{border-bottom:1px solid var(--c-line);margin-bottom:32px;padding-bottom:20px}.archive-label{color:var(--c-accent);letter-spacing:.14em;font-size:.72rem;font-weight:700}.archive-title{font-family:var(--font-display);letter-spacing:.03em;margin:2px 0 0;font-size:1.7rem}.archive-description{color:var(--c-sub);margin:8px 0 0;font-size:.9rem}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin:56px 0 0;display:flex}.pagination a,.pagination span{background:var(--c-surface);min-width:42px;height:42px;color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line);border-radius:999px;place-items:center;padding:0 12px;font-size:.88rem;text-decoration:none;transition:background .2s;display:grid}.pagination a:hover{background:var(--c-soft)}.pagination [aria-current=page]{background:var(--c-ink);color:#fff;box-shadow:none}.pagination .dots{box-shadow:none;background:0 0}.sidebar{margin-top:64px}@media (width>=1000px){.sidebar{margin-top:0}}.widget{margin-bottom:48px}.search-form{background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);border-radius:999px;align-items:center;margin-bottom:40px;padding:4px;display:flex}.search-form:focus-within{box-shadow:inset 0 0 0 2px var(--c-accent)}.search-form input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 14px;font-size:.95rem}.search-form button{background:var(--c-ink);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-size:.82rem;transition:background .2s}.search-form button:hover{background:var(--c-accent-dark)}.category-list{margin:0;padding:0;list-style:none}.category-list a{border-bottom:1px solid var(--c-line);color:var(--c-ink);justify-content:space-between;align-items:center;padding:10px 2px;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.category-list a:hover{color:var(--c-accent-dark)}.category-list span{background:var(--c-soft);min-width:28px;color:var(--c-sub);text-align:center;border-radius:999px;padding:0 8px;font-size:.72rem}.tag-cloud{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-cloud a{background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-ink);border-radius:999px;padding:3px 12px;font-size:.78rem;text-decoration:none;transition:background .2s,color .2s;display:block}.tag-cloud a:before{content:"#";color:var(--c-accent);margin-right:1px}.tag-cloud a:hover{background:var(--c-accent-soft);color:var(--c-accent-dark)}.ad{text-align:center;margin:40px 0}.ad:has(ins:empty){margin:0}.article{max-width:760px}.breadcrumb{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;font-size:.78rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:var(--c-line);margin-right:6px}.breadcrumb a{color:var(--c-sub);text-decoration:none}.breadcrumb a:hover{color:var(--c-accent-dark)}.article-title{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 16px;font-size:1.85rem;line-height:1.5}.article-meta{color:var(--c-sub);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.78rem;display:flex}.meta-cat{background:var(--c-accent-soft);color:var(--c-accent-dark);border-radius:999px;padding:2px 12px;font-weight:700;text-decoration:none}.meta-cat:hover{background:var(--c-accent);color:#fff}.pr-label{background:var(--c-soft);color:var(--c-sub);border-radius:4px;padding:1px 8px;font-size:.72rem}.pr-notice{color:var(--c-sub);margin:12px 0 0;font-size:.76rem}.article-thumb{border-radius:var(--radius);width:100%;margin:28px 0 8px;display:block}.article-footer{margin-top:56px}.prev-next{grid-template-columns:1fr 1fr;gap:16px;margin:40px 0;display:grid}.prev-next a{border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow);color:var(--c-ink);padding:16px 18px;font-size:.85rem;line-height:1.6;text-decoration:none;transition:transform .2s}.prev-next a:hover{transform:translateY(-2px)}.prev-next a span{color:var(--c-accent);letter-spacing:.1em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.prev-next .next{text-align:right}.related{margin-top:72px}@media (width<=640px){.article-title{font-size:1.45rem}.prev-next{grid-template-columns:1fr}.prev-next .next{text-align:left}}.post-content{margin-top:32px;font-size:1.0625rem;line-height:2}.post-content>*{margin-top:0;margin-bottom:1.7em}.post-content h2{border-left:5px solid var(--c-accent);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--c-surface);box-shadow:var(--shadow);font-family:var(--font-display);letter-spacing:.04em;margin:3.2em 0 1.3em;padding:.7em 1em;font-size:1.32rem;line-height:1.55}.post-content h3{border-bottom:1px solid var(--c-line);font-family:var(--font-display);margin:2.6em 0 1.1em;padding:0 0 .5em 1.1em;font-size:1.16rem;line-height:1.6;position:relative}.post-content h3:before{content:"";background:var(--c-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:.55em;left:0}.post-content h4{margin:2.2em 0 1em;font-size:1.04rem}.post-content h4:before{content:"—";color:var(--c-accent);margin-right:.4em}.post-content ul,.post-content ol{padding-left:1.5em}.post-content li+li{margin-top:.35em}.post-content li::marker{color:var(--c-accent)}.post-content blockquote{border-radius:var(--radius);background:var(--c-soft);color:#55504a;margin-left:0;margin-right:0;padding:1.4em 1.6em 1.2em 3.2em;font-size:.95em;position:relative}.post-content blockquote:before{content:"“";color:var(--c-accent);opacity:.6;font-family:Georgia,serif;font-size:3em;line-height:1;position:absolute;top:.1em;left:.5em}.post-content blockquote>:last-child{margin-bottom:0}.post-content figure{text-align:center;margin-left:0;margin-right:0}.post-content figcaption{color:var(--c-sub);margin-top:8px;font-size:.78rem}.post-content img{border-radius:var(--radius-s)}.post-content img[width="1"]{border-radius:0}.post-content p>img:only-child{margin:0 auto;display:block}.post-content pre{border-radius:var(--radius);padding:1.2em 1.4em;font-size:.84rem;line-height:1.7;overflow-x:auto}.post-content :not(pre)>code{background:var(--c-soft);border-radius:5px;padding:.15em .45em;font-size:.88em}.post-content hr{border:none;border-top:2px dotted var(--c-line);width:64px;margin:3em auto}.post-content small{font-size:.8em}.post-content strong{font-weight:700}.text-center{text-align:center}.mark-blue{color:inherit;background:linear-gradient(#0000 62%,#cfe6f7 0%)}.mark-orange{color:inherit;background:linear-gradient(#0000 62%,#fcdccf 0%)}.mark-yellow{color:inherit;background:linear-gradient(#0000 62%,#fbefa6 0%)}.text-red{color:var(--c-red)}.text-blue{color:var(--c-blue)}.text-green{color:var(--c-green)}@media (width<=640px){.post-content{font-size:1rem;line-height:1.95}}.table-wrap{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--c-line);overflow-x:auto}.table-wrap table{border-collapse:collapse;background:var(--c-surface);width:100%;font-size:.9rem;line-height:1.7}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top;padding:.75em 1em}.table-wrap tr>*+*{border-left:1px solid var(--c-line)}.table-wrap thead th{background:var(--c-ink);color:#fff;font-weight:700}.table-wrap tbody th{background:var(--c-soft)}.table-wrap tbody tr:last-child>*{border-bottom:none}.table-wrap tfoot td{border-top:2px solid var(--c-line);background:var(--c-soft);font-weight:700}.toc{border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow);margin:2.4em 0;padding:1.4em 1.8em}.toc-title{font-family:var(--font-display);cursor:pointer;letter-spacing:.1em;font-weight:700;list-style:none}.toc-title::-webkit-details-marker{display:none}.toc-title:before{content:"目";background:var(--c-accent);color:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;margin-right:.5em;font-size:.8em;display:inline-grid}.toc-title:after{content:"閉じる";float:right;color:var(--c-sub);font-family:var(--font-body);font-size:.72rem;font-weight:400;line-height:2.2}.toc details:not([open]) .toc-title:after{content:"開く"}.toc-list,.toc-list ol{margin:.8em 0 0;padding-left:1.3em;font-size:.9rem;line-height:1.8}.toc-list ol{margin-top:.3em;font-size:.86rem}.toc-list li::marker{color:var(--c-accent);font-weight:700}.toc-list a{color:var(--c-ink);text-decoration:none}.toc-list a:hover{color:var(--c-accent-dark);text-decoration:underline}.box{border-radius:var(--radius);background:var(--box-bg,var(--c-surface));box-shadow:inset 0 0 0 1px var(--box-line,var(--c-line));padding:1.4em 1.6em;font-size:.96em;position:relative}.box>:last-child{margin-bottom:0}.box>:first-child:not(.box-title){margin-top:0}.box-title{background:var(--box-color,var(--c-accent));color:#fff;letter-spacing:.04em;border-radius:999px;margin:0 0 .9em;padding:.15em .9em;font-size:.85em;font-weight:700;display:inline-block}.box-cap{--box-color:var(--c-accent);--box-bg:var(--c-surface);--box-line:#f1d5cd}.box-check{--box-color:var(--c-green);--box-bg:#f2f8f3;--box-line:#d5e9db}.box-point{--box-color:var(--c-orange);--box-bg:#fdf6ec;--box-line:#f4e1c4}.box-alert,.box-bad{--box-color:var(--c-red);--box-bg:#fcf1f0;--box-line:#f2d2d0}.box-good{--box-color:var(--c-green);--box-bg:#f2f8f3;--box-line:#d5e9db}.box-info{--box-color:var(--c-blue);--box-bg:#f1f6fb;--box-line:#d3e2f1}.box-memo,.box-note{--box-color:var(--c-sub);--box-bg:var(--c-soft);--box-line:transparent}.box-check ul,.box-point ul{padding-left:0;list-style:none}.box-check li,.box-point li{padding-left:1.6em;position:relative}.box-check li:before{content:"";border:solid var(--box-color);border-width:0 2.5px 2.5px 0;width:.45em;height:.8em;position:absolute;top:.55em;left:.2em;transform:rotate(45deg)}.box-point li:before{content:"";background:var(--box-color);border-radius:50%;width:.5em;height:.5em;position:absolute;top:.8em;left:.3em}.balloon{align-items:flex-start;gap:18px;display:flex}.balloon-right{flex-direction:row-reverse}.balloon-icon{text-align:center;flex:0 0 68px}.balloon-icon img{object-fit:cover;width:64px;height:64px;box-shadow:0 0 0 3px var(--c-surface), 0 2px 8px #2a28261f;border-radius:50%}.balloon-name{color:var(--c-sub);margin-top:6px;font-size:.68rem;line-height:1.3;display:block}.balloon-body{background:var(--c-surface);min-width:0;box-shadow:var(--shadow);border-radius:16px;flex:1;padding:1em 1.3em;font-size:.95em;line-height:1.9;position:relative}.balloon-right .balloon-body{background:var(--c-accent-soft);box-shadow:none}.balloon-body>:last-child{margin-bottom:0}.balloon-body>p{margin:0 0 .6em}.balloon-body:before{content:"";border:8px solid #0000;border-right-color:var(--c-surface);border-left:0;position:absolute;top:22px;left:-8px}.balloon-right .balloon-body:before{border-right:0;border-left:8px solid var(--c-accent-soft);left:auto;right:-8px}.btn-wrap{text-align:center}.btn-wrap img[width="1"]{position:absolute}.btn{background:var(--btn-color,var(--c-accent));color:#fff;letter-spacing:.04em;min-width:min(100%,420px);max-width:100%;box-shadow:0 6px 16px -6px var(--btn-color,var(--c-accent));border-radius:999px;padding:1em 2.8em 1em 2em;font-weight:700;line-height:1.55;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative}.btn:after{content:"";border:2px solid #fff;border-width:2px 2px 0 0;width:.45em;height:.45em;position:absolute;top:50%;right:1.3em;transform:translateY(-50%)rotate(45deg)}.btn:hover{box-shadow:0 10px 20px -8px var(--btn-color,var(--c-accent));transform:translateY(-2px)}.btn-green{--btn-color:#3a9d63}.btn-blue{--btn-color:#3b82d6}.btn-red{--btn-color:#e2574c}.item-box{border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow);gap:20px;padding:20px;display:flex}.item-box-image{text-align:center;flex:0 0 128px}.item-box-image img{border-radius:0}.item-box-image img[width="1"],.item-box-image:empty{display:none}.item-box-body{flex:1;min-width:0}.item-box-title{font-size:.95rem;font-weight:700;line-height:1.6}.item-box-title a{color:var(--c-ink);text-decoration:none}.item-box-note{color:var(--c-sub);font-size:.72rem}.item-box-links{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.item-box-links li:before{content:none}.item-box-links a{color:#fff;background:#888;border-radius:999px;padding:5px 16px;font-size:.78rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:block}.item-box-links a:hover{opacity:.85}.item-box-links .shop-amazon a{background:#f0a020}.item-box-links .shop-rakuten a{background:#c8463f}.item-box-links .shop-yahoo a{background:#4a9be0}.item-box-links img[width="1"]{display:none}@media (width<=600px){.item-box{text-align:center;flex-direction:column;align-items:center}.item-box-links{justify-content:center}}.blogcard{border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow);color:var(--c-ink);align-items:center;gap:16px;padding:14px;text-decoration:none;transition:transform .2s;display:flex}.blogcard:hover{transform:translateY(-2px)}.blogcard img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-s);flex:0 0 150px;width:150px}.blogcard-title{font-size:.92rem;font-weight:700;line-height:1.6}.blogcard-host{color:var(--c-sub);font-size:.72rem;display:block}.blogcard-ext{flex-direction:column;align-items:flex-start;gap:2px}@media (width<=480px){.blogcard img{flex-basis:110px;width:110px}}.embed-youtube{aspect-ratio:16/9;border-radius:var(--radius);position:relative;overflow:hidden}.embed-youtube iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.twitter-tweet{margin-left:auto;margin-right:auto}.contact-form iframe{border:0;width:100%;height:1100px}#search{--pagefind-ui-primary:var(--c-accent-dark);--pagefind-ui-text:var(--c-ink);--pagefind-ui-border:var(--c-line);--pagefind-ui-border-radius:12px;--pagefind-ui-font:var(--font-body)}
