@charset "UTF-8";.box__txt,.main-ttl,.recipe-list__txt{letter-spacing:.05em}.bnr,.detail-ballon,.flow,.page-header__ttl,.recipe-list__ttl{text-align:center}.bnr a:hover,.detail-btn-list a:hover,.detail-to-top__btn:hover{opacity:.6}.page-header{border-bottom:3px solid #ea5514}.main-ttl{margin:30px 8px;font-size:3rem;line-height:1.5}.section{background:url(../img/recipe/section-bg.jpg) left 90px no-repeat,url(../img/recipe/section-bg2.jpg) right 220px no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.section{background:url(../img/recipe/section-bg@2x.jpg) left 90px/210px auto no-repeat,url(../img/recipe/section-bg2@2x.jpg) right 220px/210px auto no-repeat}}@media screen and (max-width:768px){.main-ttl{font-size:2.4rem;text-align:center}.section{background:0 0}}.section__inner{max-width:840px;margin:0 auto;padding:0 20px}@media screen and (max-width:840px){.section__inner{max-width:100%;padding:0}}.section__inner.is-bottom{max-width:none;margin-bottom:80px;padding:0}.recipe-list{display:flex;flex-wrap:wrap;margin-left:3px;margin-bottom:50px}@media screen and (max-width:840px){.recipe-list{margin-left:-3px;margin-right:-6px}}.recipe-list__item{position:relative;flex:0 0 50%;margin-top:-3px;background:#fff}@media screen and (max-width:735px){.main-ttl{font-size:1.8rem}.recipe-list{display:block;margin-left:0;margin-right:0;padding:0 10px}.recipe-list__item{border:3px solid #e1c163}}.recipe-list__item a{display:flex;flex-direction:column;padding:20px}.recipe-list__item::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:"";border:3px solid #e1c163;pointer-events:none;transition:border .2s ease-in-out;z-index:1}.bnr a,.detail-btn-list a,.detail-to-top__btn{transition:opacity .4s ease-in-out}.recipe-list__item:nth-child(2n){margin-left:-3px}@media screen and (max-width:735px){.recipe-list__item::before{display:none}.recipe-list__item:nth-child(2n){margin-left:0}}.recipe-list__item:hover::before{border-width:6px}.recipe-list__ttl{position:relative;display:flex;justify-content:center;align-items:center;min-height:72px;margin-bottom:25px;padding:4px 5px 2px;background:#ffee6f;font-size:2.2rem;line-height:1.5}@media screen and (max-width:735px){.recipe-list__ttl{min-height:0;padding:4px 5px;font-size:1.6rem}}.recipe-list__ttl::after{display:block;position:absolute;left:50%;bottom:-11px;content:"";width:0;height:0;margin-left:-6px;border-style:solid;border-width:12px 11px 0;border-color:#ffee6f transparent transparent}.recipe-list__ttl2{display:flex;justify-content:center;align-items:center;min-height:72px;margin-bottom:20px;text-align:center}.recipe-list__img{flex:0 0 auto;margin-bottom:20px}.recipe-list__img img{width:100%;height:auto}.recipe-list__txt{font-size:1.7rem;line-height:1.44444}.box{position:relative;margin-bottom:68px;padding:50px;background:#feebbe}@media screen and (max-width:735px){.recipe-list__ttl2{min-height:0}.recipe-list__txt{font-size:1.6rem}.box{margin-bottom:40px;padding:30px}}.box::after{display:block;position:absolute;top:10px;right:10px;bottom:10px;left:10px;content:"";border:2px solid #ea5514}.detail-ballon::after,.flow::after{display:block;left:50%;top:100%;content:"";width:0;height:0}.box__ttl{margin-bottom:20px;padding:2px 0 2px 10px;border-left:7px solid #ea5514;font-size:2.8rem;font-weight:700;line-height:1.21429}@media screen and (max-width:735px){.box__ttl{font-size:2.2rem}}.box__txt{font-size:1.6rem;line-height:1.77778}.flow{position:relative;max-width:1280px;margin:0 auto 70px;padding:40px 20px;background:#ffee6f}@media screen and (max-width:735px){.box__txt{font-size:1.6rem;line-height:1.5}.flow{padding:30px 10px}}.flow::after{position:absolute;margin-left:-40px;border-style:solid;border-width:46px 40px 0;border-color:#ffee6f transparent transparent}.bnr{max-width:1400px;margin:0 auto}.detail-section{padding:100px 0;background:#faf0dc}@media screen and (max-width:840px){.detail-section{padding:0 0 80px}}.detail-section__inner{max-width:840px;margin:0 auto;padding:0 20px}@media screen and (max-width:840px){.detail-section__inner{max-width:100%;padding:0}}.detail-box{margin-bottom:35px;padding:40px;background:#fff;border:3px solid #fadcb4}@media screen and (max-width:840px){.detail-box{border:none}}@media screen and (max-width:735px){.detail-box{padding:20px 20px 40px}}.detail-ballon{position:relative;margin-bottom:50px;padding:20px;background:#ffee6f;font-size:3rem;line-height:1.2}.detail-ballon::after{position:absolute;margin-left:-22px;border-style:solid;border-width:25px 22px 0;border-color:#ffee6f transparent transparent}.detail-ttl{margin-bottom:35px}.detail-top{display:flex;justify-content:space-between;margin-bottom:30px}.detail-top__col.is-1{flex:1 1 356px;max-width:356px}@media screen and (max-width:735px){.detail-ballon{font-size:2rem}.detail-top{display:block}.detail-top__col.is-1{max-width:100%;margin-bottom:30px}.detail-top__img img{width:100%}}.detail-top__img{padding-top:1px;margin-bottom:18px}.detail-top__txt{padding:15px;border-top:1px dashed #ea5514;border-bottom:1px dashed #ea5514;color:#ea5514;font-size:2rem;line-height:1.5}.detail-top__col.is-2{flex:1 1 auto;margin-left:30px}@media screen and (max-width:735px){.detail-top__txt{padding-left:0;padding-right:0;font-size:1.6rem}.detail-top__col.is-2{margin-left:0}}.detail-top__ttl{margin-bottom:12px;font-size:1.8rem;line-height:1}.detail-top__ttl em{color:#ea5514;font-size:2.6rem}.ingredient-list{border-top:1px solid #d9d9d9}.ingredient-list>li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #d9d9d9;font-size:1.8rem;line-height:22px}.ingredient-list__amount{text-align:right}.detail-process{margin-bottom:30px;padding:18px 12px 5px;background:#fffad4;border-radius:10px}.process-list{display:flex;flex-wrap:wrap;counter-reset:num}@media screen and (max-width:735px){.ingredient-list>li{font-size:1.6rem;line-height:20px}.detail-process{margin:0 -20px 30px;border-radius:0}.process-list{display:block}}.process-list>li{position:relative;flex:0 0 25%;flex-basis:calc(25% - 26px);margin:0 13px 20px;counter-increment:num;font-size:1.8rem;line-height:1.44444}@media screen and (max-width:735px){.process-list>li{margin-right:0;padding-left:30px;font-size:1.6rem}}.process-list>li::before{display:flex;justify-content:center;align-items:center;content:counter(num);width:36px;height:36px;margin-bottom:8px;background:#f29972;border-radius:50%;color:#fff;font-size:2.6rem;font-weight:600;line-height:1}@media screen and (max-width:735px){.process-list>li::before{position:absolute;top:0;left:-5px;width:28px;height:28px;font-size:2rem}}.detail-bottom{display:flex;justify-content:space-between;margin:0 -18px}.detail-bottom__col.is-1,.detail-bottom__col.is-2{flex:0 0 50%;flex-basis:calc(50% - 36px);max-width:calc(50% - 36px);margin:0 18px;padding:0 0 0 15px;border-left:2px solid #ef7f4e}.detail-bottom__ttl{margin-bottom:15px;padding-bottom:10px;color:#ef7f4e;font-size:2.4rem;line-height:1.5;border-bottom:6px solid #fdeee7}.detail-bottom__txt{font-size:1.8rem;line-height:1.66667}.detail-to-top{margin-top:50px;text-align:center}.detail-to-top__btn{display:inline-block;padding:10px 40px;background:#ffee6f;font-size:2.4rem;text-align:center}@media screen and (max-width:735px){.detail-to-top{margin-top:40px}.detail-to-top__btn{font-size:2rem}}.detail-btn-list{display:flex;justify-content:space-between;max-width:840px;margin:0 auto}@media screen and (max-width:840px){.detail-btn-list{padding:0 20px}}.detail-btn-list li{max-width:calc(50% - 10px)}@media screen and (max-width:735px){.detail-btn-list{display:block;margin-bottom:-20px}.detail-btn-list li{max-width:100%;margin-bottom:20px}}.detail-btn-list a{display:block}.detail-btn-list a img{width:100%}