@charset "UTF-8";
/* ============================================================
   きのこで菌活レシピ（TOP・検索結果）
   読み込み: templates/kinokorecipe-top.php / kinokorecipe-search.php
   ============================================================ */

/* ------------------------------------------------------------
   ページ内の基本スタイル
   モックの reset（normalize + 全体の reset）はサイト全体に効いてしまうため入れず、
   部品が前提にしている分だけを .kr-page の中に限定して当てる。
   :where() で詳細度を 0 にし、部品側のクラス指定が必ず勝つようにしている。
   ------------------------------------------------------------ */
:where(.kr-page){color:#484848;line-height:1.6}
:where(.kr-page) *,:where(.kr-page) :after,:where(.kr-page) :before{box-sizing:border-box}
:where(.kr-page) :is(p,ul,ol,li,dl,dt,dd,figure,form,fieldset,h1,h2,h3,h4,h5,h6){margin:0;padding:0}
:where(.kr-page) li{list-style:none}
:where(.kr-page) a{color:#484848;text-decoration:none}
:where(.kr-page) img{border-style:none;line-height:1;vertical-align:top}
:where(.kr-page) :is(button,input){font:inherit;margin:0}
:where(.kr-page) button{cursor:pointer}

/* ------------------------------------------------------------
   Swiper 11.2.10（core / navigation / pagination）
   (c) Vladimir Kharlampidi, MIT License, https://swiperjs.com
   サイト共通の style.css にも Swiper 6 系のスタイルがあるが、このファイルが後に読み込まれるため上書きされる
   ------------------------------------------------------------ */
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}

/* ------------------------------------------------------------
   モックの部品（kinokolabo-recipepage-2026-private の dist/assets/css/main.css から、レシピページで使うものだけを抽出）
   ・rem は px に換算（モックは html{font-size:62.5%} 前提、サイトは 16px のため）
   ・画像は images/kinokorecipe/ に置く
   ・モックの reset / header / footer / modal / Swiper 本体は含めない
   ・SP で 9件目以降を隠す指定は含めない（件数はサーバー側で PC 20件 / SP 8件に切り替えるため）
   ------------------------------------------------------------ */
.c-contents{align-items:center;background-color:#f9f7f4;display:flex;flex-direction:column;padding:64px 20px}
@media (max-width:750px){.c-contents{padding:56px 20px}}
.c-contents__inner{max-width:1140px;width:100%}
.c-contents__title{column-gap:10px;display:flex;font-size:26px;justify-content:center;line-height:1.2;position:relative}
.c-contents__title:after,.c-contents__title:before{background:url(../images/top/bg_dot-line.svg) 50%/contain repeat-x;content:"";display:block;height:2px;position:absolute;top:13px;width:calc(50% - 124px)}
.c-contents__title:before{left:0}
.c-contents__title:after{right:0}
@media (max-width:750px){.c-contents__title{line-height:1.2}.c-contents__title:after,.c-contents__title:before{top:7px;width:calc(50% - 90px)}}
.c-contents__title-text{align-items:center;column-gap:10px;display:flex;font-family:"FOT-筑紫A丸ゴシック Std B","游ゴシック体","Yu Gothic Medium","Yu Gothic","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";justify-content:center}
.c-contents__title-text:before{background:url(../images/kinokorecipe/icon_kinoko04.svg) 50%/cover no-repeat;content:"";display:block;height:26px;width:22px}
@media (max-width:750px){.c-contents__title-text{font-size:18px}.c-contents__title-text:before{height:20px;width:20px}}
.c-contents__list{display:flex;flex-wrap:wrap;gap:20px 10px;justify-content:center;margin-top:30px}
@media (max-width:750px){.c-contents__list{gap:10px;margin-top:20px}}
.c-contents__item{width:220px;z-index:1}
@media (max-width:750px){.c-contents__item{width:calc(50% - 5px)}}
.c-contents__link{background:#fff;border-radius:12px;display:block;padding:10px}
.c-contents__figure{aspect-ratio:205/138;background:#fff;border-radius:10px;display:block;overflow:hidden;position:relative;width:100%}
.c-contents__picture img{width:100%}
.c-contents__item-title{font-family:"FOT-筑紫A丸ゴシック Std B","游ゴシック体","Yu Gothic Medium","Yu Gothic","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";font-size:14px;font-weight:700;line-height:21px;margin-top:5px}
@media (max-width:880px){.c-contents__item-title{height:42px}}
.c-heading-lv2{background-image:linear-gradient(90deg,#484848 60%,#0000 0);background-position:bottom;background-repeat:repeat-x;background-size:12px 2px;color:#484848;font-size:34px;font-weight:700;line-height:1.2;padding-bottom:16px;text-align:left}
@media (max-width:640px){.c-heading-lv2{font-size:24px;padding-bottom:10px}}
.c-heading-lv3{color:#484848;font-size:30px;font-weight:700;line-height:1.2}
@media (max-width:640px){.c-heading-lv3{font-size:20px}}
.c-tag{border-radius:9999px;color:#484848;display:inline-block;font-size:13px;line-height:1;padding:6px 16px;text-decoration:none}
@media (min-width:961px){.c-tag{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.c-tag{transition-duration:.01ms}}
@media (min-width:961px){.c-tag:hover{opacity:.7}}
.c-tag--large{font-size:clamp(14px,.8vw + 8.88px,18px);font-weight:700;padding:6px 10px}
.c-tag--small{font-size:12px;padding:4px 12px}
.c-tag--ingredient{background-color:#ddeee1;color:#1c8720}
.c-tag--health{background-color:#fae8de;color:#c2561d}
.c-tag--other{background-color:#dcedee;color:#1b7e83}
.c-search-card{background-color:#fff;border:1px solid #e6e6e6;border-radius:10px;display:flex;flex-direction:column;margin:20px auto 0;max-width:1140px;padding:clamp(24px,3.2vw + 3.52px,40px) clamp(20px,7.2vw - 26.08px,56px);row-gap:32px;width:100%}
@media (max-width:640px){.c-search-card{row-gap:18px}}
.c-search-card--small{max-width:100%;padding:16px 20px}
.c-search-card__form{align-items:center;column-gap:32px;display:flex;justify-content:space-between}
@media (max-width:640px){.c-search-card__form{align-items:flex-start;flex-direction:column;row-gap:10px}}
.c-search-card__label{color:#484848;flex-shrink:0;font-size:clamp(16px,.8vw + 10.88px,20px);font-weight:700;min-width:200px}
@media (max-width:640px){.c-search-card__label{line-height:1.4}}
.c-search-card__divider{background-image:linear-gradient(90deg,#e6e6e6 60%,#0000 0);background-position:top;background-repeat:repeat-x;background-size:12px 2px;height:2px;width:100%}
.c-search-card__tags{align-items:flex-start;column-gap:32px;display:flex;justify-content:space-between}
@media (max-width:640px){.c-search-card__tags{flex-direction:column;row-gap:10px}}
.c-search-card__tag-list{align-items:center;display:flex;flex-wrap:wrap;gap:12px 8px;list-style:none;margin:0;padding:0;width:682px}
@media (max-width:640px){.c-search-card__tag-list{gap:8px 4px;width:100%}}
.c-search-input-group{align-items:center;column-gap:16px;display:flex;width:682px}
@media (max-width:640px){.c-search-input-group{column-gap:8px;width:100%}}
.c-input-field{background-color:#fff;border:1px solid #b3b3b3;border-radius:9999px;flex:1 1;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:16px;line-height:1;padding:9px 32px}
@media (max-width:640px){.c-input-field{padding:9px 16px}}
.c-input-field::placeholder{color:#b3b3b3}
.c-input-field:focus{border-color:#603813;outline:none}
.c-submit-button{align-items:center;background-color:#f3e3be;border:none;border-radius:9999px;color:#603813;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}
.c-submit-button:before{background-color:currentcolor;content:"";display:inline-block;height:20px;-webkit-mask-image:url(../images/kinokorecipe/icon_search.svg);mask-image:url(../images/kinokorecipe/icon_search.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px}
@media (min-width:961px){.c-submit-button{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.c-submit-button{transition-duration:.01ms}}
@media (min-width:961px){.c-submit-button:hover{background-color:#603813;color:#f3e3be}.c-submit-button:hover:before{background-color:initial;background-image:url(../images/kinokorecipe/icon_search_light.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-mask-image:none;mask-image:none}}
.c-recipe-card{background-color:#fff;border:1px solid #e6e6e6;border-radius:10px;color:#484848;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none}
@media (min-width:961px){.c-recipe-card{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.c-recipe-card{transition-duration:.01ms}}
@media (min-width:961px){.c-recipe-card:hover{opacity:.8}}
.c-recipe-card__figure{aspect-ratio:3/2;background-color:#ebe7de;position:relative}
.c-recipe-card__image{aspect-ratio:271/181;height:100%;object-fit:cover;width:100%}
.c-recipe-card__body{display:flex;flex:1 0;flex-direction:column;justify-content:space-between;padding:14px 18px;row-gap:8px}
@media (max-width:640px){.c-recipe-card__body{padding:10px}}
.c-recipe-card__title{font-size:16px;font-weight:700;line-height:1.4}
@media (max-width:640px){.c-recipe-card__title{font-size:14px}}
.c-featured-recipe-card{background-color:#fff;background-image:repeating-linear-gradient(90deg,#f2f0ed 0,#f2f0ed .5px,#0000 0,#0000 19px),repeating-linear-gradient(180deg,#f2f0ed 0,#f2f0ed .5px,#0000 0,#0000 19px);border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 4px 7.5px #9f8b6b26;color:#484848;display:flex;flex-direction:column;height:100%;max-height:400px;padding-bottom:16px;row-gap:10px;text-decoration:none}
@media (min-width:961px){.c-featured-recipe-card{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.c-featured-recipe-card{transition-duration:.01ms}}
@media (min-width:961px){.c-featured-recipe-card:hover{opacity:.8}}
.c-featured-recipe-card__figure{background-color:#ebe7de;border-radius:10px;height:220px;overflow:hidden;position:relative;width:100%}
.c-featured-recipe-card__figure .c-time,.c-recipe-card__figure .c-time{background-color:#ffffffb3;border-radius:0 10px 0 0;bottom:0;left:0;margin-right:0;padding:4px 8px;position:absolute}
@media (max-width:640px){.c-recipe-card__figure .c-time{font-size:10px;padding:2px 8px}.c-recipe-card__figure .c-time .c-icon-time{height:14px;width:14px}}
.c-featured-recipe-card__perforation{background-image:url(../images/kinokorecipe/card_hole.png);background-position:50%;background-repeat:no-repeat;background-size:auto 42px;flex-shrink:0;height:42px;width:100%}
@media (max-width:640px){.c-featured-recipe-card__perforation{background-image:url(../images/kinokorecipe/card_hole_sp.png)}}
.c-featured-recipe-card__body{display:flex;flex:1 0;flex-direction:column;padding:0 10px;row-gap:16px}
@media (max-width:640px){.c-featured-recipe-card__body{row-gap:10px}}
.c-featured-recipe-card__media{display:flex;flex:1 0;flex-direction:column;row-gap:10px}
.c-featured-recipe-card__image{height:100%;object-fit:cover;width:100%}
.c-featured-recipe-card__title{-webkit-box-orient:vertical;display:-webkit-box;font-size:20px;font-weight:700;-webkit-line-clamp:2;line-height:1.4;overflow:hidden;padding:0 6px}
@media (max-width:640px){.c-featured-recipe-card__title{font-size:18px}}
.c-time{align-items:center;color:#603813;column-gap:2px;display:inline-flex;font-size:12px;margin-right:8px}
.c-time__text{line-height:1.4}
.c-icon-time{background-image:url(../images/kinokorecipe/icon_time.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;width:16px}
.c-link{color:#a02223;display:inline-block;font-size:13px;margin-top:8px;text-decoration:underline}
.c-pagination{column-gap:16px;display:flex;justify-content:center;margin-top:40px;padding:16px}
.c-pagination:empty{display:none}
.c-pagination-button{align-items:center;border-radius:9999px;color:#484848;display:inline-flex;font-size:14px;height:36px;justify-content:center;text-decoration:none;width:36px}
@media (min-width:961px){.c-pagination-button{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.c-pagination-button{transition-duration:.01ms}}
@media (min-width:961px){.c-pagination-button:hover{opacity:.7}}
.c-pagination-button.is-active{background-color:#603813;color:#fff}
.c-pagination-button--next:after,.c-pagination-button--prev:after{background-color:currentcolor;content:"";display:block;height:14px;-webkit-mask-image:url(../images/kinokorecipe/icon_pagination_arrow.svg);mask-image:url(../images/kinokorecipe/icon_pagination_arrow.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:14px}
.c-pagination-button--prev:after{transform:scaleX(-1)}
.c-carousel{--swiper-navigation-size:36px;--swiper-navigation-sides-offset:0px;--swiper-navigation-top-offset: calc(50% - 40px) ;--swiper-pagination-bullet-size:10px;--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-inactive-color:#ccc;--swiper-pagination-bullet-inactive-opacity:1;position:relative}
@media (max-width:640px){.c-carousel{--swiper-pagination-bullet-size:8px}}
.c-carousel .swiper-slide{height:auto}
.c-carousel .swiper-button-next,.c-carousel .swiper-button-prev{background-color:#603813;border-radius:9999px;width:36px}
.c-carousel .swiper-button-next:after,.c-carousel .swiper-button-prev:after{background-image:url(../images/kinokorecipe/icon_carousel_arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:6px 11px;content:"";display:block;height:100%;width:100%}
.c-carousel .swiper-button-prev:after{transform:scaleX(-1)}
.c-carousel .swiper-button-disabled{background-color:#ccc;opacity:1}
.c-carousel .swiper-pagination-bullet-active{background-color:#603813}
@media (min-width:961px){.c-carousel .swiper-pagination-bullet{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.c-carousel .swiper-pagination-bullet{transition-duration:.01ms}}
@media (min-width:961px){.c-carousel .swiper-pagination-bullet:hover{opacity:.7}}
.p-kinokorecipe-mv{align-items:center;background-color:#f7ecd1;display:flex;font-family:FOT-筑紫A丸ゴシック Std B,游ゴシック体,Yu Gothic Medium,Yu Gothic,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;height:651px;justify-content:center;margin-top:calc(var(--l-header-height)*-1);overflow:hidden;position:relative}
@media (max-width:640px){.p-kinokorecipe-mv{height:607px}}
.p-kinokorecipe-mv__inner{align-items:center;display:flex;justify-content:space-between;margin-inline:20px;max-width:1140px;transform:translateY(-23px);width:calc(100% - 40px)}
@media (max-width:640px){.p-kinokorecipe-mv__inner{flex-direction:column;margin-inline:13px;row-gap:16px;transform:translateY(3px)}}
.p-kinokorecipe-mv__text{flex-shrink:1;min-width:0;text-align:center;transform:translateY(-16px);width:611px}
@media (max-width:640px){.p-kinokorecipe-mv__text{order:1;width:auto}}
.p-kinokorecipe-mv__title{margin:0}
.p-kinokorecipe-mv__title img{max-width:100%;width:100%}
@media (max-width:640px){.p-kinokorecipe-mv__title img{width:361px}}
.p-kinokorecipe-mv__lead-group{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:clamp(14px,5.2vw - 19.28px,40px)}
@media (max-width:640px){.p-kinokorecipe-mv__lead-group{gap:2px}}
.p-kinokorecipe-mv__lead{color:#603813;display:inline-block;font-size:clamp(15px,1.8vw + 3.48px,24px);font-weight:700;letter-spacing:.96px;line-height:1;position:relative}
@media (max-width:640px){.p-kinokorecipe-mv__lead{letter-spacing:.3px;line-height:1.6}}
@media (max-width:374px){.p-kinokorecipe-mv__lead{font-size:14px}}
.p-kinokorecipe-mv__lead:after{background-image:radial-gradient(circle,#dec7a3 2.5px,#0000 0);background-repeat:repeat-x;background-size:20px 5px;content:"";display:block;height:5px;margin-top:5px;width:100%}
@media (max-width:640px){.p-kinokorecipe-mv__lead:after{background-image:radial-gradient(circle,#dec7a3 1.5px,#0000 0);background-size:15px 3px;height:3px;margin-top:0}}
.p-kinokorecipe-mv__photo{flex-shrink:1;min-width:0;transform:translate(24px);width:504px}
@media (max-width:640px){.p-kinokorecipe-mv__photo{order:2;transform:translate(11px,-15px);width:auto}}
.p-kinokorecipe-mv__photo-image{max-width:100%;width:100%}
@media (max-width:640px){.p-kinokorecipe-mv__photo-image{width:372px}}
.p-kinokorecipe-mv__illust{display:none;pointer-events:none}
@media (max-width:640px){.p-kinokorecipe-mv__illust{display:block;left:0;opacity:1;position:absolute;top:0;width:100%}}
.p-kinokorecipe-mv__illust-pc{bottom:0;left:0;pointer-events:none;position:absolute;right:0}
.p-kinokorecipe-mv__illust-pc:after,.p-kinokorecipe-mv__illust-pc:before{background-position:bottom;background-repeat:no-repeat;bottom:0;content:"";position:absolute}
.p-kinokorecipe-mv__illust-pc:before{background-image:url(../images/kinokorecipe/mv_bg_illust_left.png);background-position:0 100%;background-size:contain;height:565px;left:0;width:235px}
.p-kinokorecipe-mv__illust-pc:after{background-image:url(../images/kinokorecipe/mv_bg_illust_right.png);background-position:100% 100%;background-size:contain;height:565px;right:0;width:235px}
@media (max-width:640px){.p-kinokorecipe-mv__illust-pc{display:none}}
.p-kinokorecipe-mv__bg{background-image:url(../images/kinokorecipe/mv_bg_texture.png);background-position:50%;background-size:cover;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;position:absolute;z-index:0}
.p-kinokorecipe-search{font-family:FOT-筑紫A丸ゴシック Std B,游ゴシック体,Yu Gothic Medium,Yu Gothic,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;margin-top:-198px;padding-inline:20px;position:relative;z-index:2}
@media (max-width:640px){.p-kinokorecipe-search{margin-top:-140px}}
.p-kinokorecipe-recommends{align-items:center;background-color:#f9f7f4;display:flex;flex-direction:column;font-family:FOT-筑紫A丸ゴシック Std B,游ゴシック体,Yu Gothic Medium,Yu Gothic,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;margin-top:-100px;padding:164px 20px 64px}
@media (max-width:640px){.p-kinokorecipe-recommends{margin-top:-171px;padding:227px 20px 56px}}
.p-kinokorecipe-recommends__inner{max-width:1140px;width:100%}
.p-kinokorecipe-recommends__heading-text{display:inline-flex;position:relative}
.p-kinokorecipe-recommends__sunburst{height:41px;left:100%;position:absolute;top:-27px;width:42px}
@media (max-width:640px){.p-kinokorecipe-recommends__sunburst{height:30px;top:-18px;width:30px}}
.p-kinokorecipe-recommends__footer{display:flex;justify-content:flex-end}
.p-kinokorecipe-recommends__link{align-items:center;color:#603813;column-gap:4px;display:inline-flex;font-size:16px;font-weight:700}
@media (max-width:640px){.p-kinokorecipe-recommends__link{line-height:1}}
@media (min-width:961px){.p-kinokorecipe-recommends__link{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.p-kinokorecipe-recommends__link{transition-duration:.01ms}}
@media (min-width:961px){.p-kinokorecipe-recommends__link:hover{opacity:.7}}
.p-kinokorecipe-recommends__link-icon{align-items:center;background-color:#603813;border-radius:9999px;display:inline-flex;height:20px;justify-content:center;width:20px}
.p-kinokorecipe-recommends__link-icon img{width:8px}
.p-kinokorecipe-recommends__carousel{margin-top:32px;padding-bottom:24px}
@media (min-width:961px){.p-kinokorecipe-recommends__carousel{margin-top:40px}}
@media (max-width:640px){.p-kinokorecipe-recommends__carousel{padding-bottom:16px}}
.p-kinokorecipe-recommends__carousel .swiper{margin:0 auto;width:100%}
.p-kinokorecipe-recommends__carousel .swiper-slide{width:320px}
.p-kinokorecipe-recommends__carousel .swiper-button-next,.p-kinokorecipe-recommends__carousel .swiper-button-prev{background-color:initial;color:#484848;display:flex;height:24px;position:static;transform:translateY(10px);width:24px}
.p-kinokorecipe-recommends__carousel .swiper-button-next:after,.p-kinokorecipe-recommends__carousel .swiper-button-prev:after{background-color:currentcolor;background-image:none;height:14px;-webkit-mask-image:url(../images/kinokorecipe/icon_pagination_arrow.svg);mask-image:url(../images/kinokorecipe/icon_pagination_arrow.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:14px}
@media (min-width:961px){.p-kinokorecipe-recommends__carousel .swiper-button-next,.p-kinokorecipe-recommends__carousel .swiper-button-prev{transition:all .3s cubic-bezier(.23,1,.32,1)}}
@media (min-width:961px) and (prefers-reduced-motion:reduce){.p-kinokorecipe-recommends__carousel .swiper-button-next,.p-kinokorecipe-recommends__carousel .swiper-button-prev{transition-duration:.01ms}}
@media (min-width:961px){.p-kinokorecipe-recommends__carousel .swiper-button-next:hover,.p-kinokorecipe-recommends__carousel .swiper-button-prev:hover{opacity:.7}}
.p-kinokorecipe-recommends__carousel .swiper-wrapper{margin-bottom:16px}
.p-kinokorecipe-recommends__carousel .p-kinokorecipe-recommends__carousel-controls{align-items:center;column-gap:8px;display:flex;justify-content:center}
.p-kinokorecipe-recommends__carousel .swiper-pagination{bottom:auto;left:auto;position:static;width:auto}
.p-kinokorecipe-recipes{align-items:center;background-color:#f0ebe1;display:flex;flex-direction:column;font-family:FOT-筑紫A丸ゴシック Std B,游ゴシック体,Yu Gothic Medium,Yu Gothic,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;padding:64px 20px}
@media (max-width:640px){.p-kinokorecipe-recipes{padding:56px 20px}}
.p-kinokorecipe-recipes__inner{max-width:1140px;width:100%}
.p-kinokorecipe-recipes__list{display:grid;gap:16px;grid-gap:16px;grid-template-columns:repeat(4,1fr);list-style:none;margin:40px 0 0;padding:0}
@media (min-width:641px) and (max-width:999px){.p-kinokorecipe-recipes__list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.p-kinokorecipe-recipes__list{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:32px}}
.p-recipe-search-search{background-color:#f9f7f4}
.p-recipe-search-search{font-family:FOT-筑紫A丸ゴシック Std B,游ゴシック体,Yu Gothic Medium,Yu Gothic,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;padding:36px 20px 0}
@media (max-width:640px){.p-recipe-search-search{padding:20px 20px 0}}
.p-recipe-search-recipes{align-items:center;background-color:#f9f7f4;display:flex;flex-direction:column;font-family:FOT-筑紫A丸ゴシック Std B,游ゴシック体,Yu Gothic Medium,Yu Gothic,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;padding:64px 20px}
@media (max-width:640px){.p-recipe-search-recipes{padding:56px 20px}}
.p-recipe-search-recipes__inner{max-width:1140px;width:100%}
.p-recipe-search-recipes__list{display:grid;gap:16px;grid-gap:16px;grid-template-columns:repeat(4,1fr);list-style:none;margin:40px 0 0;padding:0}
@media (min-width:641px) and (max-width:999px){.p-recipe-search-recipes__list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.p-recipe-search-recipes__list{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:32px}}

/* ------------------------------------------------------------
   テーマ側で追加した指定
   ------------------------------------------------------------ */
/* 検索結果の件数（「1,731レシピ　全87ページ中1ページ目を表示」）。デザイン未指定のため仮のスタイル */
.p-recipe-search-recipes__count{align-items:baseline;color:#484848;column-gap:16px;display:flex;flex-wrap:wrap;font-size:16px;margin-top:16px}
.p-recipe-search-recipes__total em{color:#603813;font-size:24px;font-style:normal;font-weight:700;margin-right:2px}
.p-recipe-search-recipes__page span{font-weight:700;margin:0 2px}
@media (max-width:640px){.p-recipe-search-recipes__count{font-size:12px;margin-top:10px}.p-recipe-search-recipes__total em{font-size:18px}}
.p-recipe-search-recipes__display{align-items:center;column-gap:8px;display:flex;margin-left:auto}
.p-recipe-search-recipes__display dd a{border:1px solid #e6e6e6;border-radius:9999px;display:inline-block;line-height:1;padding:4px 12px}
.p-recipe-search-recipes__display dd.is-active a{background-color:#603813;border-color:#603813;color:#fff}
@media (max-width:640px){.p-recipe-search-recipes__display{margin-left:0;margin-top:8px;width:100%}.p-recipe-search-recipes__display dd a{padding:2px 8px}}

/*
 * メインビジュアルの背景をヘッダーの裏まで伸ばす（デザイン指定）
 * 共通ヘッダー（common.css）は触らず、メインビジュアルがあるページだけ
 *   ・ヘッダーの背景を透明にする
 *   ・ヘッダーの高さ（--l-header-height）を定義し、メインビジュアルをその分だけ上に引き上げる
 * 高さは common.css の .l-header / .l-header__wrap と同じ値（padding + wrap の高さ）。ヘッダーの寸法を変えたらここも直す。
 * :has() 非対応の古いブラウザでは両方とも効かず、ヘッダーの下からメインビジュアルが始まる（崩れはしない）。
 */
body:has(.p-kinokorecipe-mv){--l-header-height:120px}
@media screen and (max-width:1023px){body:has(.p-kinokorecipe-mv){--l-header-height:calc(40px + min(13.3333333333vw, 80px))}}
@media screen and (max-width:750px){body:has(.p-kinokorecipe-mv){--l-header-height:18.6666666667vw}}
body:has(.p-kinokorecipe-mv) .l-header{background:transparent}

/* ------------------------------------------------------------
   仮スタイル（まだモックの DOM を入れていない部分。差し替え後に削除する）
   ------------------------------------------------------------ */
.kr-recipe-empty{padding:40px 0;font-size:16px;text-align:center}