{"product_id":"15101146759534","title":"【先行販売\/7月7日から順次出荷】柑橘・ハチミツ・スモークが織りなす♪ 厚岸ウイスキー 二十四節気シリーズ3本アソート（啓蟄／小満／白露）","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厚岸ウイスキー 二十四節気シリーズ 3本セット（啓蟄・小満・白露）\u003c\/title\u003e\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           Variables \u0026 Base Styles\n           ========================================= *\/\n        :root {\n            \/* 指定カラーコード *\/\n            --color-accent: #FF7474;\n            --bg-window: #eff2f4;\n            --bg-button: #404040;\n            --color-button: #FFF;\n            \n            \/* 指定フォント *\/\n            --font-jp: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;\n            --font-en: 'Roboto Slab', serif;\n            \n            \/* そのその他の基本色 *\/\n            --text-main: #333333;\n            --text-muted: #666666;\n            --border-light: #e0e0e0;\n            --bg-white: #ffffff;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: var(--font-jp);\n            color: var(--text-main);\n            background-color: var(--bg-window);\n            line-height: 1.6;\n        }\n\n        \/* 英語部分にのみRoboto Slabを適用するためのユーティリティ *\/\n        .font-en {\n            font-family: var(--font-en);\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* =========================================\n           Layout \u0026 Container\n           ========================================= *\/\n        .product-main-wrapper {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 40px;\n            background-color: var(--bg-white);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n            border-radius: 8px;\n        }\n\n        \/* 商品上部（画像と基本情報） *\/\n        .product-hero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            margin-bottom: 60px;\n        }\n\n        \/* =========================================\n           Gallery Area\n           ========================================= *\/\n        .product-gallery {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .main-image-container {\n            border: 1px solid var(--border-light);\n            border-radius: 4px;\n            overflow: hidden;\n            background-color: #fafafa;\n        }\n\n        .thumbnail-list {\n            display: flex;\n            gap: 12px;\n        }\n\n        .thumbnail-item {\n            width: 80px;\n            height: 80px;\n            border: 1px solid var(--border-light);\n            border-radius: 4px;\n            cursor: pointer;\n            transition: border-color 0.3s ease;\n            overflow: hidden;\n        }\n\n        .thumbnail-item:hover, .thumbnail-item.active {\n            border-color: var(--bg-button);\n        }\n\n        \/* =========================================\n           Product Info Area\n           ========================================= *\/\n        .product-info {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .product-title {\n            font-size: 1.75rem;\n            font-weight: bold;\n            margin: 0 0 16px 0;\n            line-height: 1.4;\n        }\n\n        .product-price {\n            font-size: 2rem;\n            font-weight: bold;\n            color: var(--text-main);\n            margin-bottom: 24px;\n            border-bottom: 1px solid var(--border-light);\n            padding-bottom: 16px;\n        }\n\n        .product-price .currency {\n            font-size: 1rem;\n            margin-right: 4px;\n        }\n\n        .product-price .tax {\n            font-size: 0.875rem;\n            font-weight: normal;\n            color: var(--text-muted);\n            margin-left: 8px;\n        }\n\n        .product-description {\n            margin-bottom: 32px;\n            color: var(--text-muted);\n        }\n\n        \/* カートアクションエリア *\/\n        .cart-action-area {\n            background-color: var(--bg-window);\n            padding: 24px;\n            border-radius: 4px;\n            margin-bottom: 32px;\n        }\n\n        .quantity-selector {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .quantity-selector label {\n            font-weight: bold;\n        }\n\n        .quantity-selector input[type=\"number\"] {\n            width: 60px;\n            padding: 8px;\n            border: 1px solid var(--border-light);\n            border-radius: 4px;\n            font-family: var(--font-en);\n            font-size: 1rem;\n            text-align: center;\n        }\n\n        .btn-cart {\n            display: block;\n            width: 100%;\n            background-color: var(--bg-button);\n            color: var(--color-button);\n            text-align: center;\n            padding: 16px;\n            font-size: 1.125rem;\n            font-weight: bold;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease, transform 0.2s ease;\n        }\n\n        .btn-cart:hover {\n            \/* 少し明るくする表現 *\/\n            background-color: #555555; \n            transform: translateY(-2px);\n        }\n\n        .stock-status {\n            margin-top: 12px;\n            font-size: 0.875rem;\n            color: var(--color-accent); \/* 強調色を使用 *\/\n            font-weight: bold;\n        }\n\n        \/* =========================================\n           Series Explanation Area\n           ========================================= *\/\n        .series-intro-block {\n            border-top: 2px solid var(--text-main);\n            padding: 50px 30px;\n            background-color: #fafbfc;\n            border-radius: 6px;\n            margin-bottom: 50px;\n        }\n\n        .series-intro-title {\n            font-size: 1.4rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            letter-spacing: 1.5px;\n            color: var(--text-main);\n            text-align: center; \/* タイトルを確実に中央寄せにします *\/\n        }\n\n        .series-intro-text {\n            max-width: 850px;\n            margin: 0 auto;\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.8;\n            text-align: left; \/* 文章は左寄せ *\/\n        }\n        \n        \/* 段落が連続する場合の余白設定 *\/\n        .series-intro-text + .series-intro-text {\n            margin-top: 1.5em;\n        }\n\n        @media (max-width: 768px) {\n            .series-intro-block {\n                padding: 30px 16px;\n            }\n            .series-intro-text {\n                font-size: 0.875rem;\n            }\n        }\n\n        \/* =========================================\n           Set Contents Area (詳細情報)\n           ========================================= *\/\n        .set-contents-area {\n            border-top: 1px solid var(--border-light);\n            padding-top: 40px;\n        }\n\n        .section-title {\n            text-align: center;\n            font-size: 1.5rem;\n            margin-bottom: 40px;\n            letter-spacing: 2px;\n        }\n\n        \/* 画像削除に伴い、シンプルなブロック構成へ変更 *\/\n        .set-item {\n            margin-bottom: 40px;\n            padding-bottom: 40px;\n            border-bottom: 1px dashed var(--border-light);\n        }\n\n        .set-item:last-child {\n            border-bottom: none;\n            margin-bottom: 0;\n            padding-bottom: 0;\n        }\n\n        .set-item-details h3 {\n            font-size: 1.25rem;\n            margin: 0 0 8px 0;\n            color: var(--text-main);\n        }\n\n        .set-item-code {\n            font-family: var(--font-en);\n            font-size: 0.875rem;\n            color: var(--text-muted);\n            margin-bottom: 16px;\n        }\n\n        \/* =========================================\n           Responsive Design\n           ========================================= *\/\n        @media (max-width: 768px) {\n            .product-main-wrapper {\n                margin: 20px 16px;\n                padding: 24px 16px;\n            }\n\n            .product-hero {\n                grid-template-columns: 1fr;\n                gap: 32px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cmain class=\"product-main-wrapper\"\u003e\n\n    \u003c!-- 二十四節気シリーズの概要説明 --\u003e\n    \u003csection class=\"series-intro-block\"\u003e\n        \u003ch2 class=\"series-intro-title\"\u003e厚岸蒸溜所「二十四節気シリーズ」とは\u003c\/h2\u003e\n        \n        \u003cp class=\"series-intro-text\"\u003e\n            二十四節気（にじゅうしせっき）とは、1年を24に分けて季節の推移を示す暦のこと。厚岸蒸溜所では、この伝統的な暦をテーマにウイスキーを約3か月おきに順次リリースしています。\u003cbr\u003e\n            「寒露（かんろ）」（第1弾）から、「雨水」「夏至」「立冬」など、発売時期の季節や情景に合わせてブレンドやシングルモルトが発売されます。\u003cbr\u003e\n            各リリースごとに異なる香味を楽しむことができ、世界でも数々の賞を獲得するなど、国内外で非常に高い評価を受けているシリーズです。\n        \u003c\/p\u003e\n        \n        \u003cp class=\"series-intro-text\"\u003e\n            今回は「厚岸蒸溜所」のセラーで大切に保管してきた、今や市場では極めて入手困難となった二十四節気シリーズのバックヴィンテージを、特別なセットとして数量限定で先行販売いたします。厚岸が紡いできた季節のストーリーを、もう一度五感で味わうまたとないチャンスです。\n        \u003c\/p\u003e\n        \n    \u003c\/section\u003e\n\n    \u003c!-- セット内容詳細エリア --\u003e\n    \u003csection class=\"set-contents-area\"\u003e\n        \u003ch2 class=\"section-title\"\u003eセット内容\u003c\/h2\u003e\n        \n        \u003c!-- アイテム1: 啓蟄 --\u003e\n        \u003carticle class=\"set-item\"\u003e\n            \u003cdiv class=\"set-item-details\"\u003e\n                \u003ch3\u003e厚岸シングルモルト ジャパニーズウイスキー 啓蟄（けいちつ）\u003c\/h3\u003e\n                \u003cp class=\"set-item-description\"\u003e\n                    厚岸ウイスキー「二十四節気シリーズ」の第10弾となる啓蟄。春の訪れを告げる「啓蟄」の季節にふさわしい、柔らかな日差しの中で楽しみたい厚岸ウイスキーです。\u003cbr\u003e\n                    みかんやレモングラスを思わせる柑橘の爽やかな香りに、黒糖やみたらし団子の深みが溶け込んでいます。\u003cbr\u003e\n                    口に含むとオレンジやマヌカハニーの甘酸っぱさが広がり、余韻にはホワイトペッパーや紅茶、カラメルの心地よい苦みと甘味が楽しめます。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003c!-- アイテム2: 小満 --\u003e\n        \u003carticle class=\"set-item\"\u003e\n            \u003cdiv class=\"set-item-details\"\u003e\n                \u003ch3\u003e厚岸ブレンデッド ウイスキー 小満（しょうまん）\u003c\/h3\u003e\n                \u003cp class=\"set-item-description\"\u003e\n                    厚岸ウイスキー「二十四節気シリーズ」の第11弾となる小満。万物が生長し始める「小満」の季節にふさわしい、自然の美しさを愛でながら愉しみたい厚岸ウイスキーです。\u003cbr\u003e\n                    トロピカルフルーツやハチミツの甘い香りに、焼いたソーセージのようなスモークのニュアンスが絶妙に重なります。\u003cbr\u003e\n                    ハチミツの甘みとレモンの酸味にピート感が調和し、スパイシーさと柑橘の甘苦さが織りなす深い味わいを楽しめます。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003c!-- アイテム3: 白露 --\u003e\n        \u003carticle class=\"set-item\"\u003e\n            \u003cdiv class=\"set-item-details\"\u003e\n                \u003ch3\u003e厚岸ブレンデッド ウイスキー 白露（はくろ）\u003c\/h3\u003e\n                \u003cp class=\"set-item-description\"\u003e\n                    厚岸ウイスキー「二十四節気シリーズ」の第12弾となる白露。秋の涼気を感じる「白露」の季節にふさわしい、秋の実りに感謝しながら宵に楽しみたい厚岸ウイスキーです。\u003cbr\u003e\n                    爽やかな和柑橘やカスタードプリンの甘い香りに、焚火の煙のようなニュアンスが複雑に絡み合います。\u003cbr\u003e\n                    みかんジンジャーやオレンジ味のラムネを思わせる味わいから、ホワイトペッパーと柑橘のピール感が一体となった余韻を心地よく感じます。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/article\u003e\n    \u003c\/section\u003e\n\n\u003c\/main\u003e\n\n\u003cscript\u003e\n    \/**\n     * サムネイル画像をクリックした際、メイン画像を切り替える機能\n     *\/\n    function changeImage(src, element) {\n        \/\/ メイン画像のソースを変更\n        document.getElementById('mainImage').src = src;\n        \n        \/\/ 全てのサムネイルからactiveクラスを外す\n        const thumbnails = document.querySelectorAll('.thumbnail-item');\n        thumbnails.forEach(thumb =\u003e {\n            thumb.classList.remove('active');\n        });\n        \n        \/\/ クリックされたサムネイルにactiveクラスを付与\n        element.classList.add('active');\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"IMADEYA ONLINE STORE","offers":[{"title":"3本セット","offer_id":54218898637166,"sku":"S666","price":62700.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/virtualtour_img3.webp?v=1782279716","url":"https:\/\/imadeya.co.jp\/products\/15101146759534","provider":"IMADEYA ONLINE STORE","version":"1.0","type":"link"}