﻿@media screen and (min-width:769px){#page-title{padding-top:10rem}#page-title::before,#page-title::after{display:none}}@media screen and (max-width:768px){#page-title{padding-top:5rem}#page-title::before,#page-title::after{display:none}}.single-title{padding:11.5rem 1rem 11rem;text-align:center}.single-title .en{color:#8BB047;font-size:2.7rem}.single-title .tit{margin-top:3rem;font-size:3.7rem;line-height:1.6;font-weight:bold}.single #article .content_wrap{max-width:100rem}.single #article .single_title{margin-top:10rem;font-size:3rem;line-height:1.85;letter-spacing:0.12em}.single #article .single_date{margin-top:3rem;color:#8BB047}.single #article .single_date::before{content:"";display:inline-block;width:2.1rem;height:2.3rem;background:url(../img/common/ico_calendar.svg) center center no-repeat;background-size:contain;margin-right:0.6em;vertical-align:-0.25em}.single #article .single_thumbnail{position:relative;margin-top:6.8rem;overflow:hidden;text-align:center}.single #article .single_content{margin-top:7rem}.single #article .single_content *:first-child{margin-top:0}.single #article .single_content h2{position:relative;margin-top:6.8rem;padding-bottom:2.2rem;padding-left:3.8rem;border-bottom:2px dotted #8BB047;font-size:2.9rem}.single #article .single_content h2::before{content:"";position:absolute;left:0;top:0.4em;width:2.1rem;height:2.1rem;background:#8BB047;border-radius:0.3rem;-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem}.single #article .single_content h3{margin-top:5rem;font-size:2.3rem;font-weight:bold}.single #article .single_content p{margin-top:1.7em;margin-bottom:0;line-height:1.8;text-align:left}.single #article .single_content .wp-block-image{margin-bottom:0}.single #article .single_content .wp-block-columns{margin-top:7.7rem}.single #article .single_content .wp-block-columns:nth-child(even){flex-direction:row-reverse}.single #article .single_content a{color:#8BB047;text-decoration:underline;text-underline-offset:0.3em}.single #article .single_content a:hover{text-decoration:none}.single #article .btn_wrap{margin-top:13rem;text-align:center}.single_pagination .box{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;max-width:70rem;margin:0 auto}.single_pagination .box .left,.single_pagination .box .right{display:block;width:48.5%;border:1px solid #8BB047;text-align:left}.single_pagination .box .right{margin-left:auto;text-align:right}.single_pagination .box a{display:block;padding:1.2rem 1.6rem;font-size:0.85em;transition:all 0.3s}.single_pagination .box a:hover{background:#8BB047}.single_pagination .box a:hover *{color:#fff}.single_pagination .box a span,.single_pagination .box a p{transition:all 0.3s}.single_pagination .box a p{color:#8BB047;font-size:1.1em}@media screen and (max-width:768px){.single-title{padding:5.7rem 1rem 4rem}.single-title .en{font-size:1.4rem}.single-title .tit{margin-top:2.4rem;font-size:3.1rem}.single #article .single_title{margin-top:5rem;font-size:2.2rem}.single #article .single_date{margin-top:1.8rem}.single #article .single_thumbnail{position:relative;margin:3.6rem -9% 0}.single #article .single_content{margin-top:5rem}.single #article .single_content h2{margin-top:5rem;padding-bottom:1.6rem;padding-left:3.4rem;font-size:2.6rem}.single #article .single_content h2::before{top:0.4em;width:1.9rem;height:1.9rem}.single #article .single_content h3{margin-top:4rem;font-size:2rem}.single #article .single_content p{margin-top:1.5em;font-size:1em}.single #article .single_content .wp-block-columns{margin-top:4rem}.single #article .btn_wrap{margin-top:6rem}.single_pagination .box .left,.single_pagination .box .right{width:49%}.single_pagination .box a{padding:1rem 0.5rem;font-size:0.8em}.single_pagination .box a p{font-size:1.05em}}.single-brand #main_visual{position:relative;margin-bottom:13rem;z-index:0}.single-brand #main_visual .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.single-brand #main_visual .content_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;height:100vh;min-height:40rem;max-height:78rem}.single-brand #main_visual .txtbox{width:100%;padding:6rem 0}.single-brand #main_visual .tit{font-size:8rem;color:#fff;line-height:1.3;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.single-brand #main_visual .subtit{margin-top:2.8rem;font-size:3.4rem;color:#fff}.single-brand #main_visual .txt{margin-top:3rem;color:#fff}.single-brand #lead .inner{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;flex-direction:row-reverse;gap:6.8rem;max-width:90%;margin:0 auto;text-align:center}.single-brand #lead .img{width:50%}.single-brand #lead .img img{border-radius:3.2rem;-webkit-border-radius:3.2rem;-moz-border-radius:3.2rem}.single-brand #lead .txtbox{width:40%}.single-brand #lead .tit{font-size:4.2rem;font-weight:800}.single-brand #lead .txt{margin-top:4rem;font-size:1.8rem}.single-brand #lead .list{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;gap:3.9rem;margin-top:3.5rem}.single-brand #lead .list li{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:8.3rem;height:8.3rem;padding:0.2em 0.1em;font-size:1.3rem;background:#8BB047;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.single-brand #recommend .tit{color:#8BB047;font-size:2.9rem;text-align:center}.single-brand #recommend .box{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;max-width:94rem;margin:4.5rem auto 0;gap:2rem}.single-brand #recommend .box_child{flex:1;max-width:30rem;padding:3.3rem 2.9rem 4.5rem;background:#fff;border-radius:0.8rem;-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem}.single-brand #recommend .box_img{text-align:center}.single-brand #recommend .box_img img{width:10rem}.single-brand #recommend .box_tit{margin-top:3rem;font-size:1.8rem;color:#8BB047;text-align:center}.single-brand #recommend .box_txt{margin-top:2rem}.single-brand #lineup{padding-top:2rem}.single-brand #lineup .tab_box{padding-top:3rem}.single-brand #lineup .tab_panels{padding:9.2rem 5% 8.2rem;background:#FFEFD7;border-radius:5.8rem;-webkit-border-radius:5.8rem;-moz-border-radius:5.8rem}.single-brand #why{margin-top:13rem}.single-brand #why .content_wrap{max-width:192rem}.single-brand #why .tit{margin-bottom:7rem;text-align:center}.single-brand #why .tit>span{position:relative;padding:0 11rem;font-size:3.5rem;display:inline-block}.single-brand #why .tit>span::before,.single-brand #why .tit>span::after{content:"｛";position:absolute;top:50%;font-size:8.7rem;font-weight:normal;opacity:0.1;transform:translate(0, -54%);-webkit-transform:translate(0, -54%)}.single-brand #why .tit>span::before{left:0}.single-brand #why .tit>span::after{content:"}";right:1rem}.single-brand #why .subtit{margin-top:8rem;color:#8BB047;font-size:2.5rem;text-align:center}.single-brand #why .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:0 2.1%;margin-top:3.8rem;min-height:25vw;z-index:0}.single-brand #why .box_child{position:relative;width:calc(100% / 4);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;padding:0 1rem;text-align:center}.single-brand #why .box_child::before{content:"";position:absolute;left:50%;top:50%;width:116%;height:116%;background:url(../img/common/circle_bg.svg) center center no-repeat;background-size:contain;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:-1}.single-brand #why .box_child:not(:first-child)::before{background-image:url(../img/common/circle_bg_plus.svg)}.single-brand #why .box_child>div{width:100%}.single-brand #why .box_img img{max-width:38%;width:15.5rem}.single-brand #why .box_tit{font-size:1.8rem;margin-top:2.4rem}.single-brand #why .box_txt{margin-top:2rem;font-size:0.9em}.single-brand #why .sub_point{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;gap:4rem;margin-top:8rem}.single-brand #why .sub_point .sub_point_child{flex:1;max-width:27.2rem;border:1px solid #000000;overflow:hidden;border-radius:1.1rem;-webkit-border-radius:1.1rem;-moz-border-radius:1.1rem}.single-brand #why .sub_point .sub_point_img{padding-bottom:30%;text-align:center}.single-brand #why .sub_point .sub_point_title{padding:1.5rem 0.5rem;font-size:1.5rem;font-weight:normal;text-align:center}.single-brand #why .sub_point02{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;gap:2.5rem;max-width:92rem;width:95%;margin:7.7rem auto 0}.single-brand #why .sub_point02 .sub_point_child{width:calc((100% - 5rem) / 3);padding:2.7rem 0.5rem 2rem;text-align:center;background:#FAFAFA;border-radius:1.2rem;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem}.single-brand #why .sub_point02 .sub_point_title span{display:inline-block;padding:0.1em 1em;border:1px solid #8BB047;color:#8BB047;font-weight:normal;border-radius:30rem;-webkit-border-radius:30rem;-moz-border-radius:30rem}.single-brand #why .sub_point02 .sub_point_txt{margin-top:0.8rem}.single-brand #why .subbox{position:relative;width:fit-content;margin:7rem auto 0;padding:0 3.2rem 1.6rem;text-align:center;z-index:0}.single-brand #why .subbox::before{content:"";position:absolute;left:0;right:0;top:0.9rem;bottom:0;background:#F8F9F4;border-radius:0.9rem;-webkit-border-radius:0.9rem;-moz-border-radius:0.9rem;z-index:-1}.single-brand #why .subbox .subbox_tit{font-weight:bold;color:#8BB047;font-size:1.6rem}.single-brand #why .subbox .subbox_txt{margin-top:1.1rem}.single-brand #concept{margin-top:13rem}.single-brand #concept .tit{position:relative;padding-bottom:2.1rem;font-size:2.5rem;line-height:1.95;text-align:center;letter-spacing:0.25em}.single-brand #concept .tit::before{content:"";position:absolute;left:50%;bottom:0;width:3.8rem;height:0.4rem;background:#D9D9D9;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0)}.single-brand #concept .tit .big{font-size:3.2rem}.single-brand #concept .txt{margin-top:3.3rem;text-align:center}.single-brand #concept .point_step{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;max-width:93.7rem;margin:4.8rem auto 0;gap:5.2rem}.single-brand #concept .point_step.point .step_child:not(:last-child)::before{content:"+";font-size:3.8rem;color:#8BB047;font-weight:bold;border:none}.single-brand #concept .step_child{position:relative;flex:1;border:1px solid #C4C4C4;padding:4.3rem 4% 4.5rem;text-align:center;border-radius:9.8rem;-webkit-border-radius:9.8rem;-moz-border-radius:9.8rem;box-shadow:0px 0.2rem 0.4rem rgba(0, 0, 0, 0.05)}.single-brand #concept .step_child:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 1.5rem);top:50%;border-top:1.6rem solid transparent;border-bottom:1.6rem solid transparent;border-left:2.2rem solid #8BB047;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}.single-brand #concept .step_num{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:7.7rem;height:7.7rem;margin:0 auto;background:#8BB047;color:#fff;padding-top:0.4rem;line-height:1.1;font-size:1.1rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.single-brand #concept .step_num .big{font-size:2.1rem}.single-brand #concept .step_tit{margin-top:2.2rem;color:#8BB047;font-size:1.8rem}.single-brand #concept .step_txt{margin-top:1.1rem;text-align:left}.single-brand #concept .purchase{margin-top:8rem;text-align:center}.single-brand #concept .purchase_tit{font-size:2.8rem;letter-spacing:0.18em}.single-brand #concept .purchase_txt{margin-top:2.4rem}.single-brand #concept .btn_wrap{margin-top:4rem}.single-brand #voice .inner{position:relative;width:90%;margin:0 auto;padding:6rem 0 4rem 15rem}.single-brand #voice .title .tit{position:absolute;left:0;top:0;font-size:4.8rem;color:#8BB047}.single-brand #voice .title .tit span{display:inline-block;letter-spacing:-0.43em;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.single-brand #voice .title .tit span:first-child{letter-spacing:-0.27em}.single-brand #voice .title .txt{position:absolute;left:0;top:18rem;letter-spacing:0.9em}.single-brand #voice .box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.2rem;overflow-x:auto;padding-bottom:3rem}.single-brand #voice .box_child{width:40rem;min-width:40rem;padding:5.9rem 5.4rem 4rem;background:#fff;border-radius:3.5rem;-webkit-border-radius:3.5rem;-moz-border-radius:3.5rem}.single-brand #voice .box_img{text-align:center}.single-brand #voice .box_img img{width:8.8rem}.single-brand #voice .box_name{margin-top:2.2rem;margin-bottom:0;font-weight:bold;color:#8BB047;font-size:2.3rem;text-align:center}.single-brand #voice .box_old{margin-bottom:0;text-align:center}.single-brand #voice .box_txt{margin-top:2.8rem}.single-brand #recipe .box{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;flex-wrap:wrap;max-width:96rem;margin:0 auto;gap:4.3rem}.single-brand #recipe .box:has(.box_child:nth-child(3)){justify-content:flex-start}.single-brand #recipe .box_child{display:block;width:calc((100% - 8.6rem) / 3);padding:1.6rem 1.6rem 2.6rem;background:#fff;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;box-shadow:0 0.1rem 0.8rem rgba(0, 0, 0, 0.16)}.single-brand #recipe .box_child:hover{opacity:0.7}.single-brand #recipe .box_img{padding-bottom:100%}.single-brand #recipe .box_name{margin-top:2.2rem;font-size:1.4rem;font-weight:bold}.single-brand #other .box{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;flex-wrap:wrap;max-width:107rem;margin:0 auto;gap:4rem 5.6rem}.single-brand #other .box:has(.box_child:nth-child(3)){justify-content:flex-start}.single-brand #other .box_child{display:block;width:calc((100% - 11.2rem) / 3);background:#8BB047;border-radius:1.1rem;-webkit-border-radius:1.1rem;-moz-border-radius:1.1rem;overflow:hidden}.single-brand #other .box_child:hover{opacity:0.8}.single-brand #other .box_img{padding-bottom:75%}.single-brand #other .box_content{padding:3.1rem 0.5rem 2.6rem;text-align:center}.single-brand #other .box_tit{color:#fff;font-size:2.4rem}.single-brand #other .box_txt{margin-top:1.4rem;color:#fff;font-size:0.9em}@media screen and (min-width:769px) and (max-width:1200px){.single-brand #why .box_tit{font-size:1.15vw;margin-top:2rem}.single-brand #why .box_txt{margin-top:1.6rem;font-size:0.8vw}}@media screen and (min-width:769px) and (max-width:1060px){.single-brand #lead .tit{font-size:3.4rem}.single-brand #lead .txt{margin-top:3rem;font-size:1.6rem}}@media screen and (max-width:768px){.single-brand #main_visual{margin-bottom:6.5rem}.single-brand #main_visual .content_wrap{height:auto;min-height:38rem;max-height:50rem}.single-brand #main_visual .txtbox{padding:15rem 0 9rem}.single-brand #main_visual .tit{font-size:4.7rem}.single-brand #main_visual .subtit{margin-top:1.3rem;font-size:1.95rem}.single-brand #main_visual .txt{margin-top:3rem;font-size:0.9em}.single-brand #lead .inner{display:block}.single-brand #lead .img{width:auto}.single-brand #lead .img img{border-radius:2.6rem;-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem}.single-brand #lead .txtbox{width:auto;margin-top:3.8rem}.single-brand #lead .tit{font-size:3rem}.single-brand #lead .txt{margin-top:2.7rem;font-size:1.47rem;letter-spacing:0.05em}.single-brand #lead .list{gap:2rem;margin-top:2.2rem}.single-brand #lead .list li{width:7.6rem;height:7.6rem;font-size:0.95em}.single-brand #lead .list li .small{font-size:0.8em;letter-spacing:0}.single-brand #recommend{padding-top:1.6rem}.single-brand #recommend .tit{font-size:2.1rem}.single-brand #recommend .box{display:block;width:90%;margin-top:3rem}.single-brand #recommend .box_child{max-width:none;padding:2.2rem 2.6rem 2.2rem}.single-brand #recommend .box_child:not(:last-child){margin-bottom:2.5rem}.single-brand #recommend .box_head{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center}.single-brand #recommend .box_img img{width:10rem}.single-brand #recommend .box_tit{width:calc(100% - 11rem);margin-top:0;font-size:1.95rem}.single-brand #recommend .box_txt{margin-top:1.3rem}.single-brand #lineup{padding-top:1rem}.single-brand #lineup .tab_box{padding-top:2rem}.single-brand #lineup .tab_panels{padding:5rem 0 5.5rem;border-radius:0 0 3rem 3rem;-webkit-border-radius:0 0 3rem 3rem;-moz-border-radius:0 0 3rem 3rem}.single-brand #why{margin-top:8.8rem}.single-brand #why .tit{margin-bottom:8rem}.single-brand #why .tit>span{display:block;padding:0 3rem;font-size:2.45rem}.single-brand #why .tit>span::before,.single-brand #why .tit>span::after{font-size:5rem}.single-brand #why .subtit{margin-top:4rem;font-size:2rem}.single-brand #why .box{display:block;padding:0;margin-top:4rem;min-height:0}.single-brand #why .box_child{width:30rem;height:30rem;margin:0 auto;padding:0}.single-brand #why .box_child:not(:first-child)::before{background-image:url(../img/common/circle_bg_plus_sp.svg)}.single-brand #why .box_img img{width:10.5rem}.single-brand #why .box_tit{font-size:1.5rem;margin-top:1.6rem}.single-brand #why .box_txt{margin-top:1rem;font-size:0.7em;line-height:1.7;letter-spacing:0.1em}.single-brand #why .sub_point{flex-wrap:wrap;gap:2.5rem;margin-top:4rem}.single-brand #why .sub_point .sub_point_child{flex:0 1 auto;width:calc((100% - 5rem) / 2)}.single-brand #why .sub_point .sub_point_title{padding:1.2rem 0.5rem;font-size:1.24rem}.single-brand #why .sub_point02{gap:0.6rem;width:auto;margin-top:6rem}.single-brand #why .sub_point02 .sub_point_child{width:calc((100% - 1.2rem) / 3)}.single-brand #why .sub_point02 .sub_point_title span{min-width:6em;padding:0.2em 0.5em;font-size:0.8em;letter-spacing:0}.single-brand #why .sub_point02 .sub_point_txt{margin-top:0.8rem;font-size:0.75em;line-height:1.8;letter-spacing:0}.single-brand #why .subbox{margin:4rem auto 0;padding:0 2.5rem 1.6rem}.single-brand #why .subbox .subbox_txt{font-size:0.85em;text-align:left}.single-brand #concept{margin-top:7rem}.single-brand #concept .tit{padding-bottom:1.8rem;font-size:1.95rem;letter-spacing:0.18em}.single-brand #concept .tit::before{width:2rem}.single-brand #concept .tit .big{font-size:2.1rem}.single-brand #concept .txt{margin-top:2.8rem;font-size:0.9em}.single-brand #concept .point_step{justify-content:flex-start;margin:4rem -8% 0;gap:5rem;padding:0 7.5%}.single-brand #concept .point_step.point .step_child:not(:last-child)::before{left:calc(100% + 1.5rem)}.single-brand #concept .step_child{min-width:24rem;padding:3.8rem 6.3% 4rem;border-radius:8rem;-webkit-border-radius:8rem;-moz-border-radius:8rem}.single-brand #concept .step_child:not(:last-child)::before{left:calc(100% + 1.9rem);border-top:1.2rem solid transparent;border-bottom:1.2rem solid transparent;border-left:1.8rem solid #8BB047}.single-brand #concept .step_txt{font-size:0.8em}.single-brand #concept .purchase{margin-top:5.4rem}.single-brand #concept .purchase_tit{font-size:2.3rem}.single-brand #concept .purchase_txt{margin-top:2.1rem;font-size:0.9em;letter-spacing:0}.single-brand #concept .btn_wrap{margin-top:3rem}.single-brand #voice .inner{width:95%;padding:0 0 0 8rem}.single-brand #voice .title .tit{left:1rem;font-size:3.4rem}.single-brand #voice .title .txt{left:1rem;top:14rem;font-size:0.9em}.single-brand #voice .box{padding-top:6rem;padding-bottom:2rem}.single-brand #voice .box_child{width:29.5rem;min-width:29.5rem;padding:3rem 4rem 3rem;border-radius:2.7rem;-webkit-border-radius:2.7rem;-moz-border-radius:2.7rem}.single-brand #voice .box_img img{width:8rem}.single-brand #voice .box_name{margin-top:1.2rem;font-size:2.1rem}.single-brand #voice .box_old{font-size:0.9em}.single-brand #voice .box_txt{margin-top:2rem;font-size:0.83em;line-height:1.8}.single-brand #recipe .content_wrap,.single-brand #other .content_wrap{width:100%}.single-brand #recipe .box{flex-wrap:nowrap;gap:3rem;padding:2rem 4rem}.single-brand #recipe .box:has(.box_child:nth-child(2)){justify-content:flex-start}.single-brand #recipe .box_child{width:auto;min-width:27rem}.single-brand #recipe .box_name{margin-top:2.2rem;font-size:1.4rem;font-weight:bold}.single-brand #other .box{flex-wrap:nowrap;gap:3rem;padding:2rem 4rem}.single-brand #other .box:has(.box_child:nth-child(2)){justify-content:flex-start}.single-brand #other .box_child{width:auto;min-width:27rem}.single-brand #other .box_tit{font-size:2.1rem}}.single-recipe #recipe_info .inner{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;gap:4.5rem}.single-recipe #recipe_info .img{flex:3;text-align:center}.single-recipe #recipe_info .img video{max-width:100%;height:auto}.single-recipe #recipe_info .ingredient{flex:1.8}.single-recipe #recipe_info .ingredient .tit{font-size:2.5rem;text-align:center}.single-recipe #recipe_info .ingredient .tit span{position:relative;display:inline-block;padding:0 5.4rem;color:#8BB047}.single-recipe #recipe_info .ingredient .tit span::before,.single-recipe #recipe_info .ingredient .tit span::after{content:"";position:absolute;left:0;top:50%;width:2.8rem;height:1.2rem;background:url(../img/common/title_deco.svg) center center no-repeat;background-size:contain;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}.single-recipe #recipe_info .ingredient .tit span::after{left:auto;right:0}.single-recipe #recipe_info .ingredient .list{margin-top:4.4rem;border-top:1px solid #000000}.single-recipe #recipe_info .ingredient .list li{border-bottom:1px solid #000000}.single-recipe #recipe_info .ingredient .list dl{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;font-size:1.8rem;padding:1.7rem 1rem 1.7rem 0;font-weight:bold;gap:1rem}.single-recipe #recipe_info .ingredient .list dl dd{margin-left:auto;text-align:right}.single-recipe #howto{margin-top:12rem}.single-recipe #howto .tit{font-size:2.5rem;text-align:center;color:#8BB047}.single-recipe #howto .tit span{position:relative;display:inline-block;padding:0 3.4rem;letter-spacing:0.15em}.single-recipe #howto .tit span::before,.single-recipe #howto .tit span::after{content:"";position:absolute;left:0;top:50%;width:1.6rem;height:3.3rem;background:url(../img/common/ico_howto01.svg) center center no-repeat;background-size:contain;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}.single-recipe #howto .tit span::after{left:auto;right:0;background-image:url(../img/common/ico_howto02.svg)}.single-recipe #howto .flow_list{max-width:102rem;margin:4.8rem auto 0;list-style:none;counter-reset:number}.single-recipe #howto .flow_list li{position:relative;display:flex;justify-content:space-between;padding-top:0.6em;padding-left:7.5rem;padding-bottom:1rem;font-size:1.7rem;line-height:1.6;font-weight:500;min-height:6rem;counter-increment:number;border-bottom:1px solid #C9C9C9}.single-recipe #howto .flow_list li:not(:last-child){margin-bottom:1rem}.single-recipe #howto .flow_list li::before{content:counter(number);position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;font-size:2.1rem;font-family:"Raleway", "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "Yu Gothic Medium", sans-serif;font-optical-sizing:auto;font-weight:bold;font-style:normal;background:#8BB047;color:#fff;padding:0.2em;letter-spacing:0;border-radius:0.4rem;-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem}.single-recipe #howto .flow_list li .flow_txt{flex:6}.single-recipe #howto .flow_list li .flow_img{flex:1.8;text-align:right}.single-recipe #howto .point_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4rem}.single-recipe #howto .point_wrap>div{padding:3rem 3rem 3rem;background:#F8F9F4;background-image:repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 4px, transparent 4px, transparent 10px);border-radius:0.4rem;-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem}.single-recipe #howto .point_wrap .point{text-align:center}.single-recipe #howto .point_wrap .point span{position:relative;display:inline-block;padding:0 1.5rem 0.5rem;border-bottom:2px dotted #8BB047;font-size:2rem;color:#8BB047}.single-recipe #howto .point_wrap .point_txt{margin-top:1.5rem;font-size:1.15em;text-align:left}.single-recipe #used{padding-top:5rem}.single-recipe #used .inner{max-width:121rem;margin:0 auto}.single-recipe #used .tit{margin-bottom:5.4rem;color:#8BB047;font-size:3.6rem}@media screen and (max-width:768px){.single-recipe #recipe_info .inner{display:block}.single-recipe #recipe_info .img{margin:0 -8% 4.5rem}.single-recipe #recipe_info .ingredient .tit{font-size:2.7rem}.single-recipe #recipe_info .ingredient .tit span{padding:0 6.5rem}.single-recipe #recipe_info .ingredient .tit span::before,.single-recipe #recipe_info .ingredient .tit span::after{width:3.5rem;height:1.5rem}.single-recipe #recipe_info .ingredient .list{margin-top:3.8rem}.single-recipe #recipe_info .ingredient .list dl{font-size:1.65rem;padding:1.6rem 1.6rem 1.6rem 0}.single-recipe #howto{margin-top:6.5rem}.single-recipe #howto .tit{font-size:2.7rem}.single-recipe #howto .tit span{padding:0 3.6rem}.single-recipe #howto .tit span::before,.single-recipe #howto .tit span::after{width:1.8rem;height:3.6rem}.single-recipe #howto .flow_list{margin-top:4rem}.single-recipe #howto .flow_list li{padding-left:5rem;padding-top:0.27em;font-size:1.7rem;min-height:5rem}.single-recipe #howto .flow_list li::before{width:3.6rem;height:3.6rem;font-size:1.85rem}.single-recipe #howto .flow_list li .flow_img{flex:3.8}.single-recipe #used{padding-top:1.8rem}.single-recipe #used .tit{margin-bottom:3.8rem;font-size:2.7rem;text-align:center}.single-recipe #used .content_wrap{width:100%}}