@charset "UTF-8";:root{--color-base-text: #333333;--color-base-white: #ffffff;--color-base-heading: #dc7907;--color-base-olive: #b2ae35;--color-base-green: #75a046;--color-base-brown: #8e6f33;--color-base-orange: #d3841c;--color-base-bg: #f7f4ed;--color-base-gray: #D5D5D5;--color-text-base: var(--color-base-text);--color-text: var(--color-base-text);--color-white: var(--color-base-white);--color-heading: var(--color-base-heading);--color-key-olive: var(--color-base-olive);--color-key-green: var(--color-base-green);--color-key-brown: var(--color-base-brown);--color-key-orange: var(--color-base-orange);--color-bg: var(--color-base-bg);--color-bg-cream: var(--color-base-bg);--color-bg-light: #faf8f4;--color-primary: var(--color-base-brown);--color-primary-dark: #23291c;--color-primary-light: #d9cfc1;--color-accent: var(--color-base-heading);--color-text-light: #666666;--color-text-muted: #999999;--color-black: #000000;--color-border: #ddd6ca;--color-border-gray: var(--color-base-gray);--color-border-light: #e8e3d8;--color-category-nihoncha: #B2AE35;--color-category-matcha: #75A046;--color-category-coffee: #8E6F33;--color-category-kocha: #D3841C;--color-category-instant: #7B9E87;--font-family-base: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-family-serif: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-size-base: 16px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.8;--line-height-tight: 1.4;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--container-max-width: 1100px;--container-max-width-full: 1440px;--container-padding-sm: 1.5rem;--container-padding: 1.5rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--transition-fast: .15s ease;--transition-base: .3s ease}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.02) 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.02) 3px);background-size:3px 3px}a{transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{opacity:.7}:where(a,button,input,textarea,select,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}:where(a,button,input,textarea,select,summary,[tabindex]:not([tabindex="-1"])):focus:not(:focus-visible){outline:none}img{vertical-align:middle}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.l-main{display:block;width:100%}.l-container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding-sm)}@media(min-width:768px){.l-container{padding-inline:var(--container-padding)}}.l-container--narrow{max-width:800px}.l-container--wide{max-width:1200px}.l-container--xl{max-width:var(--container-max-width)}.l-container--full{max-width:var(--container-max-width-full)}.l-section{padding-block:var(--spacing-4xl)}.l-section--sm{padding-block:var(--spacing-3xl)}.l-section--lg{padding-block:calc(var(--spacing-4xl) * 1.5)}.l-section--bg{background-color:var(--color-white)}.l-section--no-top{padding-block-start:0}@media(max-width:768px){.l-section{padding-block:var(--spacing-3xl)}.l-section--sm{padding-block:var(--spacing-2xl)}.l-section--lg{padding-block:var(--spacing-3xl)}}.c-title{font-family:var(--font-family-serif);font-weight:var(--font-weight-bold);color:var(--color-text)}.c-title--lg{font-size:var(--font-size-3xl)}.c-title--md{font-size:var(--font-size-2xl)}.c-title--sm{font-size:var(--font-size-xl)}.c-title--center{text-align:center}.c-title--border{padding-block-end:var(--spacing-md);border-block-end:2px solid var(--color-primary)}.c-title__sub{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-light);margin-block-start:var(--spacing-xs)}@media(max-width:768px){.c-title--lg{font-size:var(--font-size-2xl)}.c-title--md{font-size:var(--font-size-xl)}}.c-table{width:100%;border-collapse:collapse}.c-table th,.c-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-block-end:1px solid var(--color-border-light)}.c-table th{font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;width:40%}.c-table td{color:var(--color-text-light)}.c-table tr:last-child th,.c-table tr:last-child td{border-block-end:none}.c-table--striped tr:nth-child(2n){background-color:var(--color-bg-light)}@media(max-width:768px){.c-table th,.c-table td{padding:var(--spacing-sm) var(--spacing-md);display:block;width:100%}.c-table th{border-block-end:none;padding-block-end:0}}.c-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-light);background-color:var(--color-bg);border-radius:var(--radius-sm)}.c-badge--primary{color:var(--color-white);background-color:var(--color-primary)}.c-badge--outline{background-color:transparent;border:1px solid var(--color-border)}.c-badge__icon{width:16px;height:16px;flex-shrink:0}.c-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),opacity var(--transition-fast);cursor:pointer;width:100%}.c-button:hover{background-color:var(--color-primary-dark);opacity:1}.c-button--outline{color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary)}.c-button--outline:hover{color:var(--color-white);background-color:var(--color-primary)}.c-button--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.c-button--lg{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg)}.u-text-center{text-align:center}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-text-bold{font-weight:var(--font-weight-bold)}.u-text-medium{font-weight:var(--font-weight-medium)}.u-text-normal{font-weight:var(--font-weight-normal)}.u-text-primary{color:var(--color-primary)}.u-text-muted{color:var(--color-text-muted)}.u-mt-0,.u-mbs-0{margin-block-start:0}.u-mt-sm,.u-mbs-sm{margin-block-start:var(--spacing-sm)}.u-mt-md,.u-mbs-md{margin-block-start:var(--spacing-md)}.u-mt-lg,.u-mbs-lg{margin-block-start:var(--spacing-lg)}.u-mt-xl,.u-mbs-xl{margin-block-start:var(--spacing-xl)}.u-mt-2xl,.u-mbs-2xl{margin-block-start:var(--spacing-2xl)}.u-mt-3xl,.u-mbs-3xl{margin-block-start:var(--spacing-3xl)}.u-mb-0,.u-mbe-0{margin-block-end:0}.u-mb-sm,.u-mbe-sm{margin-block-end:var(--spacing-sm)}.u-mb-md,.u-mbe-md{margin-block-end:var(--spacing-md)}.u-mb-lg,.u-mbe-lg{margin-block-end:var(--spacing-lg)}.u-mb-xl,.u-mbe-xl{margin-block-end:var(--spacing-xl)}.u-mb-2xl,.u-mbe-2xl{margin-block-end:var(--spacing-2xl)}.u-mb-3xl,.u-mbe-3xl{margin-block-end:var(--spacing-3xl)}.u-pt-0,.u-pbs-0{padding-block-start:0}.u-pt-md,.u-pbs-md{padding-block-start:var(--spacing-md)}.u-pt-lg,.u-pbs-lg{padding-block-start:var(--spacing-lg)}.u-pt-xl,.u-pbs-xl{padding-block-start:var(--spacing-xl)}.u-pb-0,.u-pbe-0{padding-block-end:0}.u-pb-md,.u-pbe-md{padding-block-end:var(--spacing-md)}.u-pb-lg,.u-pbe-lg{padding-block-end:var(--spacing-lg)}.u-pb-xl,.u-pbe-xl{padding-block-end:var(--spacing-xl)}.u-is-sm{display:block}@media(min-width:768px){.u-is-sm{display:none}}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.p-top-page{background-color:var(--color-bg)}.p-top-hero{width:100%;line-height:0}.p-top-hero__image{width:100%;overflow:hidden}.p-top-hero__image picture,.p-top-hero__image img{display:block;width:100%;object-fit:cover}.p-features{padding-block:130px 110px;position:relative}.p-features__inner{display:flex;align-items:center;justify-content:center}.p-features__bg-text{position:absolute;inset-block-start:180px;inset-inline-start:50%;transform:translate(-50%);font-family:var(--font-family-serif);font-size:clamp(4.375rem,calc(8.450704225352112vw + 2.394366197183099rem),10rem);font-weight:var(--font-weight-semibold);color:var(--color-white);letter-spacing:-.05em;line-height:1;white-space:nowrap;z-index:0;user-select:none;pointer-events:none}@media(min-width:768px){.p-features__bg-text{inset-block-start:50px}}.p-features__circle{position:absolute;z-index:1;overflow:hidden}.p-features__circle img{width:100%;height:100%;object-fit:cover;display:block}.p-features__circle--left{width:clamp(115px,calc(13.239436619718308vw + 65.35211267605635px),256px);height:clamp(85px,calc(9.953051643192488vw + 47.67605633802817px),191px);inset-inline-start:20px;inset-block-start:clamp(28px,calc(11.455399061032864vw + -14.95774647887324px),150px)}@media(min-width:768px){.p-features__circle--left{inset-inline-start:12%}}.p-features__circle--right{width:100px;height:80px;inset-inline-end:12px;inset-block-end:clamp(22px,calc(4.507042253521127vw + 5.098591549295772px),70px);inset-block-start:auto}@media(min-width:768px){.p-features__circle--right{width:197px;height:157px;inset-inline-end:13%;inset-block-end:auto;inset-block-start:50%}}.p-features__content{position:relative;z-index:2;text-align:center}.p-features__text{text-align:center}.p-features__lead{font-family:var(--font-family-serif);font-size:clamp(.875rem,calc(.18779342723004694vw + .8309859154929577rem),1rem);color:var(--color-text-base);line-height:2.85;letter-spacing:.05em}@media(min-width:768px){.p-features__lead{line-height:3.15}}.p-recipe-list{padding:clamp(40px,calc(2.2535211267605635vw + 31.549295774647888px),64px) var(--container-padding-sm)}@media(min-width:768px){.p-recipe-list{padding:clamp(40px,calc(2.2535211267605635vw + 31.549295774647888px),64px) var(--container-padding)}}.p-recipe-list__inner{max-width:var(--container-max-width);margin:0 auto}.p-recipe-list__layout{display:flex;flex-direction:column;gap:clamp(24px,calc(.7511737089201878vw + 21.183098591549296px),32px)}.p-recipe-list__filter-wrap{display:block}.p-recipe-list__cards{display:flex;flex-direction:column;gap:clamp(16px,calc(.3755868544600939vw + 14.591549295774648px),20px)}.p-recipe-filter{padding:0}.p-recipe-filter__search{margin-block-end:0;padding-block:30px;border-block:1px solid var(--color-text-base)}@media(min-width:768px){.p-recipe-filter__search{padding-block-start:20px}}.p-recipe-filter__heading{display:flex;align-items:center;gap:.5rem;font-family:var(--font-family-serif);font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-base);margin-block-end:.75rem}.p-recipe-filter__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.p-recipe-filter__icon img{display:block;flex-shrink:0}.p-recipe-filter__form{position:relative;display:flex;width:100%}.p-recipe-filter__input{width:100%;height:40px;padding-inline:1rem 5rem;font-family:var(--font-family-serif);font-size:.875rem;color:var(--color-text-base);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:9999px}.p-recipe-filter__input::placeholder{color:var(--color-text-muted)}.p-recipe-filter__submit{position:absolute;inset-inline-end:0;inset-block-start:50%;height:40px;width:80px;transform:translateY(-50%);max-width:6rem;font-family:var(--font-family-serif);font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-accent);border:none;border-radius:9999px;cursor:pointer;transition:opacity .2s;white-space:nowrap}.p-recipe-filter__submit:hover{opacity:.9}.p-recipe-filter__categories{padding-block-start:1rem;border-block-start:1px solid var(--color-border-light)}.p-recipe-filter__status{margin-block-start:1rem;font-size:.875rem;color:var(--color-text-light)}.p-recipe-filter__categories-header{position:relative;margin-block-end:.75rem}.p-recipe-filter__categories .p-recipe-filter__heading{margin-block-end:0}.p-recipe-filter__clear-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:.25rem .5rem;font-family:var(--font-family-base);font-size:.75rem;color:var(--color-text-base);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s,border-color .2s;visibility:hidden;pointer-events:none}.p-recipe-filter__clear-btn:hover{background-color:var(--color-bg);border-color:var(--color-text-muted)}.p-recipe-filter__clear-btn.is-visible{visibility:visible;pointer-events:auto}.p-recipe-filter__clear-btn-icon{margin-inline-end:.25rem;font-size:.6875rem;line-height:1;opacity:.8}.p-recipe-filter__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-block-end:1px solid var(--color-border-gray)}@media(min-width:768px){.p-recipe-filter__list{display:grid;grid-template-columns:repeat(2,1fr);gap:0}}@media(min-width:1024px){.p-recipe-filter__list{grid-template-columns:repeat(3,1fr)}}.p-recipe-filter__item{position:relative;border-block-start:1px solid var(--color-border-gray)}.p-recipe-filter__item--placeholder{display:none;min-height:4.5rem}@media(min-width:768px){.p-recipe-filter__item--placeholder{display:list-item}}@media(min-width:768px){.p-recipe-filter__item:nth-child(2n):before{content:"";position:absolute;inset-inline-start:0;inset-block-start:10%;width:1px;height:80%;background-color:var(--color-border-gray);pointer-events:none}}@media(min-width:1024px){.p-recipe-filter__item:nth-child(2n):before{content:none}.p-recipe-filter__item:not(:nth-child(3n+1)):before{content:"";position:absolute;inset-inline-start:0;inset-block-start:10%;width:1px;height:80%;background-color:var(--color-border-gray);pointer-events:none}}.p-recipe-filter__category-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:var(--font-family-base);font-size:.875rem;color:var(--color-text-base);background:transparent;border:none;cursor:pointer;transition:background-color .2s;text-align:left}.p-recipe-filter__category-btn:hover{background-color:var(--color-bg)}.p-recipe-filter__category-btn.is-active,.p-recipe-filter__category-btn.is-active .p-recipe-filter__chevron{color:var(--color-accent)}.p-recipe-filter__category-img{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden}.p-recipe-filter__category-img img{width:100%;height:100%;object-fit:cover}.p-recipe-filter__category-name{flex:1;min-width:0;font-family:var(--font-family-serif)}.p-recipe-filter__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-base)}.p-recipe-list__header{display:flex;flex-direction:column;gap:clamp(16px,calc(1.5023474178403755vw + 10.366197183098592px),32px);margin-block-end:clamp(24px,calc(.7511737089201878vw + 21.183098591549296px),32px)}@media(min-width:768px){.p-recipe-list__header{flex-direction:row;justify-content:space-between;align-items:center}}.p-recipe-list__title{font-family:var(--font-family-serif);font-size:clamp(1.25rem,calc(.3755868544600939vw + 1.1619718309859155rem),1.5rem);color:var(--color-text-base);display:flex;align-items:center;gap:.75rem}.p-recipe-list__title-en{font-family:var(--font-family-serif);font-size:clamp(.75rem,calc(.18779342723004694vw + .7059859154929577rem),.875rem);color:var(--color-text-muted);font-weight:var(--font-weight-normal);letter-spacing:.05em}.p-recipe-list__grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,calc(.7511737089201878vw + 21.183098591549296px),32px)}@media(min-width:768px){.p-recipe-list__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.p-recipe-list__grid{grid-template-columns:repeat(3,1fr)}}.p-recipe-card{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem 1.25rem;background-color:var(--color-white);border-radius:0;overflow:hidden;text-decoration:none;transition:var(--transition-base)}.p-recipe-card:hover{opacity:.9}@media(min-width:768px){.p-recipe-card{display:grid;grid-template-columns:400fr 640fr;align-items:start;gap:0;padding:1rem 1.5rem;border-radius:0;background-color:var(--color-white)}}.p-recipe-card__image{flex-shrink:0;overflow:hidden}.p-recipe-card__image img{display:block;width:100%;height:auto;aspect-ratio:310 / 180;object-fit:cover;border-radius:0;transition:var(--transition-base)}@media(min-width:768px){.p-recipe-card__image{padding:0;min-width:0;aspect-ratio:400 / 260}.p-recipe-card__image img{height:100%;aspect-ratio:auto;border-radius:0}}.p-recipe-card:hover .p-recipe-card__image img{transform:scale(1.02)}.p-recipe-card__meta-category-wrap{flex-basis:100%}@media(min-width:768px){.p-recipe-card__meta-category-wrap{flex-basis:auto;flex-shrink:0;order:3;margin-inline-start:auto}}.p-recipe-card__category{display:inline-block;padding:.25rem .875rem;font-size:.75rem;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-category-nihoncha);border-radius:999px}@media(min-width:768px){.p-recipe-card__category{padding:.25rem .75rem;font-size:.6875rem}}.p-recipe-card[data-category=日本茶] .p-recipe-card__category{background-color:var(--color-category-nihoncha)}.p-recipe-card[data-category=抹茶] .p-recipe-card__category{background-color:var(--color-category-matcha)}.p-recipe-card[data-category=紅茶] .p-recipe-card__category{background-color:var(--color-category-kocha)}.p-recipe-card[data-category=コーヒー] .p-recipe-card__category{background-color:var(--color-category-coffee)}.p-recipe-card[data-category=インスタント飲料] .p-recipe-card__category{background-color:var(--color-category-instant)}.p-recipe-card__body{display:flex;flex-direction:column;flex:1;min-width:0}@media(min-width:768px){.p-recipe-card__body{padding-inline-start:9.4%;justify-content:center}}.p-recipe-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .625rem;font-size:.75rem;margin-block-end:.375rem}@media(min-width:768px){.p-recipe-card__meta{margin-block-end:.5rem;flex-wrap:nowrap}}.p-recipe-card__supervised{padding:.1875rem .5rem;font-size:.6875rem;color:var(--color-text-base);background-color:transparent;border:1px solid var(--color-text-muted);border-radius:0;white-space:nowrap}@media(min-width:768px){.p-recipe-card__supervised{font-size:.75rem}}.p-recipe-card__time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-base)}@media(min-width:768px){.p-recipe-card__time{min-width:0;flex:1 1 auto;overflow-wrap:break-word}.p-recipe-card__time-text{min-width:0;flex:1 1 auto}}.p-recipe-card__meta-icon{width:14px;height:14px;flex-shrink:0;color:var(--color-key-orange)}.p-recipe-card__title{font-family:var(--font-family-serif);font-size:clamp(1.25rem,calc(.5633802816901409vw + 1.1179577464788732rem),1.625rem);font-weight:var(--font-weight-semibold);color:var(--color-text-base);margin-block-end:.625rem}@media(min-width:768px){.p-recipe-card__title{margin-block-end:.375rem}}.p-recipe-card__divider{--divider-color: var(--color-category-nihoncha);position:relative;display:block;width:100%;height:6px;margin:0 0 .625rem;padding:0;background:linear-gradient(to right,transparent 0,transparent 4px,var(--divider-color) 4px,var(--divider-color) calc(100% - 4px),transparent calc(100% - 4px));background-repeat:no-repeat;background-position:0 50%;background-size:100% 1px}.p-recipe-card__divider:before,.p-recipe-card__divider:after{content:"";position:absolute;inset-block-start:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--color-category-nihoncha);background-color:transparent}.p-recipe-card__divider:before{inset-inline-start:0}.p-recipe-card__divider:after{inset-inline-end:0}.p-recipe-card[data-category=日本茶] .p-recipe-card__divider{--divider-color: var(--color-category-nihoncha)}.p-recipe-card[data-category=日本茶] .p-recipe-card__divider:before,.p-recipe-card[data-category=日本茶] .p-recipe-card__divider:after{border-color:var(--color-category-nihoncha)}.p-recipe-card[data-category=抹茶] .p-recipe-card__divider{--divider-color: var(--color-category-matcha)}.p-recipe-card[data-category=抹茶] .p-recipe-card__divider:before,.p-recipe-card[data-category=抹茶] .p-recipe-card__divider:after{border-color:var(--color-category-matcha)}.p-recipe-card[data-category=紅茶] .p-recipe-card__divider{--divider-color: var(--color-category-kocha)}.p-recipe-card[data-category=紅茶] .p-recipe-card__divider:before,.p-recipe-card[data-category=紅茶] .p-recipe-card__divider:after{border-color:var(--color-category-kocha)}.p-recipe-card[data-category=コーヒー] .p-recipe-card__divider{--divider-color: var(--color-category-coffee)}.p-recipe-card[data-category=コーヒー] .p-recipe-card__divider:before,.p-recipe-card[data-category=コーヒー] .p-recipe-card__divider:after{border-color:var(--color-category-coffee)}.p-recipe-card[data-category=インスタント飲料] .p-recipe-card__divider{--divider-color: var(--color-category-instant)}.p-recipe-card[data-category=インスタント飲料] .p-recipe-card__divider:before,.p-recipe-card[data-category=インスタント飲料] .p-recipe-card__divider:after{border-color:var(--color-category-instant)}.p-recipe-card__description{font-size:.8125rem;color:var(--color-text-base);line-height:1.8;margin-block-end:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.p-recipe-card__description{font-size:.8125rem;-webkit-line-clamp:2;margin-block-end:.625rem;line-height:1.7}}.p-recipe-card__link{position:relative;display:block;width:100%;max-width:230px;margin-inline:auto;padding:.625rem 2.5rem;font-size:.875rem;font-family:var(--font-family-serif);font-weight:var(--font-weight-normal);color:var(--color-text-base);background-color:transparent;border:1px solid #d5d5d5;border-radius:999px;margin-block-start:auto;transition:var(--transition-base);text-align:center}.p-recipe-card__link:hover{background-color:var(--color-accent);color:var(--color-white)}.p-recipe-card__link:hover .p-recipe-card__arrow{color:var(--color-white)}@media(min-width:768px){.p-recipe-card__link{display:block;width:100%;max-width:230px;margin-inline:0;padding:.5rem 2.5rem;background-color:transparent;border:1px solid #d5d5d5;border-radius:999px;margin-block-start:auto;font-size:.8125rem}.p-recipe-card__link:hover{background-color:var(--color-accent);color:var(--color-white)}}.p-recipe-card__arrow-wrap{position:absolute;inset-inline-end:.5rem;inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.p-recipe-card__arrow{width:30px;height:30px;aspect-ratio:1;flex-shrink:0;color:var(--color-text-base)}.p-monthly-recipe-banner{width:100%;overflow:hidden}.p-monthly-recipe-banner__link{display:block;text-decoration:none}.p-monthly-recipe-banner__link:hover{opacity:.95}.p-monthly-recipe-banner__img{width:100%;line-height:0}.p-monthly-recipe-banner__img img{width:100%;vertical-align:bottom}.p-monthly-recipe-banner__img--pc{display:none}@media(min-width:768px){.p-monthly-recipe-banner__img--sp{display:none}.p-monthly-recipe-banner__img--pc{display:block}}.p-online-shop{position:relative;width:100%;height:450px;margin-block-start:var(--spacing-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}@media(min-width:768px){.p-online-shop{height:304px}}.p-online-shop__bg{position:absolute;inset:0;z-index:1}.p-online-shop__bg img{width:100%;height:100%;object-fit:cover}.p-online-shop__overlay{position:absolute;inset:0;background:#00000040;z-index:2}.p-online-shop__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:46px;width:100%;text-align:center}@media(min-width:768px){.p-online-shop__content{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.p-online-shop__title{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(min-width:768px){.p-online-shop__title{align-items:flex-start;text-align:left}}.p-online-shop__title-en{font-family:var(--font-family-serif);font-size:clamp(2.875rem,calc(1.5023474178403755vw + 2.522887323943662rem),3.875rem);font-weight:var(--font-weight-semibold);color:var(--color-white);letter-spacing:-.05em}.p-online-shop__title-ja{font-family:var(--font-family-serif);font-size:1rem;color:var(--color-white);letter-spacing:0}.p-online-shop__cta{position:relative;display:flex;align-items:center;justify-content:center;width:320px;max-width:360px;height:80px;padding-inline:2.5rem;font-family:var(--font-family-serif);font-size:clamp(.875rem,calc(.18779342723004694vw + .8309859154929577rem),1rem);font-weight:700;color:var(--color-text-base);background-color:var(--color-white);border-radius:999px;text-decoration:none;transition:var(--transition-base);box-shadow:var(--shadow-md);text-align:center}.p-online-shop__cta:hover{opacity:1;background-color:#23291c;color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.p-online-shop__cta:hover .p-online-shop__cta-arrow-icon{color:var(--color-white)}.p-online-shop__cta-arrow{position:absolute;inset-inline-end:1.5rem;inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.p-online-shop__cta-arrow-icon{width:30px;height:30px;aspect-ratio:1;color:var(--color-text-base)}.p-footer{position:relative;padding:100px var(--container-padding-sm) 136px;background-color:var(--color-primary-dark)}@media(min-width:768px){.p-footer{padding:80px var(--container-padding) 104px}}.p-footer__inner{max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:768px){.p-footer__inner{gap:2rem}}.p-footer__logo{display:block;text-decoration:none}.p-footer__logo-img{display:block;line-height:0}.p-footer__nav{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}@media(min-width:768px){.p-footer__nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.25rem}}.p-footer__nav-sep{display:none}@media(min-width:768px){.p-footer__nav-sep{display:inline;color:var(--color-white);opacity:.7;font-size:.8125rem;pointer-events:none}}.p-footer__nav-link{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-family-serif);font-weight:var(--font-weight-medium);color:#fff!important;transition:var(--transition-base)}.p-footer__nav-link:hover{opacity:.85}.p-footer__nav-external{display:inline-flex;align-items:center;color:var(--color-white);opacity:.8}.p-footer__totop{position:absolute;inset-inline-end:10%;inset-block-end:10%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base)}@media(min-width:768px){.p-footer__totop{inset-inline-end:10%;inset-block-start:75%;inset-block-end:auto}}.p-footer__totop:hover{opacity:.9;transform:translateY(-2px)}@media(min-width:768px){.p-footer__totop:hover{transform:translateY(calc(-50% - 2px))}}.p-footer__totop-arrow{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-white);line-height:1}