li,dt,dd{font-size:clamp(.875rem,0.7625rem + 0.48vw,1.0625rem);line-height:1.5}.basic__list{display:grid;grid-template-columns:repeat(auto-fill, minmax(clamp(15rem, 13.5rem + 6.4vw, 17.5rem), 1fr));gap:40px 60px}.basic__name{position:relative;color:#ee372a;border-top:1px solid #ee372a;border-bottom:1px solid #ee372a;font-size:clamp(1.0625rem,0.95rem + 0.48vw,1.25rem);font-weight:bold;text-align:center;padding:clamp(.625rem,0.4375rem + 0.8vw,.9375rem);margin-bottom:clamp(.625rem,0.25rem + 1.6vw,1.25rem)}.basic__name::before,.basic__name::after{content:"";position:absolute;background:#ee372a;width:100%;height:1px;left:0}.basic__name::before{top:3px}.basic__name::after{bottom:3px}.basic__img-area{aspect-ratio:3/2;margin-bottom:20px;overflow:hidden}.basic__img-area img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;transition:.3s}.basic__text{line-height:1.6}.basic__btn{color:#ee372a;font-weight:bold;text-align:center;margin-top:clamp(.3125rem,0.125rem + 0.8vw,.625rem)}.basic__btn span{position:relative;font-size:19px;padding-right:30px}.basic__btn span::after{content:"";position:absolute;display:inline-block;width:10px;height:10px;border-right:2px solid #ee372a;border-bottom:2px solid #ee372a;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:8%;margin-left:15px;-webkit-transition:.3s;transition:.3s}@media(hover: hover){.basic__link:hover img{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(1.1);transform:scale(1.1)}.basic__link:hover .basic__btn span::after{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}.recipe__list{position:relative;padding-bottom:40px}.recipe__list::before{content:"";position:absolute;background:url(../../assets/img/page/basic-osechi/line.png) no-repeat bottom center/contain;width:100%;height:30px;left:0;bottom:0;z-index:-1}.recipe__item+.recipe__item{margin-top:100px}.recipe__main-area{position:relative;display:grid;grid-template:"title" auto "img" auto "material" auto "process" auto/auto;gap:20px 90px;padding:0 0 50px}@media screen and (min-width: 768px){.recipe__main-area{grid-template:"img title" auto "material process" auto/1fr 1fr;padding:0 40px 60px}}.recipe__main-area::before{content:"";position:absolute;background:url(../../assets/img/page/basic-osechi/line.png) no-repeat top center/contain;width:100%;height:30px;top:60px;left:0;z-index:-1}.recipe__item:nth-child(even) .recipe__main-area{grid-template:"title" auto "img" auto "material" auto "process" auto/auto}@media screen and (min-width: 768px){.recipe__item:nth-child(even) .recipe__main-area{grid-template:"title img" auto "material process" auto/1fr 1fr}}.recipe__img-area{grid-area:img}.recipe__title-area{grid-area:title}.recipe__title-area img{display:block;width:70%;margin:0 auto 20px}@media screen and (min-width: 768px){.recipe__title-area img{width:60%}}.recipe__name{position:relative;color:#ee372a;border-top:1px solid #ee372a;border-bottom:1px solid #ee372a;font-size:clamp(1.125rem,0.975rem + 0.64vw,1.375rem);font-weight:bold;text-align:center;padding:clamp(.625rem,0.4375rem + 0.8vw,.9375rem);margin-bottom:clamp(.3125rem,0.125rem + 0.8vw,.625rem)}.recipe__name::before,.recipe__name::after{content:"";position:absolute;background:#ee372a;width:100%;height:1px;left:0}.recipe__name::before{top:5px}.recipe__name::after{bottom:5px}.recipe__intro{margin:0 0 10px 0;padding-left:10px;text-indent:-10px}.recipe__intro span{color:#ee372a}.recipe__lead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;margin-bottom:25px}.recipe__lead::before,.recipe__lead::after{content:"";background:#ee372a;width:100%;height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1}.recipe__lead::before{margin-right:15px}.recipe__lead::after{margin-left:15px}.recipe__preparation{color:#ee372a;font-weight:bold;margin-bottom:clamp(.9375rem,0.375rem + 2.4vw,1.875rem)}.recipe__bold{font-weight:600}.recipe__material{grid-area:material}.recipe__body+.recipe__body{margin-top:30px}.recipe__process{grid-area:process}.recipe ol{counter-reset:number}.recipe .num{counter-increment:number;padding-left:18px;text-indent:-18px;margin-bottom:8px}@media screen and (min-width: 768px){.recipe .num{padding-left:20px;text-indent:-20px}}.recipe .num::before{content:counter(number);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:clamp(1rem,0.925rem + 0.32vw,1.125rem);height:clamp(1rem,0.925rem + 0.32vw,1.125rem);color:#fff;background:#ee372a;border-radius:50%;font-size:12px;text-align:center;text-indent:0;vertical-align:text-top;margin-right:.2rem}.point{position:relative;display:grid;gap:20px 40px;background-image:conic-gradient(#CC1C13 0deg 90deg, #C11A01 90deg 180deg, #CC1C13 180deg 270deg, #C11A01 270deg 360deg);background-size:80px 80px;border-radius:0 0 clamp(1.5625rem,0.25rem + 5.6vw,3.75rem) clamp(1.5625rem,0.25rem + 5.6vw,3.75rem);padding:40px 25px 25px;margin:0}@media screen and (min-width: 768px){.point{grid-template-columns:300px 1fr;padding:50px}}.point__obj{position:absolute;width:80%;top:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 768px){.point__obj{width:350px;top:-35px}}.point__lead{color:#fff;font-size:clamp(1.0625rem,0.95rem + 0.48vw,1.25rem);font-weight:bold;margin-bottom:10px}.point__text{color:#fff;line-height:1.8}/*# sourceMappingURL=page-basic-osechi.css.map */