{"title":"テスト用インパクト重視 スポットライト","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400;1,6..96,500\u0026family=Shippori+Mincho:wght@400;500;600\u0026display=swap');\n.spt{--bk:#0E0E0E;--wh:#F4F1EA;--gold:#C9A75E;--top:0px;container-type:inline-size;box-sizing:border-box;width:100%;margin:0 auto;background:var(--bk);color:var(--wh);font-family:\"Shippori Mincho\",\"Yu Mincho\",\"Hiragino Mincho ProN\",serif;font-size:14px;line-height:1.75;text-align:left;position:relative;-webkit-font-smoothing:antialiased}\n.spt *{box-sizing:border-box}\n.spt .sp-eyebrow,.spt .sp-title,.spt .num,.spt .br,.spt .cnt,.spt .sp-marquee,.spt .sp-fill,.spt .sp-foot,.spt .sp-cue span{font-family:\"Bodoni Moda\",\"Didot\",\"Times New Roman\",serif;font-weight:400}\n\/* hero *\/\n.spt .sp-hero{position:relative;aspect-ratio:1\/1;min-height:420px;overflow:hidden;background:#000}\n.spt .sp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}\n.spt .sp-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%)}\n.spt .sp-head{position:absolute;left:0;right:0;top:9%;text-align:center;padding:0 12px}\n.spt .sp-eyebrow{font-size:10px;letter-spacing:.34em;color:var(--gold)}\n.spt .sp-title{font-size:clamp(50px,14.5cqw,98px);line-height:1;letter-spacing:.04em;color:#fff;margin:8px 0 10px;text-shadow:0 2px 24px rgba(0,0,0,.35)}\n.spt .sp-title .ch{display:inline-block;opacity:0;transform:translateY(.5em) rotate(4deg);animation:sp-up .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.07s * var(--i) + .2s)}\n@keyframes sp-up{to{opacity:1;transform:none}}\n.spt .sp-lead{font-size:13px;line-height:1.9;color:#fff;margin:0;opacity:0;animation:sp-fade 1.2s 1s ease-out forwards;text-shadow:0 1px 12px rgba(0,0,0,.5)}\n@keyframes sp-fade{to{opacity:1}}\n.spt a.sp-cue,.spt a.sp-cue:visited{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#fff!important;text-decoration:none;font-size:9px;letter-spacing:.34em;text-align:center;opacity:0;animation:sp-fade 1s 1.6s ease-out forwards}\n.spt .sp-cue span{display:block;margin-bottom:6px}\n.spt .sp-cue i{display:block;width:1px;height:34px;margin:0 auto;background:linear-gradient(#fff,rgba(255,255,255,0));animation:sp-cue 1.8s ease-in-out infinite}\n@keyframes sp-cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}\n\/* marquee *\/\n.spt .sp-marquee{overflow:hidden;background:var(--gold);color:var(--bk);border-top:1px solid var(--bk);border-bottom:1px solid var(--bk)}\n.spt .sp-marquee .track{display:inline-flex;white-space:nowrap;animation:sp-marq 26s linear infinite;will-change:transform}\n.spt .sp-marquee span{padding:9px 0;font-size:12px;letter-spacing:.3em}\n.spt .sp-marquee span::after{content:\"·\";padding:0 18px}\n@keyframes sp-marq{to{transform:translateX(-50%)}}\n\/* stack *\/\n.spt .sp-stack{position:relative}\n.spt .sp-panel{position:sticky;top:var(--top);height:calc(100svh - var(--top));min-height:540px;overflow:hidden;background:var(--bk);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;transform-origin:50% 0}\n.spt .sp-panel .bg{position:absolute;inset:0}\n.spt .sp-panel .bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12)}\n.spt .sp-panel.on .bg img{animation:sp-kb 18s ease-out forwards}\n@keyframes sp-kb{from{transform:scale(1.12)}to{transform:scale(1)}}\n.spt .sp-panel .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.78) 100%)}\n.spt .sp-panel .dim{position:absolute;inset:0;background:#000;opacity:var(--cover,0);pointer-events:none}\n.spt .sp-panel .num{position:absolute;left:14px;top:4px;font-size:clamp(96px,24cqw,168px);line-height:1;color:#fff;opacity:0;transform:translateY(.15em);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);text-shadow:0 2px 30px rgba(0,0,0,.35)}\n.spt .sp-panel.on .num{opacity:.95;transform:none}\n.spt .sp-panel .cnt{position:absolute;right:16px;top:18px;font-size:11px;letter-spacing:.24em;color:rgba(255,255,255,.85)}\n.spt .sp-panel .info{position:relative;display:flex;align-items:flex-end;gap:14px;padding:0 16px 24px}\n.spt .sp-panel .txt{flex:1;min-width:0}\n.spt .sp-panel .txt\u003e*{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}\n.spt .sp-panel.on .txt\u003e*{opacity:1;transform:none}\n.spt .sp-panel.on .txt\u003e*:nth-child(2){transition-delay:.1s}.spt .sp-panel.on .txt\u003e*:nth-child(3){transition-delay:.2s}.spt .sp-panel.on .txt\u003e*:nth-child(4){transition-delay:.3s}.spt .sp-panel.on .txt\u003e*:nth-child(5){transition-delay:.4s}\n.spt .br{font-size:10px;letter-spacing:.3em;color:var(--gold)}\n.spt .sp-panel h2{font-size:clamp(18px,4.2cqw,26px);font-weight:500;line-height:1.45;letter-spacing:.04em;margin:6px 0 4px;color:#fff}\n.spt .sp-panel .one{font-size:12.5px;margin:0 0 8px;color:rgba(255,255,255,.82)}\n.spt .sp-panel .pr{font-size:14px;letter-spacing:.06em;margin-bottom:12px}\n.spt a.sp-btn,.spt a.sp-btn:visited{display:inline-block;padding:11px 22px;border:1px solid #fff;color:#fff!important;font-size:12px;letter-spacing:.16em;text-decoration:none;transition:background .25s,color .25s;background:transparent}\n.spt a.sp-btn:hover{background:#fff;color:var(--bk)!important}\n.spt a.sp-btn.fill,.spt a.sp-btn.fill:visited{background:#fff;color:var(--bk)!important}\n.spt a.sp-btn.fill:hover{background:var(--gold);color:var(--bk)!important}\n.spt .sp-panel a.thumb{flex:0 0 92px;width:92px;height:92px;background:#fff;display:block;overflow:hidden;opacity:0;transform:translateY(14px) rotate(-3deg);transition:opacity .7s .35s ease,transform .7s .35s cubic-bezier(.2,.7,.2,1)}\n.spt .sp-panel.on a.thumb{opacity:1;transform:none}\n.spt .sp-panel a.thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:6%}\n\/* interlude *\/\n.spt .sp-light{background:var(--bk);color:var(--wh);padding:46px 16px 40px;text-align:center}\n.spt .sp-fillwrap{display:block}\n.spt .sp-fill{font-size:clamp(84px,27cqw,190px);line-height:.9;letter-spacing:.02em;font-style:italic;background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:transparent;clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}\n.spt .sp-fillwrap.in .sp-fill{clip-path:inset(-10% 0 -10% 0)}\n.spt .sp-light-p{font-size:13px;margin:16px auto 0;max-width:30em}\n\/* final *\/\n.spt .sp-final{position:relative;background:var(--bk)}\n.spt .sp-video2{display:block;width:100%;aspect-ratio:1\/1;object-fit:cover}\n.spt .sp-final-txt{padding:30px 16px 14px;text-align:center}\n.spt .sp-final h2{font-size:clamp(22px,5.4cqw,32px);font-weight:500;letter-spacing:.06em;margin:8px 0 10px;color:#fff}\n.spt .sp-final p{font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.8);margin:0 auto 18px;max-width:30em}\n.spt .sp-final .btns{display:grid;gap:8px}\n.spt .sp-final .btns a{display:block;text-align:center;padding:14px}\n.spt .sp-note{font-size:10.5px;color:rgba(255,255,255,.55);margin-top:12px}\n.spt a.sp-top,.spt a.sp-top:visited{display:inline-block;margin-top:18px;color:var(--gold)!important;text-decoration:none;font-size:11px;letter-spacing:.2em}\n.spt .sp-foot{display:flex;justify-content:space-between;gap:10px;padding:18px 16px 20px;font-size:9px;letter-spacing:.26em;color:rgba(255,255,255,.6)}\n\/* reveal *\/\n.spt .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1)}\n.spt .rv.in{opacity:1;transform:none}\n.spt .sp-fillwrap.rv{opacity:1;transform:none;transition:none}\n\/* 検証用: ?flat=1 で固定を解除（全体スクショ用） *\/\n.spt.flat .sp-panel{position:relative;height:auto;aspect-ratio:1\/1.15;min-height:0}\n@container (min-width:560px){\n  .spt .sp-final .btns{grid-template-columns:1fr 1fr}\n  .spt .sp-panel .info{padding:0 24px 30px}\n  .spt .sp-panel a.thumb{flex-basis:120px;width:120px;height:120px}\n}\n@media (prefers-reduced-motion:reduce){\n  .spt .rv,.spt .sp-panel .txt\u003e*,.spt .sp-panel a.thumb,.spt .sp-panel .num{opacity:1;transform:none;transition:none}\n  .spt .sp-title .ch,.spt .sp-lead,.spt a.sp-cue,.spt .sp-cue i,.spt .sp-marquee .track,.spt .sp-panel.on .bg img{animation:none;opacity:1;transform:none}\n  .spt .sp-panel .bg img{transform:none}\n  .spt .sp-fill{clip-path:none;transition:none}\n  .spt .sp-panel .dim{display:none}\n}\n\u003c\/style\u003e\n\u003cdiv class=\"spt\" id=\"spt\"\u003e\n  \u003cheader class=\"sp-hero\"\u003e\n    \u003cvideo class=\"sp-video\" muted loop playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/holiday26_loop_poster.jpg\" aria-label=\"ペアリングの動画（音声なし）\"\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f81d7a73bb4458bfa1ed45af90a0b0.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003cdiv class=\"sp-veil\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sp-head\"\u003e\n      \u003cdiv class=\"sp-eyebrow\"\u003eHARADA JEWELRY ONLINE\u003c\/div\u003e\n      \u003cdiv class=\"sp-title\" aria-label=\"SPOTLIGHT\"\u003e\n\u003cspan class=\"ch\" style=\"--i:0\"\u003eS\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:1\"\u003eP\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:2\"\u003eO\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:3\"\u003eT\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:4\"\u003eL\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:5\"\u003eI\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:6\"\u003eG\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:7\"\u003eH\u003c\/span\u003e\u003cspan class=\"ch\" style=\"--i:8\"\u003eT\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp class=\"sp-lead\"\u003e一点に、光を。\u003cbr\u003e4つのメゾンから8点。一画面に、ひとつずつ。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003ca class=\"sp-cue\" href=\"#sp-01\"\u003e\u003cspan\u003eSCROLL\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003c\/a\u003e\n  \u003c\/header\u003e\n  \u003cdiv class=\"sp-marquee\" aria-hidden=\"true\"\u003e\u003cdiv class=\"track\"\u003e\n\u003cspan\u003eBOUCHERON\u003c\/span\u003e\u003cspan\u003eCHOPARD\u003c\/span\u003e\u003cspan\u003eDAMIANI\u003c\/span\u003e\u003cspan\u003eMAUBOUSSIN\u003c\/span\u003e\u003cspan\u003eBOUCHERON\u003c\/span\u003e\u003cspan\u003eCHOPARD\u003c\/span\u003e\u003cspan\u003eDAMIANI\u003c\/span\u003e\u003cspan\u003eMAUBOUSSIN\u003c\/span\u003e\u003cspan\u003eBOUCHERON\u003c\/span\u003e\u003cspan\u003eCHOPARD\u003c\/span\u003e\u003cspan\u003eDAMIANI\u003c\/span\u003e\u003cspan\u003eMAUBOUSSIN\u003c\/span\u003e\u003cspan\u003eBOUCHERON\u003c\/span\u003e\u003cspan\u003eCHOPARD\u003c\/span\u003e\u003cspan\u003eDAMIANI\u003c\/span\u003e\u003cspan\u003eMAUBOUSSIN\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\n  \u003csection class=\"sp-stack\"\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-01\" data-i=\"0\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/827702-1229_wearing.webp?v=1778665046\u0026amp;width=1000\" alt=\"\" loading=\"eager\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e01\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eCHOPARD\u003c\/div\u003e\n        \u003ch2\u003eアイスキューブ ホワイトゴールド リング（ダイヤモンド）\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e角のある光が、指の上で揃う。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥220,000\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/chopard-827702-1229\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/chopard-827702-1229\" aria-label=\"アイスキューブ ホワイトゴールド リング（ダイヤモンド） の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/827702-1229_01.webp?v=1769321804\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e01 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-02\" data-i=\"1\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/JRG01782_wearing_3aeb7809-e156-4049-b53a-6944d8c337b1.webp?v=1784791407\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e02\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eBOUCHERON\u003c\/div\u003e\n        \u003ch2\u003eキャトル ブラック ダイヤモンド リング ラージ\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e黒と金を、一本に。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥1,980,000\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/boucheron-jrg01782\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/boucheron-jrg01782\" aria-label=\"キャトル ブラック ダイヤモンド リング ラージ の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/resize_2_93e3f0f3-57d1-4093-a946-21ec77fbc004.webp?v=1784791313\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e02 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-03\" data-i=\"2\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/20091103_wearing-11.webp?v=1777688320\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e03\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eDAMIANI\u003c\/div\u003e\n        \u003ch2\u003eミヌー ホワイトゴールド エメラルドカット ネックレス\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e長方形の光を、鎖骨に。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥569,800\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/damiani-20091103-1\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/damiani-20091103-1\" aria-label=\"ミヌー ホワイトゴールド エメラルドカット ネックレス の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/20091100_1.webp?v=1765338867\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e03 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-04\" data-i=\"3\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/RI1352WGAMRUDI_wearing.webp?v=1780543482\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e04\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eMAUBOUSSIN\u003c\/div\u003e\n        \u003ch2\u003eクルール・アルルカン アメシスト リング\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e菫色を、大きく。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥660,000\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/mauboussin-ri1352wgamrudi\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/mauboussin-ri1352wgamrudi\" aria-label=\"クルール・アルルカン アメシスト リング の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/couleur-arlequin_bague_amru_wg-1_1062x.progressive_94f615a4-40de-4f2d-8d51-0043826989ab.webp?v=1780220765\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e04 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003csection class=\"sp-light\"\u003e\n    \u003cdiv class=\"sp-fillwrap rv\"\u003e\u003cdiv class=\"sp-fill\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/JPN00716_lifestyle.webp?v=1790933516\u0026amp;width=1200')\"\u003eLIGHT\u003c\/div\u003e\u003c\/div\u003e\n    \u003cp class=\"sp-light-p\"\u003e照明を落とした部屋で、最後まで残るのは、光るもの。\u003c\/p\u003e\n  \u003c\/section\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-05\" data-i=\"4\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/JPN00716_lifestyle.webp?v=1790933516\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e05\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eBOUCHERON\u003c\/div\u003e\n        \u003ch2\u003eセルパンボエム ペンダント XS オニキス\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e黒いしずくを、首元に。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥316,800\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/boucheron-jpn00716\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/boucheron-jpn00716\" aria-label=\"セルパンボエム ペンダント XS オニキス の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/resize_1_bbe918b1-7d4e-4c7b-b44c-3047fc707b8f.webp?v=1778293695\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e05 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-06\" data-i=\"5\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/ho-4_bf397879-bd0f-4e41-8db0-8a7642cdd392.jpg?v=1774160920\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e06\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eCHOPARD\u003c\/div\u003e\n        \u003ch2\u003eハッピーダイヤモンド アイコン ラウンドネックレス S\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e動くダイヤモンドが、光を拾う。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥396,000\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/chopard-s-79a017-1001\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/chopard-s-79a017-1001\" aria-label=\"ハッピーダイヤモンド アイコン ラウンドネックレス S の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/products\/SP_79A017-1001_cl1.png?v=1655192509\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e06 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-07\" data-i=\"6\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/20095161_c_3.webp?v=1767343473\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e07\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eDAMIANI\u003c\/div\u003e\n        \u003ch2\u003eベルエポック・リール ホワイトゴールド ブレスレット\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e袖口で、線になる光。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥698,500\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/damiani-20095161\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/damiani-20095161\" aria-label=\"ベルエポック・リール ホワイトゴールド ブレスレット の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/20095161_c_1.webp?v=1767343473\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e07 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003carticle class=\"sp-panel\" id=\"sp-08\" data-i=\"7\"\u003e\n    \u003cdiv class=\"bg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/EA1110WGBE_lifestyle.webp?v=1780556677\u0026amp;width=1000\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dim\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"num\" aria-hidden=\"true\"\u003e08\u003c\/div\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cdiv class=\"txt\"\u003e\n        \u003cdiv class=\"br\"\u003eMAUBOUSSIN\u003c\/div\u003e\n        \u003ch2\u003eエトワール・アルルカン ブラックエナメル ピアス\u003c\/h2\u003e\n        \u003cp class=\"one\"\u003e黒い星を、耳元に。\u003c\/p\u003e\n        \u003cdiv class=\"pr\"\u003e¥286,000\u003c\/div\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/products\/mauboussin-ea1110wgbe\"\u003e詳しく見る\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"thumb\" href=\"https:\/\/harada-jwg.com\/products\/mauboussin-ea1110wgbe\" aria-label=\"エトワール・アルルカン ブラックエナメル ピアス の商品写真\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/l-etoile-arlequin_bo_wgbe-1_1150x.progressive_8b73df64-c8c3-410c-81b3-a5d168105793.webp?v=1777428593\u0026amp;width=400\" alt=\"\" loading=\"lazy\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cnt\"\u003e08 \/ 08\u003c\/div\u003e\n  \u003c\/article\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-final\"\u003e\n    \u003cvideo class=\"sp-video2\" muted loop playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/0624\/5116\/files\/holiday26_self_poster3.jpg\" aria-label=\"リングを着ける動画（音声なし）\"\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b7e2391ae7414ebbb3aaeea7cb0c985d.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003cdiv class=\"sp-final-txt\"\u003e\n      \u003cdiv class=\"sp-eyebrow\"\u003e( TRY IT ON )\u003c\/div\u003e\n      \u003ch2 class=\"rv\"\u003e着けた瞬間が、答え。\u003c\/h2\u003e\n      \u003cp class=\"rv\"\u003e写真で迷ったら、手元で見るのがいちばん早い。サイズ・在庫・お支払い回数は、LINEかフォームからどうぞ。\u003c\/p\u003e\n      \u003cdiv class=\"btns rv\"\u003e\n        \u003ca class=\"sp-btn fill\" href=\"https:\/\/page.line.me\/471pnfuc\" target=\"_blank\" rel=\"noopener\"\u003eLINEで相談する\u003c\/a\u003e\n        \u003ca class=\"sp-btn\" href=\"https:\/\/harada-jwg.com\/pages\/contact\"\u003eお問い合わせフォーム\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-note\"\u003e価格はすべて税込です。分割払いは審査がございます。\u003c\/div\u003e\n      \u003ca class=\"sp-top\" href=\"#spt\"\u003eもう一度、最初から ↑\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003cdiv class=\"sp-foot\"\u003e\n\u003cspan\u003eHARADA JEWELRY ONLINE\u003c\/span\u003e\u003cspan\u003eSPOTLIGHT\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n  var root=document.getElementById('spt');if(!root)return;\n  if(location.search.indexOf('flat=1')\u003e=0)root.classList.add('flat');\n  var rm=window.matchMedia\u0026\u0026window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function headerH(){var h=document.querySelector('.header-section, header.shopify-section, .header-wrapper, .section-header, header.header, #shopify-section-header, .site-header');if(!h)return 0;var p=getComputedStyle(h).position;return (p==='sticky'||p==='fixed')?h.getBoundingClientRect().height:0;}\n  function setTop(){root.style.setProperty('--top',headerH()+'px');}\n  setTop();window.addEventListener('resize',setTop);\n  \/* 動画: 見えている間だけ再生 *\/\n  var vids=root.querySelectorAll('video');\n  if(rm){for(var v=0;v\u003cvids.length;v++)vids[v].setAttribute('controls','');}\n  else if('IntersectionObserver' in window){var vio=new IntersectionObserver(function(es){es.forEach(function(e){var p=e.target;if(e.isIntersecting){var pr=p.play();if(pr\u0026\u0026pr.catch)pr.catch(function(){});}else p.pause();});},{threshold:0.25});for(var v2=0;v2\u003cvids.length;v2++)vio.observe(vids[v2]);}\n  \/* 出現（rv）と、パネルの点灯（on） *\/\n  var rvs=root.querySelectorAll('.rv'),panels=root.querySelectorAll('.sp-panel');\n  if(!rm\u0026\u0026'IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{rootMargin:'0px 0px -6% 0px',threshold:0.1});for(var k=0;k\u003crvs.length;k++)io.observe(rvs[k]);\n    var pio=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('on');});},{threshold:0.45});for(var q=0;q\u003cpanels.length;q++)pio.observe(panels[q]);\n  }else{for(var k2=0;k2\u003crvs.length;k2++)rvs[k2].classList.add('in');for(var q2=0;q2\u003cpanels.length;q2++)panels[q2].classList.add('on');}\n  \/* 次のパネルが被さるにつれ、前のパネルを暗く・小さく *\/\n  var ticking=false;\n  function update(){ticking=false;if(rm||root.classList.contains('flat'))return;var vh=window.innerHeight,top=headerH();\n    for(var i=0;i\u003cpanels.length-1;i++){var nt=panels[i+1].getBoundingClientRect().top;var c=1-(nt-top)\/(vh-top);c=Math.max(0,Math.min(1,c));panels[i].style.setProperty('--cover',(c*0.6).toFixed(3));panels[i].style.transform=c\u003e0?'scale('+(1-c*0.06).toFixed(4)+')':'';}}\n  window.addEventListener('scroll',function(){if(!ticking){ticking=true;window.requestAnimationFrame(update);}},{passive:true});update();\n  \/* ページ内リンクはヘッダー分ずらす *\/\n  var links=root.querySelectorAll('a[href^=\"#\"]');\n  for(var l=0;l\u003clinks.length;l++){links[l].addEventListener('click',function(e){var t=document.getElementById(this.getAttribute('href').slice(1));if(!t)return;e.preventDefault();var y=t.getBoundingClientRect().top+window.pageYOffset-headerH();window.scrollTo({top:y,behavior:rm?'auto':'smooth'});});}\n})();\n\u003c\/script\u003e","products":[],"url":"https:\/\/harada-jwg.com\/collections\/%e3%83%86%e3%82%b9%e3%83%88%e7%94%a8%e3%82%a4%e3%83%b3%e3%83%91%e3%82%af%e3%83%88%e9%87%8d%e8%a6%96-%e3%82%b9%e3%83%9d%e3%83%83%e3%83%88%e3%83%a9%e3%82%a4%e3%83%88.oembed","provider":"HARADA Jewelry Online","version":"1.0","type":"link"}