.cover-sec{padding-block:clamp(20px,3vw,44px) clamp(50px,7vw,100px)}.cover-g{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.cover{aspect-ratio:4/5;background:#cfcdc8;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #00000073;container-type:inline-size}.cover-ph{position:absolute;inset:0}.cover-ph:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000080);position:absolute;inset:45% 0 0}.cover-img{z-index:0;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease), transform 1.6s var(--ease);position:absolute;inset:0;transform:scale(1.04)}.cover-img.on{opacity:1;transform:none}.mast{font-family:var(--display);letter-spacing:-.03em;white-space:nowrap;color:var(--ink);mix-blend-mode:multiply;font-weight:600;line-height:.82;position:absolute;inset:6.5% 4% auto}.cover-issue{color:var(--ink);justify-content:space-between;font-size:.56rem;display:flex;position:absolute;top:2%;left:4.5%;right:4.5%}.cover-head{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.1em;color:var(--white);text-shadow:0 1px 14px #00000059;font-size:clamp(1.25rem,6.4cqi,2.6rem);font-weight:800;line-height:1.5;position:absolute;top:30%;right:5%}.cover-foot{justify-items:start;gap:10px;display:grid;position:absolute;bottom:4.5%;left:5%;right:26%}.cover-line{background:var(--accent);color:#fff;max-width:100%;padding:6px 10px;font-size:clamp(.72rem,2.6cqi,.95rem);font-weight:700;line-height:1.6}.cover-links{gap:2px;display:grid}.cover-links a{color:var(--white);font-family:var(--serif);text-shadow:0 1px 10px #00000073;align-items:baseline;gap:8px;font-size:clamp(.78rem,2.8cqi,1.05rem);font-weight:800;text-decoration:none;display:flex}.cover-links a:hover{text-decoration:underline}.cover-links .caps{color:#fff;opacity:.85;font-size:.55rem}.barcode{width:17%;fill:var(--ink);background:#fff;padding:4px;position:absolute;bottom:4%;right:4.5%}.barcode text{font:5px var(--sans);letter-spacing:.06em}.maker{gap:18px;display:grid}.maker-k{color:var(--accent)}.pick{border:0;margin:0;padding:0}.pick legend{color:var(--gray);padding:0 0 8px}.chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.chips input{opacity:0;pointer-events:none;position:absolute}.chips span{border:1px solid var(--ink);cursor:pointer;justify-items:center;gap:0;padding:10px 4px 8px;font-size:.86rem;line-height:1.4;transition:background .2s,color .2s;display:grid}.chips span i{color:var(--gray);font-size:.78rem}.chips input:checked+span{background:var(--ink);color:var(--white)}.chips input:checked+span i{color:#c9c7c2}.chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.recipe{background:var(--white);border-top:3px solid var(--accent);gap:12px;margin-top:6px;padding:22px 24px 24px;display:grid}.recipe-k{color:var(--gray)}.recipe-menu{font-family:var(--serif);flex-wrap:wrap;gap:6px 10px;font-size:1.2rem;font-weight:800;display:flex}.recipe-menu li:not(:last-child):after{content:"＋";color:var(--gray);margin-left:10px;font-weight:400}.recipe-meta{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.recipe-meta div{padding:10px 0}.recipe-meta div+div{border-left:1px solid var(--line);padding-left:14px}.recipe-meta dt{color:var(--gray);font-size:.6rem}.recipe-meta dd{font-weight:700;line-height:1.5}.recipe-meta .num{font-size:1.5rem}.recipe-meta small{margin-left:2px;font-size:.75rem}.contents{padding-block:clamp(40px,6vw,80px)}.contents-h{font-size:clamp(2.4rem,6vw,5rem);font-weight:500;line-height:1}.toc{border-bottom:1px solid var(--line)}.toc a{border-top:1px solid var(--line);transition:padding .35s var(--ease), color .25s;grid-template-columns:70px minmax(0,15em) minmax(0,1fr) 24px;align-items:baseline;gap:16px;padding-block:18px;text-decoration:none;display:grid}.toc li:first-child a{border-top:0}.toc a:hover{color:var(--accent);padding-left:12px}.toc-p{font-size:1.6rem;line-height:1}.toc b{font-size:1.2rem}.toc-d{color:var(--ink-2)}.toc i{text-align:right;font-style:normal}.feature{padding-block:clamp(50px,7vw,100px)}.feat-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(30px,6vw,90px);margin-top:clamp(30px,4vw,50px);display:grid}.feat-quote{margin-bottom:26px;font-size:clamp(2rem,4.6vw,3.8rem);font-weight:800;line-height:1.4}.rulers{border-top:1px solid var(--ink);margin-top:30px}.rulers li{border-bottom:1px solid var(--line);transition-delay:var(--d,0s);grid-template-columns:64px minmax(0,1fr);gap:12px;padding-block:20px;display:grid}.rulers .num{color:var(--accent);font-size:2rem;font-style:italic;line-height:1}.rulers p{color:var(--ink-2);margin-top:4px}.feat-ph{position:sticky;top:100px}.feat-ph .ph{aspect-ratio:3/4}.cap{color:var(--ink-2);gap:10px;margin-top:10px;display:flex}.cap .caps{color:var(--gray);padding-top:.2em}.looks-sec{background:var(--ink);color:var(--white);padding-block:clamp(50px,7vw,100px)}.looks-sec .folio{border-color:var(--white)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-block:24px 30px;display:flex}.looks-sec .btn-line{color:var(--white);border-color:var(--white)}.looks-sec .btn-line:hover{background:var(--white);color:var(--ink)}.looks-row{padding:0 var(--gutter) 10px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:#555 transparent;grid-auto-columns:clamp(200px,22vw,290px);grid-auto-flow:column;gap:clamp(12px,1.6vw,22px);display:grid;overflow-x:auto}.looks-row li{scroll-snap-align:start}.looks-row a{gap:4px;text-decoration:none;display:grid}.looks-row .ph{aspect-ratio:4/5}.looks-row img{transition:transform .8s var(--ease)}.looks-row a:hover img{transform:scale(1.04)}.look-no{color:#bdbbb6;margin-top:8px;font-style:italic}.look-t{font-size:1.05rem;font-weight:800}.people{padding-block:clamp(50px,7vw,100px)}.people-h{margin-block:22px 30px}.people-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);display:grid}.people-g li{transition-delay:var(--d,0s);align-content:start;gap:8px;display:grid}.people-g .ph{aspect-ratio:4/5;margin-bottom:8px}.p-role{color:var(--accent)}.p-name{font-size:1.5rem;font-weight:800;line-height:1.3;display:grid}.p-name .en{color:var(--gray);font-size:.95rem;font-weight:400}.p-quote{margin-block:6px;font-size:1.02rem;font-weight:500;line-height:1.8}.p-good{flex-wrap:wrap;gap:6px;display:flex}.p-good span{border:1px solid var(--line);padding:0 10px}.p-go{margin-top:6px;font-size:.86rem;font-weight:700}.p-go:hover{color:var(--accent)}.price-sec{background:var(--white);padding-block:clamp(50px,7vw,100px)}.price-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);margin-top:clamp(30px,4vw,50px);display:grid}.price-g .lead{margin-top:16px}.price-g>div:first-child{align-self:start;position:sticky;top:100px}.price-list{gap:30px;display:grid}.p-cat-h{border-bottom:1px solid var(--ink);align-items:baseline;gap:14px;padding-bottom:6px;display:flex}.p-cat-h .en{font-size:1.7rem;font-weight:500}.p-cat-h .caps{color:var(--gray)}.p-cat dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding-block:12px;display:grid}.p-cat dt{font-weight:700}.p-cat dt small{color:var(--gray);font-size:.74rem;font-weight:400;display:block}.p-cat dd{text-align:right;white-space:nowrap}.p-cat dd .num{font-size:1.25rem}.p-cat dd small{color:var(--gray);font-size:.72rem;display:block}.first{padding-block:clamp(50px,7vw,100px)}.first .h-lg{margin-top:22px}.flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,30px);margin-top:30px;display:grid}.flow li{border-top:1px solid var(--ink);transition-delay:var(--d,0s);align-content:start;gap:6px;padding-top:16px;display:grid}.flow .num{color:var(--accent);font-size:2.2rem;font-style:italic;line-height:1}.flow p{color:var(--ink-2)}.faq{border-top:1px solid var(--ink);margin-top:clamp(40px,5vw,60px)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:18px 40px 18px 0;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before,.faq summary:after{content:"";background:var(--ink);width:14px;height:1.5px;transition:rotate .25s var(--ease);position:absolute;top:50%;right:6px}.faq summary:after{rotate:90deg}.faq details[open] summary:after{rotate:0deg}.faq details p{color:var(--ink-2);padding-bottom:18px}.access{padding-block:clamp(50px,7vw,100px) 0}.acc-g{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,5vw,70px);margin-top:clamp(30px,4vw,50px);display:grid}.acc-ph{aspect-ratio:3/2}.acc-name{font-family:var(--display);letter-spacing:.08em;font-weight:600}.acc-name small{font-family:var(--sans);letter-spacing:.1em;font-size:.9rem;font-weight:400}.acc-text{justify-items:start;gap:22px;display:grid}.acc-dl{grid-template-columns:80px minmax(0,1fr);gap:12px 18px;font-size:.92rem;display:grid}.acc-dl dt{color:var(--gray);padding-top:.4em}@media (width<=960px){.cover-g,.feat-g,.price-g,.acc-g{grid-template-columns:minmax(0,1fr)}.cover-g{padding-inline:0}.cover{margin-inline:var(--gutter)}.maker{padding-inline:var(--gutter)}.feat-ph,.price-g>div:first-child{position:static}.people-g{grid-template-columns:minmax(0,1fr);gap:50px}.flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.toc a{grid-template-columns:50px minmax(0,1fr) 20px;gap:4px 12px}.toc-d{grid-area:2/2}.toc i{grid-area:1/3/3;align-self:center}}@media (width<=560px){.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:minmax(0,1fr)}.recipe{padding:18px 16px 20px}.recipe-meta .num{font-size:1.25rem}}
