:root{--bg:#fbf6ee;--card:#fff;--line:#e7dfd3;--ink:#2c2622;--mute:#6e645c;--accent:#b84a31;--accent-soft:#f6e3dc;--green:#3e5a28;--green-soft:#e6eedd;--warn-soft:#fff3d6;--warn-ink:#7a5a00;--max:960px}*{box-sizing:border-box}html{color-scheme:light}body{background:var(--bg);color:var(--ink);margin:0;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;line-height:1.7}h1,h2,h3,h4{text-wrap:balance;margin:0;font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;line-height:1.35}a{color:var(--accent)}img{max-width:100%;height:auto}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:16px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;display:flex}.site-header .brand{color:var(--ink);font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700;text-decoration:none}.site-header nav{gap:14px;font-size:14px;display:flex}.site-header nav a{color:var(--mute);text-decoration:none}.site-header nav a:hover{color:var(--accent)}.site-header .search{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;margin-left:auto;padding:2px 4px 2px 12px;display:flex}.site-header .search input{font:inherit;width:160px;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.site-header .search button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.search-page{--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--card);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--green-soft);--pagefind-ui-border-radius:10px;--pagefind-ui-font:"Noto Sans JP", sans-serif;padding-block:8px 40px}@media (width<=640px){.site-header .wrap{flex-wrap:wrap}.site-header .search{order:3;width:100%;margin-left:0}.site-header .search input{width:100%}}.site-footer{border-top:1px solid var(--line);color:var(--mute);font-size:13px}.site-footer .wrap{padding-block:24px}.notice{background:var(--warn-soft);color:var(--warn-ink);border-radius:8px;margin-block:16px;padding:10px 14px;font-size:14px}.hero{padding-block:28px 8px}.hero h1{font-size:28px}.hero p{color:var(--mute);margin:8px 0 0}.social{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.social .sbtn{color:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 1px 2px #2c26221f}.social .sbtn:hover{transform:translateY(-1px)}.social .youtube{background:red}.social .tiktok{background:#111}.social .instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}.social .profile{background:var(--card);color:var(--ink);border:1px solid var(--line)}.social .profile img{object-fit:cover;border-radius:999px;width:22px;height:22px}.social.compact .sbtn span{display:none}.social.compact .sbtn{padding:9px}.carousel{padding-block:12px 4px}.carousel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.carousel-head h2{font-size:20px}.dots{gap:6px;display:flex}.dot{background:var(--line);cursor:pointer;border:0;border-radius:999px;width:10px;height:10px;padding:0}.dot.active{background:var(--accent)}.track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;flex:0 0 100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.slide-card{position:relative}.slide-card[hidden]{display:none}.slide-card .title{font-size:14px}.carousel-note{color:var(--mute);margin:6px 0 0;font-size:12px}@media (width<=560px){.slide{gap:8px}.slide-card .title{font-size:12px}.slide-card .meta{font-size:11px}.carousel-head h2{font-size:17px}}.genres{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:4px 0 8px;display:grid}.genre{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.genre:hover{transform:translateY(-2px);box-shadow:0 3px 10px #2c26221f}.genre-icon svg{width:44px;height:44px;display:block}.genre-label{font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:700}.genre-count{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:6px;right:8px}@media (width<=900px){.genres{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=560px){.genres{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.genre-icon svg{width:38px;height:38px}.genre-label{font-size:13px}}@media (prefers-reduced-motion:reduce){.track{scroll-behavior:auto}}.made{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;margin:14px 0 4px;display:flex}.made[hidden]{visibility:hidden}.made-btn{border:2px solid var(--accent);background:var(--card);min-height:44px;color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font:700 15px/1 Zen Maru Gothic,sans-serif;transition:transform .15s,background .15s;display:inline-flex}.made-btn:hover:not([disabled]){background:var(--accent-soft);transform:translateY(-1px)}.made-btn[disabled]{cursor:default}.made-btn.done{background:var(--accent);color:#fff}.made-count{font-variant-numeric:tabular-nums;background:var(--accent-soft);color:#9f3d27;border-radius:999px;padding:2px 8px;font-size:13px}.made-btn.done .made-count{color:var(--accent);background:#fff}.made-note{color:var(--mute);font-size:13px}.notfound{gap:10px;padding-block:40px 60px;display:grid}.step-photo{margin:8px 0 4px}.step-photo img{border:1px solid var(--line);border-radius:10px;width:100%;max-width:360px;display:block}.step-photo figcaption{color:var(--mute);margin-top:4px;font-size:12px}.trivia{background:var(--accent-soft);border-radius:12px;margin:18px 0;padding:14px 18px}.trivia h2{margin:0 0 8px;font-size:18px}.trivia h3{color:var(--accent);margin:10px 0 4px;font-size:14px}.trivia ul{margin:0;padding-left:20px}.trivia li{margin:4px 0;font-size:14px;line-height:1.7}.page{max-width:720px;padding-block:24px 48px;line-height:1.9}.page h1{margin-bottom:12px;font-size:26px}.page h2{margin:26px 0 6px;font-size:18px}.page h3{color:var(--accent);margin:14px 0 4px;font-size:15px}.page p{margin:0 0 10px}.contact-mail{font-size:20px;font-weight:700}.site-footer .foot-nav{flex-wrap:wrap;gap:16px;margin-bottom:6px;display:flex}.site-footer .foot-nav a{color:var(--mute)}.site-footer p{margin:0}.products-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.product{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:14px;padding:12px;display:flex}.product-img{object-fit:cover;background:var(--line);border-radius:10px;flex:0 0 84px;width:84px;height:84px}.product-body{align-content:start;gap:6px;display:grid}.product-name{font-size:15px;font-weight:700}.product-name a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.product-name a:hover{color:var(--accent)}.product-note{color:var(--mute);font-size:13px}.product .chip{justify-self:start}.shop-links{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.shop{color:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 1px 2px #2c262226}.shop:hover{transform:translateY(-1px)}.shop.rakuten{background:#bf0000}.shop.amazon{background:#232f3e}.shop-mark{color:#bf0000;background:#fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.shop.amazon .shop-mark{color:#f90}@media (width<=560px){.product-img{flex-basis:64px;width:64px;height:64px}}.parts-band{background:var(--green-soft);border:1px solid var(--line);color:var(--ink);border-radius:14px;align-items:center;gap:14px;margin:14px 0 6px;padding:14px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.parts-band:hover{transform:translateY(-2px);box-shadow:0 3px 10px #2c26221f}.parts-icon{font-size:28px}.parts-text{flex:1;gap:2px;display:grid}.parts-text strong{font-family:Zen Maru Gothic,sans-serif;font-size:16px}.parts-text span{color:var(--mute);font-size:13px}.parts-arrow{color:var(--green);font-size:20px}.about{gap:20px;max-width:720px;padding-block:24px 48px;display:grid}.about-head{align-items:center;gap:18px;display:flex}.about-head .avatar{object-fit:cover;border:3px solid var(--card);border-radius:999px;width:120px;height:120px;box-shadow:0 1px 3px #2c262226}.about-head h1{font-size:26px}.about-head .tagline{color:var(--mute);margin:4px 0 0}.about-body p{margin:0 0 12px}.about-shop a{font-weight:700}.section-title .count{color:var(--mute);margin-left:8px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:400}.popular{padding-block:8px 4px}.popular h2,.section-title{margin:12px 0 10px;font-size:20px}.popular-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.popular-card{position:relative}.popular-card .rank{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:700;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 1px 2px #0003}.popular-card .title{font-size:14px}@media (width<=900px){.popular-row{grid-template-columns:repeat(3,minmax(0,1fr))}.popular-card:nth-child(n+4){display:none}}@media (width<=560px){.popular-row{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-card:nth-child(n+3){display:none}}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-block:16px 32px;display:grid}.card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card img{aspect-ratio:4/5;object-fit:cover;object-position:center 45%;background:var(--line);width:100%}.card .body{gap:6px;padding:10px 12px 12px;display:grid}.card .title{font-size:15px;font-weight:500}.card .meta{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--green-soft);color:var(--green);border-radius:999px;padding:1px 10px;font-size:12px;text-decoration:none}.chip.status{background:var(--accent-soft);color:var(--accent)}.chip.keyword{background:var(--card);border:1px solid var(--line);color:var(--mute)}.recipe{gap:20px;padding-block:20px 48px;display:grid}.recipe .head h1{font-size:26px}.recipe .head .meta{color:var(--mute);margin-top:6px;font-size:14px}.recipe .video{grid-template-columns:minmax(0,320px) 1fr;align-items:start;gap:20px;display:grid}.recipe .video iframe{aspect-ratio:9/16;background:#000;border:0;border-radius:12px;width:100%}.recipe .summary{font-size:17px}.dish{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.dish h2{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:20px;display:flex}.dish h2 .role{color:var(--mute);font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500}.dish h3{color:var(--mute);letter-spacing:.06em;margin:12px 0 4px;font-size:13px;font-weight:500}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{border-top:1px dashed var(--line);grid-template-columns:1fr auto;gap:12px;padding:6px 0;display:grid}.ingredients li:first-child{border-top:0}.ingredients .note{color:var(--mute);font-size:12px;display:block}.ingredients .amount{white-space:nowrap;font-variant-numeric:tabular-nums}.steps{margin:0;padding-left:1.4em}.steps li{padding:3px 0}.tips{color:var(--ink);margin:0;padding-left:1.2em}.products,.related{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.products h2,.related h2{margin-bottom:6px;font-size:16px}.products ul,.related ul{margin:0;padding-left:1.2em}.pr{color:var(--mute);font-size:12px}.review{background:var(--warn-soft);color:var(--warn-ink);border-radius:12px;padding:12px 16px;font-size:14px}.review ul{margin:4px 0 0;padding-left:1.2em}@media (width<=640px){.recipe .video{grid-template-columns:1fr}.recipe .video iframe{max-width:320px;margin-inline:auto}}@media (width<=560px){.hero{padding-block:16px 4px}.hero h1{font-size:22px}.hero p{font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-block:8px 24px}.card img,.popular-card img{aspect-ratio:1}.card .body{gap:4px;padding:8px 10px 10px}.card .title{font-size:13px;line-height:1.4}.card .meta{font-size:11px}.chip{padding:0 8px;font-size:11px}.popular h2,.section-title{margin:8px 0 6px;font-size:17px}}