:root{--bg:#f7f6f2;--fg:#1f1e1c;--muted:#6b6860;--line:#e2e0d9;--surface:#efede7;--surface-2:#e7e4dc;--placeholder:#dcd8ce;--sage:#56705f;--ochre:#85692a;--rust:#9c552b;--red:#a2443b;--violet:#665f8a;--rose:#9e5560;--slate:#4f6b86;--moss:#5f7a46;--font-ui:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Yu Gothic UI", Meiryo, sans-serif;--font-text:var(--font-ui);--text-weight:400;--heading-weight:700;--title-weight:500;--gutter:24px;--w-text:640px;--w-wide:960px;--w-max:1120px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161615;--fg:#eceae4;--muted:#9c998f;--line:#2e2d2a;--surface:#201f1d;--surface-2:#292825;--placeholder:#2c2b28;--sage:#9dbba8;--ochre:#d3b66c;--rust:#dc9d70;--red:#e3907f;--violet:#b0a9d6;--rose:#d99ca7;--slate:#9fb6cc;--moss:#a9c08c;color-scheme:dark}}:root[data-theme=dark]{--bg:#161615;--fg:#eceae4;--muted:#9c998f;--line:#2e2d2a;--surface:#201f1d;--surface-2:#292825;--placeholder:#2c2b28;--sage:#9dbba8;--ochre:#d3b66c;--rust:#dc9d70;--red:#e3907f;--violet:#b0a9d6;--rose:#d99ca7;--slate:#9fb6cc;--moss:#a9c08c;color-scheme:dark}@media (width<=720px){:root{--gutter:20px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.8;display:flex;overflow-x:clip}a{color:inherit}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.site-header a,.site-footer a,.pagination a,.card__thumb{text-decoration:none}.screen-reader-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:1000;background:var(--fg);color:var(--bg);padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{color:var(--bg);top:16px}.wrap{width:min(100% - var(--gutter) * 2, var(--w-wide));margin-inline:auto}.wrap--max{width:min(100% - var(--gutter) * 2, var(--w-max));margin-inline:auto}.site-main{flex:1 0 auto}.site-header{z-index:50;position:relative}.site-header__inner{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:56px 0 24px;display:flex}.site-title{font-family:var(--font-text);font-size:28px;font-weight:var(--heading-weight);letter-spacing:.02em;margin:0;line-height:1.2}.site-title a{vertical-align:top;text-decoration:none;display:inline-block}.site-title__logo{width:auto;max-height:48px;display:block}.site-title__logo--tint{max-width:min(320px,70vw);height:48px;aspect-ratio:var(--logo-ratio,4);background-color:var(--fg);-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;transition:opacity .2s}.site-title a:hover .site-title__logo--tint{opacity:.8}.site-header__nav{justify-content:center;align-items:center;gap:20px;max-width:100%;display:flex}.site-nav{min-width:0;position:relative}.site-nav__menu{letter-spacing:.08em;color:var(--muted);gap:32px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.site-nav__menu li{position:relative}.site-nav__menu a{padding:10px 0;text-decoration:none;transition:color .2s;display:inline-block}.site-nav__menu a:hover{color:var(--fg)}@media (width<=720px){.site-header__inner{gap:10px;padding:32px 0 8px}.site-title{font-size:22px}.site-title__logo{max-height:36px}.site-title__logo--tint{height:36px}.site-header__nav{gap:12px;width:100%}.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__menu{white-space:nowrap;gap:24px;padding-inline:4px;font-size:13px}.site-nav__menu a{padding:12px 0}}.site-intro{letter-spacing:.06em;color:var(--muted);margin:32px 0 72px;font-size:15px}@media (width<=720px){.site-intro{margin:16px 0 40px;font-size:14px}}.card{cursor:pointer;margin:0;position:relative}.card__thumb{aspect-ratio:3/2;background:var(--placeholder);display:block;position:relative;overflow:hidden}.card__thumb img,.thumb-empty{object-fit:cover;width:100%;height:100%;transition:opacity .3s;display:block}.card:hover .card__thumb img{opacity:.9}.js .card__thumb img[loading=lazy]:not(.is-loaded),.js .interlude__img:not(.is-loaded){opacity:0;animation:.6s 3s forwards kp-show}.js .card__thumb img.is-loaded,.js .interlude__img.is-loaded{transition:opacity .6s}@keyframes kp-show{to{opacity:1}}.card__body{flex-direction:column;gap:8px;margin-top:18px;display:flex}.meta{font-family:var(--font-ui);letter-spacing:.1em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 .75em;margin:0;font-size:13px;line-height:1.6;display:flex}.meta__label{z-index:1;text-decoration:none;position:relative}a.meta__label:hover{color:var(--fg)}.card__title{font-family:var(--font-text);font-size:17px;font-weight:var(--title-weight);letter-spacing:.04em;font-feature-settings:"palt" 1;margin:0;line-height:1.7}.card__title a{text-underline-offset:.3em;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .2s}.card:hover .card__title a{text-decoration-color:currentColor}.card--feature .card__body{gap:10px;margin-top:22px}.card--feature .card__title{font-size:24px;line-height:1.6}.post-grid{content-visibility:auto;contain-intrinsic-size:auto var(--cis-pc,1400px);grid-template-columns:repeat(2,minmax(0,1fr));gap:96px 64px;display:grid}.card--feature+.post-grid{margin-top:120px}.post-grid+.post-grid{margin-top:96px}.post-grid>.card:last-child:nth-child(odd){grid-column:1/-1}.post-grid>.card:last-child:nth-child(odd) .card__title{font-size:20px;line-height:1.65}@media (width<=720px){.post-grid{contain-intrinsic-size:auto var(--cis-sp,1800px);grid-template-columns:minmax(0,1fr);row-gap:64px}.card--feature+.post-grid{margin-top:64px}.card__body{gap:6px;margin-top:16px}.meta{font-size:12px}.card__title,.post-grid>.card:last-child:nth-child(odd) .card__title{font-size:16px;line-height:1.7}.card--feature .card__title{font-size:19px;line-height:1.65}.card--feature .card__thumb{margin-inline:calc(var(--gutter) * -1)}}.interlude{width:100vw;margin:144px 0 144px calc(50% - 50vw)}.interlude__frame{contain:layout paint;background:var(--placeholder);height:min(56.25vw,82vh);overflow:hidden}.interlude__img{object-fit:cover;width:100%;height:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (width>=721px) and (hover:hover) and (pointer:fine){.interlude--parallax .interlude__img{backface-visibility:hidden;height:160%;animation-name:kp-parallax;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--kp-photo;animation-range:cover}.interlude--parallax .interlude__frame{view-timeline:--kp-photo block}}}@keyframes kp-parallax{0%{transform:translateY(-37.5%)}to{transform:translateY(0)}}.interlude__caption{width:min(100% - var(--gutter) * 2, var(--w-wide));text-align:right;letter-spacing:.1em;color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:2px 2em;margin:14px auto 0;font-size:12px;display:flex}.interlude__caption .kp-exif{font-size:inherit;letter-spacing:.06em;margin:0;display:inline}.kp-exif{font-family:var(--font-ui);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px;font-weight:400;display:block}.interlude__link{cursor:pointer;text-decoration:none;display:block;position:relative}.interlude__link .interlude__frame{z-index:1;display:block;position:relative}.interlude__link:focus-visible{outline:none}.interlude__link:focus-visible .interlude__frame{outline:2px solid var(--fg);outline-offset:4px}.interlude__stack{pointer-events:none;position:absolute;inset:0}.interlude__peek{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .35s;position:absolute;inset:0;transform:scale(.9);box-shadow:0 10px 30px #0000001f}.interlude--stack .interlude__frame{transform-origin:50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.interlude--stack .interlude__link:hover .interlude__frame,.interlude--stack .interlude__link:focus-visible .interlude__frame{transform:scale(.9)}.interlude--stack .interlude__link:hover .interlude__peek,.interlude--stack .interlude__link:focus-visible .interlude__peek{opacity:1}.interlude--stack .interlude__link:hover .interlude__peek--1,.interlude--stack .interlude__link:focus-visible .interlude__peek--1{transform:translate(-3.2%,-2.6%)rotate(-1.6deg)scale(.9)}.interlude--stack .interlude__link:hover .interlude__peek--2,.interlude--stack .interlude__link:focus-visible .interlude__peek--2{transition-delay:40ms;transform:translate(3.4%,2.2%)rotate(1.3deg)scale(.9)}}@media not ((hover:hover) and (pointer:fine)){.interlude__stack{display:none}}.interlude__more{color:var(--fg);letter-spacing:.1em;white-space:nowrap;margin-right:auto;text-decoration:none;transition:color .2s}.interlude__caption .interlude__more{order:-1}.interlude__more:hover{color:var(--muted)}.interlude__more span[aria-hidden]{transition:transform .2s;display:inline-block}.interlude__more:hover span[aria-hidden],.interlude__link:hover~.interlude__caption .interlude__more span[aria-hidden]{transform:translate(3px)}@media (width<=720px){.interlude{margin-block:80px}.interlude__frame{aspect-ratio:3/2;height:auto}.interlude__caption{margin-top:10px;font-size:11px}}.entry-header{margin:48px 0 8px}.entry-title{margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.5}.entry-content{width:min(100%, var(--w-text));margin-inline:auto}.entry-content h2{margin:2em 0 .8em;font-size:23px;line-height:1.5}.entry-content h3{margin:1.8em 0 .7em;font-size:19px}.entry-content p{margin:1.1em 0}.entry-content a{color:var(--slate)}.entry-content figure{margin:1.6em 0}.entry-content img{border-radius:4px}.entry-content figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:13px}.kb-infobox{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:1.6em 0;padding:14px 18px;font-size:14px}.kb-infobox__tab{color:var(--sage);letter-spacing:.08em;font-size:12px;font-weight:700}.kp-product{border:1px solid var(--line);background:#fff;border-radius:8px;gap:20px;margin:2em 0;padding:20px;display:flex}.kp-product__image{flex:0 0 140px}.kp-product__image img{object-fit:contain;width:140px;height:140px;display:block}.kp-product__body{flex:1;min-width:0}.kp-product__brand{color:var(--muted);letter-spacing:.06em;margin:0;font-size:12px}.kp-product__title{margin:2px 0 8px;font-size:15px;font-weight:500;line-height:1.6}.kp-product__price{margin:0 0 4px;font-size:20px;font-weight:700}.kp-product__price small{color:var(--muted);font-size:12px;font-weight:400}.kp-product__price-at{color:var(--muted);margin:0 0 12px;font-size:11px}.kp-product__btns{flex-wrap:wrap;gap:8px;display:flex}.kp-product__btn{background:var(--rust);color:#fff;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.kp-product__btn--amazon{background:var(--rust)}.kp-product__btn--rakuten{background:var(--red)}.kp-product__btn--yahoo{background:var(--violet)}.kp-product__btn--mercari{background:var(--slate)}.kp-product__btn:hover{opacity:.88}.kp-product__note{color:var(--muted);margin:10px 0 0;font-size:11px}@media (width<=560px){.kp-product{text-align:center;flex-direction:column;align-items:center}}.archive-header{margin:48px 0 8px}.archive-title{margin:0;font-size:26px;font-weight:700}.archive-count{color:var(--muted);margin:4px 0 0;font-size:13px}.pagination{letter-spacing:.06em;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:96px;font-size:14px;display:flex}.pagination .page-numbers{min-width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;padding:0 8px;transition:color .2s;display:inline-flex}.pagination a.page-numbers:hover{color:var(--fg)}.pagination .page-numbers.current{color:var(--fg);text-underline-offset:.4em;text-decoration:underline}@media (width<=720px){.pagination{margin-top:64px}}.entry-tags{flex-wrap:wrap;gap:6px 14px;margin:48px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.entry-tags a{color:var(--muted);text-decoration:none}.entry-tags a:hover{color:var(--fg)}.entry--gallery .entry-header{width:min(100% - var(--gutter) * 2, var(--w-text));margin:48px auto 0}.photo-grid{--row:300px;width:min(100% - var(--gutter) * 2, var(--w-max));flex-wrap:wrap;gap:12px;margin:64px auto 0;display:flex}.photo-grid:after{content:"";flex-grow:999}.photo-grid__item{flex-grow:var(--r);flex-basis:calc(var(--row) * var(--r));margin:0;scroll-margin-top:40px}.photo-grid__link{cursor:zoom-in;background:var(--placeholder);display:block}.photo-grid__img{width:100%;height:auto;aspect-ratio:var(--r);object-fit:cover;transition:opacity .3s}.photo-grid__link:hover .photo-grid__img{opacity:.88}.photo-grid__link:focus-visible{outline-offset:3px}.photo-grid__item.is-target .photo-grid__link{outline:2px solid var(--fg);outline-offset:4px}.photo-grid__empty{width:min(100% - var(--gutter) * 2, var(--w-text));color:var(--muted);margin:56px auto 0;font-size:14px}@media (width<=1024px){.photo-grid{--row:220px;gap:8px}}@media (width<=720px){.photo-grid{--row:150px;gap:6px;width:100%;margin-top:40px;padding-inline:6px}}.has-lightbox,.has-lightbox body{overflow:hidden}.lightbox{color:#eceae4;background:#0e0e0df5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.lightbox::backdrop{background:#0e0e0df5}.lightbox[open]{animation:.25s kp-lightbox-in;display:flex}@keyframes kp-lightbox-in{0%{opacity:0}}.lightbox__stage{--pad-top:56px;--pad-bottom:24px;--pad-x:72px;--bar:64px;min-width:0;padding:var(--pad-top) var(--pad-x) var(--pad-bottom);flex:1;justify-content:center;align-items:center;display:flex}.lightbox__figure{flex-direction:column;align-items:stretch;max-width:100%;margin:0;display:flex}.lightbox__img{max-width:100%;max-height:calc(100dvh - var(--pad-top) - var(--pad-bottom) - var(--bar));object-fit:contain;width:auto;height:auto;margin-inline:auto;transition:opacity .2s;display:block}.lightbox.is-loading .lightbox__img{opacity:.4}.lightbox__bar{letter-spacing:.08em;color:#b4b1a8;justify-content:space-between;align-items:baseline;gap:4px 16px;width:0;min-width:100%;padding-top:12px;font-size:12px;line-height:1.7;display:flex}.lightbox__caption{flex-wrap:wrap;gap:2px 2em;min-width:0;margin:0;display:flex}.lightbox__caption .kp-exif{color:inherit;font-size:inherit;margin:0;display:inline}.lightbox__count{font-variant-numeric:tabular-nums;flex-shrink:0;margin:0}.lightbox__btn{color:#d8d5cd;cursor:pointer;opacity:.75;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:opacity .2s;display:inline-flex;position:absolute}.lightbox__btn:hover{opacity:1}.lightbox__btn:focus-visible{outline-offset:-2px;outline:2px solid #eceae4}.lightbox__close{top:8px;right:12px}.lightbox__prev,.lightbox__next{top:50%;transform:translateY(-50%)}.lightbox__prev{left:12px}.lightbox__next{right:12px}.lightbox.is-single .lightbox__prev,.lightbox.is-single .lightbox__next,.lightbox.is-single .lightbox__count{display:none}@media (width<=720px){.lightbox__stage{--pad-x:0px;--pad-bottom:64px;--bar:72px}.lightbox__bar{padding:10px 16px 0;font-size:11px}.lightbox__prev,.lightbox__next{top:auto;bottom:8px;transform:none}.lightbox__prev{left:auto;right:64px}}.site-footer{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--muted);margin-top:160px;font-size:13px}.site-footer .wrap{width:min(100% - var(--gutter) * 2, var(--w-max))}.site-footer__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);gap:56px 72px;padding:72px 0 64px;display:grid}.footer-profile{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.footer-profile__head{align-items:center;gap:16px;display:flex}.footer-profile__avatar img{object-fit:cover;background:var(--placeholder);border-radius:50%;width:64px;height:64px}.footer-profile__name{letter-spacing:.04em;color:var(--fg);margin:0;font-size:15px;font-weight:700}.footer-profile__name a{text-decoration:none}.footer-profile__name a:hover{text-underline-offset:.3em;text-decoration:underline}.footer-profile__bio{color:var(--muted);margin:0;font-size:13px;line-height:1.95}.theme-control{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.theme-toggle{min-height:44px;color:var(--muted);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:13px;display:inline-flex}.theme-toggle:hover{color:var(--fg)}.theme-toggle__track{border:1px solid var(--muted);border-radius:999px;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}.theme-toggle__thumb{background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.theme-toggle[aria-checked=true] .theme-toggle__track{background:var(--fg);border-color:var(--fg)}.theme-toggle[aria-checked=true] .theme-toggle__thumb{background:var(--bg);transform:translate(18px)}.theme-toggle:focus-visible{outline:none}.theme-toggle:focus-visible .theme-toggle__track{outline:2px solid var(--fg);outline-offset:3px}.theme-reset{min-height:44px;color:var(--muted);letter-spacing:.04em;text-underline-offset:.3em;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline 1px}.theme-reset:hover{color:var(--fg)}.theme-reset[hidden]{display:none}.footer-terms{flex-direction:column;gap:36px;display:flex}.footer-terms__title{letter-spacing:.14em;color:var(--muted);margin:0 0 16px;font-size:12px;font-weight:400}.footer-terms__list{flex-wrap:wrap;gap:2px 18px;margin:0;padding:0;list-style:none;display:flex}.footer-terms__list a{color:var(--fg);padding:5px 0;font-size:13px;text-decoration:none;transition:color .2s;display:inline-block}.footer-terms__list a:hover{color:var(--muted);text-underline-offset:.3em;text-decoration:underline}.site-footer__bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;min-height:88px;display:flex}.site-footer__copy{margin:0}.site-footer__links{flex-wrap:wrap;gap:4px 24px;display:flex}.site-footer__links a{padding:10px 0;text-decoration:none;display:inline-block}.site-footer__links a:hover{color:var(--fg)}@media (width<=720px){.site-footer{margin-top:112px;font-size:12px}.site-footer__grid{grid-template-columns:minmax(0,1fr);gap:48px;padding:56px 0 48px}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:4px;min-height:0;padding-block:20px 28px}}
