:root{--color-white:#fff;--color-black:#222;--color-hfc-blue:#004098;--color-hfc-blue-hover:#00337a;--color-hfc-red:#e60012;--color-main-ref:#e84754;--color-main-pink:#fc8ac1;--color-main-orange:#f88228;--color-main-yellow:#fc0;--color-main-green:#68c46c;--color-main-aqua:#7bcef8;--color-text-black:var(--color-black);--color-text-gray:#909090;--color-text-gray-dark:#6f6f6f;--color-text-white:var(--color-white);--color-text-brand:var(--color-hfc-blue);--color-text-caution:#b1000d;--color-text-link:var(--color-hfc-blue);--color-text-link-hover:var(--color-hfc-blue);--color-accent-pink:#e4589b;--color-accent-orange:#ea6905;--color-accent-yellow:var(--color-main-yellow);--color-accent-green:var(--color-main-green);--color-accent-aqua:#299bd4;--color-accent-blue:var(--color-hfc-blue);--color-border-default:#d3d3d3;--color-border-dot-gray:#bdbdbd;--color-border-link-gray:#909090;--color-border-gray-dark:#6f6f6f;--color-border-bk:var(--color-black);--color-border-white:var(--color-white);--color-border-brand:var(--color-hfc-blue);--color-border-accent:var(--color-accent-aqua);--color-bg-white:var(--color-white);--color-bg-pale-gray:#f8f8f8;--color-bg-gray:#d3d3d3;--color-bg-dark-gray:#bdbdbd;--color-bg-charcoal-gray:var(--color-border-gray-dark);--color-bg-black:var(--color-black);--color-bg-brand:var(--color-hfc-blue);--color-bg-aqua:var(--color-main-aqua);--color-bg-yellow:#ffdb4d;--color-bg-light-aqua:#ebf8fe;--color-bg-light-aqua-02:#def3fd;--color-bg-light-orange:#fef3ea;--color-bg-light-orange-02:#feecdf;--color-bg-light-red:#fce3e5;--color-hover-gray:#f8f8f8;--weight-regular:400;--weight-medium:500;--weight-semi-bold:600;--weight-bold:700;--weight-extra-bold:800;--weight-black:900;--underline-offset:0.3em;--underline-thickness:1px;--rateX:4px}.fv{padding:24px 0 40px}@media (min-width:768px){.fv{padding:48px 0 56px}}.fv_inner{text-align:center}.fv_ttl_sub{margin-bottom:8px}.fv_ttl{padding:0 20px}@media (min-width:768px){.fv_ttl{padding:0 40px}}.fv_color_bar{display:grid;margin:16px auto 0;width:195px;height:3px;grid-template-columns:repeat(5,1fr)}@media (min-width:768px){.fv_color_bar{margin-top:24px;width:427px}}.fv_color_bar>span{display:block;width:100%;height:100%}.fv_color_bar>span:first-child{background-color:var(--color-accent-pink)}.fv_color_bar>span:nth-child(2){background-color:var(--color-accent-yellow)}.fv_color_bar>span:nth-child(3){background-color:var(--color-accent-green)}.fv_color_bar>span:nth-child(4){background-color:var(--color-accent-aqua)}.fv_color_bar>span:nth-child(5){background-color:var(--color-accent-blue)}.fv_img{position:relative;margin:24px auto 0;max-width:928px;aspect-ratio:3/2}@media (min-width:768px){.fv_img{margin-top:48px}}@media screen and (min-width:928px){.fv_img{overflow:hidden;border-radius:8px}}.fv_img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.p-theme_recipe_detail_body{padding:0 20px 64px}@media (min-width:768px){.p-theme_recipe_detail_body{padding-bottom:120px;padding-inline:40px}}.lead_txt{position:relative;padding-left:30px}.lead_deco{position:absolute;top:0;left:0;width:6px;height:100%}.lead_deco:after,.lead_deco:before{content:"";position:absolute;left:0;border-radius:100vmax;width:100%}.lead_deco:before{top:.25rem;height:2rem;background-color:var(--color-hfc-blue)}.lead_deco:after{bottom:.25rem;height:calc(100% - 3rem);background-color:var(--color-border-default)}.img_txt_block_wrapper{margin-top:56px}@media (min-width:768px){.img_txt_block_wrapper{margin-top:80px}}@media (min-width:768px){.img_txt_block{display:grid;grid-template-columns:42fr 58fr;gap:40px}}@media (min-width:768px){.img_txt_block._img_right{grid-template-columns:58fr 42fr}}@media (min-width:768px){.img_txt_block._img_right .thumb{grid-column:2;grid-row:1}}@media (min-width:768px){.img_txt_block._img_right .txt{grid-column:1;grid-row:1}}.img_txt_block+.img_txt_block{margin-top:32px}@media (min-width:768px){.img_txt_block+.img_txt_block{margin-top:48px}}@media (min-width:768px){.img_txt_block:not(:has(.thumb)){grid-template-columns:1fr}}.img_txt_block .thumb{overflow:hidden;border-radius:8px}.img_txt_block .txt{margin-top:16px}@media (min-width:768px){.img_txt_block .txt{align-self:center;margin-top:0}}.recipe_list{display:grid;margin-top:56px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media (min-width:1024px){.recipe_list{margin-top:80px;grid-template-columns:repeat(2,1fr)}}