{"product_id":"020441010","title":"【季節限定】ジンジャー＆ハニー 155g","description":"\u003c!-- ============================================================\n  【Winter Citrus Series】キャッチコピー部分だけに動きをつけるコード（冬の演出版）\n  商品説明（HTML表示）の、該当する2行と置き換えて貼り付けてください。\n  ・文字の大きさ・色・フォントは、今の商品説明のスタイルをそのまま引き継ぎます\n  ・ページ表示時に再生。スクリプトが動く環境では「画面に入ったとき」に再生します\n  ・動きを減らす設定の端末では、静止表示（雪なし）になります\n============================================================ --\u003e\n\u003cstyle\u003e\n  .tolwc{--tolwc-navy:#1f3a5f; \/* ← パッケージのネイビー。正確な色コードがあればここだけ差し替え *\/\n    position:relative;display:block;margin:0 0 1em;padding:10px 0 12px;overflow:hidden}\n  .tolwc__series,.tolwc__copy{position:relative;z-index:1;display:inline-block}\n\n  \/* 1) シリーズ名：冷たい空気の中から、霜が溶けるように現れる *\/\n  .tolwc__series{animation:tolwc-series 1.4s ease both}\n  @keyframes tolwc-series{\n    from{opacity:0;letter-spacing:.3em;filter:blur(4px);color:var(--tolwc-navy);text-shadow:0 0 8px #fff}\n    to{opacity:1;letter-spacing:normal;filter:none}\n  }\n\n  \/* 1-2) シリーズ名を「キラリ」：小さなきらめきが、シリーズ名の下を、ゆるやかな弧を描いて左から右へ流れるように瞬く（約5秒ごと） *\/\n  .tolwc__shine{position:relative;display:inline-block}\n  .tolwc__glitter{position:absolute;left:-4px;right:-4px;top:calc(100% - 15px);height:16px;pointer-events:none;\n    filter:drop-shadow(0 0 1px rgba(201,160,80,.9)) drop-shadow(0 0 4px rgba(236,206,150,.9))}\n  .tolwc__glitter i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);\n    background:var(--c,#fff6e2);opacity:0;transform:scale(0);\n    clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);\n    animation:tolwc-twinkle 5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(1.4s + var(--n) * .018s)}\n  .tolwc__glitter i.dot{clip-path:circle(50%)}\n  @keyframes tolwc-twinkle{\n    0%{opacity:0;transform:translateX(-3px) scale(0) rotate(0)}\n    7%{opacity:1;transform:translateX(0) scale(1) rotate(15deg)}\n    20%{opacity:0;transform:translateX(4px) scale(.2) rotate(35deg)}\n    100%{opacity:0;transform:translateX(4px) scale(0)}\n  }\n  \/* 上品なきらめき：細く長い光の筋が、静かに灯って消える *\/\n  .tolwc__star{position:absolute;width:18px;height:18px;pointer-events:none;opacity:0;transform:scale(.3);\n    filter:drop-shadow(0 0 3px rgba(236,214,170,.9));animation:tolwc-star 5s ease-in-out infinite}\n  .tolwc__star svg{display:block;width:100%;height:100%;overflow:visible}\n  .tolwc__star--a{right:-13px;top:-8px;animation-delay:2.5s}\n  .tolwc__star--c{left:46%;top:-9px;width:11px;height:11px;animation-delay:2.05s}\n  @keyframes tolwc-star{\n    0%{opacity:0;transform:scale(.3) rotate(0)}\n    10%{opacity:1;transform:scale(1) rotate(12deg)}\n    22%{opacity:0;transform:scale(.6) rotate(20deg)}\n    100%{opacity:0;transform:scale(.3) rotate(20deg)}\n  }\n\n  \/* 2) コピー：一文字ずつ、白い吐息がほどけるように *\/\n  .tolwc__copy{padding-bottom:5px}\n  .tolwc__copy span{display:inline-block;animation:tolwc-char 1.3s ease-out both;\n    animation-delay:calc(.6s + var(--i) * .09s)}\n  @keyframes tolwc-char{\n    0%{opacity:0;transform:translateY(-.35em);filter:blur(5px);color:var(--tolwc-navy);text-shadow:0 0 10px #fff}\n    60%{opacity:1;filter:blur(0);color:var(--tolwc-navy);text-shadow:0 0 6px #fff}\n    100%{opacity:1;transform:none;filter:none}\n  }\n\n  \/* 3) 氷の青から柑橘色へ移ろうライン＋きらめき *\/\n  .tolwc__copy::after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;\n    background:linear-gradient(90deg,#e8a14f,#d9b98a 25%,#8f8a7a 50%,var(--tolwc-navy) 80%,rgba(31,58,95,0));\n    transform:scaleX(0);transform-origin:left;animation:tolwc-line 1.6s ease 2.2s both}\n  @keyframes tolwc-line{to{transform:scaleX(1)}}\n  .tolwc__glint{position:absolute;left:0;bottom:-3px;width:8px;height:8px;z-index:2;opacity:0;\n    background:radial-gradient(circle,#fff 0 25%,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 70%);\n    animation:tolwc-glint 1.6s ease 2.2s both}\n  @keyframes tolwc-glint{\n    0%{opacity:0;left:0}20%{opacity:1}85%{opacity:1}100%{opacity:0;left:calc(100% - 8px)}\n  }\n\n  \/* 4) ちらちらと舞う雪（ごく控えめ） *\/\n  .tolwc__snow{position:absolute;top:0;bottom:0;left:0;width:min(100%,480px);pointer-events:none;z-index:0}\n  .tolwc__snow i{position:absolute;top:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;\n    background:rgba(31,58,95,.28);background:color-mix(in srgb,var(--tolwc-navy) 28%,transparent);box-shadow:0 0 3px #fff;opacity:0;\n    animation:tolwc-snow var(--t) linear var(--d) infinite}\n  @keyframes tolwc-snow{\n    0%{opacity:0;transform:translate(0,0)}\n    15%{opacity:.85}\n    50%{transform:translate(10px,55px)}\n    85%{opacity:.7}\n    100%{opacity:0;transform:translate(-6px,110px)}\n  }\n\n  \/* 画面に入るまで待機（スクリプトが動く場合のみ） *\/\n  .tolwc.is-wait *,.tolwc.is-wait .tolwc__copy::after{animation-play-state:paused}\n\n  @media (prefers-reduced-motion:reduce){\n    .tolwc *,.tolwc__copy::after{animation:none!important}\n    .tolwc__copy::after{transform:scaleX(1)}\n    .tolwc__snow,.tolwc__glint{display:none}\n  }\n\u003c\/style\u003e\n\u003cp class=\"tolwc\" id=\"tolwc\"\u003e\u003cspan class=\"tolwc__snow\" aria-hidden=\"true\"\u003e \u003ci style=\"--x: 4%; --s: 4px; --t: 7s; --d: .2s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 13%; --s: 3px; --t: 9s; --d: 2.4s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 22%; --s: 5px; --t: 8s; --d: 1.1s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 31%; --s: 3px; --t: 10s; --d: 3.6s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 40%; --s: 4px; --t: 7.5s; --d: .8s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 50%; --s: 3px; --t: 9.5s; --d: 4.4s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 59%; --s: 5px; --t: 8.5s; --d: 1.8s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 68%; --s: 3px; --t: 10s; --d: .4s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 78%; --s: 4px; --t: 7s; --d: 3s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 88%; --s: 3px; --t: 9s; --d: 1.5s;\"\u003e\u003c\/i\u003e \u003ci style=\"--x: 96%; --s: 4px; --t: 8s; --d: 5s;\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"tolwc__series\"\u003e\u003cspan class=\"tolwc__shine\"\u003e【Winter Citrus Series】\u003cb class=\"tolwc__glitter\" aria-hidden=\"true\"\u003e\u003ci style=\"--x: 2%; --n: 2; --y: 17%; --s: 8px;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 8%; --n: 8; --y: 34%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 14%; --n: 14; --y: 30%; --s: 10px; --c: #ecd29a;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 20%; --n: 20; --y: 46%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 26%; --n: 26; --y: 41%; --s: 9px;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 32%; --n: 32; --y: 55%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 38%; --n: 38; --y: 48%; --s: 8px; --c: #ecd29a;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 44%; --n: 44; --y: 59%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 50%; --n: 50; --y: 50%; --s: 10px;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 56%; --n: 56; --y: 59%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 62%; --n: 62; --y: 48%; --s: 9px; --c: #ecd29a;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 68%; --n: 68; --y: 55%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 74%; --n: 74; --y: 41%; --s: 8px;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 80%; --n: 80; --y: 46%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003ci style=\"--x: 86%; --n: 86; --y: 30%; --s: 10px; --c: #ecd29a;\"\u003e\u003c\/i\u003e\u003ci class=\"dot\" style=\"--x: 92%; --n: 92; --y: 34%; --s: 3px; --c: #d9b56e;\"\u003e\u003c\/i\u003e\u003c\/b\u003e\u003cb class=\"tolwc__star tolwc__star--a\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 20 20\"\u003e\u003cpath d=\"M10 0C10.25 7.2 12.8 9.75 20 10 12.8 10.25 10.25 12.8 10 20 9.75 12.8 7.2 10.25 0 10 7.2 9.75 9.75 7.2 10 0Z\" fill=\"#fffaf0\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 6.2C10.15 9.2 10.8 9.85 13.8 10 10.8 10.15 10.15 10.8 10 13.8 9.85 10.8 9.2 10.15 6.2 10 9.2 9.85 9.85 9.2 10 6.2Z\" fill=\"#e3c88f\" transform=\"rotate(45 10 10)\"\u003e\u003c\/path\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"1.1\" fill=\"#fff\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/b\u003e\u003cb class=\"tolwc__star tolwc__star--c\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 20 20\"\u003e\u003cpath d=\"M10 0C10.25 7.2 12.8 9.75 20 10 12.8 10.25 10.25 12.8 10 20 9.75 12.8 7.2 10.25 0 10 7.2 9.75 9.75 7.2 10 0Z\" fill=\"#fffaf0\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 6.2C10.15 9.2 10.8 9.85 13.8 10 10.8 10.15 10.15 10.8 10 13.8 9.85 10.8 9.2 10.15 6.2 10 9.2 9.85 9.85 9.2 10 6.2Z\" fill=\"#e3c88f\" transform=\"rotate(45 10 10)\"\u003e\u003c\/path\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"1.1\" fill=\"#fff\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/b\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"tolwc__copy\" aria-label=\"柑橘を主役にした、冬を彩る香り。\"\u003e\u003cspan style=\"--i: 0;\" aria-hidden=\"true\"\u003e柑\u003c\/span\u003e\u003cspan style=\"--i: 1;\" aria-hidden=\"true\"\u003e橘\u003c\/span\u003e\u003cspan style=\"--i: 2;\" aria-hidden=\"true\"\u003eを\u003c\/span\u003e\u003cspan style=\"--i: 3;\" aria-hidden=\"true\"\u003e主\u003c\/span\u003e\u003cspan style=\"--i: 4;\" aria-hidden=\"true\"\u003e役\u003c\/span\u003e\u003cspan style=\"--i: 5;\" aria-hidden=\"true\"\u003eに\u003c\/span\u003e\u003cspan style=\"--i: 6;\" aria-hidden=\"true\"\u003eし\u003c\/span\u003e\u003cspan style=\"--i: 7;\" aria-hidden=\"true\"\u003eた\u003c\/span\u003e\u003cspan style=\"--i: 8;\" aria-hidden=\"true\"\u003e、\u003c\/span\u003e\u003cspan style=\"--i: 9;\" aria-hidden=\"true\"\u003e冬\u003c\/span\u003e\u003cspan style=\"--i: 10;\" aria-hidden=\"true\"\u003eを\u003c\/span\u003e\u003cspan style=\"--i: 11;\" aria-hidden=\"true\"\u003e彩\u003c\/span\u003e\u003cspan style=\"--i: 12;\" aria-hidden=\"true\"\u003eる\u003c\/span\u003e\u003cspan style=\"--i: 13;\" aria-hidden=\"true\"\u003e香\u003c\/span\u003e\u003cspan style=\"--i: 14;\" aria-hidden=\"true\"\u003eり\u003c\/span\u003e\u003cspan style=\"--i: 15;\" aria-hidden=\"true\"\u003e。\u003c\/span\u003e\u003cb class=\"tolwc__glint\" aria-hidden=\"true\"\u003e\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e生活の木オリジナルの生姜のハチミツシロップ漬けです。\u003cbr\u003e\u003cbr\u003eハチミツとアガベシロップをブレンドしたシロップで、すっきりとした甘みに仕上げました。\u003cbr\u003e千切りの生姜を使用しており、濃厚な生姜の風味が特徴です。\u003cbr\u003e\u003cbr\u003eティースプーン4～5杯を目安に約150mlの熱湯を注ぎ、よくかき混ぜるだけで、手軽に生姜風味のドリンクをお楽しみいただけます。\u003cbr\u003e\u003cbr\u003eまたハーブティーや紅茶に加えたり、炭酸水で割ったり、料理の味付けに使用したりと、さまざまなアレンジもおすすめです。\u003cbr\u003e\u003cbr\u003e\u003ca href=\"https:\/\/onlineshop.treeoflife.co.jp\/collections\/wintercitrus\" title=\"ウィンターシトラスシリーズ\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0774\/6597\/7119\/files\/2026Winterbanner.png?v=1789532629\" alt=\"Winter Citrus Series\" width=\"585\" height=\"152\"\u003e\u003c\/a\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"生活の木 オンラインストア","offers":[{"title":"Default Title","offer_id":52888602312991,"sku":"020441010","price":2160.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0774\/6597\/7119\/files\/020441010_m.png?v=1789545795","url":"https:\/\/onlineshop.treeoflife.co.jp\/products\/020441010","provider":"生活の木 オンラインストア","version":"1.0","type":"link"}