三元豚と白インゲン豆のカスレ風
.unbe-product { --unbe-text: #292824; --unbe-subtext: #6f6b63; --unbe-bg: #f7f5f0; --unbe-bg-deep: #eeebe3; --unbe-accent: #9a7b4f; --unbe-gold: #d6a94f; --unbe-white: #ffffff; max -width: 880px; margin: 0 auto; color: var(--unbe-text); font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif; font-size: 15px; line-height: 2; letter-spacing: 0.04em; } .unbe-product, .unbe-product * { box-sizing: border-box; } .unbe-product p { margin: 0 0 1.5em; } .unbe-product ul { margin: 0; padding: 0; list-style: none; } /* 商品紹介 */ .unbe-intro { margin: 20px 0 64px; text-align: center; } .unbe-intro__catch { margin-bottom: 22px; font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif; font-size: clamp(22px, 4vw, 32px); font-weight: 400; line-height: 1.65; letter-spacing: 0.08em; } .unbe-intro__text { max-width: 700px; margin: 0 auto; color: var(--unbe-subtext); text-align: left; } /* セクションタイトル */ .unbe-heading { margin: 68px 0 34px; text-align: center; } .unbe-heading__ornament { display: block; width: 8px; height: 8px; margin: 0 auto 18px; background: var(--unbe-accent); transform: rotate(45deg); } .unbe-heading__en { display: block; margin-bottom: 6px; font-family: "Times New Roman", Georgia, serif; font-size: clamp(28px, 5vw, 42px); font-weight: 400; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .unbe-heading__ja { display: block; color: var(--unbe-subtext); font-size: 12px; font-weight: 500; letter-spacing: 0.18em; } /* 内容 */ .unbe-contents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .unbe-contents__item { position: relative; min-height: 64px; padding: 18px 18px 18px 52px; background: var(--unbe-bg); font-family: "Yu Mincho", "YuMincho", serif; font-size: 15px; line-height: 1.7; } .unbe-contents__item::before { content: ""; position: absolute; top: 26px; left: 24px; width: 7px; height: 7px; background: var(--unbe-accent); transform: rotate(45deg); } .unbe-note { margin-top: 14px; color: var(--unbe-subtext); font-size: 12px; line-height: 1.8; } /* おすすめシーン */ .unbe-scenes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .unbe-scene { padding: 24px 10px; background: var(--unbe-bg); text-align: center; } .unbe-scene__number { display: block; margin-bottom: 8px; color: var(--unbe-accent); font-family: "Times New Roman", Georgia, serif; font-size: 13px; letter-spacing: 0.12em; } .unbe-scene__name { display: block; font-family: "Yu Mincho", "YuMincho", serif; font-size: 14px; line-height: 1.6; } /* 商品情報・ペアリング */ .unbe-info { overflow: hidden; background: var(--unbe-bg); } .unbe-info__row { display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: stretch; } .unbe-info__row + .unbe-info__row { margin-top: 1px; } .unbe-info__label { display: flex; align-items: center; padding: 18px 22px; background: var(--unbe-bg-deep); color: var(--unbe-text); font-size: 12px; font-weight: 600; letter-spacing: 0.14em; } .unbe-info__value { padding: 18px 24px; background: var(--unbe-white); line-height: 1.8; } /* お召し上がり方 */ .unbe-serving { position: relative; padding: 42px clamp(24px, 6vw, 60px); overflow: hidden; background: var(--unbe-text); color: var(--unbe-white); text-align: center; } .unbe-serving::before, .unbe-serving::after { content: ""; position: absolute; width: 80px; height: 80px; background: rgba(255, 255, 255, 0.035); transform: rotate(45deg); } .unbe-serving::before { top: -45px; left: -45px; } .unbe-serving::after { right: -45px; bottom: -45px; } .unbe-serving__en { display: block; margin-bottom: 10px; color: #d6c29f; font-family: "Times New Roman", Georgia, serif; font-size: 13px; letter-spacing: 0.2em; text-transform: uppercase; } .unbe-serving__title { margin: 0 0 18px; color: var(--unbe-gold); font-family: "Yu Mincho", "YuMincho", serif; font-size: clamp(19px, 4vw, 25px); font-weight: 400; line-height: 1.7; letter-spacing: 0.08em; } .unbe-serving__text { max-width: 620px; margin: 0 auto !important; font-size: 14px; line-height: 2; } /* 注意事項 */ .unbe-caution { margin-top: 42px; padding: 24px 26px; background: var(--unbe-bg); } .unbe-caution__title { margin: 0 0 12px; color: var(--unbe-accent); font-size: 12px; font-weight: 600; letter-spacing: 0.16em; } .unbe-caution p { margin: 0; color: var(--unbe-subtext); font-size: 12px; line-height: 1.9; } /* タブレット・スマートフォン */ @media screen and (max-width: 749px) { .unbe-product { font-size: 14px; line-height: 1.9; } .unbe-intro { margin-bottom: 48px; } .unbe-heading { margin: 52px 0 28px; } .unbe-heading__en { letter-spacing: 0.11em; } .unbe-scenes { grid-template-columns: repeat(2, minmax(0, 1fr)); } .unbe-info__row { grid-template-columns: 120px minmax(0, 1fr); } .unbe-info__label, .unbe-info__value { padding: 15px 16px; } } @media screen and (max-width: 480px) { .unbe-contents { grid-template-columns: 1fr; gap: 10px; } .unbe-contents__item { min-height: auto; } .unbe-info__row { display: block; } .unbe-info__row + .unbe-info__row { margin-top: 10px; } .unbe-info__label { padding: 10px 16px; } .unbe-info__value { padding: 14px 16px 16px; } .unbe-serving { padding-top: 34px; padding-bottom: 34px; } } ホロッと豚肉、ホクっと白インゲン。香草パン粉が彩る、心ほどける煮込み料理。 三元豚と白インゲン豆をトマトでじっくりと煮込み、 フランス南西部の郷土料理「カスレ」を思わせる 温かな一皿に仕上げました。 やわらかくほどける三元豚の旨みと、 ホクッとした白インゲン豆のやさしい甘みを、 トマトのほどよい酸味がバランスよくまとめます。 仕上げに香草パン粉を重ねることで、 香ばしさとハーブの豊かな風味をプラス。 ご自宅の食卓で、ビストロのような味わいを気軽にお楽しみいただけます。 RECOMMENDED SCENES おすすめのご利用シーン 01 BBQ 02 ホームパーティー 03 ご家族とのお食事 04 バゲットと楽しむメイン料理 Product Information 商品情報 内容量 400g〜 人数の目安 4〜8名様 保存方法 冷蔵で保存してください。 提供温度 冷蔵 原材料 豚肉、インゲン豆、トマト、野菜 主なアレルゲン 卵・小麦 How to Enjoy お召し上がり方 Chef's Recommendation しっかり温めて、豚肉の旨みと白インゲン豆のほくほく感を。 【BBQ・アウトドアで】 アルミ皿のままBBQコンロやグリルにのせ、しっかりと温めてからお召し上がりください。 【ご自宅で】 180℃に予熱したオーブンで、アルミ皿のまま10分程度を目安にしっかりと温めてからお召し上がりください。 Pairing おすすめのペアリング Wine 果実味のあるミディアムボディの赤ワイン、 軽やかな酸味を持つロゼワイン Beer コクのあるアンバーエール、香ばしいブラウンエール Side Dish バゲット、グリーンサラダ、酸味のあるピクルス Arrangement チーズをのせてオーブンで焼き上げると、 より濃厚で香ばしいグラタン風の味わいを楽しめます。 INFORMATION ※盛り付けに使用しているハーブや付け合わせなどは、 商品に含まれない場合がございます。※仕入れ状況により、使用する食材や盛り付けが 変更となる場合がございます。※商品到着後は冷蔵庫で保存し、指定の期限内にお召し上がりください。