{"product_id":"15161855377774","title":"【限定1セット】ビンテージごとの表情を飲み比べ！domaine tetta カベルネ・フラン 3本セット","description":"\u003c!-- レスポンシブ対応に必須のViewport設定 --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003c!-- Google Fonts: Roboto Slab (英数字用) --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e\n\u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@400;700\u0026amp;display=swap\"\u003e\n\n\u003c!-- Tailwind CSS (スタイリング用) --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\n    tailwind.config = {\n        corePlugins: {\n            \/\/ Shopifyの既存テーマ(ヘッダー等)の崩れを防ぐためリセットCSSを無効化\n            preflight: false, \n        },\n        theme: {\n            extend: {\n                colors: {\n                    'brand-accent': '#FF7474', \/\/ 文字強調\n                    'brand-bg': '#eff2f4',     \/\/ ウィンドウ背景\n                    'brand-btn': '#404040',    \/\/ ボタン背景\n                    'brand-btn-text': '#FFF',  \/\/ ボタン文字色\n                },\n                fontFamily: {\n                    'sans': ['\"Yu Gothic\"', 'YuGothic', 'sans-serif'],\n                    'serif': ['\"Roboto Slab\"', '\"Yu Gothic\"', 'YuGothic', 'serif'],\n                }\n            }\n        }\n    }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* スコープを限定したベーススタイル設定 *\/\n    #imadeya-lp-wrapper {\n        font-feature-settings: \"palt\";\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        background-color: #ffffff;\n        color: #333;\n    }\n\n    #imadeya-lp-wrapper img {\n        max-width: 100%;\n        height: auto;\n    }\n\n    \/* コンテンツエリアの背景は白に統一 *\/\n    .content-wrapper {\n        background-color: #ffffff;\n    }\n\n    \/* パフォーマンス最適化: 画面外の要素のレンダリングを遅延 *\/\n    .optimize-render {\n        content-visibility: auto;\n        contain-intrinsic-size: 500px;\n    }\n\n    \/* スクロール時のふわっとした表示：JSが有効な場合のみ初期値を透明にする *\/\n    .js-active .fade-in-section {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n        will-change: opacity, transform;\n    }\n\n    .js-active .fade-in-section.is-visible {\n        opacity: 1;\n        transform: none;\n    }\n    \n    \/* 商品画像の微細な拡大エフェクト *\/\n    .product-image {\n        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n    .product-image:hover {\n        transform: scale(1.05); \n    }\n\n    \/* 強調文字色用クラス *\/\n    .text-brand-accent-custom {\n        color: #FF7474;\n    }\n\n    \/* ページ遷移フェードアニメーション *\/\n    .page-transition {\n        transition: opacity 0.4s ease, transform 0.4s ease;\n    }\n\u003c\/style\u003e\n\n\u003c!-- LP全体を囲むラッパー --\u003e\n\u003cdiv id=\"imadeya-lp-wrapper\" class=\"font-sans py-0\"\u003e\n    \u003c!-- ==========================================\n         1. 特集メインページ\n    =========================================== --\u003e\n    \u003cmain id=\"main-feature\" class=\"max-w-7xl mx-auto content-wrapper overflow-hidden page-transition\"\u003e\n        \n        \u003c!-- Hero セクション --\u003e\n        \u003cheader class=\"py-12 md:py-20 px-6 md:px-12 text-center relative overflow-hidden border-b border-gray-100 fade-in-section\"\u003e\n            \u003ch1 class=\"text-3xl md:text-5xl font-serif font-bold mb-6 text-gray-900 leading-tight\"\u003e\n                \u003cspan class=\"block text-sm md:text-base text-brand-accent-custom tracking-[0.3em] mb-4 uppercase font-serif\"\u003edomaine tetta Cabernet Franc Vertical Selection\u003c\/span\u003e \n                岡山・哲多のテロワールを紐解く。\u003cbr class=\"md:hidden\"\u003eドメーヌ テッタ カベルネ・フラン\u003cbr class=\"md:hidden\"\u003e 垂直飲み比べ3本セット\n            \u003c\/h1\u003e\n            \u003cp class=\"max-w-3xl mx-auto text-gray-600 mb-6 leading-loose md:text-lg font-light\"\u003e\n                岡山県新見市哲多町。カルスト地形がもたらす石灰岩質の土壌から、日本ワインの常識を覆すエレガントなワインを生み出す「domaine tetta」。\u003cbr class=\"hidden md:block\"\u003e\n                彼らのシグネチャーの一つであるカベルネ・フランの、2022年、2023年、2024年の3つのヴィンテージを比較できる希少なセットをご用意しました。\u003cbr\u003e数量限定のため、気になる方はお早めに！\n                \n            \u003c\/p\u003e\n        \u003c\/header\u003e\n\n        \u003c!-- 商品① domaine tetta カベルネ・フラン 2022 --\u003e\n        \u003c!-- 修正: パディングを調整し、PCサイズで横並び(flex-row)になるよう設定 --\u003e\n        \u003csection id=\"product-section-tetta-2022\" class=\"py-16 md:py-20 px-6 md:px-12 fade-in-section optimize-render\"\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row items-center max-w-5xl mx-auto gap-8 md:gap-16\"\u003e\n                \u003c!-- 画像エリア --\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-center flex justify-center\"\u003e\n                    \u003c!-- 修正: 画像が巨大になりすぎないようmax-hを設定 --\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/domaine-tetta-2022-01408652-7045064.webp?v=1774725550\" alt=\"domaine tetta カベルネ・フラン 2022\" class=\"w-full max-h-[500px] object-contain product-image drop-shadow-xl\" loading=\"lazy\" decoding=\"async\"\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- テキストエリア --\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-center md:text-left\"\u003e\n                    \u003cdiv class=\"flex justify-center md:justify-start mb-4\"\u003e\n                        \u003cdiv class=\"inline-block bg-[#800020] text-white text-xs font-bold tracking-widest uppercase px-3 py-1 rounded-sm shadow-sm\"\u003eJapan \/ Okayama (Red)\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-serif font-bold mb-4 text-gray-900 leading-snug\"\u003e\n                        \u003cspan class=\"block text-sm text-gray-400 mb-1 font-serif uppercase tracking-widest\"\u003edomaine tetta\u003c\/span\u003e ドメーヌ テッタ\u003cbr\u003e\n                        \u003cspan class=\"text-xl md:text-2xl mt-1 block font-normal text-gray-700\"\u003eカベルネ・フラン 2022\u003c\/span\u003e\n                    \u003c\/h2\u003e\n                    \u003cdiv class=\"space-y-4 text-gray-600 md:text-base leading-loose text-left\"\u003e\n                        \u003cp\u003e生育期の好天に恵まれた2022年。カベルネ・フラン特有の青さを抑え、ラズベリーやカシスなどの赤黒系果実のピュアな香りが際立ちます。\u003c\/p\u003e\n                        \u003cp\u003e瓶内での熟成により滑らかに溶け込んだタンニンと、石灰岩由来の凛としたミネラルが見事に調和。角が取れ、今まさに素晴らしい飲み頃を迎えつつある、バランスに優れた優雅なヴィンテージです。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- 商品② domaine tetta カベルネ・フラン 2023 --\u003e\n        \u003csection id=\"product-section-tetta-2023\" class=\"py-16 md:py-20 px-6 md:px-12 fade-in-section optimize-render border-t border-gray-100 bg-gray-50\/50\"\u003e\n            \u003c!-- 修正: PCサイズで画像を右側に配置する(flex-row-reverse)ジグザグレイアウト --\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row-reverse items-center max-w-5xl mx-auto gap-8 md:gap-16\"\u003e\n                \u003c!-- 画像エリア --\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-center flex justify-center\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/02001581_33bc5572-d54a-4634-a050-45ec97704330.webp?v=1750903526\" alt=\"domaine tetta カベルネ・フラン 2023\" class=\"w-full max-h-[500px] object-contain product-image drop-shadow-xl\" loading=\"lazy\" decoding=\"async\"\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- テキストエリア --\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-center md:text-left\"\u003e\n                    \u003cdiv class=\"flex justify-center md:justify-start mb-4\"\u003e\n                        \u003cdiv class=\"inline-block bg-[#800020] text-white text-xs font-bold tracking-widest uppercase px-3 py-1 rounded-sm shadow-sm\"\u003eJapan \/ Okayama (Red)\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-serif font-bold mb-4 text-gray-900 leading-snug\"\u003e\n                        \u003cspan class=\"block text-sm text-gray-400 mb-1 font-serif uppercase tracking-widest\"\u003edomaine tetta\u003c\/span\u003e ドメーヌ テッタ\u003cbr\u003e\n                        \u003cspan class=\"text-xl md:text-2xl mt-1 block font-normal text-gray-700\"\u003eカベルネ・フラン 2023\u003c\/span\u003e\n                    \u003c\/h2\u003e\n                    \u003cdiv class=\"space-y-4 text-gray-600 md:text-base leading-loose text-left\"\u003e\n                        \u003cp\u003e猛暑の影響を色濃く受けた2023年ヴィンテージは、例年以上の高い凝縮感と力強さを内包しています。\u003c\/p\u003e\n                        \u003cp\u003eダークチェリーやプラムを思わせる熟した果実のニュアンスに、クローブなどのスパイスやほのかなカカオの複雑な香りが重なります。豊かな果実味をしっかりとした酸が根底で支えており、長期熟成のポテンシャルを強く感じさせる一本です。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- 商品③ domaine tetta カベルネ・フラン 2024 --\u003e\n        \u003csection id=\"product-section-tetta-2024\" class=\"py-16 md:py-20 px-6 md:px-12 fade-in-section optimize-render border-t border-gray-100\"\u003e\n            \u003c!-- 再び画像を左側に配置 --\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row items-center max-w-5xl mx-auto gap-8 md:gap-16\"\u003e\n                \u003c!-- 画像エリア --\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-center flex justify-center\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/domaine-tetta-2024-02018303-2870577.webp?v=1779275108\" alt=\"domaine tetta カベルネ・フラン 2024\" class=\"w-full max-h-[500px] object-contain product-image drop-shadow-xl\" loading=\"lazy\" decoding=\"async\"\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- テキストエリア --\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-center md:text-left\"\u003e\n                    \u003cdiv class=\"flex justify-center md:justify-start mb-4\"\u003e\n                        \u003cdiv class=\"inline-block bg-[#800020] text-white text-xs font-bold tracking-widest uppercase px-3 py-1 rounded-sm shadow-sm\"\u003eJapan \/ Okayama (Red)\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-serif font-bold mb-4 text-gray-900 leading-snug\"\u003e\n                        \u003cspan class=\"block text-sm text-gray-400 mb-1 font-serif uppercase tracking-widest\"\u003edomaine tetta\u003c\/span\u003e ドメーヌ テッタ\u003cbr\u003e\n                        \u003cspan class=\"text-xl md:text-2xl mt-1 block font-normal text-gray-700\"\u003eカベルネ・フラン 2024\u003c\/span\u003e\n                    \u003c\/h2\u003e\n                    \u003cdiv class=\"space-y-4 text-gray-600 md:text-base leading-loose text-left\"\u003e\n                        \u003cp\u003eリリースされたばかりの最新ヴィンテージである2024年。グラスに注ぐと、フレッシュな赤い果実の躍動感あふれるアロマと、ミントやハーブの爽やかなアクセントが立ち昇ります。\u003c\/p\u003e\n                        \u003cp\u003eテッタらしい冷涼感と透明感のある酸味が前面に出ており、非常に瑞々しい仕上がり。今後の瓶熟成による味わいの変化と深化が最も楽しみな、若々しくもエレガントなワインです。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n    \u003c\/main\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================\n     3. 動作を制御するJavaScript (フェードインアニメーション用)\n=========================================== --\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ JSが有効であることをCSSに伝える\n        document.body.classList.add('js-active');\n\n        \/\/ Intersection Observerのオプション\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.15 \/\/ 要素が15%見えたら発火（少し遅らせて自然に見せる）\n        };\n\n        \/\/ コールバック関数\n        const observerCallback = (entries, observer) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    \/\/ 一度表示されたら監視を解除\n                    observer.unobserve(entry.target);\n                }\n            });\n        };\n\n        const observer = new IntersectionObserver(observerCallback, observerOptions);\n\n        \/\/ 監視対象の要素を取得\n        const fadeElements = document.querySelectorAll('.fade-in-section');\n        fadeElements.forEach(el =\u003e observer.observe(el));\n    });\n\u003c\/script\u003e","brand":"IMADEYA ONLINE STORE","offers":[{"title":"３本セット","offer_id":54485373124974,"sku":"S740","price":18590.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/S740.webp?v=1786080133","url":"https:\/\/imadeya.co.jp\/products\/15161855377774","provider":"IMADEYA ONLINE STORE","version":"1.0","type":"link"}