@charset "UTF-8";
.wpRecipeVariation{padding:12px 0 56px}
.wpRecipeVariation .elCarousel{position:relative;width:800px;margin:0 auto}
.wpRecipeVariation .elCarousel .elCarouselList{display:-ms-grid;display:grid;grid-auto-flow:column;grid-auto-columns:620px;-ms-flex-align:stretch;align-items:stretch;gap:16px;padding:0 76px 12px;overflow:hidden}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton{position:absolute;display:block;top:0;width:120px;height:100%;z-index:1;background-color:rgba(255,255,255,.7)}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton .elButtonLink{width:30px;height:88px;border-radius:30px;border:1px solid rgba(0,0,0,.043);background:rgba(255,255,255,.7);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton .elButtonLink::after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elPrev{left:-30px;background:linear-gradient(90deg,#fff4de 40.62px,rgba(255,244,222,0) 90.88px)}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elPrev .elButtonLink{position:relative;display:inline-block;line-height:24px;padding-right:9.36px;padding-right:0;position:absolute;left:-16px}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elPrev .elButtonLink::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:24px;line-height:1;width:9.36px;text-indent:-6.9264px;top:50%;margin-top:-12px;right:0;color:#6f6f6f}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elPrev .elButtonLink::after{width:24px;text-indent:0}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elNext{right:-30px;background:linear-gradient(-90deg,#fff4de 40.23%,rgba(255,244,222,0) 90.75%)}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elNext .elButtonLink{position:relative;display:inline-block;line-height:24px;padding-right:9.36px;padding-right:0;position:absolute;right:-16px}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elNext .elButtonLink::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:24px;line-height:1;width:9.36px;text-indent:-8.2368px;top:50%;margin-top:-12px;right:0;color:#6f6f6f}
.wpRecipeVariation .elCarousel .elCarouselButton .elButton.elNext .elButtonLink::after{width:24px;text-indent:0}
.wpRecipeVariation .elInnerWrap{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:300px minmax(0,1fr);grid-template-columns:300px minmax(0,1fr);-ms-flex-line-pack:start;align-content:start;gap:16px;margin-top:24px;padding:8px 16px 20px;background:#fffceb;border:1px solid rgba(0,0,0,.0431372549);box-shadow:0 0 8px 0 rgba(0,0,0,.1019607843);border-radius:12px}
.wpRecipeVariation .elInnerWrap::before{position:absolute;content:"";top:-28px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:116px;height:52px;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/event/gourmet/certified/2026/07/common/images/img_bg_washiTape_01.png) no-repeat center/contain}
.wpRecipeVariation .elInnerWrap:nth-child(even)::before{background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/event/gourmet/certified/2026/07/common/images/img_bg_washiTape_02.png) no-repeat center/contain}
.wpRecipeVariation .elTitleArea{grid-column:1/-1;display:-ms-flexbox;display:flex;gap:24px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}
.wpRecipeVariation .elTitleArea .elTitleImage{width:auto;height:24px}
.wpRecipeVariation .elUnderLine{text-decoration:underline}
.wpRecipeVariation .elSmallText{font-size:10px;font-weight:400}
.wpRecipeVariation .elYouTubeLink{margin-top:8px;font-size:11px}
.wpRecipeVariation .elYouTubeLink .elLink{color:#0260ea}
.wpRecipeVariation .elYouTubeLink .elLink:hover{opacity:.7}
.wpRecipeVariation .elYouTubeLink .elUnderLine{font-weight:700}
[class^=mdRecipeVariation] .elImage{width:100%;height:auto;background:rgba(0,0,0,0)}
[class^=mdRecipeVariation] [class*=__item]{position:relative}
[class^=mdRecipeVariation] [class*=__item] .elLinesA{margin-top:-7%}
[class^=mdRecipeVariation] [class*=__item] .elLinesB{margin-top:16px}