{"product_id":"15021287702894","title":"3セット限定【2024ヴィンテージ 新着】ドメーヌ・オヤマダ ＆ ポンコツ 希少2本セット","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e商品詳細 - ドメーヌ・オヤマダ \/ ドメーヌ・ポンコツ\u003c\/title\u003e\n    \n    \u003c!-- 英語フォント 'Roboto Slab' の読み込み --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@400;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \u003cstyle\u003e\n        \/* =========================================================\n           基本設定・トンマナ（トーン＆マナー）の適用\n           ========================================================= *\/\n        :root {\n            --color-bg-window: #eff2f4; \/* ウィンドウ背景 *\/\n            --color-text-accent: #FF7474; \/* 文字強調 *\/\n            --color-btn-bg: #404040; \/* ボタン背景（本件では不使用） *\/\n            --color-btn-text: #FFF; \/* ボタン文字色 *\/\n            --color-text-main: #333333; \/* 基本テキスト色 *\/\n            --color-text-muted: #555555; \/* サブテキスト色 *\/\n            --color-card-bg: #ffffff; \/* 商品カード背景 *\/\n            \n            \/* フォント指定: 英語はRoboto Slab、日本語は游ゴシックを優先 *\/\n            --font-family-base: 'Roboto Slab', 'Yu Gothic', '游ゴシック', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;\n        }\n\n        body {\n            background-color: var(--color-bg-window);\n            font-family: var(--font-family-base);\n            color: var(--color-text-main);\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n            scroll-behavior: smooth; \n        }\n\n        \/* =========================================================\n           レイアウト設定\n           ========================================================= *\/\n        .container {\n            max-width: 1000px;\n            margin: 60px auto;\n            padding: 0 20px;\n        }\n\n        \/* =========================================================\n           セット導入文のデザイン\n           ========================================================= *\/\n        .set-intro {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 50px auto;\n            \/* JSでのフェードイン用初期状態 *\/\n            opacity: 0;\n            transform: translateY(20px);\n        }\n\n        .set-intro-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--color-text-accent);\n            margin-bottom: 20px;\n            letter-spacing: 0.05em;\n        }\n\n        .set-intro-text {\n            font-size: 1.05rem;\n            line-height: 1.8;\n            color: var(--color-text-main);\n            margin: 0;\n        }\n\n        \/* =========================================================\n           商品グリッドとカードのデザイン\n           ========================================================= *\/\n        .product-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 40px;\n            justify-content: center;\n        }\n\n        .product-card {\n            background-color: var(--color-card-bg);\n            border-radius: 12px;\n            padding: 40px 30px;\n            width: 100%;\n            max-width: 420px;\n            box-sizing: border-box;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            \n            \/* JSでのフェードイン用初期状態 *\/\n            opacity: 0;\n            transform: translateY(20px);\n            \n            \/* フレックスボックスで内部を縦並びにし、説明文の配置を整える *\/\n            display: flex;\n            flex-direction: column;\n        }\n\n        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n        }\n\n        \/* アニメーション発火時のクラス *\/\n        .js-fade-in.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n\n        .product-image-wrapper {\n            margin-bottom: 30px;\n            position: relative;\n            aspect-ratio: 3 \/ 4; \n            overflow: hidden;\n            border-radius: 4px;\n        }\n\n        .product-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \n            display: block; \n            transition: transform 0.5s ease;\n        }\n\n        .product-card:hover .product-image {\n            transform: scale(1.03);\n        }\n\n        .product-title {\n            font-size: 1.15rem;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n            margin: 0 0 15px 0;\n            line-height: 1.5;\n            color: var(--color-text-main);\n        }\n\n        .text-accent {\n            color: var(--color-text-accent);\n            display: block;\n            font-size: 0.9rem;\n            margin-bottom: 8px;\n            font-weight: normal;\n        }\n\n        \/* =========================================================\n           商品の特徴（味わい）テキストデザイン\n           ========================================================= *\/\n        .product-description {\n            font-size: 0.95rem;\n            color: var(--color-text-muted);\n            line-height: 1.7;\n            text-align: left; \/* 長めの文章が読みやすいように左揃え *\/\n            margin: 0;\n            \/* 下部に余白を埋めるための自動マージン *\/\n            margin-top: auto; \n            padding-top: 15px;\n            border-top: 1px solid #eee; \/* タイトルと説明文を区切る上品なライン *\/\n        }\n\n        \/* =========================================================\n           レスポンシブデザイン (スマートフォン向け)\n           ========================================================= *\/\n        @media screen and (max-width: 768px) {\n            .container {\n                margin: 40px auto;\n            }\n            .set-intro {\n                margin-bottom: 40px;\n            }\n            .set-intro-title {\n                font-size: 1.25rem;\n            }\n            .set-intro-text {\n                font-size: 0.95rem;\n                text-align: left; \/* スマホでは読みやすさを考慮し左揃えに *\/\n            }\n            .product-grid {\n                gap: 30px;\n            }\n            .product-card {\n                padding: 30px 20px;\n            }\n            .product-title {\n                font-size: 1.1rem;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003cmain class=\"container\"\u003e\n        \n        \u003c!-- セットの導入文（フェードイン対象） --\u003e\n        \u003csection class=\"set-intro js-fade-in\"\u003e\n            \u003ch2 class=\"set-intro-title\"\u003e2024ヴィンテージ、待望の同時リリース\u003c\/h2\u003e\n            \u003cp class=\"set-intro-text\"\u003e\n                毎年リリースとともに即完売となる両ドメーヌ。\u003cbr class=\"pc-only\"\u003e今回は特に人気の高い「ロゼ」と「微発泡」を、2024年の新着セットとしてご用意しました。\u003cbr\u003e\n                入手困難な2銘柄を一度に楽しめる、今だけの限定セットです。\n            \u003c\/p\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"product-grid\"\u003e\n            \n            \u003c!-- 商品①: ドメーヌ・オヤマダ BOW! ロゼ 2024 --\u003e\n            \u003carticle class=\"product-card js-fade-in\"\u003e\n                \u003cdiv class=\"product-image-wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/01404179_19fbc0f1-a6f7-411f-a488-0e453bc2d21f.webp?v=1750640814\" alt=\"ドメーヌ・オヤマダ BOW! ロゼ 2024\" class=\"product-image\" loading=\"lazy\"\u003e\n                \u003c\/div\u003e\n                \u003ch1 class=\"product-title\"\u003e\n                    \u003cspan class=\"text-accent\"\u003eドメーヌ・オヤマダ\u003c\/span\u003e\n                    BOW! ロゼ 2024\n                \u003c\/h1\u003e\n                \u003cp class=\"product-description\"\u003e\n                    赤い果実のチャーミングな香りと、スッキリとした心地よい酸味が広がる辛口ロゼ。軽やかでありながらブドウの旨味がしっかりと詰まっており、幅広いお食事に寄り添う食中酒として万能な一本です。\n                \u003c\/p\u003e\n            \u003c\/article\u003e\n\n            \u003c!-- 商品②: ドメーヌ・ポンコツ おやすみなさい 2024 --\u003e\n            \u003carticle class=\"product-card js-fade-in\"\u003e\n                \u003cdiv class=\"product-image-wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/2023-01407611-7913770.webp?v=1774715649\" alt=\"ドメーヌ・ポンコツ おやすみなさい 2024\" class=\"product-image\" loading=\"lazy\"\u003e\n                \u003c\/div\u003e\n                \u003ch1 class=\"product-title\"\u003e\n                    \u003cspan class=\"text-accent\"\u003eドメーヌ・ポンコツ\u003c\/span\u003e\n                    おやすみなさい 2024\n                \u003c\/h1\u003e\n                \u003cp class=\"product-description\"\u003e\n                    もぎたてのブドウを思わせるジューシーな果実味と、優しい泡立ちが魅力のロゼ微発泡（ペティアン・ナチュール）。濁りのある淡い色合いで、スルスルと飲める親しみやすく心地よい味わいです。\n                \u003c\/p\u003e\n            \u003c\/article\u003e\n\n        \u003c\/div\u003e\n    \u003c\/main\u003e\n\n    \u003cscript\u003e\n        \/* =========================================================\n           モダンな演出：スクロール時のフェードインアニメーション\n           ========================================================= *\/\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const options = {\n                root: null,\n                rootMargin: '0px',\n                threshold: 0.1 \n            };\n\n            const observer = new IntersectionObserver((entries, observer) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('is-visible');\n                        }, index * 150); \n                        observer.unobserve(entry.target); \n                    }\n                });\n            });\n\n            const targetElements = document.querySelectorAll('.js-fade-in');\n            targetElements.forEach(el =\u003e observer.observe(el));\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"IMADEYA ONLINE STORE","offers":[{"title":"2本セット","offer_id":53588692533614,"sku":"S559","price":5060.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/32024-2-s559-3692749.webp?v=1775701028","url":"https:\/\/imadeya.co.jp\/products\/15021287702894","provider":"IMADEYA ONLINE STORE","version":"1.0","type":"link"}