@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{--ink:#282929;--paper:#f8f6f2;--stroke:#ddd9d0;--mute:#756f66;--brand:#3f5b4e;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);font-size:15px;line-height:2;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{opacity:.78}img{max-width:100%;height:auto}p{margin:0 0 1.48em}button,input{font:inherit}
.prbar{background:#232a28;color:#e4e6df;font-size:11px;letter-spacing:.07em;padding:7px 24px;text-align:center}.header{height:74px;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;padding:0 32px;margin:auto}.logo{text-decoration:none;display:flex;align-items:center;gap:13px;line-height:1.4}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8c8e7e;transform:rotate(-7deg);font:600 20px var(--serif)}.logo-jp{font:700 15px var(--serif);letter-spacing:.13em}.logo-en{font:500 9px var(--sans);letter-spacing:.18em;color:#858174}.header nav{display:flex;gap:23px}.header nav a{font-size:11px;text-decoration:none;color:#676960}.page-width{max-width:1260px;margin:auto;padding:0 32px}
.article-hero{max-width:1500px;margin:auto;min-height:590px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:clamp(45px,6vw,105px) clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center;position:relative}.hero-overline{font:600 11px var(--sans);letter-spacing:.19em;margin-bottom:28px}.hero-title{font:600 clamp(30px,3.55vw,59px)/1.6 var(--serif);letter-spacing:.025em;margin:0 0 22px}.hero-dek{font-size:17px;font-weight:500;line-height:1.9;max-width:520px}.hero-media{position:relative;min-height:540px;overflow:hidden;background:#564c44}.hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.74)}.hero-photo-label{position:absolute;bottom:20px;right:23px;color:#fff;font-size:10px;letter-spacing:.12em;background:#0007;padding:6px 12px}.hero-serial{font:400 94px/1 Georgia,serif;position:absolute;right:35px;bottom:16px;opacity:.08;pointer-events:none}.hero-next{margin-top:14px}.hero-next a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font:600 12px var(--sans)}
.variant-quit{--paper:#f2eee8;--accent:#9e624d;--light:#e5d8c9;--ink:#2b2522;background:#f2eee8}.variant-quit .article-hero{grid-template-columns:1.08fr .92fr;background:#302723;color:#f9f1e8}.variant-quit .hero-copy{order:2;background:#372d27}.variant-quit .hero-media{order:1}.variant-quit .hero-title{color:#f8efdf}.variant-quit .hero-dek,.variant-quit .hero-overline{color:#ead3c1}.variant-quit .hero-media img{filter:brightness(.7) saturate(.8)}
.variant-chef{--paper:#f5f3ec;--accent:#8a4d36;--light:#ebe3da;--ink:#2b2927;background:#f5f3ec}.variant-chef .article-hero{grid-template-columns:1.25fr .75fr;background:#e9e3d7}.variant-chef .hero-copy{padding-left:clamp(30px,7vw,126px)}.variant-chef .hero-media img{filter:grayscale(.22) sepia(.18)}.variant-chef .hero-copy:before{content:'KITCHEN JOURNAL';display:block;font:400 11px Georgia,serif;letter-spacing:.25em;border-top:1px solid #b2a597;padding-top:19px;width:170px;margin-bottom:35px}
.variant-cafe{--paper:#f0f4ed;--accent:#3f654c;--light:#dce9db;--ink:#20352b;background:#f0f4ed}.variant-cafe .article-hero{grid-template-columns:.9fr 1.1fr;background:#dce9dc;min-height:535px}.variant-cafe .hero-copy{padding-left:clamp(25px,5vw,90px)}.variant-cafe .hero-media{margin:42px 42px 42px 0;min-height:480px;border-radius:50% 50% 1px 1px;box-shadow:14px 14px 0 #87a28a}.variant-cafe .hero-media img{filter:saturate(.8) brightness(1.06)}
.article-intro{max-width:820px;margin:0 auto;padding:60px 30px 10px}.reader-lead{font:500 clamp(18px,2vw,24px)/2.12 var(--serif)}.reader-lead p:first-child{font-weight:700;font-size:1.2em}.reader-lead p{margin-bottom:1.25em}.intro-credit{font-size:12px;color:var(--mute);line-height:1.9;border-top:1px solid var(--stroke);padding-top:16px;margin-top:25px}.article-shell{max-width:1130px;margin:0 auto;display:grid;grid-template-columns:1fr 205px;gap:90px;padding:30px 30px 110px}.article-main{max-width:755px;min-width:0}.article-main section.story-section{padding:18px 0 12px}.article-main h2{font:600 clamp(23px,2.3vw,32px)/1.75 var(--serif);margin:48px 0 26px;letter-spacing:.02em}.article-main .story-section>p{font:400 15px/2.18 var(--sans);margin-bottom:25px}.section-num{display:inline-block;margin-right:16px;color:var(--accent);font:400 13px Georgia,serif;vertical-align:middle}.pullquote{font:600 clamp(21px,3vw,30px)/1.85 var(--serif);margin:60px -80px 50px;padding:28px 64px;border-left:3px solid var(--accent);position:relative;background:var(--light)}.pullquote:before{content:'“';font:80px Georgia,serif;position:absolute;top:0;left:12px;color:var(--accent);opacity:.25}.photo-essay{margin:47px -65px 55px}.photo-essay img{display:block;width:100%;height:400px;object-fit:cover;background:#d2c6b8}.photo-essay figcaption{font:400 11px/1.7 var(--sans);color:var(--mute);margin:9px 0 0}.photo-essay figcaption a{color:inherit}.photo-essay.portrait{margin-left:35px;margin-right:55px}.photo-essay.portrait img{height:480px}.quiet-link{padding:22px 25px 18px;border-top:1px solid #c5bcb1;border-bottom:1px solid #c5bcb1;margin:20px 0 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.quiet-link p{margin:0!important;font:400 13px/1.8 var(--serif)}.quiet-link a{white-space:nowrap;text-decoration:none;font-size:12px;font-weight:700;border-bottom:2px solid var(--accent)}.offer{margin:50px -34px;background:#e6e4dc;border-radius:0;padding:40px 44px;border-top:4px solid var(--accent);position:relative}.offer:before{content:'PR';position:absolute;top:12px;right:14px;letter-spacing:.16em;font:700 10px var(--sans);color:#756c5e}.offer-kicker{color:var(--accent);font-size:11px;letter-spacing:.14em;font-weight:700;margin:0 0 11px!important}.offer h3{font:600 clamp(21px,2.3vw,28px)/1.65 var(--serif);margin:0 0 15px}.offer p{font-size:13px!important;line-height:2!important}.offer a.go{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin:13px 0 0;background:#233a33;color:#fff;text-decoration:none;padding:13px 23px;min-height:53px;font-size:13px;font-weight:700;max-width:100%;transition:transform .18s}.offer a.go:hover{transform:translateY(-2px)}.offer .small{font-size:11px!important;margin:14px 0 0!important;color:#666b62}.variant-quit .offer{background:#e7dad1}.variant-quit .offer a.go{background:#5d3933}.variant-chef .offer{background:#e4ded2}.variant-chef .offer a.go{background:#4d3c32}.variant-cafe .offer{background:#d9e5d8}.variant-cafe .offer a.go{background:#315c46}.offer.offer-final{margin:52px 0 0}.aside{padding-top:70px}.aside-sticky{position:sticky;top:30px;border-top:1px solid #afa69a;padding-top:16px}.aside-title{color:var(--accent);font:700 11px var(--sans);letter-spacing:.13em}.aside ol{list-style:none;padding:0;margin:19px 0}.aside li{padding:10px 0;border-bottom:1px solid #e1dcd5;font-size:12px;line-height:1.6}.aside a{text-decoration:none}.aside .note{font:400 11px/1.7 var(--sans);color:var(--mute)}
.checks{background:#fffdf7;border:1px solid var(--stroke);padding:30px 32px;margin:45px 0}.checks h3{margin:0 0 14px;font:600 22px/1.65 var(--serif)}.checks .hint{font-size:13px;margin-bottom:20px}.check-row{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7;border-bottom:1px solid #e9e4d8;padding:13px 0}.check-row:last-child{border-bottom:0}.check-row input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin-top:5px}.check-status{font-size:11px;color:var(--accent);margin-top:14px}.endnote{margin:38px 0;padding:22px 0;border-top:1px solid #c6bfb3;font:400 12px/1.9 var(--sans);color:#605d57}.endnote strong{color:inherit}.rel{padding:18px 0;border-top:1px solid var(--stroke)}.rel h3{font:600 18px var(--serif)}.rel a{font-size:13px;display:block;margin:13px 0}.footer{background:#e8e8e0;border-top:1px solid #cecec3;color:#4b544a;padding:40px 30px}.footer-inner{max-width:1160px;margin:auto;display:flex;align-items:start;justify-content:space-between;gap:30px}.footer p{font-size:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:12px;text-decoration:none}.hub-hero{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#e5e9e0}.hub-intro{padding:90px 70px}.hub-eyebrow{font:600 11px var(--sans);letter-spacing:.23em;color:#5c6c57}.hub h1{font:600 clamp(30px,4vw,57px)/1.65 var(--serif);margin:30px 0}.hub p{font-size:15px;max-width:620px}.hub-photo{position:relative;min-height:500px;background:#56675b}.hub-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hub-articles{max-width:1100px;margin:75px auto 110px;padding:0 28px}.hub-articles>h2{font:600 24px var(--serif)}.hub-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.hub-card{text-decoration:none;display:block;border-top:1px solid #777d70;padding-top:16px}.hub-card img{width:100%;height:240px;object-fit:cover}.hub-card .eyebrow{font-size:11px;color:#60725e}.hub-card h3{font:600 20px/1.6 var(--serif);margin:12px 0}.hub-card p{font-size:13px;color:#596b5e}.hub-card .more{font-size:12px;text-decoration:underline}.info{max-width:760px;margin:50px auto 100px;padding:0 27px}.info h1{font:600 36px var(--serif)}.info h2{font:600 23px var(--serif);margin-top:35px}.info p,.info li{font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{position:static;background:#fff;padding:10px}.variant-cafe .checks{background:#f6fbf2}.variant-chef .checks{background:#faf9f4}
@media(max-width:900px){.article-hero{min-height:0;grid-template-columns:1fr 1fr}.hero-copy{padding:43px 28px}.hero-title{font-size:30px}.hero-dek{font-size:15px}.article-shell{display:block;max-width:800px}.aside{display:none}.pullquote{margin-left:0;margin-right:0;padding:26px 28px 26px 56px}.photo-essay{margin-left:0;margin-right:0}.photo-essay.portrait{margin:35px auto;width:80%}.offer{margin-left:0;margin-right:0}}
@media(max-width:650px){.header{height:62px;padding:0 17px}.logo-jp{font-size:13px}.logo-mark{width:28px;height:28px;font-size:17px}.header nav a{font-size:10px}.header nav a:nth-child(2){display:none}.prbar{font-size:10px}.article-hero,.variant-quit .article-hero,.variant-chef .article-hero,.variant-cafe .article-hero{display:flex;flex-direction:column}.hero-copy,.variant-chef .hero-copy,.variant-cafe .hero-copy{padding:27px 23px 35px}.hero-overline{margin-bottom:16px}.hero-title{font-size:clamp(28px,7vw,37px);line-height:1.54;margin-bottom:14px}.hero-dek{font-size:14px}.hero-media,.variant-cafe .hero-media{order:-1;min-height:235px;height:245px;margin:0;border-radius:0;box-shadow:none}.variant-quit .hero-copy{order:2}.variant-quit .hero-media{order:1}.variant-chef .hero-copy:before{margin-bottom:20px}.article-intro{padding:37px 21px 5px}.reader-lead{font-size:16px;line-height:2}.reader-lead p:first-child{font-size:1.2em}.article-shell{padding:15px 21px 70px}.article-main h2{font-size:23px;margin:32px 0 19px}.article-main .story-section>p{font-size:14px;line-height:2}.section-num{margin-right:9px}.pullquote{font-size:19px;line-height:1.85;margin:34px -2px;padding:23px 20px 23px 40px}.pullquote:before{font-size:57px;left:4px}.photo-essay{margin:30px -21px 38px}.photo-essay img{height:270px}.photo-essay figcaption{padding:0 20px}.photo-essay.portrait{margin:30px 6px;width:auto}.photo-essay.portrait img{height:330px}.quiet-link{padding:16px 0;display:block}.quiet-link a{display:inline-block;margin-top:10px}.offer{padding:27px 21px;margin:36px 0}.offer h3{font-size:22px}.offer a.go{width:100%;font-size:12px}.checks{padding:21px 19px}.footer-inner{display:block}.footer-links{margin-top:17px}.hub-hero{display:flex;flex-direction:column-reverse}.hub-photo{min-height:230px}.hub-intro{padding:35px 24px}.hub h1{font-size:29px;margin:15px 0}.hub-articles{margin:45px auto 80px}.hub-list{grid-template-columns:1fr}.hub-card img{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.logo-jp,.logo-en{display:block}.hero-media{background:linear-gradient(130deg,#52463b,#756858)}.variant-cafe .hero-media{background:linear-gradient(130deg,#657d6a,#b0bda5)}.photo-essay{background:linear-gradient(130deg,#d9cec0,#a99b8b)}@media(max-width:650px){.header nav a:nth-child(n+2){display:none}.header nav a{white-space:nowrap}.logo-jp{letter-spacing:.03em}.logo-en{font-size:8px;letter-spacing:.12em}}


/* Reader-first index and footer, 2026-10-29 */
.header{max-width:1450px;height:68px;padding:0 clamp(18px,4vw,68px)}.header .logo{gap:12px}.header .logo-jp{font:600 16px/1.4 var(--serif);letter-spacing:.03em}.header nav a{font-size:13px;letter-spacing:.02em}.prbar{padding:5px clamp(18px,4vw,68px);text-align:right;background:#f8f6f1;color:#696159;font-size:10px;letter-spacing:.02em}
.footer{background:#272e2c;color:#f3f2eb;padding:27px 25px}.footer-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-inner p{font-size:12px;margin:0;color:#e5ded2}.footer-inner>a{font-size:13px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.reading-list{margin:44px 0;background:#f6f2eb;padding:29px 32px;border-left:3px solid var(--accent,#7d624e)}.reading-list h3{margin:0 0 18px;font:600 23px/1.5 var(--serif)}.reading-list ul{padding:0;list-style:none;margin:0}.reading-list li{padding:14px 0 14px 24px;border-top:1px solid #ddd5ca;position:relative;font-size:14px;line-height:1.8}.reading-list li:before{content:'—';position:absolute;left:0;color:#8f7966}
.hub-v4{background:#f7f4ed;color:#292b27}.hub-v4 .header{background:#f7f4ed}.hub-v4 .prbar{background:#f7f4ed}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;max-width:1450px;min-height:660px;margin:0 auto;background:#2b3432}.home-hero-photo{order:2;position:relative;min-height:660px;overflow:hidden}.home-hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.76) brightness(.82)}.home-hero-copy{order:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,96px);color:#f9f5eb}.home-small{font-size:12px!important;letter-spacing:.2em;color:#cab6a2;border-top:1px solid #717974;padding-top:25px}.hub-v4 .home-hero h1{font:500 clamp(43px,5vw,72px)/1.38 var(--serif);letter-spacing:.035em;margin:34px 0 30px}.hub-v4 .home-lead{font:500 clamp(18px,2vw,24px)/1.9 var(--serif);color:#eee6d9;margin:0 0 21px;max-width:500px}.hub-v4 .home-sub{font-size:14px;line-height:2.15;color:#c7cac4;max-width:460px;margin:0 0 24px}.home-scroll{color:#e8b991;text-decoration:none;font-size:14px;border-bottom:1px solid #ba9781;padding:10px 0;align-self:flex-start}.home-scroll span{margin-left:20px}
.stories-home{max-width:1250px;margin:110px auto 0;padding:0 35px}.stories-label{display:flex;align-items:baseline;gap:28px;border-bottom:1px solid #c6c0b5;margin-bottom:30px;padding-bottom:16px}.stories-label span{font:500 31px/1.4 var(--serif)}.stories-label p{font-size:13px;color:#777166;margin:0}.story-feature{color:inherit;text-decoration:none;display:grid;grid-template-columns:1.03fr .97fr;min-height:470px;background:#ebe3d8;margin-bottom:30px;overflow:hidden}.story-feature-img,.story-tile-img{min-height:100%;position:relative;overflow:hidden}.story-feature-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.story-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px 55px}.story-mini{font-size:12px;letter-spacing:.1em;color:#926c50}.story-feature h2{font:600 clamp(30px,3vw,43px)/1.55 var(--serif);margin:21px 0}.story-feature p{font-size:14px;line-height:2;max-width:450px;color:#535049}.story-open{display:block;font-size:13px;margin-top:17px;border-bottom:1px solid #9d7157;padding-bottom:8px}.story-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.story-tile{text-decoration:none;color:inherit;overflow:hidden;display:block;background:#edeae2}.story-tile.chef{background:#e2e0d9}.story-tile.cafe{background:#e5e9df}.story-tile-img{height:340px}.story-tile-img img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .35s ease}.story-tile-copy{padding:31px 34px 40px}.story-tile h2{font:600 clamp(25px,2.3vw,32px)/1.6 var(--serif);min-height:98px;margin:18px 0}.story-tile p{font-size:14px;line-height:1.95;color:#5a5b52}.story-tile .story-open{display:inline-block}.story-feature:hover img,.story-tile:hover img{transform:scale(1.035)}.home-last{text-align:center;padding:90px 20px 110px}.home-last p{font:500 clamp(20px,2.6vw,30px)/2 var(--serif)}
@media (max-width:800px){.home-hero{display:flex;flex-direction:column;min-height:0}.home-hero-photo{order:1;min-height:310px;height:310px}.home-hero-copy{order:2;padding:42px 28px 52px}.hub-v4 .home-hero h1{font-size:clamp(41px,8vw,60px);margin:25px 0}.stories-home{margin:58px auto 0;padding:0 19px}.stories-label{display:block}.stories-label span{font-size:26px}.stories-label p{margin-top:9px}.story-feature{display:flex;flex-direction:column}.story-feature-img{height:270px;min-height:270px}.story-feature-copy{padding:32px 25px}.story-feature h2{font-size:31px}.story-two{grid-template-columns:1fr;gap:20px}.story-tile-img{height:240px}.story-tile h2{font-size:27px;min-height:0}.story-tile-copy{padding:26px 25px 32px}.footer-inner{flex-direction:column;align-items:flex-start}.home-last{padding:55px 20px 70px}.reading-list{padding:22px 19px}}

/* A8.net normal ad code is inserted unaltered; style only its container. */
.a8-cta-code { margin: 1rem 0; }
.a8-cta-code > a {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  padding: .9rem 1.35rem;
  border-radius: 4px;
  color: #fff;
  background: #344337;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.4;
}
.a8-cta-code > a:hover { filter: brightness(.92); }
.a8-cta-code > img { position: absolute; width: 1px; height: 1px; overflow: hidden; }