{"product_id":"15102795153774","title":"【先行販売\/7月7日から順次出荷】春の息吹から秋の霜化粧まで――厚岸ウイスキー 3つの季節を愉しむ二十四節気シリーズセット（立春・穀雨・霜降）","description":"\u003cbody\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003c!-- 英語フォント 'Roboto Slab' の読み込み --\u003e\n\u003cp\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@400;700\u0026amp;display=swap\"\u003e\u003c\/p\u003e\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.65;\n            -webkit-font-smoothing: antialiased;\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: 1000px;\n            margin: 40px auto;\n            padding: 40px;\n            background-color: var(--bg-white);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n\n        \/* 商品上部（画像と基本情報） *\/\n        .product-hero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\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            aspect-ratio: 1 \/ 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .main-image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            transition: opacity 0.3s ease;\n        }\n\n        .thumbnail-list {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 12px;\n        }\n\n        .thumbnail-item {\n            aspect-ratio: 1 \/ 1;\n            border: 1px solid var(--border-light);\n            border-radius: 4px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            overflow: hidden;\n            background-color: #fafafa;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .thumbnail-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n\n        .thumbnail-item:hover, .thumbnail-item.active {\n            border-color: var(--bg-button);\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n\n        \/* =========================================\n           Product Info Area\n           ========================================= *\/\n        .product-info {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .product-brand {\n            font-size: 0.875rem;\n            color: var(--text-muted);\n            margin: 0 0 8px 0;\n            letter-spacing: 1px;\n        }\n\n        .product-title {\n            font-size: 1.625rem;\n            font-weight: bold;\n            margin: 0 0 16px 0;\n            line-height: 1.45;\n            color: #111111;\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            display: flex;\n            align-items: baseline;\n        }\n\n        .product-price .currency {\n            font-size: 1.25rem;\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            font-size: 0.95rem;\n            line-height: 1.7;\n        }\n\n        \/* カートアクションエリア *\/\n        .cart-action-area {\n            background-color: var(--bg-window);\n            padding: 24px;\n            border-radius: 6px;\n            margin-top: auto;\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            font-size: 0.95rem;\n        }\n\n        .quantity-selector input[type=\"number\"] {\n            width: 70px;\n            padding: 8px 12px;\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            background-color: var(--bg-white);\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, box-shadow 0.3s ease;\n        }\n\n        .btn-cart:hover {\n            background-color: #2a2a2a; \n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        }\n\n        .btn-cart:active {\n            transform: translateY(0);\n        }\n\n        .stock-status {\n            margin-top: 14px;\n            font-size: 0.875rem;\n            color: var(--color-accent); \/* 強調色（#FF7474） *\/\n            font-weight: bold;\n            text-align: center;\n        }\n\n        \/* =========================================\n           Set Contents Area (詳細情報)\n           ========================================= *\/\n        .set-contents-area {\n            border-top: 1px solid var(--text-main);\n            padding-top: 50px;\n            margin-top: 20px;\n        }\n\n        .section-title {\n            text-align: center;\n            font-size: 1.5rem;\n            font-weight: bold;\n            margin-bottom: 40px;\n            letter-spacing: 3px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            display: block;\n            width: 40px;\n            height: 2px;\n            background-color: var(--text-main);\n            margin: 12px auto 0;\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            font-weight: bold;\n            margin: 0 0 8px 0;\n            color: var(--text-main);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .set-item-details h3::before {\n            content: '';\n            display: inline-block;\n            width: 6px;\n            height: 1.25rem;\n            background-color: var(--bg-button);\n            border-radius: 2px;\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            background-color: #f5f5f5;\n            display: inline-block;\n            padding: 2px 8px;\n            border-radius: 4px;\n        }\n\n        .set-item-description {\n            font-size: 0.95rem;\n            color: var(--text-muted);\n            line-height: 1.7;\n        }\n\n        \/* =========================================\n           Responsive Design\n           ========================================= *\/\n        @media (max-width: 768px) {\n            .product-main-wrapper {\n                margin: 20px 12px;\n                padding: 24px 16px;\n            }\n\n            .product-hero {\n                grid-template-columns: 1fr;\n                gap: 32px;\n                margin-bottom: 40px;\n            }\n\n            .product-title {\n                font-size: 1.375rem;\n            }\n\n            .product-price {\n                font-size: 1.75rem;\n                margin-bottom: 20px;\n            }\n\n            .section-title {\n                font-size: 1.25rem;\n                margin-bottom: 30px;\n            }\n\n            .set-item-details h3 {\n                font-size: 1.125rem;\n            }\n        }\n    \u003c\/style\u003e\n\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                    厚岸ウイスキー「二十四節気シリーズ」の第14弾となる立春。一年の幕開けとなる「立春」の季節にふさわしい、静かに熟成を重ねてきた味わいを堪能できる厚岸ウイスキーです。\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                    厚岸ウイスキー「二十四節気シリーズ」の第15弾となる穀雨。穀物に実りをもたらす雨が降りそそぐ「穀雨」の季節にふさわしい、モルトウイスキーを贅沢に配合した深い味わいの厚岸クラシックブレンドです。\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                    厚岸ウイスキー「二十四節気シリーズ」の第17弾となる霜降。すべての動植物が恵みを享受し、北の大地が霜化粧を纏う「霜降（そうこう）」の季節にふさわしい、和の柑橘香を愉しめる厚岸の伝統的なクラシックブレンドです。\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\n\n\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/body\u003e","brand":"IMADEYA ONLINE STORE","offers":[{"title":"3本セット","offer_id":54218903519598,"sku":"S667","price":56100.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/story-akkeshi_2x_7458b4d4-8eca-4b7a-ad77-95aeaf7559bf.webp?v=1782281756","url":"https:\/\/imadeya.co.jp\/products\/15102795153774","provider":"IMADEYA ONLINE STORE","version":"1.0","type":"link"}