:root{--c-recipe-brawn: #95531e;--c-recipe-gray-light: #fafafa;--c-recipe-orange: #e15322;--c-recipe-blue: #0d619f;--c-recipe-blue-light: #389de1;--c-recipe-yellow-dark: #e0ac2e;--c-recipe-yellow-light: #fdf7e0;--font-recipe-mincho: YakuHanMPs, "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;--font-base: YakuHanJP, "游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif}.l-wrapper:has(.recipe-contents){overflow:clip}.l-wrapper:has(.recipe-contents) .l-base{margin-top:0}@scope (.l-page-body){:scope{font-family:var(--font-base)}a{color:#000}hgroup,h2,h3,h4,h5,h6{font-family:var(--font-recipe-mincho);margin:0}ul,ol{list-style:none;padding:0}dl,dd,p{margin:0}figure{margin:0}img{max-width:100%;height:auto;vertical-align:top}}.recipe-head{width:min(100%,1180px);margin-inline:auto}.recipe-contents{width:min(100%,1000px);margin-inline:auto}.recipe-smooth-nav{margin-top:24px}.recipe-smooth-nav ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:14px}.recipe-smooth-nav a{text-decoration:none;position:relative;display:block;font:bold 24px/1.25 var(--font-recipe-mincho);text-align:center;color:#222;background-color:var(--c-recipe-yellow-dark);border-radius:8px;padding:.83em 1.25em 1.2em;transition:background-color .3s}.recipe-smooth-nav a::before{content:"";display:block;position:absolute;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;transform-origin:center center;bottom:.55em;left:50%;translate:-50% 0}.recipe-smooth-nav a:focus-visible{background-color:#e9d02e}@media(any-hover: hover){.recipe-smooth-nav a:hover{background-color:#e9d02e}}.recipe-comment{font-size:24px;font-family:var(--font-recipe-mincho);text-align:center;font-weight:600;line-height:1.6;margin-top:2.66em}.recipe-sec{margin-top:140px}.recipe-sec+.recipe-sec{margin-top:160px}.recipe-sec h2{position:relative;width:fit-content;margin-inline:auto;font:bold 48px/1.2 var(--font-recipe-mincho);color:#000;padding-block-end:.45em;margin-block-end:56px}.recipe-sec h2::before,.recipe-sec h2::after{content:"";display:block;position:absolute}.recipe-sec h2::before{--image-width: 0px;--image-height: 0px;width:var(--image-width);height:var(--image-height);background-repeat:no-repeat;background-position:left top;background-size:var(--image-width) var(--image-height);transform-origin:center center;rotate:8deg;top:50%;right:calc(var(--image-width)*-1 - 27px);translate:0 -60%}.recipe-sec h2::after{width:180px;height:4px;background:linear-gradient(to right, var(--c-recipe-blue) 0%, var(--c-recipe-blue) 49.9%, var(--c-recipe-blue) 50%, var(--c-recipe-orange) 50.1%, var(--c-recipe-orange) 50.2%, var(--c-recipe-orange) 100%);left:50%;bottom:0;translate:-50% 0}.recipe-sec h2.--agodashi::before{--image-width: 87px;--image-height: 144px;background-image:url(../img/agoiri.png)}.recipe-sec h2.--genen::before{--image-width: 87px;--image-height: 144px;background-image:url(../img/genen.png)}.recipe-sec h2.--yasai::before{--image-width: 97px;--image-height: 144px;background-image:url(../img/yasaidashi.png)}.recipe-sec__wrap{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;gap:44px}.recipe-sec__wrap>article:first-child{grid-area:1/1/2/3}.recipe-title{display:flex;flex-direction:column-reverse;font-weight:bold;font-family:var(--font-recipe-mincho);padding-block-end:3px}.recipe-material{display:grid;grid-template-rows:auto;gap:12px;background-color:var(--c-recipe-gray-light);padding:16px 20px;margin-top:20px}.recipe-material dt{font-size:20px;line-height:1.2;font-weight:500}.recipe-material dd{font-size:16px;line-height:1.8}.recipe-material dd:has(.recipe-material__right){display:flex;gap:12px;justify-content:space-between}.recipe-material__group{display:flex;gap:6px}.recipe-material .bold{font-weight:bold}.recipe-flow{margin-top:20px}.recipe-flow dt{font-size:16px;line-height:1.45;margin-block-end:-3.6px}.recipe-flow ol{counter-reset:flowCounter}.recipe-flow li{position:relative;display:flex;font-size:16px;line-height:1.45;padding:.8em 1.125em .8em 24px;border-bottom:2px dotted #ccc}.recipe-flow li::before{position:absolute;counter-increment:flowCounter;content:counter(flowCounter) ".";word-break:keep-all;top:.8em;left:0}.recipe-voice{margin-top:64px}.recipe-voice h3{position:relative;width:fit-content;font-size:36px;line-height:1.25;color:var(--c-recipe-brawn);margin-inline:auto}.recipe-voice h3::before,.recipe-voice h3::after{--voice-tree-width: 135px;--voice-tree-height: 19px;content:"";display:block;position:absolute;background:url(../img/tree@2x.png) no-repeat left top/var(--voice-tree-width) var(--voice-tree-height);width:var(--voice-tree-width);height:var(--voice-tree-height);top:50%;translate:0 -50%}.recipe-voice h3::before{left:calc(var(--voice-tree-width)*-1 - 12px)}.recipe-voice h3::after{scale:-1 1;right:calc(var(--voice-tree-width)*-1 - 12px)}.recipe-voice ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:44px;margin-top:45px}.recipe-voice li{box-shadow:0 0 6px rgba(0,0,0,.14);border-radius:8px;padding:28px 18px 18px}.recipe-voice dt{font:bold 18px/1.45 var(--font-recipe-mincho)}.recipe-voice dd{font-size:16px;line-height:1.45;margin-top:.8em}.recipe-voice__name{font-size:14px;text-align:right;margin-top:20px}.recipe-cv{background-color:var(--c-recipe-yellow-light);margin-top:64px;padding:65px 50px}.recipe-cv__wrap{display:flex;flex-direction:row-reverse;gap:44px;justify-content:center;align-items:center;background-color:#fff;border:2px solid var(--c-recipe-orange);padding:20px 20px 18px}.recipe-cv__catch{font-size:18px;font-weight:500;line-height:1.6;text-align:center}.recipe-cv__name{font:bold 40px/1.2 var(--font-recipe-mincho);text-align:center;margin-top:.2em}.recipe-cv figure{width:fit-content}.recipe-cv-btn{display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;background-color:#000;width:400px;font:bold 20px/1.45 var(--font-recipe-mincho);color:#fff;margin:20px auto 0;padding:.5em 1em;border-radius:5px;cursor:pointer;transition:opacity .3s}.recipe-cv-btn:focus-visible{opacity:.8}@media(any-hover: hover){.recipe-cv-btn:hover{opacity:.8}}.recipe-cv-btn__arrow{display:block;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;rotate:-45deg;transform-origin:center center}.recipe-card-long a:has(figure),.recipe-card a:has(figure){cursor:pointer;transition:opacity .3s}.recipe-card-long a:has(figure):focus-visible,.recipe-card a:has(figure):focus-visible{opacity:.8}@media(any-hover: hover){.recipe-card-long a:has(figure):hover,.recipe-card a:has(figure):hover{opacity:.8}}.recipe-card-long{display:flex;flex-direction:row-reverse;gap:22px}.recipe-card-long__title{border-bottom:1px solid #000}.recipe-card-long__title h3{font-size:28px;line-height:1.2;color:var(--c-recipe-blue-light);margin-top:.1em}.recipe-card-long__title p{font-size:18px;line-height:1.45}.recipe-card-long__left{position:sticky;top:88px;left:0;width:500px;height:fit-content}.recipe-card-long__right{flex:1}.recipe-card-long-point{background-color:var(--c-recipe-yellow-light);padding:16px 20px 18px;margin-top:16px}.recipe-card-long-point h4{font-size:20px;font-weight:600;line-height:1.28;color:var(--c-recipe-orange)}.recipe-card-long-point p{font-size:16px;line-height:1.45;margin-top:.25em}.recipe-card .recipe-title{position:relative;text-align:center;padding-bottom:10px;margin-bottom:20px}.recipe-card .recipe-title::before{content:"";position:absolute;display:block;width:240px;height:2px;background-color:#000;bottom:0;left:50%;translate:-50% 0}.recipe-card h3{font-size:24px;line-height:1.25}.recipe-card p{font-size:16px;line-height:1.45;margin-bottom:.2em}.--cool figure,.--hot figure{position:relative}.--cool figure::after,.--hot figure::after{display:block;position:absolute}.--cool.recipe-card-long figure::after,.--hot.recipe-card-long figure::after{width:120px;height:120px;top:10px;left:10px}.--cool.recipe-card figure::after,.--hot.recipe-card figure::after{width:100px;height:100px;top:8px;left:8px}.--cool .recipe-title h3,.--cool .recipe-title h4{color:var(--c-recipe-blue-light)}.--cool.recipe-card figure::after,.--cool.recipe-card-long figure::after{content:""/"ひえひえレシピ";background:url(../img/icon_cool.png) no-repeat left top/100% auto}.--hot .recipe-title h3,.--hot .recipe-title h4{color:var(--c-recipe-orange)}.--hot.recipe-card figure::after,.--hot.recipe-card-long figure::after{content:""/"あつあつレシピ";background:url(../img/icon_hot.png) no-repeat left top/100% auto}.recipe-other{max-width:1000px;margin:110px auto 0;padding:40px 40px 32px;background:#f9f5e8}.recipe-other__heading{margin:0;font-family:var(--font-recipe-mincho);font-size:25px;line-height:1.6;text-align:center;color:#000;font-weight:600}.recipe-other__list{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.recipe-other__button{margin:26px 0 0;text-align:center}.recipe-other__button>a{position:relative;display:inline-block;min-width:360px;max-width:100%;padding:10px;background:#fff;border:1px solid #000;border-radius:5px;font-size:22px;color:#000;text-align:center;text-decoration:none;line-height:1.6;cursor:pointer;transition:opacity .3s}.recipe-other__button>a:focus-visible{opacity:.8}@media(any-hover: hover){.recipe-other__button>a:hover{opacity:.8}}.recipe-other__button>a::after{content:"";display:inline-block;width:10px;height:10px;margin-left:15px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);vertical-align:.15em}.c-cool{color:var(--c-recipe-blue)}.c-hot{color:var(--c-recipe-orange)}