﻿.l-page-body a{color:#000}.l-base{margin-top:20px}@media(width <= 768px){.l-base{padding-top:0;margin-top:0}}.recipe-head__title{margin:0;text-align:center}@media(width <= 768px){.recipe-head__title{position:relative;left:50%;width:min(100% + 10.66vw,100% + 40px);text-align:center;transform:translateX(-50%)}}.recipe-head__toc{margin:35px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media(width <= 768px){.recipe-head__toc{margin-top:25px;padding-inline:10px;display:grid;grid-template-columns:minmax(0, 1fr);gap:10px}}.recipe-head__toc__item{flex-basis:calc((100% - 40px)/3)}.recipe-head__toc__item>a{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:10px 10px 7px;text-align:center;font-size:22px;font-weight:bold;text-decoration:none;line-height:1.3;background:#de6014;color:#fff;border-radius:5px;transition:all .3s;transition:opacity .3s;opacity:1}@media(any-hover: hover){.recipe-head__toc__item>a:hover{opacity:.5}}@media(width <= 768px){.recipe-head__toc__item>a{min-height:50px;padding:5px 25px;font-size:min(17px,4.5333333333vw);font-weight:normal;border-radius:4px}}.recipe-head__toc__item>a>span{font-size:.7272727273em}.recipe-head__toc__item>a::after{content:"";display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-top:-8px;transition:all .3s}@media(width <= 768px){.recipe-head__toc__item>a::after{right:10px;width:8px;height:8px;margin-top:-6px}}.recipe-section{max-width:1000px;margin:100px auto 0}@media(width <= 768px){.recipe-section{margin:60px auto 0}}.recipe-section__heading{margin:0;font-size:35px;font-family:"游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif;line-height:1.3;text-align:center;color:#de6014}@media(width <= 768px){.recipe-section__heading{font-size:min(25px,6.6666666667vw)}}.recipe-section__heading>span{font-size:1.3714285714em}@media(width <= 768px){.recipe-section__heading>span{font-size:1.4em}}.recipe-section__movie{text-align:center;margin:40px 0 0;text-align:center}@media(width <= 768px){.recipe-section__movie{position:relative;margin:20px 0 0;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}}.recipe-section__movie>iframe{width:640px;height:360px}@media(width <= 768px){.recipe-section__movie>iframe{position:absolute;top:0;left:0;width:100%;height:100%}}.recipe-comment{margin:15px 0 0;padding:25px;background:#ffe6d3}@media(width <= 768px){.recipe-comment{margin:10px 0 0;padding:15px 10px}}.recipe-comment__text{margin:auto;font-weight:bold;font-size:18px;text-align:center;color:#de6014}@media(width <= 768px){.recipe-comment__text{font-size:min(14px,3.7333333333vw)}}.recipe-comment__text--slash{width:fit-content;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}.recipe-comment__text--slash>span{flex:1}.recipe-comment__text--slash::before,.recipe-comment__text--slash::after{display:inline-block}.recipe-comment__text--slash::before{content:"＼"}.recipe-comment__text--slash::after{content:"／"}.recipe-comment__ingredients{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}@media(width <= 768px){.recipe-comment__ingredients{margin:15px 0 0;display:grid;grid-template-columns:repeat(2, 1fr);gap:3px}}.recipe-comment__ingredients__item{flex-basis:calc((100% - 30px)/4);padding:5px 5px 4px;background:#fff;font-size:18px;text-align:center;color:#de6014;font-weight:bold}@media(width <= 768px){.recipe-comment__ingredients__item{padding:2px;font-size:min(14px,3.7333333333vw)}}.recipe-links{margin:30px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:13px}@media(width <= 768px){.recipe-links{margin:20px 0 0;grid-template-columns:repeat(2, minmax(0, 1fr));gap:15px 8px}}.recipe-links+.recipe-links{margin-top:20px}.recipe-links--large{grid-template-columns:repeat(2, minmax(0, 1fr));gap:15px}@media(width <= 768px){.recipe-links--large{grid-template-columns:minmax(0, 1fr);gap:20px}}.recipe-links__item{position:relative}.recipe-links__item>a{display:block;text-decoration:none;transition:opacity .3s;opacity:1}@media(any-hover: hover){.recipe-links__item>a:hover{opacity:.5}}.recipe-links__item__image{position:relative;text-align:center}@media(width <= 768px){.recipe-links__item__image>img{width:100%;height:auto}}.recipe-links__item__movie-icon{position:absolute;top:10px;left:10px;width:120px;height:120px}.recipe-links__item__time{position:absolute;z-index:2;right:5px;bottom:5px;padding:.4em 1.5em;background:#fff;line-height:1.3;border-radius:3px;font-size:12px}@media(width <= 768px){.recipe-links__item__time{padding:.3em .8em;font-size:10px}}.recipe-links--large .recipe-links__item__time{right:10px;bottom:10px;font-size:16px}@media(width <= 768px){.recipe-links--large .recipe-links__item__time{font-size:13px}}.recipe-links__item__time__label::before{content:"";display:inline-block;background:url(../img/icon_time.png) no-repeat 0 0/contain;width:15px;height:15px;vertical-align:-0.2em;margin-right:.1em}@media(width <= 768px){.recipe-links__item__time__label::before{width:12px;height:12px}}.recipe-links--large .recipe-links__item__time__label::before{width:20px;height:20px}@media(width <= 768px){.recipe-links--large .recipe-links__item__time__label::before{width:16px;height:16px}}.recipe-links__item__time__number{font-weight:bold;font-size:16px}@media(width <= 768px){.recipe-links__item__time__number{font-size:14px}}.recipe-links__item__time__number>span{font-size:.75em}.recipe-links--large .recipe-links__item__time__number{font-size:22px}@media(width <= 768px){.recipe-links--large .recipe-links__item__time__number{font-size:18px}}.recipe-links__item__inner{display:flex;gap:20px;margin-top:10px}.recipe-links__item__inner>.recipe-links__item__name{margin-top:0}.recipe-links__item__tag{position:absolute;inset:10px 0 0 10px;width:fit-content;height:fit-content;font-size:1.35em;font-weight:600;letter-spacing:.06em;color:#fff;padding:.1em 1.5em;background-color:#de6014;clip-path:polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%, 10% 50%)}@media(width <= 768px){.recipe-links__item__tag{font-size:1.125em}}.recipe-links__item__name{position:relative;width:fit-content;margin:10px 0 0;padding:0 10px 0 0;text-decoration:underline;line-height:1.4}@media(width <= 768px){.recipe-links__item__name{margin:7px 0 0;padding:0 12px 0 0;font-size:14px}}.recipe-links--large .recipe-links__item__name{font-size:22px;padding-right:15px}@media(width <= 768px){.recipe-links--large .recipe-links__item__name{font-size:18px;padding-right:14px}}.recipe-links__item__name::after{content:"";display:block;position:absolute;top:50%;right:0;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);margin-top:-3px}@media(width <= 768px){.recipe-links__item__name::after{right:2px}}.recipe-links--large .recipe-links__item__name::after{width:10px;height:10px;border-top-width:2px;border-right-width:2px;margin-top:-6px}@media(width <= 768px){.recipe-links--large .recipe-links__item__name::after{width:8px;height:8px;margin-top:-4px}}.recipe-other{max-width:1000px;margin:70px auto 0;padding:40px;background:#f9f2e8}@media(width <= 768px){.recipe-other{margin:50px auto 0;padding:20px 10px}}.recipe-other__heading{margin:0;font-family:"游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif;font-size:25px;line-height:1.6;text-align:center}@media(width <= 768px){.recipe-other__heading{font-size:min(18px,4.8vw);line-height:1.5}}.recipe-other__list{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(width <= 768px){.recipe-other__list{display:grid;grid-template-columns:repeat(2, 1fr)}}@media(width <= 768px){.recipe-other__list__item:nth-child(2){display:none}}@media(width <= 768px){.recipe-other__list__item>img{width:100%;height:auto}}.recipe-other__button{margin:20px 0 0;text-align:center}.recipe-other__button>a{position:relative;display:inline-block;min-width:360px;max-width:100%;padding:10px;background:#fff;border:1px solid #000;border-radius:5px;font-size:22px;text-align:center;text-decoration:none;line-height:1.6;transition:opacity .3s;opacity:1}@media(any-hover: hover){.recipe-other__button>a:hover{opacity:.5}}@media(width <= 768px){.recipe-other__button>a{display:block;min-width:0;border-radius:3px;font-size:17px}}.recipe-other__button>a::after{content:"";display:inline-block;width:10px;height:10px;margin-left:15px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);vertical-align:.15em}@media(width <= 768px){.recipe-other__button>a::after{display:block;position:absolute;top:50%;right:13px;width:8px;height:8px;margin-top:-5px}}@media not (width <= 768px){.recipe-sp-only{display:none}}
