:root{--color-bg: #faf7f3;--color-soft: #f2ebe4;--color-card: #ffffff;--color-dark: #2b2530;--color-fg: #2b2530;--color-sub: #5c5460;--color-sub2: #4c4450;--color-muted: #9a909a;--color-pr: #8a8088;--color-primary: #a04c5c;--color-primary-dark: #8e4252;--color-rose-soft: #d98a97;--line: #eee5dd;--line-sep: #e5dad2;--line-btn: #cdbfc3;--line-chip: #d8ccce;--line-badge: #dcbfc5;--footer-fg: #cfc6cc;--footer-muted: #9a8f98;--radius: 4px;--pill: 999px;--maxw: 1120px;--maxw-article: 720px;--font: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-head: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light}body{margin:0;font-family:var(--font);color:var(--color-fg);background:var(--color-bg);line-height:2;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-head);font-weight:700;letter-spacing:.02em;text-wrap:balance}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}a,button,.cta,.hero-btn,.finder-chip,.post-tag{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:40px}@media(max-width:640px){.container{padding-inline:24px}}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--color-primary);color:#fff!important;font-weight:700;padding:10px 18px;border-radius:0 0 6px 6px;transition:top .15s ease}.skip-link:focus{top:0}.pr-banner{background:var(--color-bg);color:var(--color-pr);font-size:11px;text-align:center;padding:7px 12px;letter-spacing:.04em;border-bottom:1px solid var(--line)}.site-header{position:sticky;top:0;z-index:50;background:#faf7f3eb;backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding-block:14px}.brand{font-family:var(--font-head);font-weight:700;font-size:1.55rem;color:var(--color-fg);letter-spacing:.06em}.brand span{color:var(--color-primary)}.nav{display:flex;gap:36px;align-items:center}.nav a{color:var(--color-sub2);font-size:.9rem;font-weight:500}.nav a:hover{color:var(--color-primary)}.nav .nav-cta{border:1px solid var(--color-primary);color:var(--color-primary);padding:9px 22px;border-radius:var(--pill);font-size:.82rem;transition:background .15s ease,color .15s ease}.nav .nav-cta:hover{background:var(--color-primary);color:#fff}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px 4px;background:none;border:0;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:var(--color-fg);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-toggle span:last-child{width:14px}@media(max-width:760px){.nav-toggle{display:flex}.nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;background:var(--color-bg);border-bottom:1px solid var(--line);padding:8px 24px 16px;display:none}.site-header.is-open .nav{display:flex}.site-header.is-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.is-open .nav-toggle span:nth-child(2){opacity:0}.site-header.is-open .nav-toggle span:nth-child(3){width:22px;transform:translateY(-7px) rotate(-45deg)}.nav a{width:100%;padding:12px 0;font-size:.95rem;border-bottom:1px solid var(--line)}.nav a:last-child{border-bottom:0}.nav .nav-cta{border:0;padding:12px 0;border-radius:0}.nav .nav-cta:hover{background:none;color:var(--color-primary)}}.hero{padding:0}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-block:76px 84px}.hero-tag{display:block;font-size:13px;letter-spacing:.28em;font-weight:700;color:var(--color-primary);margin-bottom:22px}.hero h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.35;margin:0 0 26px;letter-spacing:.02em}.hero p{font-size:1rem;line-height:2;color:var(--color-sub);margin:0 0 36px;max-width:44em}.hero-btns{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-btn{display:inline-block;background:var(--color-primary);color:#fff!important;font-weight:700;font-size:.95rem;letter-spacing:.06em;padding:16px 40px;border-radius:var(--pill);transition:background .15s ease}.hero-btn:hover{background:var(--color-primary-dark)}.hero-btn.is-ghost{background:transparent;color:var(--color-sub2)!important;font-weight:500;border:1px solid var(--line-btn);padding:15px 36px}.hero-btn.is-ghost:hover{background:var(--color-soft)}.hero-img{width:100%;height:380px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);display:block}@media(max-width:760px){.hero-inner{grid-template-columns:1fr;gap:28px;padding-block:44px 48px}.hero h1{font-size:2.1rem}.hero-img{height:240px;order:2}.hero-btns{flex-direction:column;align-items:stretch}.hero-btn{text-align:center;padding:16px 0}.hero-btn.is-ghost{padding:15px 0}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:30px}.section-head.has-top{border-top:1px solid var(--line-sep);padding-top:44px}.section-head h2{font-size:1.75rem;margin:0;letter-spacing:.04em}.section-more{font-size:.82rem;color:var(--color-primary);font-weight:500;white-space:nowrap}.section-more:hover{color:var(--color-primary-dark)}.section{padding:64px 0 72px}.section-alt{background:var(--color-soft);padding:64px 0 72px}@media(max-width:640px){.section,.section-alt{padding:44px 0 48px}.section-head{flex-direction:column;align-items:flex-start;gap:6px}.section-head.has-top{padding-top:32px}.section-head h2,.finder-head h2{font-size:1.4rem}}.page-head{margin:48px 0 26px}.page-head h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 8px;letter-spacing:.04em}.page-head p{color:var(--color-muted);margin:0}.badge{display:inline-block;font-size:11px;font-weight:700;line-height:1.4;padding:3px 10px;border-radius:var(--pill);color:var(--color-primary);border:1px solid var(--line-badge)}.badge.is-solid{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-bottom:8px}.card{background:var(--color-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card a{color:inherit;display:block}.card a:hover{color:inherit}.card .thumb{position:relative;display:block}.card .thumb img{width:100%;height:150px;object-fit:cover;display:block}.card .body{padding:22px 24px 24px}.card .card-meta{display:flex;gap:8px;align-items:center;margin-bottom:12px}.card .date{color:var(--color-muted);font-size:12px}.card h3{font-family:var(--font-head);font-size:1.06rem;line-height:1.7;font-weight:600;margin:0;transition:color .15s ease}.card a:hover h3{color:var(--color-primary)}.card.is-featured{outline:1px solid var(--color-primary);outline-offset:-1px}.must-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 12px;border-radius:var(--pill);background:#fffffff0;color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.02em}.post-list{display:flex;flex-direction:column}.post-row{display:grid;grid-template-columns:110px 76px 1fr;gap:24px;align-items:center;padding:20px 4px;border-top:1px solid var(--line)}.post-list .post-row:last-child{border-bottom:1px solid var(--line)}.post-row .date{font-size:13px;color:var(--color-muted)}.post-row .badge{text-align:center;padding-inline:0}.post-row .post-title{font-size:1rem;font-weight:500;line-height:1.7;color:var(--color-fg)}.post-row a:hover .post-title{color:var(--color-primary)}.post-row a{color:inherit;display:block}.list-more{text-align:center;margin-top:24px}.list-more{margin-top:24px}.list-more .hero-btn{padding:13px 42px}@media(min-width:641px){.list-more{display:none}}@media(max-width:640px){.post-row{grid-template-columns:max-content 1fr;grid-template-areas:"badge date" "title title";gap:8px 10px;padding:18px 0}.post-row .date{grid-area:date;align-self:center}.post-row .badge{grid-area:badge;text-align:left;padding-inline:9px}.post-row .post-title{grid-area:title;font-size:.95rem}}.finder-head h2{font-size:1.75rem;margin:0 0 8px;letter-spacing:.04em}.finder-head p{font-size:.9rem;color:var(--color-sub);margin:0 0 36px}.finder-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.finder-group{background:var(--color-bg);border:1px solid var(--line-sep);border-radius:var(--radius);padding:28px 30px}.finder-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}.finder-toggle{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:none;border:0;padding:0;margin:0;text-align:left;cursor:default;font:inherit;color:inherit}.finder-group-head h3{font-family:var(--font-head);font-size:1.12rem;font-weight:700;margin:0}.finder-toggle .plus{display:none;color:var(--color-primary);font-size:1.1rem;line-height:1}.finder-group-head .section-more{font-size:12px}.finder-chips{display:flex;flex-wrap:wrap;gap:10px}.finder-chip{display:inline-block;font-size:13px;line-height:1.4;padding:8px 16px;border-radius:var(--pill);border:1px solid var(--line-chip);color:var(--color-sub2);background:transparent;transition:border-color .15s ease,color .15s ease}.finder-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:760px){.finder-groups{grid-template-columns:1fr;gap:10px}.finder-group{padding:18px 20px}.finder-group-head{margin-bottom:0}.finder-group-head .section-more{display:none}.finder-toggle{cursor:pointer}.finder-toggle .plus{display:block}.finder-chips{max-height:0;overflow:hidden;margin-top:0;transition:max-height .2s ease,margin-top .2s ease}.finder-group.is-open .finder-chips{max-height:600px;margin-top:14px}.finder-chip{padding:9px 15px}}.carousel{display:contents}.carousel-dots{display:none}@media(max-width:760px){.featured-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.featured-grid::-webkit-scrollbar{display:none}.featured-grid .card{flex:none;width:270px;scroll-snap-align:start}.carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.carousel-dots .dot{width:4px;height:4px;border-radius:2px;background:var(--line-chip);transition:width .2s ease,background .2s ease}.carousel-dots .dot.is-active{width:16px;background:var(--color-primary)}}.site-footer{background:var(--color-dark);color:var(--footer-fg);margin-top:0;padding:52px 0 40px;font-size:.85rem}.site-footer .foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px;flex-wrap:wrap}.site-footer .foot-brand{font-family:var(--font-head);font-size:1.35rem;font-weight:700;color:#fff}.site-footer .foot-brand span{color:var(--color-rose-soft)}.site-footer .links{display:flex;gap:32px;flex-wrap:wrap}.site-footer a{color:var(--footer-fg);font-weight:400}.site-footer a:hover{color:#fff}.site-footer .foot-note{font-size:11.5px;line-height:1.9;color:var(--footer-muted);margin:0;max-width:60em}.site-footer .foot-copy{font-size:12px;color:var(--footer-muted);margin-top:24px}.breadcrumb{font-size:12px;color:var(--color-muted);margin-bottom:22px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.breadcrumb a{color:var(--color-muted)}.breadcrumb a:hover{color:var(--color-primary)}.article{padding:44px 0 64px}.article>.container,.container.article{max-width:var(--maxw-article)}.article .article-meta{display:flex;gap:10px;align-items:center;margin-bottom:18px}.article .article-meta .updated{font-size:12px;color:var(--color-muted)}.article h1{font-family:var(--font-head);font-size:clamp(1.7rem,4.4vw,2rem);line-height:1.6;margin:0 0 22px;font-weight:700}.article .lead{font-size:.95rem;line-height:2.1;color:var(--color-sub);margin:0 0 32px}.article .hero-eyecatch{width:100%;height:280px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);display:block;margin-bottom:36px}.summary-box{background:var(--color-card);border:1px solid var(--line-badge);border-radius:var(--radius);padding:22px 26px;margin:0 0 44px}.summary-label{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--color-primary);margin-bottom:10px}.summary-box p{margin:0;font-size:.95rem;line-height:2}.toc{background:var(--color-soft);border-radius:var(--radius);padding:26px 30px;margin:0 0 44px}.toc strong{display:block;font-family:var(--font-head);font-size:1rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:11px}.toc li{counter-increment:toc;display:flex;gap:12px;font-size:14px;color:var(--color-sub2)}.toc li:before{content:counter(toc,decimal-leading-zero);color:var(--color-primary);font-weight:700}.toc a{color:var(--color-sub2)}.toc a:hover{color:var(--color-primary)}.prose{font-size:.95rem;line-height:2.2}.prose h2{font-family:var(--font-head);font-size:1.5rem;font-weight:700;line-height:1.6;margin:2.6em 0 .8em;padding-bottom:14px;border-bottom:2px solid var(--color-primary)}.prose h3{font-family:var(--font-head);font-size:1.19rem;font-weight:700;margin:2em 0 .7em}.prose :is(h2,h3,h4){scroll-margin-top:84px}.prose p{margin:1.4em 0}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:.5em 0}.prose strong{color:var(--color-primary);font-weight:700}.prose a{color:var(--color-primary);font-weight:500;text-decoration:underline;text-underline-offset:3px}.prose img{border-radius:var(--radius);border:1px solid var(--line)}.prose table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:.9rem}.prose th,.prose td{border:1px solid var(--line);padding:11px 14px;text-align:left}.prose th{background:var(--color-soft);font-weight:700}.prose blockquote{border-left:3px solid var(--color-primary);background:var(--color-soft);margin:1.6em 0;padding:14px 20px;border-radius:0 var(--radius) var(--radius) 0;color:var(--color-sub)}.point-box{background:var(--color-card);border:1px solid var(--line-badge);border-radius:var(--radius);padding:22px 26px;margin:28px 0}.point-box .point-label{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--color-primary);margin:0 0 10px}.point-box p{margin:0;font-size:.9rem;line-height:2}.num-list{display:flex;flex-direction:column;gap:12px;margin:28px 0 40px;padding:0;list-style:none;counter-reset:kanji}.num-list li{display:flex;gap:16px;align-items:baseline;background:var(--color-card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0}.num-list li:before{font-family:var(--font-head);color:var(--color-primary);font-weight:700;font-size:1.12rem;min-width:1.2em}.num-list li:nth-child(1):before{content:"一"}.num-list li:nth-child(2):before{content:"二"}.num-list li:nth-child(3):before{content:"三"}.num-list li:nth-child(4):before{content:"四"}.num-list li:nth-child(5):before{content:"五"}.num-list li:nth-child(6):before{content:"六"}.num-list li:nth-child(7):before{content:"七"}.cta-box{background:var(--color-dark);border-radius:var(--radius);padding:34px 36px;margin:44px 0;text-align:center}.cta-box h3,.cta-box .cta-title{font-family:var(--font-head);font-size:1.19rem;font-weight:700;color:#fff;margin:0 0 10px}.cta-box p{font-size:.85rem;color:var(--footer-fg);line-height:1.9;margin:0 0 22px}.cta-box .cta,.cta-box a.cta-btn{display:inline-block;background:var(--color-primary);color:#fff!important;font-size:.9rem;font-weight:700;padding:14px 40px;border-radius:var(--pill);transition:background .15s ease}.cta-box .cta:hover,.cta-box a.cta-btn:hover{background:var(--color-primary-dark)}.cta{display:inline-block;text-align:center;background:var(--color-primary);color:#fff!important;font-weight:700;padding:15px 34px;border-radius:var(--pill);transition:background .15s ease}.cta:hover{background:var(--color-primary-dark)}.cta-wrap{text-align:center;margin:28px 0}.cta-note{display:block;font-size:12px;color:var(--color-muted);margin-top:8px}.rank{border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:28px 0;background:var(--color-card);position:relative}.rank.is-top{border-color:var(--color-primary)}.rank .badge{position:absolute;top:-13px;left:20px}.rank h3{margin:8px 0 4px;font-size:1.25rem}.rank .stars{color:var(--color-primary);font-weight:700;margin:0}.post-tags{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 4px}.post-tag{display:inline-block;padding:8px 16px;border-radius:var(--pill);border:1px solid var(--line-chip);color:var(--color-sub2);font-size:13px;font-weight:400;transition:border-color .15s ease,color .15s ease}.post-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line-sep)}.article-footer-note{font-size:12px;color:var(--color-muted);margin:0}.related{padding:0 0 64px}.related>.container{max-width:var(--maxw-article)}.related .related-inner{border-top:1px solid var(--line-sep);padding-top:36px}.related h2{font-family:var(--font-head);font-size:1.25rem;font-weight:700;margin:0 0 20px;letter-spacing:.02em}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-card{background:var(--color-card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:block;color:inherit}.related-card .rc-title{font-family:var(--font-head);font-size:.9rem;line-height:1.7;font-weight:600;margin-top:10px;transition:color .15s ease}.related-card:hover .rc-title{color:var(--color-primary)}@media(max-width:560px){.related-grid{grid-template-columns:1fr}}.pager{display:flex;justify-content:space-between;margin:40px 0}.pager a{font-weight:500}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}