@charset "UTF-8";.p-article{width:100%;max-width:1200px;margin:0 auto}.p-article__content{border-bottom:1px solid black}@media screen and (min-width:641px){.p-article__content{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}}@media screen and (max-width:640px){.p-article__content{padding-top:calc(var(--section-padding-top) * .6);padding-bottom:calc(var(--section-padding-bottom) * .6)}}.p-article__date{font-weight:700}@media screen and (min-width:641px){.p-article__date{font-size:20px}}@media screen and (max-width:640px){.p-article__date{font-size:16px}}.p-article__header{display:grid;gap:20px 6.6%;align-items:center}@media screen and (min-width:641px){.p-article__header--has-media{grid-template-columns:33.3% 1fr}}.p-article__header-inner{display:grid;gap:20px}.p-article__image{width:100%}.p-article__recipe{display:grid;width:100%;margin:0 auto}@media screen and (min-width:769px){.p-article__recipe{grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;padding:20px 0 60px}}@media screen and (max-width:768px){.p-article__recipe{gap:25px;max-width:600px;padding:20px 0 40px}}.p-article__recipe-editor{display:grid;grid-area:info;gap:10px}.p-article__recipe-editor-description{grid-area:desc;margin:0;line-height:2}.p-article__recipe-editor-heading{font-size:24px;font-weight:700;color:#80562b}.p-article__recipe-editor-image{grid-area:image;width:100%;max-width:200px;border:1px solid #d6d6d6}.p-article__recipe-editor-name{font-size:32px;color:#80562b}.p-article__recipe-editor-position{font-weight:700}.p-article__recipe-editor-sns{margin:.5em 0 0}.p-article__recipe-footer{display:grid;width:100%;max-width:1200px;margin:0 auto;background-color:#fff}@media screen and (min-width:769px){.p-article__recipe-footer{grid-template-areas:"image info desc";grid-template-columns:200px 25% 1fr;gap:25px;padding:50px}}@media screen and (min-width:481px)and (max-width:768px){.p-article__recipe-footer{grid-template-areas:"image info" "desc desc";grid-template-columns:200px 1fr;gap:20px;padding:30px 20px}}@media screen and (max-width:480px){.p-article__recipe-footer{grid-template-areas:"image" "info" "desc";gap:20px;justify-items:center;padding:30px 20px}}.p-article__recipe-footer-wrap{padding:40px 20px 50px;background-color:#d7a033}.p-article__recipe-heading{display:block;font-family:Zen Kaku Gothic Antique,Yu Gothic,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af  Medium,sans-serif}.p-article__recipe-heading span{color:#d7a033}@media screen and (min-width:769px){.p-article__recipe-heading{margin-bottom:20px}}@media screen and (max-width:768px){.p-article__recipe-heading{margin-bottom:10px}}.p-article__recipe-info{display:grid}@media screen and (min-width:769px){.p-article__recipe-info{grid-template-rows:repeat(3,auto) 1fr;gap:25px}}@media screen and (max-width:768px){.p-article__recipe-info{gap:10px}}.p-article__recipe-ingredient{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;padding:5px 10px;border-bottom:1px solid #fee3b6}.p-article__recipe-procedure-list{display:grid;gap:15px;padding:0;margin:0;list-style:none;counter-reset:recipe-step}.p-article__recipe-procedure{display:flex;gap:10px;align-items:baseline;line-height:2;counter-increment:recipe-step}.p-article__recipe-procedure:before{display:grid;flex-shrink:0;place-items:center;min-width:24px;height:24px;padding:0 4px;font-size:14px;font-weight:700;line-height:1;color:#fff;content:counter(recipe-step);background-color:#d7a033;border-radius:4px}.p-article__recipe-product{display:grid;gap:10px}@media screen and (min-width:769px){.p-article__recipe-product{grid-template-columns:175px 1fr}}@media screen and (max-width:768px){.p-article__recipe-product{grid-template-columns:100px 1fr;width:fit-content;margin:0 auto}}.p-article__recipe-product-inner{display:grid}@media screen and (min-width:769px){.p-article__recipe-product-inner{gap:10px}}@media screen and (max-width:768px){.p-article__recipe-product-inner{gap:5px}}.p-article__recipe-product-link{width:190px;padding:0 1.5rem;color:#000;background-color:#ecdab4;border-color:#ecdab4}.p-article__recipe-product-link:hover{color:#000}.p-article__recipe-product-link svg path{stroke:#e81903}@media screen and (min-width:769px){.p-article__recipe-product-link{height:40px}}@media screen and (max-width:768px){.p-article__recipe-product-link{height:32px}}.p-article__recipe-product-name{font-weight:700;color:#d7a033}@media screen and (min-width:769px){.p-article__recipe-product-name{font-size:20px}}@media screen and (max-width:768px){.p-article__recipe-product-name{font-size:16px}}.p-article__recipe-product-price{font-weight:700}.p-article__recipe-product-wrap{display:grid;gap:20px}@media screen and (min-width:769px){.p-article__recipe-product-wrap{margin-top:auto}}@media screen and (max-width:768px){.p-article__recipe-product-wrap{margin-top:20px}}.p-article__recipe-tag{color:#d7a033}.p-article__recipe-tags{display:flex;flex-wrap:wrap;gap:5px 20px}.p-article__recipe-time{display:flex;gap:5px;align-items:center}.p-article__recipe-title{font-family:Zen Kaku Gothic Antique,Yu Gothic,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af  Medium,sans-serif;color:#d7a033}@media screen and (min-width:769px){.p-article__recipe-title{font-size:32px}}@media screen and (max-width:768px){.p-article__recipe-title{font-size:24px}}.p-article__recipe-wrap{padding-right:20px;padding-left:20px}.p-article__tag{padding:8px 20px;font-weight:700;color:#fff;background-color:rgb(var(--color-subtext));border-radius:20px}.p-article__tag-list{display:flex;flex-wrap:wrap;gap:5px 20px;align-items:center}.p-article__title{line-height:1.6}@media screen and (min-width:641px){.p-article__title{font-size:32px}}@media screen and (max-width:640px){.p-article__title{font-size:24px}}.p-article__wrap{padding:0 20px}.p-article__pager{display:flex;gap:24px;align-items:center;justify-content:space-between}@media screen and (min-width:641px){.p-article__pager{padding:60px 0 100px}}@media screen and (max-width:640px){.p-article__pager{padding:40px 0 60px}}.p-article__pager-link{position:relative;font-weight:700;color:inherit;text-decoration:none;transition:opacity .3s}.p-article__pager-link:hover{opacity:.7}.p-article__pager-link--back{color:#fff;text-decoration:none;background-color:rgb(var(--color-button));border-radius:50px}.p-article__pager-link--back:after{position:absolute;top:50%;width:8px;height:8px;content:"";border-top:2px solid rgb(var(--color-primary));border-right:2px solid rgb(var(--color-primary));transform:translateY(-50%) rotate(45deg)}@media screen and (min-width:641px){.p-article__pager-link--back{padding:20px 60px}.p-article__pager-link--back:after{right:20px}}@media screen and (max-width:640px){.p-article__pager-link--back{padding:10px 30px}.p-article__pager-link--back:after{right:10px}}.p-article__pager-link--prev:before{position:absolute;top:50%;left:0;width:8px;height:8px;content:"";border-top:2px solid rgb(var(--color-primary));border-left:2px solid rgb(var(--color-primary));transform:translateY(-50%) rotate(-45deg)}@media screen and (min-width:641px){.p-article__pager-link--prev{padding-left:20px}}@media screen and (max-width:640px){.p-article__pager-link--prev{padding-left:12px}}.p-article__pager-link--next:before{position:absolute;top:50%;right:0;width:8px;height:8px;content:"";border-top:2px solid rgb(var(--color-primary));border-right:2px solid rgb(var(--color-primary));transform:translateY(-50%) rotate(45deg)}@media screen and (min-width:641px){.p-article__pager-link--next{padding-right:20px}}@media screen and (max-width:640px){.p-article__pager-link--next{padding-right:12px}}.p-article__pager-link--disabled{pointer-events:none;opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sf-article.css.map */