: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}.p-recipe_detail{container-type:inline-size;container-name:body}@media (min-width:768px){.fv{margin-top:56px;padding-inline:40px}}@media (min-width:1024px){.fv_inner{display:grid;grid-template-columns:16fr 13fr;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}}.fv_slide_item{overflow:hidden;width:100%}@media (min-width:768px){.fv_slide_item{border-radius:8px;height:auto;aspect-ratio:4/3}}.fv_slide_item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fv_slide_controller{position:relative;margin-top:16px;height:40px}@media (min-width:768px){.fv_slide_controller{margin-top:24px;height:44px}}.is-disabled .fv_slide_controller{display:none}.fv_desc{margin-top:32px;padding:0 20px}@media (min-width:768px){.fv_desc{padding-inline:0}}@media (min-width:1024px){.fv_desc{margin-top:0}}.fv_ttl{display:grid;position:relative;padding-top:27px;grid-template-columns:1fr;gap:4px}@media (min-width:768px){.fv_ttl{padding-top:35px;gap:8px}}.fv_ttl:before{content:"";position:absolute;top:8px;left:0;width:100px;height:3px;background-image:linear-gradient(90deg,var(--color-accent-pink) 20%,var(--color-accent-yellow) 0,var(--color-accent-yellow) 40%,var(--color-accent-green) 0,var(--color-accent-green) 60%,var(--color-accent-aqua) 0,var(--color-accent-aqua) 80%,var(--color-accent-blue) 0)}.fv_data{display:grid;margin-top:24px;max-width:487px;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:768px){.fv_data{margin-top:32px}}.fv_data_item{display:flex;align-items:center;width:100%;gap:4px}@media (min-width:768px){.fv_data_item{gap:8px}}.fv_data_icon{display:inline-block;width:32px;height:32px}@media (min-width:768px){.fv_data_icon{width:40px;height:40px}}.fv_annotation{margin-top:12px}@media (min-width:768px){.fv_annotation{margin-top:16px}}.fv_annotation>span{display:block;font-weight:var(--weight-regular)}.fv_data_desc{display:flex;align-items:center;gap:4px}@media (min-width:768px){.fv_data_desc{gap:8px}}.fv_data_desc>span{word-break:keep-all}.fv_outline{margin-top:24px}@media (min-width:768px){.fv_outline{margin-top:32px}}.fv_share{display:flex;align-items:center;margin-top:32px;gap:19px}@media (max-width:767.98px){.fv_share{justify-content:center;margin-top:24px}}.fv_share_label{position:relative;padding:9px 13px 10px;border:1px solid var(--color-black);border-radius:2px}@media (min-width:768px){.fv_share_label{padding:9px 13px 8px}}.fv_share_label:after,.fv_share_label:before{content:"";position:absolute;z-index:1;top:0;bottom:0;margin:auto;width:14px;height:13px;-webkit-clip-path:polygon(0 0,0 100%,100% 50%);clip-path:polygon(0 0,0 100%,100% 50%)}.fv_share_label:before{right:-14px;background-color:var(--color-black)}.fv_share_label:after{right:-11.5px;background-color:var(--color-white)}.fv_sns{display:grid;grid-template-columns:repeat(3,36px);gap:16px}.movie{overflow-x:clip;position:relative;margin-top:40px}@media (min-width:768px){.movie{margin-top:58px}}.movie_inner{display:flex;flex-direction:column;margin:0 auto;padding:40px 20px}@media (min-width:768px){.movie_inner{padding:56px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.movie_label{position:relative;padding-left:48px}@media (min-width:768px){.movie_label{padding-left:68px}}.movie_label:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;width:40px;height:1px;background-color:var(--color-hfc-blue)}@media (min-width:768px){.movie_label:before{width:60px}}.movie_frame{margin-top:8px;width:100%}@media (min-width:768px){.movie_frame{display:flex;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.movie_frame>iframe{display:block;border:none;border-radius:8px;width:292px;height:auto;aspect-ratio:338/601;margin-inline:auto}@media (min-width:1280px){.movie_frame>iframe{width:min(22.8125vw,335px)}}.movie_frame>iframe[width="560"]{width:100%;max-width:100%;aspect-ratio:560/315}@media (min-width:768px){.movie_frame>iframe[width="560"]{width:640px}}@media (min-width:768px) and (min-width:1280px){.movie_frame>iframe[width="560"]{width:min(50vw,736px)}}.howto{padding:0 20px}@media (min-width:768px){.howto{padding:0 40px}}.howto_inner{padding-block:40px}@media (min-width:768px){.howto_inner{padding-block:56px}}@media (min-width:768px){.howto_cont{display:grid;grid-template-columns:450fr 605fr;gap:64px}}.howto_material_ttl{display:flex;align-items:center;justify-content:center;position:relative;padding:12px;border-radius:4px;background-color:var(--color-hfc-blue);color:var(--color-white)}.howto_material_ttl:before{content:"";position:absolute;right:0;bottom:-13px;left:0;margin:auto;width:25px;height:14px;background-color:var(--color-hfc-blue);-webkit-clip-path:polygon(100% 0,0 0,50% 100%);clip-path:polygon(100% 0,0 0,50% 100%)}.howto_material_count{color:var(--color-accent-yellow)}.howto_material_wrap{margin-top:32px}@media (min-width:768px){.howto_material_wrap{margin-top:40px}}.howto_material_inner{padding:24px 24px 40px;border:1px solid var(--color-border-default);border-radius:8px}@media (min-width:768px){.howto_material_inner{padding:40px 40px 48px}}.howto_material_block+.howto_material_block{margin-top:32px}@media (min-width:768px){.howto_material_block+.howto_material_block{margin-top:40px}}.howto_material_item{position:relative;padding-left:24px}.howto_material_item:before{content:"";position:absolute;top:calc(.84375rem - 6px);left:4px;margin:auto;border-radius:50%;width:12px;height:12px;background-color:var(--color-main-pink);font-size:1.125rem;line-height:1.5}@media (min-width:768px){.howto_material_item:before{top:calc(.9375rem - 6px);font-size:1.25rem}}.howto_material_list{margin-top:16px}.howto_material_list>li{display:flex;justify-content:space-between;padding:12px 0;border-top:1px dashed var(--color-border-default)}.howto_material_list>li:last-of-type{border-bottom:1px dashed var(--color-border-default)}.howto_material_list>li:last-of-type:not(:has(span+span)){padding-top:16px;padding-bottom:0;border-bottom:none}@media (min-width:768px){.howto_material_list>li:last-of-type:not(:has(span+span)){padding-top:20px}}.howto_material_list>li span+span{word-break:keep-all}.howto_material_annotation{margin-top:32px}@media (min-width:768px){.howto_material_annotation{margin-top:40px}}.howto_material_annotation>span{display:block;font-weight:var(--weight-regular)}@media (max-width:767.98px){.howto_step{margin-top:32px}}.howto_step_ttl{position:relative;padding-bottom:11px}.howto_step_ttl:before{content:"";position:absolute;bottom:0;left:0;width:96px;height:3px;background-image:linear-gradient(90deg,var(--color-accent-pink) 20%,var(--color-accent-yellow) 0,var(--color-accent-yellow) 40%,var(--color-accent-green) 0,var(--color-accent-green) 60%,var(--color-accent-aqua) 0,var(--color-accent-aqua) 80%,var(--color-accent-blue) 0)}.howto_step_wrap{margin-top:24px;counter-reset:item}@media (min-width:768px){.howto_step_wrap{margin-top:40px}}.howto_step_item{position:relative;padding:34px 0 24px 66px;border-top:1px dashed var(--color-border-default)}.howto_step_item:before{content:counter(item);display:flex;align-items:center;justify-content:center;position:absolute;top:24px;left:0;border-radius:50%;width:50px;height:50px;counter-increment:item;background-color:var(--color-hfc-blue);letter-spacing:.02em;color:var(--color-white);font-size:23px;line-height:1}.howto_step_item:last-of-type{border-bottom:1px dashed var(--color-border-default)}.howto_step_item_ttl+.howto_step_child_list{margin-top:16px}.howto_step_child_list{margin-top:0;counter-reset:child_item}.howto_step_child_item{letter-spacing:.02em;font-size:16px;line-height:1.6}@media (min-width:768px){.howto_step_child_item{font-size:17px}}.howto_step_child_item+.howto_step_child_item{margin-top:8px}.howto_step_annotations{margin-top:24px}@media (min-width:768px){.howto_step_annotations{margin-top:40px}}.howto_step_annotations>li{font-weight:var(--weight-regular)}.howto_step_annotations>li+li{margin-top:8px}.howto_product{margin-top:32px}@media (min-width:768px){.howto_product{margin-top:48px}}.howto_product:has(.howto_product_list:empty){display:none}.howto_product_ttl{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color-hfc-blue)}.howto_product_ttl>span{display:inline-block;position:relative}.howto_product_ttl>span:after,.howto_product_ttl>span:before{content:"";position:absolute;top:0;bottom:0;margin:auto;width:35px;height:1px;background-color:var(--color-hfc-blue)}@media (min-width:768px){.howto_product_ttl>span:after,.howto_product_ttl>span:before{width:42px}}.howto_product_ttl>span:before{left:-51px}@media (min-width:768px){.howto_product_ttl>span:before{left:-58px}}.howto_product_ttl>span:after{right:-51px}@media (min-width:768px){.howto_product_ttl>span:after{right:-58px}}.howto_product_list{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:center;margin-top:24px;max-width:1016px;gap:14px}@media (min-width:768px){.howto_product_list{margin:24px auto 0;gap:24px}}.howto_product_item{overflow:hidden;border:1px solid var(--color-border-default);border-radius:8px;width:calc(50% - 7px)}@media (min-width:768px){.howto_product_item{width:calc(25% - 18px)}}.howto_product_item:first-child{margin-left:auto}.howto_product_item:last-child{margin-right:auto}.howto_product_link{display:block;width:100%;height:100%;text-decoration:none}.howto_product_img{padding:24px 16px 16px;width:100%;aspect-ratio:1/1}@media (min-width:768px){.howto_product_img{padding:24px 24px 16px}}.howto_product_img>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.howto_product_name{display:flex;align-items:center;justify-content:center;padding:0 12px 24px;gap:2px}@media (min-width:768px){.howto_product_name{padding:0 16px 24px;gap:8px}}.howto_product_name .arw{display:inline-block;flex-shrink:0;width:24px;height:24px;background-color:var(--color-hfc-blue);-webkit-mask:url(/assets/img/common/icon/arw_sm.svg) no-repeat center/16px 16px;mask:url(/assets/img/common/icon/arw_sm.svg) no-repeat center/16px 16px}@media (min-width:768px){.howto_product_name .arw{-webkit-mask:url(/assets/img/common/icon/arw_md.svg) no-repeat center/contain;mask:url(/assets/img/common/icon/arw_md.svg) no-repeat center/contain}}.howto_nutrition{margin-top:32px}@media (min-width:768px){.howto_nutrition{margin-top:48px}}.howto_nutrition_ttl{position:relative;padding-left:24px}.howto_nutrition_ttl:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;border-radius:100vmax;width:8px;height:calc(100% - 4px);background-color:var(--color-hfc-blue)}.howto_nutrition_table{overflow:hidden;margin-top:32px;border:1px solid var(--color-border-default);border-radius:8px;width:100%;border-spacing:9;border-collapse:separate}@media (min-width:768px){.howto_nutrition_table{margin-top:24px}}.howto_nutrition_table tbody{display:grid;background-color:var(--color-border-default);gap:1px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.howto_nutrition_table tbody{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.howto_nutrition_table tbody{grid-template-columns:repeat(3,1fr)}}.howto_nutrition_table tr{display:grid;grid-template-columns:222fr 151fr;gap:1px}.howto_nutrition_table td,.howto_nutrition_table th{padding:24px;text-align:left}.howto_nutrition_table th{background-color:var(--color-bg-pale-gray)}.howto_nutrition_table td{background-color:var(--color-white)}.howto_nutrition_annotations{margin-top:16px}.howto_nutrition_annotations>li{font-weight:var(--weight-regular)}.howto_nutrition_annotations>li+li{margin-top:8px}.recipe{padding-inline:20px}@media (min-width:768px){.recipe{padding-inline:40px}}.recipe_inner{padding-block:40px}@media (min-width:768px){.recipe_inner{padding-block:56px}}.recipe_list{display:grid;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (min-width:768px){.recipe_list{display:flex;justify-content:center;margin-top:48px}}@media (min-width:768px){.recipe_list .c-card{--card-width:33.333%}}.recipe_btn{margin-top:32px}@media (min-width:768px){.recipe_btn{margin-top:48px}}.fv_sns_item>a{transition:opacity .08s cubic-bezier(.25,.25,.75,.75)}.fv_sns_item>a:hover{opacity:.5;transition:opacity .15s cubic-bezier(.25,.25,.75,.75)}.howto_product_item>a .howto_product_img{pointer-events:none}.howto_product_item>a .howto_product_img>img{transition:-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94),-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(1) rotate(.0001deg);transform:scale(1) rotate(.0001deg)}.howto_product_item>a .howto_product_name{transition:color .08s cubic-bezier(.25,.25,.75,.75)}.howto_product_item>a:hover .howto_product_img>img{transition:-webkit-transform .46s cubic-bezier(.165,.84,.44,1);transition:transform .46s cubic-bezier(.165,.84,.44,1);transition:transform .46s cubic-bezier(.165,.84,.44,1),-webkit-transform .46s cubic-bezier(.165,.84,.44,1);-webkit-transform:scale(1.02) rotate(.0001deg);transform:scale(1.02) rotate(.0001deg)}.howto_product_item>a:hover .howto_product_name{transition:color .15s cubic-bezier(.25,.25,.75,.75);color:var(--color-hfc-blue)}.recommend{overflow-x:clip;padding-inline:20px}@media (min-width:768px){.recommend{padding-inline:40px}}.recommend_inner{padding-block:40px 64px}@media (min-width:768px){.recommend_inner{padding-block:56px 120px}}.recommend_slide_wrapper{position:relative;margin-top:32px;container-type:inline-size}@media (min-width:768px){.recommend_slide_wrapper{margin-top:48px}}@media (min-width:768px){.recommend_slide_wrapper:after{content:"";position:absolute;top:0;left:calc(-50vw - 100cqw/2*-1);width:calc(50vw - 100cqw/2);height:100%;background-color:var(--color-white)}}.recommend_slide_track{overflow:visible}.recommend_slide_item{width:330px}@media (min-width:768px){.recommend_slide_item{width:360px}}@media (min-width:1280px){.recommend_slide_item{width:28.125vw;max-width:451px}}.recommend_slide_item>a{display:block;width:100%;text-decoration:none}.recommend_slide_img{overflow:hidden;border:1px solid var(--color-border-default);border-radius:4px;width:100%;aspect-ratio:3/2}@media (min-width:768px){.recommend_slide_img{border-radius:8px}}.recommend_slide_txt{display:grid;align-items:center;position:relative;margin-top:16px;padding-left:18px;grid-template-columns:1fr auto;gap:12px}.recommend_slide_txt:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;border-radius:100vmax;width:8px;height:calc(100% - 4px);background-color:var(--color-hfc-blue)}.recommend_slide_txt>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.recommend_slide_controller{position:relative;margin-top:24px;height:40px}@media (min-width:768px){.recommend_slide_controller{margin-top:32px;height:44px}}.recommend_slide_item>a .recommend_slide_img>img{display:block;width:100%;height:100%;transition:-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94),-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(1);transform:scale(1);-o-object-fit:cover;object-fit:cover}.recommend_slide_item>a .recommend_slide_txt>p{transition:color .16s cubic-bezier(.25,.46,.45,.94),-webkit-text-decoration-color .16s cubic-bezier(.25,.46,.45,.94);transition:color .16s cubic-bezier(.25,.46,.45,.94),text-decoration-color .16s cubic-bezier(.25,.46,.45,.94);transition:color .16s cubic-bezier(.25,.46,.45,.94),text-decoration-color .16s cubic-bezier(.25,.46,.45,.94),-webkit-text-decoration-color .16s cubic-bezier(.25,.46,.45,.94)}.recommend_slide_item>a .p-top_icon{transition:-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94),-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);-webkit-transform:translateX(0);transform:translateX(0)}.recommend_slide_item>a:hover .recommend_slide_img>img{transition:-webkit-transform .34s cubic-bezier(.25,.46,.45,.94);transition:transform .34s cubic-bezier(.25,.46,.45,.94);transition:transform .34s cubic-bezier(.25,.46,.45,.94),-webkit-transform .34s cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(1.05) rotate(.001deg);transform:scale(1.05) rotate(.001deg)}.recommend_slide_item>a:hover .recommend_slide_txt>p{transition:color .34s cubic-bezier(.25,.46,.45,.94),-webkit-text-decoration-color .34s cubic-bezier(.25,.46,.45,.94);transition:color .34s cubic-bezier(.25,.46,.45,.94),text-decoration-color .34s cubic-bezier(.25,.46,.45,.94);transition:color .34s cubic-bezier(.25,.46,.45,.94),text-decoration-color .34s cubic-bezier(.25,.46,.45,.94),-webkit-text-decoration-color .34s cubic-bezier(.25,.46,.45,.94);color:var(--color-hfc-blue)}.recommend_slide_item>a:hover .p-top_icon{transition:-webkit-transform .34s cubic-bezier(.25,.46,.45,.94);transition:transform .34s cubic-bezier(.25,.46,.45,.94);transition:transform .34s cubic-bezier(.25,.46,.45,.94),-webkit-transform .34s cubic-bezier(.25,.46,.45,.94);-webkit-transform:translateX(var(--rateX));transform:translateX(var(--rateX))}