PageSourceSearch

https://dragonalliance.jp/products/lucy-antique-bronze

html dragonalliance.jp collected 2026-10-07 06:40:14 UTC 439,882 bytes, 8,998 lines download raw bytes

1<!doctype html>
2
3
4
5
6<html class="no-js" lang="ja" ><head>
7  <meta charset="utf-8">
8  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
10  <meta name="theme-color" content="#748cab"><link rel="canonical" href="https://dragonalliance.jp/products/lucy-antique-bronze"><!-- ======================= Pipeline Theme V7.6.0 ========================= -->
11
12  <!-- Preloading ================================================================== -->
13
14  <link rel="preconnect" href="https://fonts.shopify.com" crossorigin><link rel="preload" href="//dragonalliance.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n4.74a6927b879b930fdec4ab8bb6917103ae8bbca9.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//dragonalliance.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n4.74a6927b879b930fdec4ab8bb6917103ae8bbca9.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//dragonalliance.jp/cdn/fonts/noto_serif_japanese/notoserifjapanese_n4.129a6e5e74f6394a45842b527e9df05be016390b.woff2" as="font" type="font/woff2" crossorigin><!-- Title and description ================================================ --><link rel="shortcut icon" href="//dragonalliance.jp/cdn/shop/files/dragon_favicon_32x32.png?v=1753339705" type="image/png">
15  <title>
16    
17
18    LUCY
19&ndash; DRAGON JAPAN OFFICIAL STORE
20
21  </title><meta name="description" content="2000年代に女性や小顔の方にも快適にフィットするDRAGONスタイルを求めて開発された、LUCY(ルーシー)。タウン仕様にも採用される6ベースカーブ形状で、ラウンドサングラスが合わない方にもフィットしやすいモデルです。フレームカラー:ANTIQUEはグロス(艶あり)クリアベースに落ち着いたトーンのホワイトカラーです">
22  <!-- /snippets/social-meta-tags.liquid --><meta property="og:site_name" content="DRAGON JAPAN OFFICIAL STORE">
23<meta property="og:url" content="https://dragonalliance.jp/products/lucy-antique-bronze">
24<meta property="og:title" content="LUCY">
25<meta property="og:type" content="product">
26<meta property="og:description" content="2000年代に女性や小顔の方にも快適にフィットするDRAGONスタイルを求めて開発された、LUCY(ルーシー)。タウン仕様にも採用される6ベースカーブ形状で、ラウンドサングラスが合わない方にもフィットしやすいモデルです。フレームカラー:ANTIQUEはグロス(艶あり)クリアベースに落ち着いたトーンのホワイトカラーです"><meta property="og:price:amount" content="7,700">
27  <meta property="og:price:currency" content="JPY">
28      <meta property="og:image" content="http://dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819">
29      <meta property="og:image:secure_url" content="https://dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819">
30      <meta property="og:image:height" content="1280">
31      <meta property="og:image:width" content="1280">
32      <meta property="og:image" content="http://dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818">
33      <meta property="og:image:secure_url" content="https://dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818">
34      <meta property="og:image:height" content="1280">
35      <meta property="og:image:width" content="1280">
36      <meta property="og:image" content="http://dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818">
37      <meta property="og:image:secure_url" content="https://dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818">
38      <meta property="og:image:height" content="1280">
39      <meta property="og:image:width" content="1280">
40<!-- CSS ================================================================== -->
41
42  <link href="//dragonalliance.jp/cdn/shop/t/6/assets/font-settings.css?v=5266" rel="stylesheet" type="text/css" media="all" />
43
44  <!-- /snippets/css-variables.liquid -->
45
46
47<style data-shopify>
48
49:root {
50/* ================ Layout Variables ================ */
51
52
53
54
55
56
57--LAYOUT-WIDTH: 1450px;
58--LAYOUT-GUTTER: 24px;
59--LAYOUT-GUTTER-OFFSET: -24px;
60--NAV-GUTTER: 15px;
61--LAYOUT-OUTER: 50px;
62
63/* ================ Product video ================ */
64
65--COLOR-VIDEO-BG: #f2f2f2;
66
67
68/* ================ Color Variables ================ */
69
70/* === Backgrounds ===*/
71--COLOR-BG: #ffffff;
72--COLOR-BG-ACCENT: #f7f5f4;
73
74/* === Text colors ===*/
75--COLOR-TEXT-DARK: #1f1919;
76--COLOR-TEXT: #424242;
77--COLOR-TEXT-LIGHT: #7b7b7b;
78
79/* === Bright color ===*/
80--COLOR-PRIMARY: #ff0000;
81--COLOR-PRIMARY-HOVER: #b30000;
82--COLOR-PRIMARY-FADE: rgba(255, 0, 0, 0.05);
83--COLOR-PRIMARY-FADE-HOVER: rgba(255, 0, 0, 0.1);--COLOR-PRIMARY-OPPOSITE: #ffffff;
84
85/* === Secondary/link Color ===*/
86--COLOR-SECONDARY: #748cab;
87--COLOR-SECONDARY-HOVER: #3f6493;
88--COLOR-SECONDARY-FADE: rgba(116, 140, 171, 0.05);
89--COLOR-SECONDARY-FADE-HOVER: rgba(116, 140, 171, 0.1);--COLOR-SECONDARY-OPPOSITE: #ffffff;
90
91/* === Shades of grey ===*/
92--COLOR-A5:  rgba(66, 66, 66, 0.05);
93--COLOR-A10: rgba(66, 66, 66, 0.1);
94--COLOR-A20: rgba(66, 66, 66, 0.2);
95--COLOR-A35: rgba(66, 66, 66, 0.35);
96--COLOR-A50: rgba(66, 66, 66, 0.5);
97--COLOR-A80: rgba(66, 66, 66, 0.8);
98--COLOR-A90: rgba(66, 66, 66, 0.9);
99--COLOR-A95: rgba(66, 66, 66, 0.95);
100
101
102/* ================ Inverted Color Variables ================ */
103
104--INVERSE-BG: #424242;
105--INVERSE-BG-ACCENT: #1d1d1d;
106
107/* === Text colors ===*/
108--INVERSE-TEXT-DARK: #ffffff;
109--INVERSE-TEXT: #ffffff;
110--INVERSE-TEXT-LIGHT: #c6c6c6;
111
112/* === Bright color ===*/
113--INVERSE-PRIMARY: #d2815f;
114--INVERSE-PRIMARY-HOVER: #c35121;
115--INVERSE-PRIMARY-FADE: rgba(210, 129, 95, 0.05);
116--INVERSE-PRIMARY-FADE-HOVER: rgba(210, 129, 95, 0.1);--INVERSE-PRIMARY-OPPOSITE: #000000;
117
118
119/* === Second Color ===*/
120--INVERSE-SECONDARY: #748cab;
121--INVERSE-SECONDARY-HOVER: #3f6493;
122--INVERSE-SECONDARY-FADE: rgba(116, 140, 171, 0.05);
123--INVERSE-SECONDARY-FADE-HOVER: rgba(116, 140, 171, 0.1);--INVERSE-SECONDARY-OPPOSITE: #ffffff;
124
125
126/* === Shades of grey ===*/
127--INVERSE-A5:  rgba(255, 255, 255, 0.05);
128--INVERSE-A10: rgba(255, 255, 255, 0.1);
129--INVERSE-A20: rgba(255, 255, 255, 0.2);
130--INVERSE-A35: rgba(255, 255, 255, 0.3);
131--INVERSE-A80: rgba(255, 255, 255, 0.8);
132--INVERSE-A90: rgba(255, 255, 255, 0.9);
133--INVERSE-A95: rgba(255, 255, 255, 0.95);
134
135
136/* ================ Bright Color Variables ================ */
137
138--BRIGHT-BG: #d2815f;
139--BRIGHT-BG-ACCENT: #94553a;
140
141/* === Text colors ===*/
142--BRIGHT-TEXT-DARK: #ffffff;
143--BRIGHT-TEXT: #ffffff;
144--BRIGHT-TEXT-LIGHT: #f2d9cf;
145
146/* === Bright color ===*/
147--BRIGHT-PRIMARY: #ff763d;
148--BRIGHT-PRIMARY-HOVER: #f04600;
149--BRIGHT-PRIMARY-FADE: rgba(255, 118, 61, 0.05);
150--BRIGHT-PRIMARY-FADE-HOVER: rgba(255, 118, 61, 0.1);--BRIGHT-PRIMARY-OPPOSITE: #000000;
151
152
153/* === Second Color ===*/
154--BRIGHT-SECONDARY: #3d5aff;
155--BRIGHT-SECONDARY-HOVER: #0024f0;
156--BRIGHT-SECONDARY-FADE: rgba(61, 90, 255, 0.05);
157--BRIGHT-SECONDARY-FADE-HOVER: rgba(61, 90, 255, 0.1);--BRIGHT-SECONDARY-OPPOSITE: #ffffff;
158
159
160/* === Shades of grey ===*/
161--BRIGHT-A5:  rgba(255, 255, 255, 0.05);
162--BRIGHT-A10: rgba(255, 255, 255, 0.1);
163--BRIGHT-A20: rgba(255, 255, 255, 0.2);
164--BRIGHT-A35: rgba(255, 255, 255, 0.3);
165--BRIGHT-A80: rgba(255, 255, 255, 0.8);
166--BRIGHT-A90: rgba(255, 255, 255, 0.9);
167--BRIGHT-A95: rgba(255, 255, 255, 0.95);
168
169
170/* === Account Bar ===*/
171--COLOR-ANNOUNCEMENT-BG: #f7f5f4;
172--COLOR-ANNOUNCEMENT-TEXT: #424242;
173
174/* === Nav and dropdown link background ===*/
175--COLOR-NAV: #000000;
176--COLOR-NAV-TEXT: #ffffff;
177--COLOR-NAV-TEXT-DARK: #d9d9d9;
178--COLOR-NAV-TEXT-LIGHT: #b3b3b3;
179--COLOR-NAV-BORDER: #f7f5f4;
180--COLOR-NAV-A10: rgba(255, 255, 255, 0.1);
181--COLOR-NAV-A50: rgba(255, 255, 255, 0.5);
182--COLOR-HIGHLIGHT-LINK: #ff0000;
183
184/* === Site Footer ===*/
185--COLOR-FOOTER-BG: #424242;
186--COLOR-FOOTER-TEXT: #ffffff;
187--COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05);
188--COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15);
189--COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9);
190
191/* === Sub-Footer ===*/
192--COLOR-SUB-FOOTER-BG: #1d1d1d;
193--COLOR-SUB-FOOTER-TEXT: #dfdfdf;
194--COLOR-SUB-FOOTER-A5: rgba(223, 223, 223, 0.05);
195--COLOR-SUB-FOOTER-A15: rgba(223, 223, 223, 0.15);
196--COLOR-SUB-FOOTER-A90: rgba(223, 223, 223, 0.9);
197
198/* === Products ===*/
199--PRODUCT-GRID-ASPECT-RATIO: 120.0%;
200
201/* === Product badges ===*/
202--COLOR-BADGE: #FF0000;
203--COLOR-BADGE-TEXT: #FFFFFF;
204--COLOR-BADGE-TEXT-DARK: #d9d9d9;
205--COLOR-BADGE-TEXT-HOVER: #ffffff;
206--COLOR-BADGE-HAIRLINE: #ff0d0d;
207
208/* === Product item slider ===*/--COLOR-PRODUCT-SLIDER: #FF0000;--COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(255, 255, 255, 0.06);/* === disabled form colors ===*/
209--COLOR-DISABLED-BG: #ececec;
210--COLOR-DISABLED-TEXT: #bdbdbd;
211
212--INVERSE-DISABLED-BG: #555555;
213--INVERSE-DISABLED-TEXT: #848484;
214
215
216/* === Tailwind RGBA Palette ===*/
217--RGB-CANVAS: 255 255 255;
218--RGB-CONTENT: 66 66 66;
219--RGB-PRIMARY: 255 0 0;
220--RGB-SECONDARY: 116 140 171;
221
222--RGB-DARK-CANVAS: 66 66 66;
223--RGB-DARK-CONTENT: 255 255 255;
224--RGB-DARK-PRIMARY: 210 129 95;
225--RGB-DARK-SECONDARY: 116 140 171;
226
227--RGB-BRIGHT-CANVAS: 210 129 95;
228--RGB-BRIGHT-CONTENT: 255 255 255;
229--RGB-BRIGHT-PRIMARY: 255 118 61;
230--RGB-BRIGHT-SECONDARY: 61 90 255;
231
232--RGB-PRIMARY-CONTRAST: 255 255 255;
233--RGB-SECONDARY-CONTRAST: 255 255 255;
234
235--RGB-DARK-PRIMARY-CONTRAST: 0 0 0;
236--RGB-DARK-SECONDARY-CONTRAST: 255 255 255;
237
238--RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0;
239--RGB-BRIGHT-SECONDARY-CONTRAST: 255 255 255;
240
241
242/* === Button Radius === */
243--BUTTON-RADIUS: 2px;
244
245
246/* === Icon Stroke Width === */
247--ICON-STROKE-WIDTH: 2px;
248
249
250/* ================ Typography ================ */
251
252--FONT-STACK-BODY: "Noto Sans Japanese", sans-serif;
253--FONT-STYLE-BODY: normal;
254--FONT-WEIGHT-BODY: 400;
255--FONT-WEIGHT-BODY-BOLD: 500;
256--FONT-ADJUST-BODY: 1.0;
257
258  --FONT-BODY-TRANSFORM: none;
259  --FONT-BODY-LETTER-SPACING: normal;
260
261
262--FONT-STACK-HEADING: "Noto Sans Japanese", sans-serif;
263--FONT-STYLE-HEADING: normal;
264--FONT-WEIGHT-HEADING: 400;
265--FONT-WEIGHT-HEADING-BOLD: 500;
266--FONT-ADJUST-HEADING: 1.0;
267
268  --FONT-HEADING-TRANSFORM: none;
269  --FONT-HEADING-LETTER-SPACING: normal;
270
271
272--FONT-STACK-ACCENT: "Noto Serif Japanese", sans-serif;
273--FONT-STYLE-ACCENT: normal;
274--FONT-WEIGHT-ACCENT: 400;
275--FONT-WEIGHT-ACCENT-BOLD: 500;
276--FONT-ADJUST-ACCENT: 0.95;
277
278  --FONT-ACCENT-TRANSFORM: uppercase;
279  --FONT-ACCENT-LETTER-SPACING: 0.09em;
280
281--TYPE-STACK-NAV: "Noto Serif Japanese", serif;
282--TYPE-STYLE-NAV: normal;
283--TYPE-ADJUST-NAV: 0.95;
284--TYPE-WEIGHT-NAV: 500;
285
286  --FONT-NAV-TRANSFORM: uppercase;
287  --FONT-NAV-LETTER-SPACING: 0.09em;
288
289--TYPE-STACK-BUTTON: "Noto Serif Japanese", serif;
290--TYPE-STYLE-BUTTON: normal;
291--TYPE-ADJUST-BUTTON: 0.95;
292--TYPE-WEIGHT-BUTTON: 500;
293
294  --FONT-BUTTON-TRANSFORM: uppercase;
295  --FONT-BUTTON-LETTER-SPACING: 0.09em;
296
297--TYPE-STACK-KICKER: "Noto Serif Japanese", serif;
298--TYPE-STYLE-KICKER: normal;
299--TYPE-ADJUST-KICKER: 0.95;
300--TYPE-WEIGHT-KICKER: 500;
301
302  --FONT-KICKER-TRANSFORM: uppercase;
303  --FONT-KICKER-LETTER-SPACING: 0.09em;
304
305
306
307--ICO-SELECT: url('//dragonalliance.jp/cdn/shop/t/6/assets/ico-select.svg?v=30263340977227285681786371848');
308
309
310/* ================ Photo correction ================ */
311--PHOTO-CORRECTION: 100%;
312
313
314
315}
316
317
318/* ================ Typography ================ */
319/* ================ type-scale.com ============ */
320
321/* 1.16 base 13 */
322:root {
323 --font-1: 10px;
324 --font-2: 11.3px;
325 --font-3: 12px;
326 --font-4: 13px;
327 --font-5: 15.5px;
328 --font-6: 17px;
329 --font-7: 20px;
330 --font-8: 23.5px;
331 --font-9: 27px;
332 --font-10:32px;
333 --font-11:37px;
334 --font-12:43px;
335 --font-13:49px;
336 --font-14:57px;
337 --font-15:67px;
338}
339
340/* 1.175 base 13.5 */
341@media only screen and (min-width: 480px) and (max-width: 1099px) {
342  :root {
343    --font-1: 10px;
344    --font-2: 11.5px;
345    --font-3: 12.5px;
346    --font-4: 13.5px;
347    --font-5: 16px;
348    --font-6: 18px;
349    --font-7: 21px;
350    --font-8: 25px;
351    --font-9: 29px;
352    --font-10:34px;
353    --font-11:40px;
354    --font-12:47px;
355    --font-13:56px;
356    --font-14:65px;
357   --font-15:77px;
358  }
359}
360/* 1.22 base 14.5 */
361@media only screen and (min-width: 1100px) {
362  :root {
363    --font-1: 10px;
364    --font-2: 11.5px;
365    --font-3: 13px;
366    --font-4: 14.5px;
367    --font-5: 17.5px;
368    --font-6: 22px;
369    --font-7: 26px;
370    --font-8: 32px;
371    --font-9: 39px;
372    --font-10:48px;
373    --font-11:58px;
374    --font-12:71px;
375    --font-13:87px;
376    --font-14:106px;
377    --font-15:129px;
378 }
379}
380
381
382</style>
383
384
385  <link href="//dragonalliance.jp/cdn/shop/t/6/assets/theme.css?v=26178335609436395761786371846" rel="stylesheet" type="text/css" media="all" />
386
387  
387<script>
388    document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
389
390    
391      document.documentElement.classList.add('aos-initialized');let root = '/';
392    if (root[root.length - 1] !== '/') {
393      root = `${root}/`;
394    }
395    var theme = {
396      routes: {
397        root_url: root,
398        cart: '/cart',
399        cart_add_url: '/cart/add',
400        product_recommendations_url: '/recommendations/products',
401        account_addresses_url: '/account/addresses',
402        predictive_search_url: '/search/suggest'
403      },
404      state: {
405        cartOpen: null,
406      },
407      sizes: {
408        small: 480,
409        medium: 768,
410        large: 1100,
411        widescreen: 1400
412      },
413      assets: {
414        photoswipe: '//dragonalliance.jp/cdn/shop/t/6/assets/photoswipe.js?v=169308975333299535361786371844',
415        smoothscroll: '//dragonalliance.jp/cdn/shop/t/6/assets/smoothscroll.js?v=37906625415260927261786371844',
416        swatches: '//dragonalliance.jp/cdn/shop/t/6/assets/swatches.json?v=17256643191622149961786371845',
417        noImage: '//dragonalliance.jp/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12.gif',
418        
419        
420        base: '//dragonalliance.jp/cdn/shop/t/6/assets/'
421        
422      },
423      strings: {
424        swatchesKey: "Color, Colour",
425        addToCart: "カートに入れる",
426        estimateShipping: "Estimate shipping",
427        noShippingAvailable: "We do not ship to this destination.",
428        free: "Free",
429        from: "From",
430        preOrder: "Pre-order",
431        soldOut: "Sold Out",
432        sale: "セール",
433        subscription: "Subscription",
434        unavailable: "Unavailable",
435        unitPrice: "Unit price",
436        unitPriceSeparator: "per",
437        stockout: "All available stock is in cart",
438        products: "Products",
439        pages: "Pages",
440        collections: "Collections",
441        resultsFor: "Results for",
442        noResultsFor: "No results for",
443        articles: "Articles",
444        successMessage: "Link copied to clipboard",
445      },
446      settings: {
447        badge_sale_type: "percentage",
448        animate_hover: true,
449        animate_scroll: true,
450        show_locale_desktop: true,
451        show_locale_mobile: null,
452        show_currency_desktop: true,
453        show_currency_mobile: null,
454        currency_select_type: "country",
455        currency_code_enable: false,
456        cycle_images_hover_delay: 1.5
457      },
458      info: {
459        name: 'pipeline'
460      },
461      version: '7.6.0',
462      moneyFormat: "Â¥{{amount_no_decimals}}",
463      shopCurrency: "JPY",
464      currencyCode: "JPY"
465    }
466    let windowInnerHeight = window.innerHeight;
467    document.documentElement.style.setProperty('--full-screen', `${windowInnerHeight}px`);
468    document.documentElement.style.setProperty('--three-quarters', `${windowInnerHeight * 0.75}px`);
469    document.documentElement.style.setProperty('--two-thirds', `${windowInnerHeight * 0.66}px`);
470    document.documentElement.style.setProperty('--one-half', `${windowInnerHeight * 0.5}px`);
471    document.documentElement.style.setProperty('--one-third', `${windowInnerHeight * 0.33}px`);
472    document.documentElement.style.setProperty('--one-fifth', `${windowInnerHeight * 0.2}px`);
473
474    window.isRTL = document.documentElement.getAttribute('dir') === 'rtl';
475  </script>
475<!-- Theme Javascript ============================================================== -->
476  
476<script src="//dragonalliance.jp/cdn/shop/t/6/assets/vendor.js?v=69555399850987115801786371847" defer="defer"></script>
476
477  
477<script src="//dragonalliance.jp/cdn/shop/t/6/assets/theme.js?v=19015507345588874981786371847" defer="defer"></script>
477
478
479  
479<script>
480    (function () {
481      function onPageShowEvents() {
482        if ('requestIdleCallback' in window) {
483          requestIdleCallback(initCartEvent, { timeout: 500 })
484        } else {
485          initCartEvent()
486        }
487        function initCartEvent(){
488          window.fetch(window.theme.routes.cart + '.js')
489          .then((response) => {
490            if(!response.ok){
491              throw {status: response.statusText};
492            }
493            return response.json();
494          })
495          .then((response) => {
496            document.dispatchEvent(new CustomEvent('theme:cart:change', {
497              detail: {
498                cart: response,
499              },
500              bubbles: true,
501            }));
502            return response;
503          })
504          .catch((e) => {
505            console.error(e);
506          });
507        }
508      };
509      window.onpageshow = onPageShowEvents;
510    })();
511  </script>
511
512
513  
513<script type="text/javascript">
514    if (window.MSInputMethodContext && document.documentMode) {
515      var scripts = document.getElementsByTagName('script')[0];
516      var polyfill = document.createElement("script");
517      polyfill.defer = true;
518      polyfill.src = "//dragonalliance.jp/cdn/shop/t/6/assets/ie11.js?v=144489047535103983231786371848";
519
520      scripts.parentNode.insertBefore(polyfill, scripts);
521    }
522  </script>
522
523  
524  <!-- Shopify app scripts =========================================================== -->
525  
525<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
525<meta name="google-site-verification" content="SwYO0yo_bwQKeWEVSeNAmLSCl_n9bwets0TrRv4HMww">
526<meta name="facebook-domain-verification" content="sa47wjmnh0nsbeu1465dr51h99eil2">
527<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75059462398/digital_wallets/dialog">
528<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/47129899892990:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://dragonalliance.jp/products/lucy-antique-bronze.oembed">
529<script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP"></script>
529
530<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
531<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=ja-JP&shop_id=75059462398" crossorigin="anonymous"></script>
vendor: 1 bytes, line 531
531
532<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":75059462398,"countryCode":"JP","currencyCode":"JPY","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/75059462398","merchantName":"DRAGON JAPAN OFFICIAL STORE","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb","discover"],"total":{"type":"pending","label":"DRAGON JAPAN OFFICIAL STORE","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 532
532
533<script id="shopify-features" type="application/json">{"accessToken":"66862888628a00a26a6713463ae76913","betas":["rich-media-storefront-analytics"],"domain":"dragonalliance.jp","predictiveSearch":false,"shopId":75059462398,"locale":"ja"}</script>
vendor: 1 bytes, line 533
533
534<script>var Shopify = Shopify || {};
535Shopify.shop = "dragon-japan.myshopify.com";
536Shopify.locale = "ja";
537Shopify.currency = {"active":"JPY","rate":"1.0"};
538Shopify.country = "JP";
539Shopify.theme = {"name":"shopify_theme_dragon\/main","id":161095745790,"schema_name":"Pipeline","schema_version":"7.6.0","theme_store_id":null,"role":"main"};
540Shopify.theme.handle = "null";
541Shopify.theme.style = {"id":null,"handle":null};
542Shopify.cdnHost = "dragonalliance.jp/cdn";
543Shopify.routes = Shopify.routes || {};
544Shopify.routes.root = "/";
545Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
546Shopify.SignInWithShop = Shopify.SignInWithShop || {};
547Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
548Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 548
548
549<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 549
549
550<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 550
550
551<script>
552  window.ShopifyPay = window.ShopifyPay || {};
553  window.ShopifyPay.apiHost = "shop.app\/pay";
554  window.ShopifyPay.redirectState = null;
555</script>
vendor: 1 bytes, line 555
555
556<script>
557  window.Shopify = window.Shopify || {};
558  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
559  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
560  window.Shopify.SignInWithShop.eligible = true;
561</script>
vendor: 1 bytes, line 561
561
562<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 562
562
563<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js"></script>
vendor: 1 bytes, line 563
563
564<script type="module">
565  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js");
566
567  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
568
569</script>
vendor: 1 bytes, line 569
569
570<script>
571  window.Shopify = window.Shopify || {};
572  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
573  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.ja.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.ja.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.ja.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.ja.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.ja.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.ja.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.ja.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.ja.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.ja.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.ja.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.ja.esm.js"],"listener":["modules/v2/loader.listener.ja.esm.js"],"pay-button":["modules/v2/loader.pay-button.ja.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.ja.esm.js"],"shop-button":["modules/v2/loader.shop-button.ja.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.ja.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.ja.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.ja.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.ja.esm.js"],"shop-login":["modules/v2/loader.shop-login.ja.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.ja.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.ja.esm.js"]};
574</script>
vendor: 1 bytes, line 574
574
575<script id="__st">var __st={"a":75059462398,"offset":32400,"reqid":"1cfec854-4310-4441-8e75-b9cbce504c84-1791355213","pageurl":"dragonalliance.jp\/products\/lucy-antique-bronze","u":"b6bb2d879d9a","p":"product","rtyp":"product","rid":8950717808894};</script>
vendor: 1 bytes, line 575
575
576<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 576
576
577<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'hCaptchaによる保護',privacyText:'プライバシー',termsText:'利用規約'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 577
577
578<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//dragonalliance.jp/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 578
578
579<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//dragonalliance.jp/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
579<script crossorigin="anonymous" defer="defer" src="//dragonalliance.jp/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 579
579
580<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 580
580
581<script>
582  window.Shopify = window.Shopify || {};
583  window.Shopify.MCP = window.Shopify.MCP || {};
584  window.Shopify.MCP.enabled = true;
585  window.Shopify.MCP.shop = "dragon-japan.myshopify.com";
586  window.Shopify.MCP.mcpEndpoint = "https:\/\/dragonalliance.jp\/api\/mcp";
587  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
588</script>
vendor: 1 bytes, line 588
588
589<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/dragonalliance.jp\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
590</script>
vendor: 1 bytes, line 590
590
591<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://dragonalliance.jp/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js",t.type="module",document.head.appendChild(t)}};
592</script>
vendor: 1 bytes, line 592
592
593<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
594  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
595</script>
vendor: 1 bytes, line 595
595
596<script>
597  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
598</script>
598
599
600<script type="module" src="https://dragonalliance.jp/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 600
600
601<script nomodule>
602  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
603</script>
603
604
605<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://dragonalliance.jp/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
606<style id="shopify-accelerated-checkout-cart">
607        #shopify-buyer-consent {
608  margin-top: 1em;
609  display: inline-block;
610  width: 100%;
611}
612
613#shopify-buyer-consent.hidden {
614  display: none;
615}
616
617#shopify-subscription-policy-button {
618  background: none;
619  border: none;
620  padding: 0;
621  text-decoration: underline;
622  font-size: inherit;
623  cursor: pointer;
624}
625
626#shopify-subscription-policy-button::before {
627  box-shadow: none;
628}
629
630      </style>
631
632<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
632
633
634  
634<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
634
635  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
636  <link href="//dragonalliance.jp/cdn/shop/t/6/assets/slick.css?v=114683369539708875641786371848" rel="stylesheet" type="text/css" media="all" />
637
638<!-- BEGIN app block: shopify://apps/powerful-form-builder/blocks/app-embed/e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d -->
638<script type="text/javascript" hs-ignore data-cookieconsent="ignore">
639  var Globo = Globo || {};
640  var globoFormbuilderRecaptchaInit = function(){};
641  var globoFormbuilderHcaptchaInit = function(){};
642  window.Globo.FormBuilder = window.Globo.FormBuilder || {};
643  window.Globo.FormBuilder.shop = {"configuration":{"money_format":"Â¥{{amount_no_decimals}}"},"pricing":{"features":{"bulkOrderForm":false,"cartForm":false,"fileUpload":20,"removeCopyright":false,"restrictedEmailDomains":false,"metrics":false}},"settings":{"copyright":"Powered by <a href=\"https://powerfulform.com\" target=\"_blank\">PowerfulForm</a> <a href=\"https://apps.shopify.com/form-builder-contact-form\" target=\"_blank\">Form Builder</a>","hideWaterMark":false,"reCaptcha":{"recaptchaType":"v2","siteKey":false,"languageCode":"en"},"hCaptcha":{"siteKey":false,"languageCode":"en"},"turnstile":{"siteKey":false,"languageCode":"en","appearance":"always"},"scrollTop":false,"customCssCode":"","customCssEnabled":false,"additionalColumns":[]},"encryption_form_id":1,"url":"https://app.powerfulform.com/","shop_url":"dragon-japan.myshopify.com","CDN_URL":"https://dnhcnb9q6pxc3.cloudfront.net","flags":{"canary_app_version":"12x","prevent_draft_handle":false},"app_id":"1783207"};
644  if(window.Globo.FormBuilder.shop && window.Globo.FormBuilder.shop?.storefront_access_token){
645    delete window.Globo.FormBuilder.shop.storefront_access_token;
646  }
647
648  if(window.Globo.FormBuilder.shop.settings.customCssEnabled && window.Globo.FormBuilder.shop.settings.customCssCode){
649    const customStyle = document.createElement('style');
650    customStyle.type = 'text/css';
651    customStyle.innerHTML = window.Globo.FormBuilder.shop.settings.customCssCode;
652    document.head.appendChild(customStyle);
653  }
654
655  window.Globo.FormBuilder.forms = [];
656    
657      
658      
659      
660      window.Globo.FormBuilder.forms[114432] = {"114432":{"elements":[{"id":"group-1","type":"group","label":"Page 1","description":"","elements":[{"id":"row-1","type":"row","description":null,"elements":[{"id":"text-2","type":"text","label":{"ja":"注文番号"},"placeholder":{"ja":"orderid"},"description":{"ja":"当オフィシャルストアでのご注文についてお問い合わせいただく際は#から始まる4桁の数字を入力してください"},"limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"columnWidth":100,"displayDisjunctive":false,"defaultValue":"#"},{"id":"text-1","type":"text","label":{"en":"First Name","vi":"Your Name","ja":"お名前"},"placeholder":{"en":"First Name","vi":"Your Name"},"description":null,"hideLabel":false,"required":true,"columnWidth":100,"conditionalField":false}]},{"id":"row-2","type":"row","description":null,"elements":[{"id":"email","type":"email","label":"Email","placeholder":"Email","description":{"ja":"@docomo.ne.jp、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。"},"hideLabel":false,"required":true,"columnWidth":100,"conditionalField":false,"displayType":"show","displayRules":[{"field":"","relation":"equal","condition":""}]},{"id":"phone-1","type":"phone","label":{"en":"Phone","vi":"Phone","ja":"携帯電話番号"},"placeholder":{"ja":"phonenumber"},"description":{"ja":"SMSでご連絡差し上げる場合がございますので携帯電話番号を入力してください"},"validatePhone":false,"onlyShowFlag":false,"defaultCountryCode":"auto","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"columnWidth":100,"displayType":"show","displayDisjunctive":false,"conditionalField":false,"required":true,"displayRules":[{"field":"","relation":"equal","condition":""}]}],"conditionalField":false},{"id":"textarea","type":"textarea","label":{"ja":"お問い合わせ"},"placeholder":"Message","description":null,"hideLabel":false,"required":true,"columnWidth":100,"conditionalField":false}]}],"errorMessage":{"required":"{{ label | capitalize }} is required","minSelections":"Please choose at least {{ min_selections }} options","maxSelections":"Please choose at maximum of {{ max_selections }} options","exactlySelections":"Please choose exactly {{ exact_selections }} options","minProductSelections":"Please choose at least {{ min_selections }} products","maxProductSelections":"Please choose a maximum of {{ max_selections }} products","minProductQuantities":"Please choose a quantity of at least {{ min_quantities }} products","maxProductQuantities":"Please choose a quantity of no more than {{ max_quantities }} products","minEachProductQuantities":"Choose quantity of product {{product_name}} of at least {{min_quantities}}","maxEachProductQuantities":"Choose quantity of product {{product_name}} of at most {{max_quantities}}
660","invalid":"Invalid","invalidName":"Invalid name","invalidEmail":"Email address is invalid","restrictedEmailDomain":"This email domain is restricted","invalidURL":"Invalid url","invalidPhone":"Invalid phone","invalidNumber":"Invalid number","invalidPassword":"Invalid password","confirmPasswordNotMatch":"Confirmed password doesn't match","customerAlreadyExists":"Customer already exists","keyAlreadyExists":"Data already exists","fileSizeLimit":"File size limit","fileNotAllowed":"File not allowed","requiredCaptcha":"Required captcha","requiredProducts":"Please select product","limitQuantity":"The number of products left in stock has been exceeded","shopifyInvalidPhone":"phone - Enter a valid phone number to use this delivery method","shopifyPhoneHasAlready":"phone - Phone has already been taken","shopifyInvalidProvice":"addresses.province - is not valid","otherError":"Something went wrong, please try again","limitNumberOfSubmissions":"Form submission limit reached"},"appearance":{"layout":"default","width":600,"style":"material_filled","mainColor":"rgba(46,78,73,1)","floatingIcon":"\u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"envelope\" class=\"svg-inline--fa fa-envelope fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e","floatingText":null,"displayOnAllPage":false,"formType":"normalForm","background":"color","backgroundColor":"#fff","descriptionColor":"#6c757d","headingColor":"#000","labelColor":"#1c1c1c","optionColor":"#000","paragraphBackground":"#fff","paragraphColor":"#000","theme_design":true,"font":{"family":"Almarai","variant":"regular"},"colorScheme":{"solidButton":{"red":46,"green":78,"blue":73,"alpha":1},"solidButtonLabel":{"red":255,"green":255,"blue":255},"text":{"red":28,"green":28,"blue":28},"outlineButton":{"red":46,"green":78,"blue":73,"alpha":1},"background":{"red":255,"green":255,"blue":255}}},"afterSubmit":{"action":"clearForm","title":{"ja":"お問い合わせを受け付けました"},"message":{"ja":"\u003cp\u003e自動返信メールをお送りしております。すぐに届かない場合は別のメールアドレスにて再度お問い合わせください。\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: rgb(230, 0, 0);\"\[email protected]、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。\u003c\/span\u003e\u003c\/p\u003e"},"redirectUrl":null},"footer":{"description":null,"previousText":"Previous","nextText":"Next","submitText":{"ja":"送信する"},"submitFullWidth":true},"header":{"active":true,"title":{"ja":"お問い合わせ"},"description":{"ja":"\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eご注文についてのお問い合わせの場合「#から始まる注文番号」を記入してください\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp class=\"ql-align-center\"\u003e\u003cspan style=\"color: rgb(230, 0, 0);\"\[email protected]、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。\u003c\/span\u003e\u003c\/p\u003e\u003cp class=\"ql-align-center\"\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp class=\"ql-align-center\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eお問い合わせ後に自動返信メールが送信されます。返信がない場合は別のアドレスで再度お問い合わせください。\u003c\/span\u003e\u003c\/p\u003e"},"headerAlignment":"center"},"isStepByStepForm":true,"publish":{"requiredLogin":false,"requiredLoginMessage":"Please \u003ca href='\/account\/login' title='login'\u003elogin\u003c\/a\u003e to continue"},"reCaptcha":{"enable":false},"html":"\n\u003cdiv class=\"globo-form default-form globo-form-id-114432 \" data-locale=\"ja\" \u003e\n\n\u003cstyle\u003e\n\n\n    \n        \n        @import url('https:\/\/fonts.googleapis.com\/css?family=Almarai:ital,wght@0,400');\n    \n\n    :root .globo-form-app[data-id=\"114432\"]{\n        \n        --gfb-color-solidButton: 46,78,73;\n        --gfb-color-solidButtonColor: rgb(var(--gfb-color-solidButton));\n        --gfb-color-solidButtonLabel: 255,255,255;\n        --gfb-color-solidButtonLabelColor: rgb(var(--gfb-color-solidButtonLabel));\n        --gfb-color-text: 28,28,28;\n        --gfb-color-textColor: rgb(var(--gfb-color-text));\n        --gfb-color-outlineButton: 46,78,73;\n        --gfb-color-outlineButtonColor: rgb(var(--gfb-color-outlineButton));\n        --gfb-color-background: 255,255,255;\n        --gfb-color-backgroundColor: rgb(var(--gfb-color-background));\n        \n        --gfb-main-color: rgba(46,78,73,1);\n        --gfb-primary-color: var(--gfb-color-solidButtonColor, var(--gfb-main-color));\n        --gfb-primary-text-color: var(--gfb-color-solidButtonLabelColor, #FFF);\n        --gfb-form-width: 600px;\n        --gfb-font-family: inherit;\n        --gfb-font-style: inherit;\n        --gfb--image: 40%;\n        --gfb-image-ratio-draft: var(--gfb--image);\n        --gfb-image-ratio: var(--gfb-image-ratio-draft);\n        \n        \n        --gfb-font-family: \"Almarai\";
660\n        --gfb-font-weight: normal;\n        --gfb-font-style: normal;\n        \n        --gfb-bg-temp-color: #FFF;\n        --gfb-bg-position: ;\n        \n            --gfb-bg-temp-color: #fff;\n        \n        --gfb-bg-color: var(--gfb-color-backgroundColor, var(--gfb-bg-temp-color));\n        \n    }\n    \n.globo-form-id-114432 .globo-form-app{\n    max-width: 600px;\n    width: -webkit-fill-available;\n    \n    background-color: var(--gfb-bg-color);\n    \n    \n}\n\n.globo-form-id-114432 .globo-form-app .globo-heading{\n    color: var(--gfb-color-textColor, #000)\n}\n\n\n.globo-form-id-114432 .globo-form-app .header {\n    text-align:center;\n}\n\n\n.globo-form-id-114432 .globo-form-app .globo-description,\n.globo-form-id-114432 .globo-form-app .header .globo-description{\n    --gfb-color-description: rgba(var(--gfb-color-text), 0.8);\n    color: var(--gfb-color-description, #6c757d);\n}\n.globo-form-id-114432 .globo-form-app .globo-label,\n.globo-form-id-114432 .globo-form-app .globo-form-control label.globo-label,\n.globo-form-id-114432 .globo-form-app .globo-form-control label.globo-label span.label-content{\n    color: var(--gfb-color-textColor, #1c1c1c);\n    text-align: left;\n}\n.globo-form-id-114432 .globo-form-app .globo-label.globo-position-label{\n    height: 20px !important;\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .help-text.globo-description,\n.globo-form-id-114432 .globo-form-app .globo-form-control span.globo-description{\n    --gfb-color-description: rgba(var(--gfb-color-text), 0.8);\n    color: var(--gfb-color-description, #6c757d);\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .checkbox-wrapper .globo-option,\n.globo-form-id-114432 .globo-form-app .globo-form-control .radio-wrapper .globo-option\n{\n    color: var(--gfb-color-textColor, #1c1c1c);\n}\n.globo-form-id-114432 .globo-form-app .footer,\n.globo-form-id-114432 .globo-form-app .gfb__footer{\n    text-align:;\n}\n.globo-form-id-114432 .globo-form-app .footer button,\n.globo-form-id-114432 .globo-form-app .gfb__footer button{\n    border:1px solid var(--gfb-primary-color);\n    \n        width:100%;\n    \n}\n.globo-form-id-114432 .globo-form-app .footer button.submit,\n.globo-form-id-114432 .globo-form-app .gfb__footer button.submit\n.globo-form-id-114432 .globo-form-app .footer button.checkout,\n.globo-form-id-114432 .globo-form-app .gfb__footer button.checkout,\n.globo-form-id-114432 .globo-form-app .footer button.action.loading .spinner,\n.globo-form-id-114432 .globo-form-app .gfb__footer button.action.loading .spinner{\n    background-color: var(--gfb-primary-color);\n    color : #ffffff;\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:before {\n    content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(46,78,73,1)\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .star-rating\u003efieldset\u003einput:checked ~ label:before {\n    content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(46,78,73,1)\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19
660-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover:before,\n.globo-form-id-114432 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover ~ label:before{\n    content : url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(46,78,73,1)\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e')\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked ~ .checkbox-label:before {\n    border-color: var(--gfb-primary-color);\n    box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);\n    background-color: var(--gfb-primary-color);\n}\n.globo-form-id-114432 .globo-form-app .step.-completed .step__number,\n.globo-form-id-114432 .globo-form-app .line.-progress,\n.globo-form-id-114432 .globo-form-app .line.-start{\n    background-color: var(--gfb-primary-color);\n}\n.globo-form-id-114432 .globo-form-app .checkmark__check,\n.globo-form-id-114432 .globo-form-app .checkmark__circle{\n    stroke: var(--gfb-primary-color);\n}\n.globo-form-id-114432 .floating-button{\n    background-color: var(--gfb-primary-color);\n}\n.globo-form-id-114432 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before,\n.globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after{\n    border-color : var(--gfb-primary-color);\n}\n.globo-form-id-114432 .flatpickr-day.selected, \n.globo-form-id-114432 .flatpickr-day.startRange, \n.globo-form-id-114432 .flatpickr-day.endRange, \n.globo-form-id-114432 .flatpickr-day.selected.inRange, \n.globo-form-id-114432 .flatpickr-day.startRange.inRange, \n.globo-form-id-114432 .flatpickr-day.endRange.inRange, \n.globo-form-id-114432 .flatpickr-day.selected:focus, \n.globo-form-id-114432 .flatpickr-day.startRange:focus, \n.globo-form-id-114432 .flatpickr-day.endRange:focus, \n.globo-form-id-114432 .flatpickr-day.selected:hover, \n.globo-form-id-114432 .flatpickr-day.startRange:hover, \n.globo-form-id-114432 .flatpickr-day.endRange:hover, \n.globo-form-id-114432 .flatpickr-day.selected.prevMonthDay, \n.globo-form-id-114432 .flatpickr-day.startRange.prevMonthDay, \n.globo-form-id-114432 .flatpickr-day.endRange.prevMonthDay, \n.globo-form-id-114432 .flatpickr-day.selected.nextMonthDay, \n.globo-form-id-114432 .flatpickr-day.startRange.nextMonthDay, \n.globo-form-id-114432 .flatpickr-day.endRange.nextMonthDay {\n    background: var(--gfb-primary-color);\n    border-color: var(--gfb-primary-color);\n}\n.globo-form-id-114432 .globo-paragraph {\n    background: #fff;\n    color: var(--gfb-color-textColor, #000);\n    width: 100%!important;\n}\n\n[dir=\"rtl\"] .globo-form-app .header .title,\n[dir=\"rtl\"] .globo-form-app .header .description,\n[dir=\"rtl\"] .globo-form-id-114432 .globo-form-app .globo-heading,\n[dir=\"rtl\"] .globo-form-id-114432 .globo-form-app .globo-label,\n[dir=\"rtl\"] .globo-form-id-114432 .globo-form-app .globo-form-control label.globo-label,\n[dir=\"rtl\"] .globo-form-id-114432 .globo-form-app .globo-form-control label.globo-label span.label-content{\n    text-align: right;\n}\n\n[dir=\"rtl\"] .globo-form-app .line {\n    left: unset;\n    right: 50%;\n}\n\n[dir=\"rtl\"] .globo-form-id-114432 .globo-form-app .line.-start {\n    left: unset;    \n    right: 0%;\n}\n\n\u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"globo-form-app default-layout gfb-style-material_filled  gfb-font-size-medium\" data-id=114432\u003e\n    \n    \u003cdiv class=\"header dismiss hidden\" onclick=\"Globo.FormBuilder.closeModalForm(this)\"\u003e\n        \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cform class=\"g-container\" novalidate action=\"https:\/\/app.powerfulform.com\/api\/front\/form\/114432\/send\" method=\"POST\" enctype=\"multipart\/form-data\" data-id=114432\u003e\n        \n            \n            \u003cdiv class=\"header\" data-path=\"header\"\u003e\n                \u003ch3 class=\"title globo-heading\"\u003eお問い合わせ\u003c\/h3\u003e\n                \n                \u003cdiv class=\"description globo-description\"\u003e\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eご注文についてのお問い合わせの場合「#から始まる注文番号」を記入してください\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp class=\"ql-align-center\"\u003e\u003cspan style=\"color: rgb(230, 0, 0);\"\[email protected]、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。\u003c\/span\u003e\u003c\/p\u003e\u003cp class=\"ql-align-center\"\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp class=\"ql-align-center\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eお問い合わせ後に自動返信メールが送信されます。返信がない場合は別のアドレスで再度お問い合わせください。\u003c\/span\u003e\u003c\/p\u003e\u003c\/div\u003e\n                \n            \u003c\/div\u003e\n            \n        \n        \n            \u003cdiv class=\"globo-formbuilder-wizard\" data-id=114432\u003e\n                \u003cdiv class=\"wizard__content\"\u003e\n                    \u003cheader class=\"wizard__header\"\u003e\n                        \u003cdiv class=\"wizard__steps\"\u003e\n                        \u003cnav class=\"steps hidden\"\u003e\n                            \n                            \n                                \n                            \n                            \n                                \n                                    \n                                    \n                                    \n                                    \n                                    \u003cdiv class=\"step last \" data-element-id=\"group-1\"  data-step=\"0\" \u003e\n                                        \u003cdiv class=\"step__content\"\u003e\n                                            \u003cp class=\"step__number\"\u003e\u003c\/p\u003e\n                                            \u003csvg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=52 height=52 viewBox=\"0 0 52 52\"\u003e\n                                                \u003ccircle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/\u003e\n                                                \u003cpath class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/\u003e\n                                            \u003c\/svg\u003e\n                                            \u003cdiv class=\"lines\"\u003e\n                                                \n                                                    \u003cdiv class=\"line -start\"\u003e\u003c\/div\u003e\n                                                \n                                                \u003cdiv class=\"line -background\"\u003e\n                                                \u003c\/div\u003e\n                                                \u003cdiv class=\"line -progress\"\u003e\n                                                \u003c\/div\u003e\n                                            \u003c\/div\u003e  \n                                        \u003c\/div\u003e\n                                    \u003c\/div\u003e\n                                \n                            \n                        \u003c\/nav\u003e\n                        \u003c\/div\u003e\n                    \u003c\/header\u003e\n                    \u003cdiv class=\"panels\"\u003e\n                        \n                            \n                            \n                            \n                            \n                                \u003cdiv class=\"panel \" data-element-id=\"group-1\" data-id=114432  data-step=\"0\" style=\"padding-top:0\"\u003e\n                                    \n                                            \n                                                \n                                                    \n    \n        \n        \u003cdiv class=\"globo-form-row\" data-element-id=\"row-1\" \u003e\n            \n\n\n            \n                \n                    \u003cdiv class=\"globo-form-row-item\" data-element-type=\"text\"\u003e\n                        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column \"  data-type='text' data-element-id='text-2'\u003e\n    \n    \n\n\n    \n        \n\u003clabel for=\"114432-text-2\" class=\"material_filled-label globo-label gfb__label-v2 \" data-label=\"注文番号\"\u003e\n    \u003cspan class=\"label-content\" data-label=\"注文番号\"\u003e注文番号\u003c\/span\u003e\n    \n        \u003cspan\u003e\u003c\/span\u003e\n    \n\u003c\/label\u003e\n\n    \n\n    \u003cdiv class=\"globo-form-input\"\u003e\n        \n        \n        \u003cinput type=\"text\"  data-type=\"text\" class=\"material_filled-input\" id=\"114432-text-2\" name=\"text-2\" placeholder=\"orderid\"   data-default-input-value=\"#\"\u003e\n    \u003c\/div\u003e\n    \n        \u003csmall class=\"help-text globo-description\"\u003e当オフィシャルストアでのご注文についてお問い合わせいただく際は#から始まる4桁の数字を入力してください\u003c\/small\u003e\n    \n    \u003csmall class=\"messages\" id=\"114432-text-2-error\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n\n\n                    \u003c\/div\u003e\n                \n            \n                \n                    \u003cdiv class=\"globo-form-row-item\" data-element-type=\"text\"\u003e\n                        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column \"  data-type='text' data-element-id='text-1'\u003e\n    \n    \n\n\n    \n        \n\u003clabel for=\"114432-text-1\" class=\"material_filled-label globo-label gfb__label-v2 \" data-label=\"お名前\"\u003e\n    \u003cspan class=\"label-content\" data-label=\"お名前\"\u003eお名前\u003c\/span\u003e\n    \n        \u003cspan class=\"text-danger text-smaller\"\u003e *\u003c\/span\u003e\n    \n\u003c\/label\u003e\n\n    \n\n    \u003cdiv class=\"globo-form-input\"\u003e\n        \n        \n        \u003cinput type=\"text\"  data-type=\"text\" class=\"material_filled-input\" id=\"114432-text-1\" name=\"text-1\" placeholder=\"First Name\" presence  \u003e\n    \u003c\/div\u003e\n    \n        \u003csmall class=\"help-text globo-description\"\u003e\u003c\/small\u003e\n    \n    \u003csmall class=\"messages\" id=\"114432-text-1-error\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n\n\n                    \u003c\/div\u003e\n                \n            \n        \u003c\/div\u003e\n    \n\n                                                \n                                            \n                                                \n                                                    \n    \n        \n        \u003cdiv class=\"globo-form-row\" data-element-id=\"row-2\" \u003e\n            \n\n\n            \n                \n                    \u003cdiv class=\"globo-form-row-item\" data-element-type=\"email\"\u003e\n                        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column \"  data-type='email' data-element-id='email'\u003e\n    \n    \n\n\n    \n        \n\u003clabel for=\"114432-email\" class=\"material_filled-label globo-label gfb__label-v2 \" data-label=\"Email\"\u003e\n    \u003cspan class=\"label-content\" data-label=\"Email\"\u003eEmail\u003c\/span\u003e\n    \n        \u003cspan class=\"text-danger text-smaller\"\u003e *\u003c\/span\u003e\n    \n\u003c\/label\u003e\n\n    \n\n    \u003cdiv class=\"globo-form-input\"\u003e\n        \n        \n        \u003cinput type=\"text\"  data-type=\"email\" class=\"material_filled-input\" id=\"114432-email\" name=\"email\" placeholder=\"Email\" presence  \u003e\n    \u003c\/div\u003e\n    \n        \u003csmall class=\"help-text globo-description\"\[email protected]、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。\u003c\/small\u003e\n    \n    \u003csmall class=\"messages\" id=\"114432-email-error\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n\n                    \u003c\/div\u003e\n                \n            \n                \n                    \u003cdiv class=\"globo-form-row-item\" data-element-type=\"phone\"\u003e\n                        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column \"  data-type='phone' data-element-id='phone-1' \u003e\n    \n    \n\n\n    \n        \n\u003clabel for=\"114432-phone-1\" class=\"material_filled-label globo-label gfb__label-v2 \" data-label=\"携帯電話番号\"\u003e\n    \u003cspan class=\"label-content\" data-label=\"携帯電話番号\"\u003e携帯電話番号\u003c\/span\u003e\n    \n        \u003cspan class=\"text-danger text-smaller\"\u003e *\u003c\/span\u003e\n    \n\u003c\/label\u003e\n\n    \n\n    \u003cdiv class=\"globo-form-input gfb__phone-placeholder\" input-placeholder=\"phonenumber\"\u003e\n        \n        \n        \n        \n        \u003cinput type=\"text\"  data-type=\"phone\" class=\"material_filled-input\" id=\"114432-phone-1\" name=\"phone-1\" placeholder=\"phonenumber\" presence    default-country-code=\"auto\"\u003e\n    \u003c\/div\u003e\n    \n        \u003csmall class=\"help-text globo-description\"\u003eSMSでご連絡差し上げる場合がございますので携帯電話番号を入力してください\u003c\/small\u003e\n    \n    \u003csmall class=\"messages\" id=\"114432-phone-1-error\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n\n                    \u003c\/div\u003e\n                \n            \n        \u003c\/div\u003e\n    \n\n                                                \n                                            \n                                                \n                                                    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column \"  data-type='textarea' data-element-id='textarea'\u003e\n    \n    \n\n\n    \n        \n\u003clabel for=\"114432-textarea\" class=\"material_filled-label globo-label gfb__label-v2 \" data-label=\"お問い合わせ\"\u003e\n    \u003cspan class=\"label-content\" data-label=\"お問い合わせ\"\u003eお問い合わせ\u003c\/span\u003e\n    \n        \u003cspan class=\"text-danger text-smaller\"\u003e *\u003c\/span\u003e\n    \n\u003c\/label\u003e\n\n    \n\n    \u003cdiv class=\"globo-form-input\"\u003e\n        \n        \u003ctextarea id=\"114432-textarea\"  data-type=\"textarea\" class=\"material_filled-input\" rows=\"3\" name=\"textarea\" placeholder=\"Message\" presence  \u003e\u003c\/textarea\u003e\n    \u003c\/div\u003e\n    \n        \u003csmall class=\"help-text globo-description\"\u003e\u003c\/small\u003e\n    \n    \u003csmall class=\"messages\" id=\"114432-textarea-error
660\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n\n                                                \n                                            \n                                        \n                                    \n                                    \n                                        \n                                        \n                                    \n                                \u003c\/div\u003e\n                            \n                        \n                    \u003c\/div\u003e\n                    \u003cdiv class=\"message error\" data-other-error=\"Something went wrong, please try again\"\u003e\n                        \u003cdiv class=\"content\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n                            \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                        \n                        \n                        \u003cdiv class=\"message success\"\u003e\n                            \n                                \u003cdiv class=\"gfb__content-title\"\u003eお問い合わせを受け付けました\u003c\/div\u003e\n                            \n                            \u003cdiv class=\"gfb__discount-wrapper\" onclick=\"Globo.FormBuilder.handleCopyDiscountCode(this)\"\u003e\n                                \u003cdiv class=\"gfb__content-discount\"\u003e\n                                    \u003cspan class=\"gfb__discount-code\"\u003e\u003c\/span\u003e\n                                    \u003cdiv class=\"gfb__copy\"\u003e\n                                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"\u003e\u003cpath d=\"M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z\"\/\u003e\u003c\/svg\u003e\n                                    \u003c\/div\u003e\n                                    \u003cdiv class=\"gfb__copied\"\u003e\n                                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"\u003e\u003cpath d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/\u003e\u003c\/svg\u003e\n                                    \u003c\/div\u003e        \n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"content\"\u003e\u003cp\u003e自動返信メールをお送りしております。すぐに届かない場合は別のメールアドレスにて再度お問い合わせください。\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: rgb(230, 0, 0);\"\[email protected]、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。\u003c\/span\u003e\u003c\/p\u003e\u003c\/div\u003e\n                            \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n                                \u003csvg width=20 height=20 width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \n                        \n                    \n                    \u003cdiv class=\"gfb__footer wizard__footer\" data-path=\"footer\" \u003e\n                        \n                            \n                            \u003cdiv class=\"description globo-description\"\u003e\u003c\/div\u003e\n                            \n                        \n                        \u003cbutton type=\"button\" class=\"action previous hidden material_filled-button\"\u003ePrevious\u003c\/button\u003e\n                        \u003cbutton type=\"button\" class=\"action next submit material_filled-button\" data-submitting-text=\"\" data-submit-text='\u003cspan class=\"spinner\"\u003e\u003c\/span\u003e送信する' data-next-text=\"Next\" \u003e\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eNext\u003c\/button\u003e\n                        \n                        \u003cp class=\"wizard__congrats-message\"\u003e\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \n        \u003cinput type=\"hidden\" value=\"\" name=\"customer[id]\"\u003e\n        \u003cinput type=\"hidden\" value=\"\" name=\"customer[email]\"\u003e\n        \u003cinput type=\"hidden\" value=\"\" name=\"customer[name]\"\u003e\n        \u003cinput type=\"hidden\" value=\"\" name=\"page[title]\"\u003e\n        \u003cinput type=\"hidden\" value=\"\" name=\"page[href]\"\u003e\n        \u003cinput type=\"hidden\" value=\"\" name=\"_keyLabel\"\u003e\n    \u003c\/form\u003e\n    \n    \n    \u003cdiv class=\"message success\"\u003e\n        \n            \u003cdiv class=\"gfb__c
660ontent-title\"\u003eお問い合わせを受け付けました\u003c\/div\u003e\n        \n        \u003cdiv class=\"gfb__discount-wrapper\" onclick=\"Globo.FormBuilder.handleCopyDiscountCode(this)\"\u003e\n            \u003cdiv class=\"gfb__content-discount\"\u003e\n                \u003cspan class=\"gfb__discount-code\"\u003e\u003c\/span\u003e\n                \u003cdiv class=\"gfb__copy\"\u003e\n                    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"\u003e\u003cpath d=\"M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z\"\/\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gfb__copied\"\u003e\n                    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"\u003e\u003cpath d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e        \n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"content\"\u003e\u003cp\u003e自動返信メールをお送りしております。すぐに届かない場合は別のメールアドレスにて再度お問い合わせください。\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: rgb(230, 0, 0);\"\[email protected]、@ezweb.ne.jp、@softbank.ne.jpなどの携帯キャリアアドレスおよび@hotmail.com、@icloud.com宛のメールは様々な要因により届かない場合が多いため、ご利用はお控えください。\u003c\/span\u003e\u003c\/p\u003e\u003c\/div\u003e\n        \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n            \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \n\u003c\/div\u003e\n\n\u003c\/div\u003e\n"}}[114432];
661      
662    
663  
664  window.Globo.FormBuilder.url = window.Globo.FormBuilder.shop.url;
665  window.Globo.FormBuilder.CDN_URL = window.Globo.FormBuilder.shop.CDN_URL ?? window.Globo.FormBuilder.shop.url;
666  window.Globo.FormBuilder.themeOs20 = true;
667  window.Globo.FormBuilder.searchProductByJson = true;
668  
669  
670  window.Globo.FormBuilder.__webpack_public_path_2__ = "https://cdn.shopify.com/extensions/01a0fc0d-2150-7cf1-86f8-1d048d2b8454/powerful-form-builder-360/assets/";Globo.FormBuilder.page = {
671    href : window.location.href,
672    type: "product"
673  };
674  Globo.FormBuilder.page.title = document.title
675
676  
677    Globo.FormBuilder.product= {
678      title : 'LUCY',
679      type : 'サングラス',
680      vendor : 'DRAGON JAPAN',
681      url : window.location.href,
682      sku: '0311816200004',
683      id: 8950717808894,
684      handle: 'lucy-antique-bronze',
685    }
686  
687  if(window.AVADA_SPEED_WHITELIST){
688    const pfbs_w = new RegExp("powerful-form-builder", 'i')
689    if(Array.isArray(window.AVADA_SPEED_WHITELIST)){
690      window.AVADA_SPEED_WHITELIST.push(pfbs_w)
691    }else{
692      window.AVADA_SPEED_WHITELIST = [pfbs_w]
693    }
694  }
695
696  Globo.FormBuilder.shop.configuration = Globo.FormBuilder.shop.configuration || {};
697  Globo.FormBuilder.shop.configuration.money_format = "Â¥{{amount_no_decimals}}";
698</script>
vendor: 1 bytes, line 698
698
699<script src="https://cdn.shopify.com/extensions/01a0fc0d-2150-7cf1-86f8-1d048d2b8454/powerful-form-builder-360/assets/globo.formbuilder.index.js" defer="defer" data-cookieconsent="ignore"></script>
699
700
701
702
703
704<!-- END app block --><!-- BEGIN app block: shopify://apps/leeep-ugc/blocks/tracking/d2efb67d-fe03-4476-a386-d4a4160b094c --><!-- LEEEP tracking tag start -->
705<script src="https://tracking.leeep.jp/v1/tracking/js" defer></script>
vendor: 1 bytes, line 705
705
706<script src="https://cite.leeep.jp/v2/embed/js" defer></script>
vendor: 1 bytes, line 706
706
707<script defer>
708  document.addEventListener('DOMContentLoaded', _ => {
709    // product id を取得
710    // cart product id を product id として利用する
711    
712
713    
714      // そのまま cart product id を product id として利用する
715
716      // 移行期間のガードコード
717      // metafield_key_product_id から product id を取得出来た場合はそちらを利用する
718      
719      
720      // ガードここまで
721    
722
723    // cite one tag
724    LeeepCite.init({
725      site_id: '',
726      uid: '',
727      product_id: '8950717808894'
728    });
729  });
730</script>
730
731<!-- LEEEP tracking tag end -->
732
733
734<!-- END app block -->
734<script src="https://cdn.shopify.com/extensions/01a110dd-e163-7526-9aaf-7a12ca7c2687/forms-2612/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
734
735<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
736<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 75059462398,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 736
736
737<script>
738  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
739</script>
vendor: 1 bytes, line 739
739
740<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
740).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 75059462398,storefrontBaseUrl: "https://dragonalliance.jp",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://dragonalliance.jp/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1517191422","configuration":"{\"pixel_id\":\"858283451609793\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
740,{"id":"1513292030","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-Y2GP8XH0FS\\\",\\\"GT-WF453C6Z\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-Y2GP8XH0FS\\\",\\\"MC-Y3ZG6ZF635\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-Y2GP8XH0FS\\\",\\\"MC-Y3ZG6ZF635\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-Y2GP8XH0FS\\\",\\\"MC-Y3ZG6ZF635\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-Y2GP8XH0FS\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1450180862","configuration":"{\"websiteID\":\"1426081856838725633\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0959a59e5c38df9d9678fb476b39c9bf","type":"APP","apiClientId":6904563,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"DRAGON JAPAN OFFICIAL STORE","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"dragon-japan.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/dragonalliance.jp"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":7700.0,"currencyCode":"JPY"},"product":{"title":"LUCY","vendor":"DRAGON JAPAN","id":"8950717808894","untranslatedTitle":"LUCY","url":"\/products\/lucy-antique-bronze","type":"サングラス"},"id":"47129899892990","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819"},"sku":"0311816200004","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"8950717808894","handle":"lucy-antique-bronze","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-antique-bronze","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129899892990","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311816200004","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950717743358","handle":"lucy-jet-grey","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jet-grey","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129899827454","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/0708145604_668b7f747ce77.jpg?v=1754937717"},"price":{"amount":7700.0,"currencyCode":"JPY"}
740,"sku":"0311811100002","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950720102654","handle":"lucy-speedplum-grey","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-speedplum-grey","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902907646","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1114-1LUCYSPEEDPLUM-GREY_1.jpg?v=1754553127"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0634741004777","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719774974","handle":"lucy-mercuryflame-blueion","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-mercuryflame-blueion","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902547198","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1112LUCYMERCURYFLM-BLU-ION_1.jpg?v=1754557368"},"price":{"amount":8800.0,"currencyCode":"JPY"},"sku":"0311818800004","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950717448446","handle":"lucy-opal-grey","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-opal-grey","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129899467006","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0722120514_669dcc6a0b1ec.jpg?v=1754939387"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311819100004","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719709438","handle":"lucy-2speedcinnamon-bronze","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-2speedcinnamon-bronze","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902481662","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1109LUCY2SPCINNAMON-BRZ_1.jpg?v=1754557516"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311815200005","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719512830","handle":"lucy-tortoise-bronze","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-tortoise-bronze","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902285054","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1102LUCYTOROISEBRONZ_1.jpg?v=1754559450"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311812200008","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719873278","handle":"lucy-lunarfade-bronzegrad","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-lunarfade-bronzegrad","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902645502","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1117LUCYLUNARFADEBRZGRAD_1.jpg?v=1754552542"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0634741005644","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719840510","handle":"lucy-carmelfade-bronzegrad","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-carmelfade-bronzegrad","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902612734","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1116LUCYCARMELFADE-BRZGRD_1.jpg?v=1754557142"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0634741005637","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719807742","handle":"lucy-jetfade-greygrad","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jetfade-greygrad","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902579966","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/115LUCYJETFADE-GREYGRAD_1.jpg?v=1754557230"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0634741005620","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719742206","handle":"lucy-decochannel-grey","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-decochannel-grey","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902514430","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1111-LUCY-DECO-CHANNEL-GREY_1.jpg?v=1754557445"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311820100000","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719676670","handle":"lucy-jet-scotch","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jet-scotch","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902448894","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1107LUCYJET-SCOTCH_1.jpg?v=1754559072"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311811000005","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719643902","handle":"lucy-jet-yellow","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jet-yellow","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902416126","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1106LUCYJET-YELLOW_1.jpg?v=1754559157"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311811700004","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719611134","handle":"lucy-jet-blue","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jet-blue","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902383358","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1105LUCYJET-BLUE_1.jpg?v=1754559235"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311811900008","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950719578366","handle":"lucy-jet-rose","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jet-rose","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129902350590","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1103LUCYJET-ROSE_1.jpg?v=1754559373"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311811500000","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950717776126","handle":"lucy-jetflame-greyion","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-jetflame-greyion","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129899860222","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/0708145351_668b7eef4b957.jpg?v=1754937555"},"price":{"amount":11000.0,"currencyCode":"JPY"},"sku":"0311822400009","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950717481214","handle":"lucy-speedblue-grey","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-speedblue-grey","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129899499774","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0610144109_6847c575681ca_9df5a074-c207-406b-b911-31f8e1fe0563.jpg?v=1754939925"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311813100000","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8950717415678","handle":"lucy-speedmlnt-grey","isCollective":null,"title":"LUCY","type":"サングラス","untranslatedTitle":"LUCY","url":"\/products\/lucy-speedmlnt-grey","vendor":"DRAGON JAPAN","remoteShopId":null,"variants":[{"id":"47129899434238","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_d5674bbb-cd00-4f5e-ac2e-4aee0e5a9d7a.jpg?v=1754940093"},"price":{"amount":7700.0,"currencyCode":"JPY"},"sku":"0311814100009","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9444136354046","handle":"2627goggle-noverty","isCollective":null,"title":"オフィシャルストア限定 購入特典ゴーグルクロス","type":null,"untranslatedTitle":"オフィシャルストア限定 購入特典ゴーグルクロス","url":"\/products\/2627goggle-noverty","vendor":"DRAGON JAPAN OFFICIAL STORE","remoteShopId":null,"variants":[{"id":"48842445160702","image":{"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/2_f22f3e91-7fa4-4d81-b81c-9d4d2022f29c.jpg?v=1788227224"},"price":{"amount":0.0,"currencyCode":"JPY"}
740,"sku":"2300000000214","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://dragonalliance.jp/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"161095745790","themePublished":"true","eventMetadataId":"835902a5-ea26-41a7-8d4e-6c2211b0b825","pageType":"product","resourceId":"8950717808894","shopId":"75059462398","storefrontBaseUrl":"https:\/\/dragonalliance.jp","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":7700.0,\"currencyCode\":\"JPY\"},\"product\":{\"title\":\"LUCY\",\"vendor\":\"DRAGON JAPAN\",\"id\":\"8950717808894\",\"untranslatedTitle\":\"LUCY\",\"url\":\"\/products\/lucy-antique-bronze\",\"type\":\"サングラス\"},\"id\":\"47129899892990\",\"image\":{\"src\":\"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819\"},\"sku\":\"0311816200004\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
740<script>
741  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
742  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
743  window.ShopifyAnalytics.meta.currency = 'JPY';
744  var meta = {"product":{"id":8950717808894,"gid":"gid:\/\/shopify\/Product\/8950717808894","vendor":"DRAGON JAPAN","type":"サングラス","handle":"lucy-antique-bronze","variants":[{"id":47129899892990,"price":770000,"name":"LUCY","public_title":null,"sku":"0311816200004"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8950717808894,"requestId":"1cfec854-4310-4441-8e75-b9cbce504c84-1791355213"}};
745  for (var attr in meta) {
746    window.ShopifyAnalytics.meta[attr] = meta[attr];
747  }
748</script>
vendor: 1 bytes, line 748
748
749<script class="analytics">
750  (function () {
751    var customDocumentWrite = function(content) {
752      var jquery = null;
753
754      if (window.jQuery) {
755        jquery = window.jQuery;
756      } else if (window.Checkout && window.Checkout.$) {
757        jquery = window.Checkout.$;
758      }
759
760      if (jquery) {
761        jquery('body').append(content);
762      }
763    };
764
765    var hasLoggedConversion = function(token) {
766      if (token) {
767        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
768      }
769      return false;
770    }
771
772    var setCookieIfConversion = function(token) {
773      if (token) {
774        var twoMonthsFromNow = new Date(Date.now());
775        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
776
777        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
778      }
779    }
780
781    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
782    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
783    if (trekkie.integrations) {
784      return;
785    }
786    trekkie.methods = [
787      'identify',
788      'page',
789      'ready',
790      'track',
791      'trackForm',
792      'trackLink'
793    ];
794    trekkie.factory = function(method) {
795      return function() {
796        var args = Array.prototype.slice.call(arguments);
797        args.unshift(method);
798        trekkie.push(args);
799        if (method == 'track' || method == 'page') {
800          var pageUrl;
801          try {
802            pageUrl = window.location.href;
803          } catch (e) {}
804          var pageReferrer;
805          try {
806            pageReferrer = document.referrer;
807          } catch (e) {}
808          try {
809            if (window.__TREKKIE_SHIM_QUEUE == null) {
810              window.__TREKKIE_SHIM_QUEUE = [];
811            }
812            window.__TREKKIE_SHIM_QUEUE.push({
813              from: 'trekkie-stub',
814              method: method,
815              args: args.slice(1),
816              pageContext: {
817                url: pageUrl,
818                referrer: pageReferrer
819              }
820            });
821          } catch (e) {
822            // no-op
823          }
824        }
825        return trekkie;
826      };
827    };
828    for (var i = 0; i < trekkie.methods.length; i++) {
829      var key = trekkie.methods[i];
830      trekkie[key] = trekkie.factory(key);
831    }
832    trekkie.load = function(config) {
833      trekkie.config = config || {};
834      trekkie.config.initialDocumentCookie = document.cookie;
835      var first = document.getElementsByTagName('script')[0];
836var script = document.createElement('script');
837script.type = 'text/javascript';
838script.onerror = function(e) {
839  var scriptFallback = document.createElement('script');
840  scriptFallback.type = 'text/javascript';
841  scriptFallback.onerror = function(error) {
842          var Monorail = {
843      produce: function produce(monorailDomain, schemaId, payload) {
844        var currentMs = new Date().getTime();
845        var event = {
846          schema_id: schemaId,
847          payload: payload,
848          metadata: {
849            event_created_at_ms: currentMs,
850            event_sent_at_ms: currentMs
851          }
852        };
853        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
854      },
855      sendRequest: function sendRequest(endpointUrl, payload) {
856        // Try the sendBeacon API
857        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
858          var blobData = new window.Blob([payload], {
859            type: 'text/plain'
860          });
861
862          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
863            return true;
864          } // sendBeacon was not successful
865
866        } // XHR beacon
867
868        var xhr = new XMLHttpRequest();
869
870        try {
871          xhr.open('POST', endpointUrl);
872          xhr.setRequestHeader('Content-Type', 'text/plain');
873          xhr.send(payload);
874        } catch (e) {
875          console.log(e);
876        }
877
878        return false;
879      },
880      isIos12: function isIos12() {
881        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
882      }
883    };
884    Monorail.produce('monorail-edge.shopifysvc.com',
885      'trekkie_storefront_load_errors/1.1',
886      {shop_id: 75059462398,
887      theme_id: 161095745790,
888      app_name: "storefront",
889      context_url: window.location.href,
890      source_url: "//dragonalliance.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
891
892  };
893  scriptFallback.async = true;
894  scriptFallback.src = '//dragonalliance.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
895  first.parentNode.insertBefore(scriptFallback, first);
896};
897script.async = true;
898script.src = '//dragonalliance.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
899first.parentNode.insertBefore(script, first);
900
901    };
902    trekkie.load(
903      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75059462398,"isMerchantRequest":null,"themeId":161095745790,"themeCityHash":"791672788714551952","contentLanguage":"ja","currency":"JPY","eventMetadataId":"835902a5-ea26-41a7-8d4e-6c2211b0b825"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
904    );
905
906    var loaded = false;
907    trekkie.ready(function() {
908      if (loaded) return;
909      loaded = true;
910
911      window.ShopifyAnalytics.lib = window.trekkie;
912
913      var originalDocumentWrite = document.write;
914      document.write = customDocumentWrite;
915      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
916      document.write = originalDocumentWrite;
917
918      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
919      var token = match? match[1]: undefined;
920      if (!hasLoggedConversion(token)) {
921        setCookieIfConversion(token);
922        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"JPY","variantId":47129899892990,"productId":8950717808894,"productGid":"gid:\/\/shopify\/Product\/8950717808894","name":"LUCY","price":"7700","sku":"0311816200004","brand":"DRAGON JAPAN","variant":null,"category":"サングラス","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
923      }
924    });
925
926    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8950717808894,"requestId":"1cfec854-4310-4441-8e75-b9cbce504c84-1791355213","shopifyEmitted":true});
927
928    var eventsListenerScript = document.createElement('script');
929    eventsListenerScript.async = true;
930    eventsListenerScript.src = "//dragonalliance.jp/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
931    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
932})();</script>
vendor: 1 bytes, line 932
932
933<script
934  defer
935  src="https://dragonalliance.jp/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
936  data-application="storefront-renderer"
937  data-shop-id="75059462398"
938  data-render-region="gcp-us-central1"
939  data-page-type="product"
940  data-theme-instance-id="161095745790"
941  data-theme-name="Pipeline"
942  data-theme-version="7.6.0"
943  data-monorail-region="shop_domain"
944  data-resource-timing-sampling-rate="10"
945  data-shs="true"
946  data-shs-beacon="true"
947  data-shs-export-with-fetch="true"
948  data-shs-logs-sample-rate="1"
949  data-shs-beacon-endpoint="https://dragonalliance.jp/api/collect"
950></script>
950
951<meta name="shopify-y" content="bd9e72a0-aeea-4910-9f26-46d5f7d31ac0" data-expiration="1822912813000"><meta name="shopify-s" content="fd56f785-783c-49c1-9e6c-22f76d58e295" data-expiration="1791357013000"><meta name="new-cookie-storage-activated" content="t">
952</head>
953
954
955<body id="lucy" class="template-product ">
956
957  <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
958
959  <!-- BEGIN sections: group-header -->
960<div id="shopify-section-sections--22346245800190__announcement" class="shopify-section shopify-section-group-group-header"><!-- /sections/announcement.liquid --><div
961    class="announcement bg-[--bg] text-[--text] relative z-[5500] overflow-hidden"
962    style="
963      --PT: 4px;
964      --PB: 4px;
965      --bg: var(--COLOR-ANNOUNCEMENT-BG);
966      --text: var(--COLOR-ANNOUNCEMENT-TEXT);
967      --underline: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));"
968    data-announcement-bar
969    data-section-id="sections--22346245800190__announcement"
970    data-section-type="announcement"
971    x-data="announcement()"
972  ><div
973        class="accent-size-3"
974        x-data="announcementSlider(5000)">
975        <div 
976      x-ref="text_TAPH8V"
977      
978      class="section-padding items-center flex text-center w-full"
979      
980><div
981                class="w-full px-[--outer] text-[0] overflow-hidden"
982                data-ticker-frame
983                x-data="announcementTicker({ waitForSlider: true })"
984              >
985                <div
986                  class="inline-flex items-center transition-opacity duration-500 ease-linear ticker--unloaded"
987                  data-ticker-scale
988                >
989                  <div
990                    class="rte--lock-font rte--lock-size px-r6 flex flex-row items-center accent-size-3"
991                    data-ticker-text
992                  ><p><a href="/collections/goggle" title="ゴーグル">26-27ニューモデルゴーグル予約受付中</a></p>
993</div>
994                </div>
995              </div></div><div 
996      x-ref="announce_text"
997      
998      class="section-padding items-center flex text-center w-full"
999      
1000><div
1001                class="w-full px-[--outer] text-[0] overflow-hidden"
1002                data-ticker-frame
1003                x-data="announcementTicker({ waitForSlider: true })"
1004              >
1005                <div
1006                  class="inline-flex items-center transition-opacity duration-500 ease-linear ticker--unloaded"
1007                  data-ticker-scale
1008                >
1009                  <div
1010                    class="rte--lock-font rte--lock-size px-r6 flex flex-row items-center accent-size-3"
1011                    data-ticker-text
1012                  ><p><a href="/collections/sale" title="SALE">25-26ゴーグル&ソフトグッズプライスダウン</a></p>
1013</div>
1014                </div>
1015              </div></div>
1016      </div></div>
1017</div><div id="shopify-section-sections--22346245800190__header" class="shopify-section shopify-section-group-group-header"><!-- /sections/header.liquid --><style data-shopify>
1018  :root {
1019    --COLOR-NAV-TEXT-TRANSPARENT: #ffffff;
1020    --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2);
1021    --LOGO-PADDING: 15px;
1022    --menu-backfill-height: auto;
1023  }
1024</style>
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044<div class="header__wrapper"
1045  data-header-wrapper
1046  style="--bar-opacity: 0; --bar-width: 0; --bar-left: 0;"
1047  data-header-transparent="false"
1048  data-underline-current="false"
1049  data-header-sticky="sticky"
1050  data-header-style="menu_center"
1051  data-section-id="sections--22346245800190__header"
1052  data-section-type="header">
1053  <header class="theme__header" data-header-height>
1054    
1055
1056    <div class="header__inner" 
1057  
1058data-header-cart-full="false"
1059>
1060      <div class="wrapper--full">
1061        <div class="header__mobile">
1062          
1063    <div class="header__mobile__left">
1064      <button class="header__mobile__button"
1065        data-drawer-toggle="hamburger"
1066        aria-label="Open menu"
1067        aria-haspopup="true"
1068        aria-expanded="false"
1069        aria-controls="header-menu">
1070        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-hamburger" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" stroke-linecap="square" stroke-width="2"><path d="M21 6H3M21 12H3M21 18H3"/></g></svg>
1071      </button>
1072    </div>
1073    
1074<div class="header__logo header__logo--image">
1075    <a class="header__logo__link"
1076      href="/"
1077      style="--LOGO-WIDTH: 140px"
1078    >
1079      
1080
1081
1082
1083
1084        
1085
1086        <img src="//dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=140" alt="DRAGON JAPAN OFFICIAL STORE" width="140" height="23" loading="eager" class="logo__img logo__img--color" srcset="
1087          //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=280 2x,
1088          //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=420 3x,
1089          //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=140
1090        ">
1091      
1092      
1093    </a>
1094  </div>
1095
1096    <div class="header__mobile__right">
1097	  <button
1098		type="button"
1099  		class="da-toggle-sp"
1100  		aria-label="検索"
1101  		onclick="if(window.__daSearchToggle)window.__daSearchToggle()"
1102  		style="background:none;border:none;padding:8px;
1102cursor:pointer;color:inherit;display:flex;align-items:center;"
1103		>
1104  		<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"
1105       		stroke-linecap="round" stroke-linejoin="round" width="20" height="20">
1106    	<circle cx="11" cy="11" r="8"/>
1107    	<line x1="21" y1="21" x2="16.65" y2="16.65"/>
1108  		</svg>
1109	  </button>
1110      <a class="header__mobile__button"
1111       data-drawer-toggle="drawer-cart"
1112        href="/cart">
1113        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewBox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
1114        <span class="visually-hidden">カート</span>
1115        
1116  <span class="header__cart__status">
1117    <span data-header-cart-price="0">
1118      ¥0
1119    </span>
1120    <span data-header-cart-count="0">
1121      (0)
1122    </span>
1123    <span 
1124  
1125data-header-cart-full="false"
1126></span>
1127  </span>
1128
1129      </a>
1130    </div>
1131
1132        </div>
1133
1134        <div data-header-desktop class="header__desktop header__desktop--menu_center"><div  data-takes-space class="header__desktop__bar__l">
1135<div class="header__logo header__logo--image">
1136    <a class="header__logo__link"
1137      href="/"
1138      style="--LOGO-WIDTH: 140px"
1139    >
1140      
1141
1142
1143
1144
1145        
1146
1147        <img src="//dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=140" alt="DRAGON JAPAN OFFICIAL STORE" width="140" height="23" loading="eager" class="logo__img logo__img--color" srcset="
1148          //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=280 2x,
1149          //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=420 3x,
1150          //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&amp;width=140
1151        ">
1152      
1153      
1154    </a>
1155  </div>
1156</div>
1157              <div  data-takes-space class="header__desktop__bar__c">
1158  <nav class="header__menu">
1159    <div class="header__menu__inner" data-text-items-wrapper>
1160      
1161        <!-- /snippets/nav-item.liquid -->
1162
1163<div class="menu__item  parent"
1164  data-main-menu-text-item
1165  
1166    role="button"
1167    aria-haspopup="true"
1168    aria-expanded="false"
1169    data-hover-disclosure-toggle="dropdown-3f9f0185ff11a89c9c60ae3ecbccfe0f"
1170    aria-controls="dropdown-3f9f0185ff11a89c9c60ae3ecbccfe0f"
1171  >
1172  <a href="/collections/goggle" data-top-link class="navlink navlink--toplevel">
1173    <span class="navtext">ゴーグル</span>
1174  </a>
1175  
1176    <div class="header__dropdown"
1177      data-hover-disclosure
1178      id="dropdown-3f9f0185ff11a89c9c60ae3ecbccfe0f">
1179      <div class="header__dropdown__wrapper">
1180        <div class="header__dropdown__inner">
1181            
1182              
1183              <a href="/collections/goggle-slain-mag-2627" data-stagger class="navlink navlink--child">
1184                <span class="navtext">SLAIN MAG</span>
1185              </a>
1186            
1187              
1188              <a href="/collections/goggle-recon-2627" data-stagger class="navlink navlink--child">
1189                <span class="navtext">RECON</span>
1190              </a>
1191            
1192              
1193              <a href="/collections/goggle-pxv-2627" data-stagger class="navlink navlink--child">
1194                <span class="navtext">PXV</span>
1195              </a>
1196            
1197              
1198              <a href="/collections/goggle-d3-2627" data-stagger class="navlink navlink--child">
1199                <span class="navtext">D3</span>
1200              </a>
1201            
1202              
1203              <a href="/collections/goggle-d1-2627" data-stagger class="navlink navlink--child">
1204                <span class="navtext">D1</span>
1205              </a>
1206            
1207              
1208              <a href="/collections/goggle-dx3-2627" data-stagger class="navlink navlink--child">
1209                <span class="navtext">DX3</span>
1210              </a>
1211            
1212              
1213              <a href="/collections/goggle-dx3-l-2627" data-stagger class="navlink navlink--child">
1214                <span class="navtext">DX3 L</span>
1215              </a>
1216            
1217              
1218              <a href="/collections/goggle-dx2-2627" data-stagger class="navlink navlink--child">
1219                <span class="navtext">DX2</span>
1220              </a>
1221            
1222              
1223              <a href="/collections/goggle-dxt-2627" data-stagger class="navlink navlink--child">
1224                <span class="navtext">DXT</span>
1225              </a>
1226            
1227              
1228              <a href="/collections/goggle-lil-d-2627" data-stagger class="navlink navlink--child">
1229                <span class="navtext">LILd</span>
1230              </a>
1231            
1232</div>
1233      </div>
1234    </div>
1235  
1236</div>
1237
1238      
1239        <!-- /snippets/nav-item.liquid -->
1240
1241<div class="menu__item  parent"
1242  data-main-menu-text-item
1243  
1244    role="button"
1245    aria-haspopup="true"
1246    aria-expanded="false"
1247    data-hover-disclosure-toggle="dropdown-6cb918ce1b68d8143f3a7d7db94bedf1"
1248    aria-controls="dropdown-6cb918ce1b68d8143f3a7d7db94bedf1"
1249  >
1250  <a href="/collections/sparelens" data-top-link class="navlink navlink--toplevel">
1251    <span class="navtext">スペアレンズ</span>
1252  </a>
1253  
1254    <div class="header__dropdown"
1255      data-hover-disclosure
1256      id="dropdown-6cb918ce1b68d8143f3a7d7db94bedf1">
1257      <div class="header__dropdown__wrapper">
1258        <div class="header__dropdown__inner">
1259            
1260              
1261              <a href="/collections/sparelens-rvx-mag" data-stagger class="navlink navlink--child">
1262                <span class="navtext">RVX MAG</span>
1263              </a>
1264            
1265              
1266              <a href="/collections/sparelens-pxv2" data-stagger class="navlink navlink--child">
1267                <span class="navtext">PXV2</span>
1268              </a>
1269            
1270              
1271              <a href="/collections/sparelens-pxv" data-stagger class="navlink navlink--child">
1272                <span class="navtext">PXV</span>
1273              </a>
1274            
1275              
1276              <a href="/collections/sparelens-x2" data-stagger class="navlink navlink--child">
1277                <span class="navtext">X2</span>
1278              </a>
1279            
1280              
1281              <a href="/collections/sparelens-x2s" data-stagger class="navlink navlink--child">
1282                <span class="navtext">X2s</span>
1283              </a>
1284            
1285              
1286              <a href="/collections/sparelens-x1" data-stagger class="navlink navlink--child">
1287                <span class="navtext">X1</span>
1288              </a>
1289            
1290              
1291              <a href="/collections/sparelens-x1s" data-stagger class="navlink navlink--child">
1292                <span class="navtext">X1s</span>
1293              </a>
1294            
1295              
1296              <a href="/collections/sparelens-nfx2" data-stagger class="navlink navlink--child">
1297                <span class="navtext">NFX2</span>
1298              </a>
1299            
1300              
1301              <a href="/collections/sparelens-nfx" data-stagger class="navlink navlink--child">
1302                <span class="navtext">NFX</span>
1303              </a>
1304            
1305              
1306              <a href="/collections/sparelens-nfxs" data-stagger class="navlink navlink--child">
1307                <span class="navtext">NFXs</span>
1308              </a>
1309            
1310              
1311              <a href="/collections/sparelens-d3" data-stagger class="navlink navlink--child">
1312                <span class="navtext">D3</span>
1313              </a>
1314            
1315              
1316              <a href="/collections/sparelens-dx3" data-stagger class="navlink navlink--child">
1317                <span class="navtext">DX3</span>
1318              </a>
1319            
1320              
1321              <a href="/collections/sparelens-dx3-l" data-stagger class="navlink navlink--child">
1322                <span class="navtext">DX3L</span>
1323              </a>
1324            
1325              
1326              <a href="/collections/sparelens-d1" data-stagger class="navlink navlink--child">
1327                <span class="navtext">D1</span>
1328              </a>
1329            
1330              
1331              <a href="/collections/sparelens-dx2" data-stagger class="navlink navlink--child">
1332                <span class="navtext">DX2</span>
1333              </a>
1334            
1335              
1336              <a href="/collections/sparelens-d2" data-stagger class="navlink navlink--child">
1337                <span class="navtext">D2</span>
1338              </a>
1339            
1340              
1341              <a href="/collections/sparelens-dxt" data-stagger class="navlink navlink--child">
1342                <span class="navtext">DXT</span>
1343              </a>
1344            
1345              
1346              <a href="/collections/sparelens-dx" data-stagger class="navlink navlink--child">
1347                <span class="navtext">DX</span>
1348              </a>
1349            
1350              
1351              <a href="/collections/sparelens-lild" data-stagger class="navlink navlink--child">
1352                <span class="navtext">LILd</span>
1353              </a>
1354            
1355              
1356              <a href="/collections/sparelens-x" data-stagger class="navlink navlink--child">
1357                <span class="navtext">X(APX)</span>
1358              </a>
1359            
1360              
1361              <a href="/collections/sale" data-stagger class="navlink navlink--child">
1362                <span class="navtext">SALE</span>
1363              </a>
1364            
1365</div>
1366      </div>
1367    </div>
1368  
1369</div>
1370
1371      
1372        <!-- /snippets/nav-item.liquid -->
1373
1374<div class="menu__item  parent"
1375  data-main-menu-text-item
1376  
1377    role="button"
1378    aria-haspopup="true"
1379    aria-expanded="false"
1380    data-hover-disclosure-toggle="dropdown-87dcda95c277ca227c1a7f98a4b7378a"
1381    aria-controls="dropdown-87dcda95c277ca227c1a7f98a4b7378a"
1382  >
1383  <a href="/collections/sunglasses" data-top-link class="navlink navlink--toplevel">
1384    <span class="navtext">サングラス</span>
1385  </a>
1386  
1387    <div class="header__dropdown"
1388      data-hover-disclosure
1389      id="dropdown-87dcda95c277ca227c1a7f98a4b7378a">
1390      <div class="header__dropdown__wrapper">
1391        <div class="header__dropdown__inner">
1392            
1393              
1394              <a href="/collections/a-box" data-stagger class="navlink navlink--child">
1395                <span class="navtext">A-BOX</span>
1396              </a>
1397            
1398              
1399              <a href="/collections/billie" data-stagger class="navlink navlink--child">
1400                <span class="navtext">BILLIE</span>
1401              </a>
1402            
1403              
1404              <a href="/collections/cage" data-stagger class="navlink navlink--child">
1405                <span class="navtext">CAGE</span>
1406              </a>
1407            
1408              
1409              <a href="/collections/claver" data-stagger class="navlink navlink--child">
1410                <span class="navtext">CALAVER</span>
1411              </a>
1412            
1413              
1414              <a href="/collections/courtside" data-stagger class="navlink navlink--child">
1415                <span class="navtext">COURTSIDE</span>
1416              </a>
1417            
1418              
1419              <a href="/collections/dune" data-stagger class="navlink navlink--child">
1420                <span class="navtext">DUNE</span>
1421              </a>
1422            
1423              
1424              <a href="/collections/koby" data-stagger class="navlink navlink--child">
1425                <span class="navtext">KOBY</span>
1426              </a>
1427            
1428              
1429              <a href="/collections/locks" data-stagger class="navlink navlink--child">
1430                <span class="navtext">LOCKS</span>
1431              </a>
1432            
1433              
1434              <a href="/collections/lucy" data-stagger class="navlink navlink--child">
1435                <span class="navtext">LUCY</span>
1436              </a>
1437            
1438              
1439              <a href="/collections/luna" data-stagger class="navlink navlink--child">
1440                <span class="navtext">LUNA</span>
1441              </a>
1442            
1443              
1444              <a href="/collections/marker" data-stagger class="navlink navlink--child">
1445                <span class="navtext">MARKER</span>
1446              </a>
1447            
1448              
1449              <a href="/collections/mint" data-stagger class="navlink navlink--child">
1450                <span class="navtext">MINT</span>
1451              </a>
1452            
1453              
1454              <a href="/collections/opus" data-stagger class="navlink navlink--child">
1455                <span class="navtext">OPUS</span>
1456              </a>
1457            
1458              
1459              <a href="/collections/rail" data-stagger class="navlink navlink--child">
1460                <span class="navtext">RAIL</span>
1461              </a>
1462            
1463              
1464              <a href="/collections/rail-pro" data-stagger class="navlink navlink--child">
1465                <span class="navtext">RAIL PRO</span>
1466              </a>
1467            
1468              
1469              <a href="/collections/rake" data-stagger class="navlink navlink--child">
1470                <span class="navtext">RAKE</span>
1471              </a>
1472            
1473              
1474              <a href="/collections/rake-pro" data-stagger class="navlink navlink--child">
1475                <span class="navtext">RAKE PRO</span>
1476              </a>
1477            
1478              
1479              <a href="/collections/ranger" data-stagger class="navlink navlink--child">
1480                <span class="navtext">RANGER</span>
1481              </a>
1482            
1483              
1484              <a href="/collections/ranger-pro" data-stagger class="navlink navlink--child">
1485                <span class="navtext">RANGER PRO</span>
1486              </a>
1487            
1488              
1489              <a href="/collections/rev" data-stagger class="navlink navlink--child">
1490                <span class="navtext">REV</span>
1491              </a>
1492            
1493              
1494              <a href="/collections/sage" data-stagger class="navlink navlink--child">
1495                <span class="navtext">SAGE</span>
1496              </a>
1497            
1498              
1499              <a href="/collections/spree" data-stagger class="navlink navlink--child">
1500                <span class="navtext">SPREE</span>
1501              </a>
1502            
1503              
1504              <a href="/collections/strat" data-stagger class="navlink navlink--child">
1505                <span class="navtext">STRAT</span>
1506              </a>
1507            
1508              
1509              <a href="/collections/the-box-2" data-stagger class="navlink navlink--child">
1510                <span class="navtext">THE BOX 2</span>
1511              </a>
1512            
1513              
1514              <a href="/collections/thorn" data-stagger class="navlink navlink--child">
1515                <span class="navtext">THORN</span>
1516              </a>
1517            
1518              
1519              <a href="/collections/trap" data-stagger class="navlink navlink--child">
1520                <span class="navtext">TRAP</span>
1521              </a>
1522            
1523              
1524              <a href="/collections/tt" data-stagger class="navlink navlink--child">
1525                <span class="navtext">TT</span>
1526              </a>
1527            
1528              
1529              <a href="/collections/twin" data-stagger class="navlink navlink--child">
1530                <span class="navtext">TWIN</span>
1531              </a>
1532            
1533</div>
1534      </div>
1535    </div>
1536  
1537</div>
1538
1539      
1540        <!-- /snippets/nav-item.liquid -->
1541
1542<div class="menu__item  child"
1543  data-main-menu-text-item
1544  >
1545  <a href="/collections/softgoods" data-top-link class="navlink navlink--toplevel">
1546    <span class="navtext">ソフトグッズ</span>
1547  </a>
1548  
1549</div>
1550
1551      
1552        <!-- /snippets/nav-item.liquid -->
1553
1554<div class="menu__item  child"
1555  data-main-menu-text-item
1556  >
1557  <a href="/pages/dealer" data-top-link class="navlink navlink--toplevel">
1558    <span class="navtext">取り扱いショップ</span>
1559  </a>
1560  
1561</div>
1562
1563      
1564        <!-- /snippets/nav-item.liquid -->
1565
1566<div class="menu__item  parent"
1567  data-main-menu-text-item
1568  
1569    role="button"
1570    aria-haspopup="true"
1571    aria-expanded="false"
1572    data-hover-disclosure-toggle="dropdown-d1fca14e412492b6b80c043d309bbc4a"
1573    aria-controls="dropdown-d1fca14e412492b6b80c043d309bbc4a"
1574  >
1575  <a href="#" data-top-link class="navlink navlink--toplevel">
1576    <span class="navtext">DRAGONについて</span>
1577  </a>
1578  
1579    <div class="header__dropdown"
1580      data-hover-disclosure
1581      id="dropdown-d1fca14e412492b6b80c043d309bbc4a">
1582      <div class="header__dropdown__wrapper">
1583        <div class="header__dropdown__inner">
1584            
1585              
1586              <a href="/pages/dragon-story" data-stagger class="navlink navlink--child">
1587                <span class="navtext">ブランドヒストリー</span>
1588              </a>
1589            
1590              
1591              <a href="/pages/team" data-stagger class="navlink navlink--child">
1592                <span class="navtext">DRAGON TEAM</span>
1593              </a>
1594            
1595</div>
1596      </div>
1597    </div>
1598  
1599</div>
1600
1601      
1602      <div class="hover__bar"></div>
1603      <div class="hover__bg"></div>
1604    </div>
1605  </nav>
1606</div>
1607              <div  data-takes-space class="header__desktop__bar__r">
1608<div class="header__desktop__buttons header__desktop__buttons--icons" ><div class="header__desktop__button " >
1609        <a href="/account" class="navlink"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-user" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 1.5c-2.575 0-4.49 1.593-4.49 5.747s1.664 4.985 1.954 5.27c.267.358.267.855 0 1.213-.238.245-4.544 1.116-6.115 2.723a4.647 4.647 0 0 0-1.665 2.915c-.069.293-.135 1.14-.181 1.88-.043.67.434 1.252 1.443 1.252h18.118c.491 0 1.477-.573 1.435-1.237-.047-.743-.113-1.6-.183-1.895a4.645 4.645 0 0 0-1.664-2.887c-1.572-1.621-5.878-2.493-6.116-2.724a1.019 1.019 0 0 1 0-1.212c.29-.286 1.955-1.103 1.955-5.27 0-4.168-1.85-5.775-4.49-5.775Z"/></svg>
1610            <span class="visually-hidden">My Account</span></a>
1611      </div>
1612    
1613
1614    <div class="header__desktop__button " >
1615      <a href="/cart"
1616        class="navlink navlink--cart"
1617        data-drawer-toggle="drawer-cart">
1618        
1619          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewBox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
1620          <span class="visually-hidden">カート</span>
1621          
1622  <span class="header__cart__status">
1623    <span data-header-cart-price="0">
1624      ¥0
1625    </span>
1626    <span data-header-cart-count="0">
1627      (0)
1628    </span>
1629    <span 
1630  
1631data-header-cart-full="false"
1632></span>
1633  </span>
1634
1635        
1636      </a>
1637    </div>
1638
1639  </div>
1640</div></div>
1641      </div>
1642    </div>
1643  </header>
1644  
1645  <nav class="drawer header__drawer display-none"
1646    data-drawer="hamburger"
1647    aria-label="Main menu"
1648    id="header-menu">
1649    <div class="drawer__content">
1650      <div class="drawer__top">
1651        <div class="drawer__top__left">
1652          
1653<a class="drawer__account" href="/account">
1654              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-user" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 1.5c-2.575 0-4.49 1.593-4.49 5.747s1.664 4.985 1.954 5.27c.267.358.267.855 0 1.213-.238.245-4.544 1.116-6.115 2.723a4.647 4.647 0 0 0-1.665 2.915c-.069.293-.135 1.14-.181 1.88-.043.67.434 1.252 1.443 1.252h18.118c.491 0 1.477-.573 1.435-1.237-.047-.743-.113-1.6-.183-1.895a4.645 4.645 0 0 0-1.664-2.887c-1.572-1.621-5.878-2.493-6.116-2.724a1.019 1.019 0 0 1 0-1.212c.29-.286 1.955-1.103 1.955-5.27 0-4.168-1.85-5.775-4.49-5.775Z"/></svg>
1655              <span class="visually-hidden">My Account</span>
1656            </a></div>
1657
1658        <button class="drawer__button drawer__close"
1659          data-first-focus
1660          data-drawer-toggle="hamburger"
1661          aria-label="Close">
1662          <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
1663        </button>
1664      </div>
1665
1666      <div class="drawer__inner" data-drawer-scrolls>
1667        
1668          <div class="drawer__search" data-drawer-search>
1669            <!-- /snippets/search-predictive.liquid -->
1670
1671
1672
1673<div data-search-popdown-wrap>
1674  <div id="search-drawer" class="search-drawer search__predictive" data-popdown-outer><predictive-search><form
1675        action="/search"
1676        method="get"
1677        role="search">
1678
1679        <div class="item--loadbar" data-loading-indicator style="display: none;"></div>
1680        <div class="search__predictive__outer">
1681          <div class="wrapper">
1682            <div class="search__predictive__main">
1683              <div class="search__predictive__actions">
1684                <button class="search__predictive__button" type="submit">
1685                  <span class="visually-hidden">Search</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-search" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
1686</button>
1687
1688                <input type="search"
1689                  data-predictive-search-input="search-popdown-results"
1690                  name="q"
1691                  value=""
1692                  placeholder="Search..."
1693                  aria-label="Search our store"
1694                  aria-controls="predictive-search-results"
1695                >
1696
1697                <div class="search__predictive__clear">
1698                  <button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Reset">
1699                    <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
1700Clear</button>
1701                </div>
1702              </div>
1703
1704              <div class="search__predictive__close">
1705                <button type="button" class="search__predictive__close__inner" data-close-popdown aria-label="Close">
1706                  <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
1707                </button>
1708              </div>
1709            </div>
1710          </div>
1711        </div><div class="header__search__results" tabindex="-1" data-predictive-search-results></div>
1712
1713          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></form></predictive-search></div>
1714
1715  
1716
1717  
1717<script data-predictive-search-aria-template type="text/x-template">
1718    <div aria-live="polite">
1719      <p>
1720        
1721          {{@if(it.count)}}
1722            <span class="badge">{{ it.count }}</span>
1723          {{/if}}
1724          {{ it.title }} <em>{{ it.query }}</em>
1725        
1726      </p>
1727    </div>
1728  </script>
1728
1729
1730  
1730<script data-predictive-search-title-template type="text/x-template">
1731    <div class="search__results__heading">
1732      
1733        <p>
1734          <span class="search__results__title">{{ it.title }}</span>
1735          <span class="badge">{{ it.count }}</span>
1736        </p>
1737      
1738    </div>
1739  </script>
1739
1740
1741  
1741<script data-search-other-template type="text/x-template">
1742    
1743      {{@each(it) => object, index}}
1744        <div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
1745          <p class="other__inline__title">
1746            <a href="{{ object.url }}">{{ object.title | safe }}</a>
1747          </p>
1748        </div>
1749      {{/each}}
1750    
1751  </script>
1751
1752
1753  
1753<script data-search-product-template type="text/x-template">
1754    
1755      {{@each(it) => object, index}}
1756        <a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
1757          <div class="product__inline__image {{ @if (object.featured_image.width === null) }} product__inline__image--no-image {{ /if}}">
1758            {{ @if (object.featured_image.width !== null) }}
1759              <img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}">
1760            {{ /if}}
1761          </div>
1762          <div>
1763            <p class="product__inline__title">
1764              {{ object.title | safe }}
1765            </p>
1766            <p class="product__inline__price">
1767              <span class="price {{ object.classes }}">
1768                {{ object.price | safe }}
1769              </span>
1770              {{@if(object.sold_out)}}
1771                <br /><em>{{ object.sold_out_translation }}</em>
1772              {{/if}}
1773              {{@if(object.on_sale)}}
1774                <span class="compare-at">
1775                  {{ object.compare_at_price | safe }}
1776                </span>
1777              {{/if}}
1778            </p>
1779          </div>
1780        </a>
1781      {{/each}}
1782    
1783  </script>
1783
1784
1785</div>
1786
1787          </div>
1788        
1789
1790        
1791<div class="drawer__menu" data-stagger-animation data-sliderule-pane="0">
1792          
1793            <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
1794      data-animates="0"
1795      data-sliderule-open="sliderule-e016c840c2cae9f8dd573fd81ba8baac">
1796      <span class="sliderow__title">ゴーグル</span>
1797      <span class="sliderule__chevron--right">
1798        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
1799        <span class="visually-hidden">Expand menu</span>
1800      </span>
1801    </button>
1802
1803    <div class="mobile__menu__dropdown sliderule__panel"
1804      data-sliderule
1805      id="sliderule-e016c840c2cae9f8dd573fd81ba8baac"><div class="sliderow sliderow__back" data-animates="1">
1806        <button class="drawer__button"
1807          data-sliderule-close="sliderule-e016c840c2cae9f8dd573fd81ba8baac">
1808          <span class="sliderule__chevron--left">
1809            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
1810            <span class="visually-hidden">Hide menu</span>
1811          </span>
1812        </button>
1813        <a class="sliderow__title" href="/collections/goggle">ゴーグル</a>
1814      </div><div class="sliderow__links" data-links>
1815        
1816          
1817          
1818          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1819    <div class="sliderow" data-animates="1">
1820      <a class="sliderow__title" href="/collections/goggle-slain-mag-2627">SLAIN MAG</a>
1821    </div></div>
1822
1823        
1824          
1825          
1826          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1827    <div class="sliderow" data-animates="1">
1828      <a class="sliderow__title" href="/collections/goggle-recon-2627">RECON</a>
1829    </div></div>
1830
1831        
1832          
1833          
1834          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1835    <div class="sliderow" data-animates="1">
1836      <a class="sliderow__title" href="/collections/goggle-pxv-2627">PXV</a>
1837    </div></div>
1838
1839        
1840          
1841          
1842          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1843    <div class="sliderow" data-animates="1">
1844      <a class="sliderow__title" href="/collections/goggle-d3-2627">D3</a>
1845    </div></div>
1846
1847        
1848          
1849          
1850          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1851    <div class="sliderow" data-animates="1">
1852      <a class="sliderow__title" href="/collections/goggle-d1-2627">D1</a>
1853    </div></div>
1854
1855        
1856          
1857          
1858          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1859    <div class="sliderow" data-animates="1">
1860      <a class="sliderow__title" href="/collections/goggle-dx3-2627">DX3</a>
1861    </div></div>
1862
1863        
1864          
1865          
1866          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1867    <div class="sliderow" data-animates="1">
1868      <a class="sliderow__title" href="/collections/goggle-dx3-l-2627">DX3 L</a>
1869    </div></div>
1870
1871        
1872          
1873          
1874          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1875    <div class="sliderow" data-animates="1">
1876      <a class="sliderow__title" href="/collections/goggle-dx2-2627">DX2</a>
1877    </div></div>
1878
1879        
1880          
1881          
1882          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1883    <div class="sliderow" data-animates="1">
1884      <a class="sliderow__title" href="/collections/goggle-dxt-2627">DXT</a>
1885    </div></div>
1886
1887        
1888          
1889          
1890          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1891    <div class="sliderow" data-animates="1">
1892      <a class="sliderow__title" href="/collections/goggle-lil-d-2627">LILd</a>
1893    </div></div>
1894
1895        
1896      </div><div class="sliderule-grid blocks-0">
1897          
1898        </div></div></div>
1899
1900            
1901          
1902            <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
1903      data-animates="0"
1904      data-sliderule-open="sliderule-8e9f969afecead38f79cb5f7064265c8">
1905      <span class="sliderow__title">スペアレンズ</span>
1906      <span class="sliderule__chevron--right">
1907        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
1908        <span class="visually-hidden">Expand menu</span>
1909      </span>
1910    </button>
1911
1912    <div class="mobile__menu__dropdown sliderule__panel"
1913      data-sliderule
1914      id="sliderule-8e9f969afecead38f79cb5f7064265c8"><div class="sliderow sliderow__back" data-animates="1">
1915        <button class="drawer__button"
1916          data-sliderule-close="sliderule-8e9f969afecead38f79cb5f7064265c8">
1917          <span class="sliderule__chevron--left">
1918            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
1919            <span class="visually-hidden">Hide menu</span>
1920          </span>
1921        </button>
1922        <a class="sliderow__title" href="/collections/sparelens">スペアレンズ</a>
1923      </div><div class="sliderow__links" data-links>
1924        
1925          
1926          
1927          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1928    <div class="sliderow" data-animates="1">
1929      <a class="sliderow__title" href="/collections/sparelens-rvx-mag">RVX MAG</a>
1930    </div></div>
1931
1932        
1933          
1934          
1935          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1936    <div class="sliderow" data-animates="1">
1937      <a class="sliderow__title" href="/collections/sparelens-pxv2">PXV2</a>
1938    </div></div>
1939
1940        
1941          
1942          
1943          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1944    <div class="sliderow" data-animates="1">
1945      <a class="sliderow__title" href="/collections/sparelens-pxv">PXV</a>
1946    </div></div>
1947
1948        
1949          
1950          
1951          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1952    <div class="sliderow" data-animates="1">
1953      <a class="sliderow__title" href="/collections/sparelens-x2">X2</a>
1954    </div></div>
1955
1956        
1957          
1958          
1959          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1960    <div class="sliderow" data-animates="1">
1961      <a class="sliderow__title" href="/collections/sparelens-x2s">X2s</a>
1962    </div></div>
1963
1964        
1965          
1966          
1967          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1968    <div class="sliderow" data-animates="1">
1969      <a class="sliderow__title" href="/collections/sparelens-x1">X1</a>
1970    </div></div>
1971
1972        
1973          
1974          
1975          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1976    <div class="sliderow" data-animates="1">
1977      <a class="sliderow__title" href="/collections/sparelens-x1s">X1s</a>
1978    </div></div>
1979
1980        
1981          
1982          
1983          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1984    <div class="sliderow" data-animates="1">
1985      <a class="sliderow__title" href="/collections/sparelens-nfx2">NFX2</a>
1986    </div></div>
1987
1988        
1989          
1990          
1991          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
1992    <div class="sliderow" data-animates="1">
1993      <a class="sliderow__title" href="/collections/sparelens-nfx">NFX</a>
1994    </div></div>
1995
1996        
1997          
1998          
1999          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2000    <div class="sliderow" data-animates="1">
2001      <a class="sliderow__title" href="/collections/sparelens-nfxs">NFXs</a>
2002    </div></div>
2003
2004        
2005          
2006          
2007          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2008    <div class="sliderow" data-animates="1">
2009      <a class="sliderow__title" href="/collections/sparelens-d3">D3</a>
2010    </div></div>
2011
2012        
2013          
2014          
2015          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2016    <div class="sliderow" data-animates="1">
2017      <a class="sliderow__title" href="/collections/sparelens-dx3">DX3</a>
2018    </div></div>
2019
2020        
2021          
2022          
2023          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2024    <div class="sliderow" data-animates="1">
2025      <a class="sliderow__title" href="/collections/sparelens-dx3-l">DX3L</a>
2026    </div></div>
2027
2028        
2029          
2030          
2031          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2032    <div class="sliderow" data-animates="1">
2033      <a class="sliderow__title" href="/collections/sparelens-d1">D1</a>
2034    </div></div>
2035
2036        
2037          
2038          
2039          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2040    <div class="sliderow" data-animates="1">
2041      <a class="sliderow__title" href="/collections/sparelens-dx2">DX2</a>
2042    </div></div>
2043
2044        
2045          
2046          
2047          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2048    <div class="sliderow" data-animates="1">
2049      <a class="sliderow__title" href="/collections/sparelens-d2">D2</a>
2050    </div></div>
2051
2052        
2053          
2054          
2055          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2056    <div class="sliderow" data-animates="1">
2057      <a class="sliderow__title" href="/collections/sparelens-dxt">DXT</a>
2058    </div></div>
2059
2060        
2061          
2062          
2063          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2064    <div class="sliderow" data-animates="1">
2065      <a class="sliderow__title" href="/collections/sparelens-dx">DX</a>
2066    </div></div>
2067
2068        
2069          
2070          
2071          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2072    <div class="sliderow" data-animates="1">
2073      <a class="sliderow__title" href="/collections/sparelens-lild">LILd</a>
2074    </div></div>
2075
2076        
2077          
2078          
2079          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2080    <div class="sliderow" data-animates="1">
2081      <a class="sliderow__title" href="/collections/sparelens-x">X(APX)</a>
2082    </div></div>
2083
2084        
2085          
2086          
2087          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2088    <div class="sliderow" data-animates="1">
2089      <a class="sliderow__title" href="/collections/sale">SALE</a>
2090    </div></div>
2091
2092        
2093      </div><div class="sliderule-grid blocks-0">
2094          
2095        </div></div></div>
2096
2097            
2098          
2099            <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
2100      data-animates="0"
2101      data-sliderule-open="sliderule-6acb4f9b754587ce67a115b016cea82f">
2102      <span class="sliderow__title">サングラス</span>
2103      <span class="sliderule__chevron--right">
2104        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
2105        <span class="visually-hidden">Expand menu</span>
2106      </span>
2107    </button>
2108
2109    <div class="mobile__menu__dropdown sliderule__panel"
2110      data-sliderule
2111      id="sliderule-6acb4f9b754587ce67a115b016cea82f"><div class="sliderow sliderow__back" data-animates="1">
2112        <button class="drawer__button"
2113          data-sliderule-close="sliderule-6acb4f9b754587ce67a115b016cea82f">
2114          <span class="sliderule__chevron--left">
2115            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
2116            <span class="visually-hidden">Hide menu</span>
2117          </span>
2118        </button>
2119        <a class="sliderow__title" href="/collections/sunglasses">サングラス</a>
2120      </div><div class="sliderow__links" data-links>
2121        
2122          
2123          
2124          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2125    <div class="sliderow" data-animates="1">
2126      <a class="sliderow__title" href="/collections/a-box">A-BOX</a>
2127    </div></div>
2128
2129        
2130          
2131          
2132          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2133    <div class="sliderow" data-animates="1">
2134      <a class="sliderow__title" href="/collections/billie">BILLIE</a>
2135    </div></div>
2136
2137        
2138          
2139          
2140          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2141    <div class="sliderow" data-animates="1">
2142      <a class="sliderow__title" href="/collections/cage">CAGE</a>
2143    </div></div>
2144
2145        
2146          
2147          
2148          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2149    <div class="sliderow" data-animates="1">
2150      <a class="sliderow__title" href="/collections/claver">CALAVER</a>
2151    </div></div>
2152
2153        
2154          
2155          
2156          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2157    <div class="sliderow" data-animates="1">
2158      <a class="sliderow__title" href="/collections/courtside">COURTSIDE</a>
2159    </div></div>
2160
2161        
2162          
2163          
2164          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2165    <div class="sliderow" data-animates="1">
2166      <a class="sliderow__title" href="/collections/dune">DUNE</a>
2167    </div></div>
2168
2169        
2170          
2171          
2172          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2173    <div class="sliderow" data-animates="1">
2174      <a class="sliderow__title" href="/collections/koby">KOBY</a>
2175    </div></div>
2176
2177        
2178          
2179          
2180          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2181    <div class="sliderow" data-animates="1">
2182      <a class="sliderow__title" href="/collections/locks">LOCKS</a>
2183    </div></div>
2184
2185        
2186          
2187          
2188          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2189    <div class="sliderow" data-animates="1">
2190      <a class="sliderow__title" href="/collections/lucy">LUCY</a>
2191    </div></div>
2192
2193        
2194          
2195          
2196          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2197    <div class="sliderow" data-animates="1">
2198      <a class="sliderow__title" href="/collections/luna">LUNA</a>
2199    </div></div>
2200
2201        
2202          
2203          
2204          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2205    <div class="sliderow" data-animates="1">
2206      <a class="sliderow__title" href="/collections/marker">MARKER</a>
2207    </div></div>
2208
2209        
2210          
2211          
2212          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2213    <div class="sliderow" data-animates="1">
2214      <a class="sliderow__title" href="/collections/mint">MINT</a>
2215    </div></div>
2216
2217        
2218          
2219          
2220          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2221    <div class="sliderow" data-animates="1">
2222      <a class="sliderow__title" href="/collections/opus">OPUS</a>
2223    </div></div>
2224
2225        
2226          
2227          
2228          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2229    <div class="sliderow" data-animates="1">
2230      <a class="sliderow__title" href="/collections/rail">RAIL</a>
2231    </div></div>
2232
2233        
2234          
2235          
2236          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2237    <div class="sliderow" data-animates="1">
2238      <a class="sliderow__title" href="/collections/rail-pro">RAIL PRO</a>
2239    </div></div>
2240
2241        
2242          
2243          
2244          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2245    <div class="sliderow" data-animates="1">
2246      <a class="sliderow__title" href="/collections/rake">RAKE</a>
2247    </div></div>
2248
2249        
2250          
2251          
2252          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2253    <div class="sliderow" data-animates="1">
2254      <a class="sliderow__title" href="/collections/rake-pro">RAKE PRO</a>
2255    </div></div>
2256
2257        
2258          
2259          
2260          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2261    <div class="sliderow" data-animates="1">
2262      <a class="sliderow__title" href="/collections/ranger">RANGER</a>
2263    </div></div>
2264
2265        
2266          
2267          
2268          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2269    <div class="sliderow" data-animates="1">
2270      <a class="sliderow__title" href="/collections/ranger-pro">RANGER PRO</a>
2271    </div></div>
2272
2273        
2274          
2275          
2276          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2277    <div class="sliderow" data-animates="1">
2278      <a class="sliderow__title" href="/collections/rev">REV</a>
2279    </div></div>
2280
2281        
2282          
2283          
2284          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2285    <div class="sliderow" data-animates="1">
2286      <a class="sliderow__title" href="/collections/sage">SAGE</a>
2287    </div></div>
2288
2289        
2290          
2291          
2292          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2293    <div class="sliderow" data-animates="1">
2294      <a class="sliderow__title" href="/collections/spree">SPREE</a>
2295    </div></div>
2296
2297        
2298          
2299          
2300          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2301    <div class="sliderow" data-animates="1">
2302      <a class="sliderow__title" href="/collections/strat">STRAT</a>
2303    </div></div>
2304
2305        
2306          
2307          
2308          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2309    <div class="sliderow" data-animates="1">
2310      <a class="sliderow__title" href="/collections/the-box-2">THE BOX 2</a>
2311    </div></div>
2312
2313        
2314          
2315          
2316          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2317    <div class="sliderow" data-animates="1">
2318      <a class="sliderow__title" href="/collections/thorn">THORN</a>
2319    </div></div>
2320
2321        
2322          
2323          
2324          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2325    <div class="sliderow" data-animates="1">
2326      <a class="sliderow__title" href="/collections/trap">TRAP</a>
2327    </div></div>
2328
2329        
2330          
2331          
2332          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2333    <div class="sliderow" data-animates="1">
2334      <a class="sliderow__title" href="/collections/tt">
2334TT</a>
2335    </div></div>
2336
2337        
2338          
2339          
2340          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2341    <div class="sliderow" data-animates="1">
2342      <a class="sliderow__title" href="/collections/twin">TWIN</a>
2343    </div></div>
2344
2345        
2346      </div><div class="sliderule-grid blocks-0">
2347          
2348        </div></div></div>
2349
2350            
2351          
2352            <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2353    <div class="sliderow" data-animates="0">
2354      <a class="sliderow__title" href="/collections/softgoods">ソフトグッズ</a>
2355    </div></div>
2356
2357            
2358          
2359            <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2360    <div class="sliderow" data-animates="0">
2361      <a class="sliderow__title" href="/pages/dealer">取り扱いショップ</a>
2362    </div></div>
2363
2364            
2365          
2366            <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
2367      data-animates="0"
2368      data-sliderule-open="sliderule-803932520e0a09dfdaf4782cdfe36092">
2369      <span class="sliderow__title">DRAGONについて</span>
2370      <span class="sliderule__chevron--right">
2371        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
2372        <span class="visually-hidden">Expand menu</span>
2373      </span>
2374    </button>
2375
2376    <div class="mobile__menu__dropdown sliderule__panel"
2377      data-sliderule
2378      id="sliderule-803932520e0a09dfdaf4782cdfe36092"><div class="sliderow sliderow__back" data-animates="1">
2379        <button class="drawer__button"
2380          data-sliderule-close="sliderule-803932520e0a09dfdaf4782cdfe36092">
2381          <span class="sliderule__chevron--left">
2382            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
2383            <span class="visually-hidden">Hide menu</span>
2384          </span>
2385        </button>
2386        <span class="sliderow__title" >DRAGONについて</span>
2387      </div><div class="sliderow__links" data-links>
2388        
2389          
2390          
2391          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2392    <div class="sliderow" data-animates="1">
2393      <a class="sliderow__title" href="/pages/dragon-story">ブランドヒストリー</a>
2394    </div></div>
2395
2396        
2397          
2398          
2399          <!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
2400    <div class="sliderow" data-animates="1">
2401      <a class="sliderow__title" href="/pages/team">DRAGON TEAM</a>
2402    </div></div>
2403
2404        
2405      </div><div class="sliderule-grid blocks-0">
2406          
2407        </div></div></div>
2408
2409            
2410          
2411
2412          
2413        </div>
2414      </div>
2415    </div>
2416
2417    <span class="drawer__underlay" data-drawer-underlay>
2418      <span class="drawer__underlay__fill"></span>
2419      <span class="drawer__underlay__blur"></span>
2420    </span>
2421  </nav>
2422
2423  <div data-product-add-popdown-wrapper class="product-add-popdown"></div>
2424</div>
2425
2426
2427<div class="header__backfill"
2428  data-header-backfill
2429  style="height: var(--menu-backfill-height);">
2430  
2431  <div class="header__inner">
2432    <div class="wrapper--full">
2433      <div class="header__backfill__content">
2434        <div class="header__logo">
2435          <div class="header__logo__link" style="--LOGO-WIDTH: 140px"><div class="overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 6.109375">
2436                <img data-src="logo__img"
2437                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
2438                  width="140"
2439                  height="384"
2440                  style="
2441                    display: block;
2442                    width: 100%;
2443                    height: 384px;
2444                  ">
2445              </div></div>
2446        </div>
2447      </div>
2448    </div>
2449  </div>
2450</div>
2451
2452<script type="application/ld+json">
2453{
2454  "@context": "http://schema.org",
2455  "@type": "Organization",
2456  "name": "DRAGON JAPAN OFFICIAL STORE",
2457  
2458    
2459    "logo": "https:\/\/dragonalliance.jp\/cdn\/shop\/files\/4x_1_2346x.png?v=1754027990",
2460  
2461  "sameAs": [
2462    "",
2463    "",
2464    "",
2465    "",
2466    "",
2467    "",
2468    "",
2469    "",
2470    ""
2471  ],
2472  "url": "https:\/\/dragonalliance.jp"
2473}
2474</script>
2474
2475
2476
2477
2478
2479</div>
2480<!-- END sections: group-header -->
2481  <!-- BEGIN sections: group-overlay -->
2482<div id="shopify-section-sections--22346245832958__cart" class="shopify-section shopify-section-group-group-overlay"><!-- /snippets/cart-drawer.liquid -->
2483
2484
2485
2486</div><div id="shopify-section-sections--22346245832958__popups" class="shopify-section shopify-section-group-group-overlay"><!-- /sections/popups.liquid --><div data-section-id="sections--22346245832958__popups" data-section-type="popups"><div data-newsletter data-block-id="newsletter_signup"
2487        data-popup-delay="always"
2488        data-enable=""
2489        data-cookie-name="newsletter-1-sections--22346245832958__popups"
2490        
2491class="popup popup--right text--neutral palette--light bg--neutral"
2492>
2493              <div class="popup__inner" data-popup-inner data-newsletter-holder><p class="popup__title">メールニュース登録</p><!-- /snippets/newsletter-form.liquid -->
2494
2495<form method="post" action="/contact#newsletter-modal-form-newsletter_signup1" id="newsletter-modal-form-newsletter_signup1" accept-charset="UTF-8" class="newsletter-block" data-newsletter-form=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
2496    
2497      <p>メールニュース限定の情報や先行販売、特別セールなどお届けします。登録者限定500円クーポン配布中</p>
2498    
2499
2500    
2501      <p class="newsletter__message newsletter__message--success">登録ありがとうございます!<br />
2502500円クーポンコードは「MAIL」です</p>
2503
2504      <p class="newsletter__message newsletter__message--error"><em>This customer is already subscribed</em></p>
2505    
2506
2507    <input type="hidden" name="contact[tags]" value="newsletter">
2508    <input type="hidden" name="contact[accepts_marketing]" value="true">
2509    <div class="input-group input-group--inner-button float__wrapper">
2510      <label for="mail-newsletter-modal-form-newsletter_signup1">Email</label>
2511      <input class="input-group-field"
2512        type="email"
2513        placeholder="[email protected]"
2514        id="mail-newsletter-modal-form-newsletter_signup1"
2515        aria-label="[email protected]"
2516        autocorrect="off"
2517        autocapitalize="off"
2518        name="contact[email]"
2519        data-newsletter-field />
2520      <span class="input-group-button">
2521        <button
2522          type="submit" 
2523          aria-label="Join"
2524          name="subscribe"
2525          id="subscribe-newsletter-modal-form-newsletter_signup1"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-arrow-long-right" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><path d="m31 12 8 7.94L31 28M1 20h38"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-checkmark" viewBox="0 0 24 24"><path d="m20 6.5-11 11-5-5"/></svg></button>
2526      </span>
2527    </div></form>
2528<button data-close-modal class="close" title="Close"><svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg></button>
2529              </div>
2530            </div></div></div><section id="shopify-section-sections--22346245832958__da_header_search" class="shopify-section shopify-section-group-group-overlay da-header-search"><!-- /sections/da-header-search.liquid --><style data-shopify>.da-toggle, .da-toggle-sp,
2531  .header__desktop .da-toggle, .header__desktop__buttons .da-toggle,
2532  .header__desktop__buttons--icons .da-toggle, .header__mobile .da-toggle-sp { display: none !important; }@media (max-width: 767px) {
2533    .header__mobile__button[href*="/cart"] { display: none !important; }
2534  }.da-hdr-search {
2535    position: relative;
2536    display: flex;
2537    align-items: center;
2538    gap: 6px;
2539    border: 0;
2540    border-bottom: 1px solid #c9c9c9;
2541    border-radius: 0;
2542    padding: 0 2px;
2543    height: 30px;
2544    background: transparent;
2545    box-sizing: border-box;
2546    align-self: flex-start;
2547    z-index: 5;
2548  }
2549  .da-hdr-search__icon { color: #ffffff; opacity: .7; flex: 0 0 auto; display: flex; align-items: center; }
2550  .da-hdr-search__icon svg { width: 16px; height: 16px; display: block; }
2551  .da-hdr-search input {
2552    border: 0 !important; outline: 0; background: transparent;
2553    font-family: inherit; font-size: 14px;
2554    width: 100%; min-width: 0; color: #ffffff;
2555    height: 20px !important; line-height: 20px !important;
2556    margin: 0 !important; padding: 0 !important;
2557    align-self: center !important;
2558    -webkit-appearance: none; appearance: none;
2559    pointer-events: auto;
2560    box-sizing: border-box;
2561  }
2562  .da-hdr-search input::placeholder { color: #ffffff; opacity: .55; }
2563  /* PC: 右バーを1行に固定し、検索は必要に応じて縮む */
2564  .header__desktop__bar__r { flex-wrap: nowrap !important; }
2565  .header__desktop__buttons, .header__desktop__buttons--icons { flex-wrap: nowrap !important; }
2566  .da-hdr-search--pc { width: 120px; max-width: 42%; min-width: 0; margin-right: 6px; flex: 0 1 auto; transform: translateY(12px); }/* SP: ロゴを左寄せ、その横に短い検索窓を1行で */
2567  @media (max-width: 767px) {
2568    /* ロゴ左寄せ(グリッド構成でも左に寄るよう flex を強制)・右に余白 */
2569    .header__mobile {
2570      display: flex !important;
2571      justify-content: flex-start !important;
2572      align-items: center !important;
2573      gap: 10px !important;
2574      padding-right: 0 !important;
2575    }
2576    .header__mobile__left { display: none !important; }
2577    .header__mobile__right { display: none !important; }
2578    .header__mobile .header__logo {
2579      position: static !important;
2580      margin: 0 !important;
2581      transform: none !important;
2582      flex: 0 0 auto !important;
2583      z-index: 1 !important;
2584    }
2585    .da-hdr-search--sp {
2586      flex: 0 1 auto !important;
2587      width: 100%;
2588      max-width: calc((100% - 160px) * 80 / 100);
2589      min-width: 120px;
2590      margin-left: auto !important;  /* 右寄せ → 右余白は bar の padding-right(10px) で一定 */
2591      height: 34px;
2592      position: relative;
2593      z-index: 10 !important;
2594      pointer-events: auto !important;
2595      transform: translateY(4px);
2596    }
2597    .da-hdr-search--sp input { pointer-events: auto !important; }
2598    /* フォーカス時の表示ウィンドウ(画面内に収める) */
2599    .da-hdr-search--sp .da-hdr-drop {
2600      left: auto !important; right: 0 !important;
2601      width: 86vw; max-width: 360px; min-width: 0;
2602    }
2603  }@media (pointer: coarse) { .da-hdr-search input { font-size: 16px; } }
2604
2605  /* ドロップダウン */
2606  .da-hdr-drop {
2607    position: absolute; top: calc(100% + 6px); left: 0; right: 0;
2608    z-index: 700; background: #fff; border: 1px solid #e8e8e8;
2609    border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,.14);
2610    padding: 8px; max-height: 72vh; overflow-y: auto; text-align: left;
2611  }
2612  .da-hdr-drop[hidden] { display: none; }
2613  /* PC: 履歴/候補ドロップダウンを入力より広く(右揃えで左へ広がる) */
2614  .da-hdr-search--pc .da-hdr-drop { min-width: 340px; left: auto; right: 0; }
2615  .da-hdr-seclabel { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #999; padding: 10px 10px 6px; }
2616  .da-hdr-kw { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 6px; color: #111; text-decoration: none; font-size: 14px; }
2617  .da-hdr-kw:hover { background: #f5f5f5; }
2618  .da-hdr-kw svg { color: #bbb; flex: 0 0 auto; }
2619  .da-hdr-prod { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 6px; color: #111; text-decoration: none; }
2620  .da-hdr-prod:hover { background: #f5f5f5; }
2621  .da-hdr-prod img, .da-hdr-prod .ph { width: 44px; height: 44px; object-fit: cover; border-radius: 4px; background: #f0f0f0; flex: 0 0 auto; display: block; }
2622  .da-hdr-prod__t { font-size: 13px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
2623  .da-hdr-prod__p { font-size: 12px; font-weight: 700; margin-top: 2px; display: block; }
2624  .da-hdr-more { display: block; padding: 12px 10px; font-size: 13px; color: #555; text-decoration: none; border-top: 1px solid #f0f0f0; margin-top: 4px; }
2625  .da-hdr-more:hover { color: #111; }
2626  .da-hdr-empty { padding: 14px 10px; color: #999; font-size: 13px; }
2627  .da-hdr-focus-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 10px 6px; }
2628  .da-hdr-focus-head .da-hdr-seclabel { padding: 0; }
2629  .da-hdr-clear { background: none; border: 0; cursor: pointer; font: inherit; font-size: 11px; color: #999; text-decoration: underline; padding: 0; }
2630  .da-hdr-clear:hover { color: #555; }</style>
2630<script>
2631(function(){
2632  if (window.daPopFilter) return;
2633  var HIT = {};
2634  function checkHit(term, base){
2635    if (Object.prototype.hasOwnProperty.call(HIT, term)) return HIT[term];
2636    var SKEY = 'da_hit_' + term;
2637    try { var c = sessionStorage.getItem(SKEY); if (c === '1' || c === '0'){ HIT[term] = Promise.resolve(c === '1'); return HIT[term]; } } catch(e){}
2638    var p = fetch(base + '?type=product&q=' + encodeURIComponent(term) + '&view=bx', { credentials: 'same-origin' })
2639      .then(function(r){ return r.text(); })
2640      .then(function(t){ var a; try { a = JSON.parse(t); } catch(e){ a = []; } var hit = Array.isArray(a) && a.length > 0; try { sessionStorage.setItem(SKEY, hit ? '1' : '0'); } catch(e){} return hit; })
2641      .catch(function(){ return true; }); /* 判定不能はフェイルオープンで残す */
2642    HIT[term] = p;
2643    return p;
2644  }
2645  window.daPopFilter = function(arr, want, base){
2646    if (!Array.isArray(arr) || !arr.length) return Promise.resolve([]);
2647    return Promise.all(arr.map(function(it){
2648      var q = (it && it.query) || '';
2649      return q ? checkHit(q, base) : Promise.resolve(false);
2650    })).then(function(hits){
2651      var out = [];
2652      for (var i = 0; i < arr.length; i++){ if (hits[i]) { out.push(arr[i]); if (out.length >= want) break; } }
2653      return out;
2654    });
2655  };
2656})();
2657</script>
2657
2658
2659<script>
2660(function () {
2661  if (window.__daHdrSearchInit) return;
2662  window.__daHdrSearchInit = true;
2663
2664  var CFG = {
2665    ph:     "商品を検索",
2666    worker: "https:\/\/dragon-search.oba-ad6.workers.dev",
2667    base:   "\/search",
2668    pc:     true,
2669    sp:     true
2670  };
2671
2672  var ICON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>';
2673
2674  function esc(s){ return String(s == null ? '' : s).replace(/[&<>"]/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]; }); }
2675  function money(v){ if(v==null||v==='')return''; var s=String(v).trim(); if(/[^\d.,\s]/.test(s)) return s; var n=Number(s.replace(/,/g,'')); if(isNaN(n))return''; return 'Â¥'+Math.round(n).toLocaleString('ja-JP'); }
2676  function el(html){ var t=document.createElement('template'); t.innerHTML=html.trim(); return t.content.firstChild; }
2677
2678  /* 検索履歴(トップバナー検索と同じ da_history を共有) */
2679  var HKEY = 'da_history';
2680  function getHist(){ try { return JSON.parse(localStorage.getItem(HKEY) || '[]'); } catch(e){ return []; } }
2681  function saveHist(q){ q=(q||'').trim(); if(!q) return; try { var h=getHist().filter(function(x){return x!==q;}); h.unshift(q); localStorage.setItem(HKEY, JSON.stringify(h.slice(0,10))); } catch(e){} }
2682  function clearHist(){ try { localStorage.removeItem(HKEY); } catch(e){} }
2683  function fetchPopular(){ if(!CFG.worker) return Promise.resolve([]); return fetch(CFG.worker.replace(/\/$/,'')+'/popular?limit=12').then(function(r){return r.json();}).then(function(d){return (d&&d.popular)||[];}).catch(function(){return [];}); }
2684  var CLOCK = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 14"/></svg>';
2685  var TREND = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 17 9 11 13 15 21 7"/><polyline points="15 7 21 7 21 13"/></svg>';
2686
2687  function makeForm(variant){
2688    var f = el(
2689      '<form class="da-hdr-search da-hdr-search--'+variant+'" action="'+esc(CFG.base)+'" method="get" role="search">'
2690      + '<span class="da-hdr-search__icon">'+ICON+'</span>'
2691      + '<input type="search" name="q" placeholder="'+esc(CFG.ph)+'" autocomplete="off" spellcheck="false" aria-label="'+esc(CFG.ph)+'">'
2692      + '<div class="da-hdr-drop" data-drop hidden></div>'
2693      + '</form>'
2694    );
2695    wire(f);
2696    return f;
2697  }
2698
2699  function wire(form){
2700    var input = form.querySelector('input');
2701    var drop  = form.querySelector('[data-drop]');
2702    var timer = null;
2703    function hide(){ drop.hidden = true; drop.innerHTML = ''; }
2704    function render(q, kws, prods){
2705      var html = '';
2706      if (kws && kws.length){
2707        html += '<div class="da-hdr-seclabel">キーワード候補</div>';
2708        html += kws.map(function(k){
2709          return '<a class="da-hdr-kw" href="'+CFG.base+'?q='+encodeURIComponent(k)+'" data-q="'+esc(k)+'">'
2710            + '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>'
2711            + esc(k)+'</a>';
2712        }).join('');
2713      }
2714      if (prods && prods.length){
2715        html += '<div class="da-hdr-seclabel">商品</div>';
2716        html += prods.map(function(p){
2717          var pr = money(p.price);
2718          return '<a class="da-hdr-prod" href="'+esc(p.url)+'" data-q="'+esc(p.title)+'">'
2719            + (p.image ? '<img src="'+esc(p.image)+'" alt="" loading="lazy">' : '<span class="ph"></span>')
2720            + '<span><span class="da-hdr-prod__t">'+esc(p.title)+'</span>'
2721            + (pr ? '<span class="da-hdr-prod__p">'+esc(pr)+'</span>' : '')+'</span></a>';
2722        }).join('');
2723      }
2724      if (!html){ drop.innerHTML = '<div class="da-hdr-empty">該当する候補がありません</div>'; drop.hidden = false; return; }
2725      html += '<a class="da-hdr-more" href="'+CFG.base+'?q='+encodeURIComponent(q)+'" data-q="'+esc(q)+'">「'+esc(q)+'」の検索結果をすべて見る →</a>';
2726      drop.innerHTML = html; drop.hidden = false;
2727    }
2728    function run(q){
2729      var pKw = CFG.worker
2730        ? fetch(CFG.worker.replace(/\/$/,'')+'/suggest?q='+encodeURIComponent(q)+'&limit=6').then(function(r){return r.json();}).catch(function(){return {};})
2731        : Promise.resolve({});
2732      var pProd = fetch(CFG.base+'?type=product&q='+encodeURIComponent(q)+'&view=bx', {credentials:'same-origin'})
2733        .then(function(r){return r.text();}).then(function(t){ try{return JSON.parse(t);}catch(e){return [];} }).catch(function(){return [];});
2734      Promise.all([pKw, pProd]).then(function(res){
2735        if (input.value.trim() !== q) return;
2736        var kws = (res[0] && res[0].suggestions) || [];
2737        var prods = Array.isArray(res[1]) ? res[1] : [];
2738        render(q, kws, prods);
2739      });
2740    }
2741    /* フォーカス時(入力空): 検索履歴 + 人気キーワード */
2742    function renderFocus(){
2743      var hist = getHist();
2744      var html = '';
2745      if (hist.length){
2746        html += '<div class="da-hdr-focus-head"><span class="da-hdr-seclabel">検索履歴</span><button type="button" class="da-hdr-clear" data-hs-clear>すべて削除</button></div>';
2747        html += hist.map(function(w){ return '<a class="da-hdr-kw" href="'+CFG.base+'?q='+encodeURIComponent(w)+'" data-q="'+esc(w)+'">'+CLOCK+esc(w)+'</a>'; }).join('');
2748      }
2749      html += '<div class="da-hdr-seclabel">人気キーワード</div><div data-pop><div class="da-hdr-empty">読み込み中...</div></div>';
2750      drop.innerHTML = html; drop.hidden = false;
2751      fetchPopular().then(function(arr){
2752        if (input.value.trim() !== '') return;
2753        var box = drop.querySelector('[data-pop]'); if(!box) return;
2754        if (!arr.length){ box.innerHTML = '<div class="da-hdr-empty">まだデータがありません</div>'; return; }
2755        var show = function(list){
2756          if (input.value.trim() !== '') return;
2757          if (!box) return;
2758          if (!list.length){ box.innerHTML = '<div class="da-hdr-empty">まだデータがありません</div>'; return; }
2759          box.innerHTML = list.map(function(it){ var q=(it&&it.query)||''; if(!q) return ''; return '<a class="da-hdr-kw" href="'+CFG.base+'?q='+encodeURIComponent(q)+'" data-q="'+esc(q)+'">'+TREND+esc(q)+'</a>'; }).join('');
2760        };
2761        if (window.daPopFilter){ window.daPopFilter(arr, 8, CFG.base).then(show); } /* 0件語を除外 */
2762        else { show(arr.slice(0, 8)); }
2763      });
2764    }
2765
2766    input.addEventListener('input', function(){
2767      clearTimeout(timer);
2768      var q = input.value.trim();
2769      if (!q){ renderFocus(); return; }
2770      timer = setTimeout(function(){ run(q); }, 200);
2771    });
2772    input.addEventListener('mousedown', function(e){
2773      /* 再度クリックで閉じる */
2774      if (!drop.hidden){ hide(); input.blur(); e.preventDefault(); }
2775    });
2776    input.addEventListener('focus', function(){ var q=input.value.trim(); if(q) run(q); else renderFocus(); });
2777    input.addEventListener('keydown', function(e){ if(e.key==='Escape') hide(); });
2778    form.addEventListener('submit', function(){ saveHist(input.value); });
2779    drop.addEventListener('click', function(e){
2780      var clr = e.target.closest && e.target.closest('[data-hs-clear]');
2781      if (clr){ e.preventDefault(); clearHist(); renderFocus(); return; }
2782      var a = e.target.closest && e.target.closest('[data-q]');
2783      if (a){ saveHist(a.getAttribute('data-q')); }
2784    });
2785    document.addEventListener('click', function(e){ if(!form.contains(e.target)) hide(); });
2786  }
2787
2788  function inject(){
2789    /* PC: 右側のアイコン群の前に差し込む */
2790    if (CFG.pc){
2791      var r = document.querySelector('.header__desktop__bar__r');
2792      if (r && !r.querySelector('.da-hdr-search--pc')){
2793        var icons = r.querySelector('.header__desktop__buttons--icons');
2794        var f = makeForm('pc');
2795        if (icons) r.insertBefore(f, icons); else r.insertBefore(f, r.firstChild);
2796      }
2797    }
2798    /* SP: モバイル上部バー内、ロゴの右隣に差し込む(同じ1行) */
2799    if (CFG.sp){
2800      var m = document.querySelector('.header__mobile');
2801      var logo = m && m.querySelector('.header__logo');
2802      if (m && logo && !m.querySelector('.da-hdr-search--sp')){
2803        var f = makeForm('sp');
2804        if (logo.nextSibling) m.insertBefore(f, logo.nextSibling); else m.appendChild(f);
2805      }
2806    }
2807  }
2808
2809  if (document.readyState !== 'loading') inject();
2810  else document.addEventListener('DOMContentLoaded', inject);
2811  document.addEventListener('shopify:section:load', inject);
2812})();
2813</script>
2813
2814
2815
2816</section><section id="shopify-section-sections--22346245832958__da_mobile_footer_nav" class="shopify-section shopify-section-group-group-overlay da-mobile-footer-nav"><!-- /sections/da-mobile-footer-nav.liquid --><style data-shopify>.da-fn {
2817    display: flex;
2818    position: fixed;
2819    bottom: 0; left: 0; right: 0;
2820    z-index: 600;
2821    background: #ffffff;
2822    border-top: 1px solid #e8e8e8;
2823    padding-bottom: env(safe-area-inset-bottom, 0px);
2824    transform: translateY(0);
2825    transition: transform .28s cubic-bezier(.4,0,.2,1);
2826  }
2827  .da-fn.is-hidden { transform: translateY(100%); }
2828  @media (min-width: 768px) { .da-fn { display: none !important; } }
2829
2830  .da-fn__item {
2831    flex: 1 1 0;
2832    display: flex;
2833    flex-direction: column;
2834    align-items: center;
2835    justify-content: center;
2836    gap: 3px;
2837    padding: 8px 2px 6px;
2838    min-height: 52px;
2839    background: none;
2840    border: 0;
2841    color: #555555;
2842    font-family: inherit;
2843    font-size: 9px;
2844    letter-spacing: .03em;
2845    line-height: 1;
2846    text-decoration: none;
2847    cursor: pointer;
2848    position: relative;
2849    -webkit-tap-highlight-color: transparent;
2850    transition: color .15s;
2851  }
2852  .da-fn__item:active { background: #f5f5f5; color: #111111; }
2853  .da-fn__icon { display: flex; align-items: center; justify-content: center; position: relative; }
2854  .da-fn__icon svg { width: 22px; height: 22px; display: block; }
2855  .da-fn__badge {
2856    position: absolute;
2857    top: -5px; right: -8px;
2858    min-width: 15px; height: 15px;
2859    padding: 0 3px;
2860    box-sizing: border-box;
2861    border-radius: 8px;
2862    background: #111111;
2863    color: #fff;
2864    font-size: 9px; font-weight: 700;
2865    line-height: 1;
2866    display: flex; align-items: center; justify-content: center;
2867    pointer-events: none;
2868  }
2869
2870  /* 本文下部がナビに隠れないよう余白(SPのみ、Pendleton踏襲) */
2871  body { padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px)); }
2872  @media (min-width: 768px) { body { padding-bottom: 0; } }
2873  /* 追従カゴボタン(.da-sticky-atc)をフッターナビに被せない:ナビ表示中はナビの高さ分だけ上げる */
2874  @media (max-width: 767px) {
2875    .da-sticky-atc { transition: transform .28s cubic-bezier(.4,0,.2,1), bottom .28s cubic-bezier(.4,0,.2,1) !important; }
2876    html.da-fn-shown .da-sticky-atc { bottom: calc(52px + env(safe-area-inset-bottom, 0px)) !important; }
2877  }
2878  /* Swym ウィッシュリストのフローティングボタンをSPで非表示(Pendleton踏襲) */
2879  @media (max-width: 767px) {
2880    .st-wishlist-details-button[data-type="floating"] { display: none !important; }
2881  }/* モバイルヘッダーのハンバーガーを非表示(このデモページのみ/ライブ影響なし) */
2882  @media (max-width: 767px) {
2883    [data-drawer-toggle="hamburger"] { display: none !important; }
2884  }:root { --da-menubar-h: 0px; }
2885
2886  /* ── オーバーレイ ── */
2887  .da-fn-overlay {
2888    position: fixed; inset: 0; z-index: 800;
2889    background: rgba(0,0,0,.45);
2890    opacity: 0; pointer-events: none;
2891    transition: opacity .28s ease;
2892  }
2893  .da-fn-overlay.is-open { opacity: 1; pointer-events: auto; }
2894  @media (min-width: 768px) { .da-fn-overlay { display: none !important; } }
2895
2896  /* ── メニュードロワー ── */
2897  .da-fn-drawer {
2898    position: fixed; top: 0; left: 0; bottom: 0;
2899    z-index: 900;
2900    width: min(80vw, 300px);
2901    background: #fff;
2902    transform: translateX(-100%);
2903    transition: transform .3s cubic-bezier(.4,0,.2,1);
2904    display: flex; flex-direction: column; overflow: hidden;
2905    box-shadow: 2px 0 16px rgba(0,0,0,.12);
2906  }
2907  .da-fn-drawer.is-open { transform: translateX(0); }
2908  @media (min-width: 768px) { .da-fn-drawer { display: none !important; } }
2909  .da-fn-drawer__header {
2910    display: flex; align-items: center; justify-content: space-between;
2911    padding: 14px 16px; border-bottom: 1px solid #e8e8e8; flex-shrink: 0;
2912  }
2913  .da-fn-drawer__logo { height: 20px; width: auto; display: block; }
2914  .da-fn-drawer__title { font-size: 14px; font-weight: 700; letter-spacing: .04em; }
2915  .da-fn-drawer__close {
2916    background: none; border: 0; padding: 6px; cursor: pointer;
2917    display: flex; align-items: center; color: #111;
2918    -webkit-tap-highlight-color: transparent;
2919  }
2920  .da-fn-drawer__nav { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 8px 0; }
2921  .da-fn-drawer__link {
2922    display: flex; align-items: center;
2923    padding: 14px 20px; font-size: 14px; font-weight: 500;
2924    color: #111; text-decoration: none;
2925    border-bottom: 1px solid #f2f2f2; letter-spacing: .02em;
2926  }
2927  .da-fn-drawer__link:active { background: #f5f5f5; }
2928
2929  /* ── 親カテゴリ(サブカテゴリを持つ行) ── */
2930  .da-fn-drawer__group { border-bottom: 1px solid #f2f2f2; }
2931  .da-fn-drawer__parent { display: flex; align-items: stretch; }
2932  .da-fn-drawer__parent .da-fn-drawer__link {
2933    flex: 1; border-bottom: 0; min-width: 0;
2934  }
2935  .da-fn-drawer__toggle {
2936    flex: 0 0 auto;
2937    width: 52px;
2938    background: none; border: 0; border-left: 1px solid #f2f2f2;
2939    display: flex; align-items: center; justify-content: center;
2940    color: #666; cursor: pointer;
2941    -webkit-tap-highlight-color: transparent;
2942  }
2943  .da-fn-drawer__toggle:active { background: #f5f5f5; }
2944  .da-fn-drawer__toggle svg { width: 16px; height: 16px; transition: transform .25s ease; }
2945  .da-fn-drawer__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
2946
2947  /* ── サブカテゴリ(開閉) ── */
2948  .da-fn-drawer__sub {
2949    overflow: hidden; max-height: 0;
2950    background: #fafafa;
2951    transition: max-height .28s ease;
2952  }
2953  .da-fn-drawer__sub.is-open { max-height: 1200px; }
2954  .da-fn-drawer__sublink {
2955    display: block;
2956    padding: 12px 20px 12px 36px;
2957    font-size: 13px; font-weight: 400; color: #444;
2958    text-decoration: none; letter-spacing: .02em;
2959    border-bottom: 1px solid #eee;
2960  }
2961  .da-fn-drawer__sublink:last-child { border-bottom: 0; }
2962  .da-fn-drawer__sublink:active { background: #f0f0f0; }</style><nav class="da-fn" data-da-fn aria-label="フッターナビゲーション">
2963  <a class="da-fn__item" href="/" aria-label="HOME">
2964    <span class="da-fn__icon">
2965      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
2966        <path d="M3 9.5 12 3l9 6.5V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/>
2967        <polyline points="9 21 9 12 15 12 15 21"/>
2968      </svg>
2969    </span>
2970    <span>HOME</span>
2971  </a>
2972
2973  <button type="button" class="da-fn__item" data-da-fn-fav
2974    data-url="/pages/favorites" data-sel=".st-wishlist-details-button" aria-label="お気に入り">
2975    <span class="da-fn__icon">
2976      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
2977        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
2978      </svg>
2979    </span>
2980    <span>お気に入り</span>
2981  </button>
2982
2983  <a class="da-fn__item" href="/account" aria-label="マイページ">
2984    <span class="da-fn__icon">
2985      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
2986        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
2987        <circle cx="12" cy="7" r="4"/>
2988      </svg>
2989    </span>
2990    <span>マイページ</span>
2991  </a>
2992
2993  <a class="da-fn__item" href="/cart" aria-label="カゴ">
2994    <span class="da-fn__icon">
2995      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
2996        <circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/>
2997        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>
2998      </svg></span>
2999    <span>カゴ</span>
3000  </a>
3001
3002  <button type="button" class="da-fn__item" data-da-fn-menu aria-label="メニュー" aria-expanded="false" aria-controls="da-fn-drawer">
3003    <span class="da-fn__icon">
3004      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true">
3005        <line x1="3" y1="6" x2="21" y2="6"/>
3006        <line x1="3" y1="12" x2="21" y2="12"/>
3007        <line x1="3" y1="18" x2="21" y2="18"/>
3008      </svg>
3009    </span>
3010    <span>メニュー</span>
3011  </button>
3012</nav><div class="da-fn-overlay" data-da-fn-overlay aria-hidden="true"></div>
3013
3014<div class="da-fn-drawer" id="da-fn-drawer" data-da-fn-drawer role="dialog" aria-modal="true" aria-label="メニュー">
3015  <div class="da-fn-drawer__header"><span class="da-fn-drawer__title">メニュー</span><button type="button" class="da-fn-drawer__close" data-da-fn-close aria-label="閉じる">
3016      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true">
3017        <line x1="18" y1="6" x2="6" y2="18"/>
3018        <line x1="6" y1="6" x2="18" y2="18"/>
3019      </svg>
3020    </button>
3021  </div>
3022
3023  <nav class="da-fn-drawer__nav" aria-label="カテゴリ"><div class="da-fn-drawer__group">
3024            <div class="da-fn-drawer__parent">
3025              <a class="da-fn-drawer__link" href="/collections/2526goggle">ゴーグル</a>
3026              <button type="button" class="da-fn-drawer__toggle" data-da-fn-toggle aria-expanded="false" aria-label="ゴーグルのサブカテゴリを開閉">
3027                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
3028                  <polyline points="6 9 12 15 18 9"/>
3029                </svg>
3030              </button>
3031            </div>
3032            <div class="da-fn-drawer__sub" data-da-fn-sub><a class="da-fn-drawer__sublink" href="/collections/goggle-pxv">PXV</a><a class="da-fn-drawer__sublink" href="/collections/goggle-r1">R1</a><a class="da-fn-drawer__sublink" href="/collections/goggle-d3">D3</a><a class="da-fn-drawer__sublink" href="/collections/goggle-d1">D1</a><a class="da-fn-drawer__sublink" href="/collections/goggle-dx3">DX3</a><a class="da-fn-drawer__sublink" href="/collections/goggle-dx3-l">DX3 L</a><a class="da-fn-drawer__sublink" href="/collections/goggle-dx2">DX2</a><a class="da-fn-drawer__sublink" href="/collections/goggle-dxt">DXT</a><a class="da-fn-drawer__sublink" href="/collections/goggle-lild">LILd</a></div>
3033          </div><div class="da-fn-drawer__group">
3034            <div class="da-fn-drawer__parent">
3035              <a class="da-fn-drawer__link" href="/collections/sparelens">スペアレンズ</a>
3036              <button type="button" class="da-fn-drawer__toggle" data-da-fn-toggle aria-expanded="false" aria-label="スペアレンズのサブカテゴリを開閉">
3037                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
3038                  <polyline points="6 9 12 15 18 9"/>
3039                </svg>
3040              </button>
3041            </div>
3042            <div class="da-fn-drawer__sub" data-da-fn-sub><a class="da-fn-drawer__sublink" href="/collections/sparelens-rvx-mag">RVX MAG</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-pxv2">PXV2</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-pxv">PXV</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-x2">X2</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-x2s">X2s</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-x1">X1</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-x1s">X1s</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-nfx2">NFX2</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-nfx">NFX</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-nfxs">NFXs</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-d3">D3</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-dx3">DX3</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-dx3-l">DX3L</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-d1">D1</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-dx2">DX2</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-d2">D2</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-dxt">DXT</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-dx">DX</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-lild">LILd</a><a class="da-fn-drawer__sublink" href="/collections/sparelens-x">X(APX)</a><a class="da-fn-drawer__sublink" href="/collections/sale"><div style="color:#FF0000;">SALE</div></a></div>
3043          </div><div class="da-fn-drawer__group">
3044            <div class="da-fn-drawer__parent">
3045              <a class="da-fn-drawer__link" href="/collections/sunglasses">サングラス</a>
3046              <button type="button" class="da-fn-drawer__toggle" data-da-fn-toggle aria-expanded="false" aria-label="サングラスのサブカテゴリを開閉">
3047                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
3048                  <polyline points="6 9 12 15 18 9"/>
3049                </svg>
3050              </button>
3051            </div>
3052            <div class="da-fn-drawer__sub" data-da-fn-sub><a class="da-fn-drawer__sublink" href="/collections/a-box">A-BOX</a><a class="da-fn-drawer__sublink" href="/collections/billie">BILLIE</a><a class="da-fn-drawer__sublink" href="/collections/cage">
3052CAGE</a><a class="da-fn-drawer__sublink" href="/collections/claver">CALAVER</a><a class="da-fn-drawer__sublink" href="/collections/courtside">COURTSIDE</a><a class="da-fn-drawer__sublink" href="/collections/dune">DUNE</a><a class="da-fn-drawer__sublink" href="/collections/koby">KOBY</a><a class="da-fn-drawer__sublink" href="/collections/locks">LOCKS</a><a class="da-fn-drawer__sublink" href="/collections/lucy">LUCY</a><a class="da-fn-drawer__sublink" href="/collections/luna">LUNA</a><a class="da-fn-drawer__sublink" href="/collections/marker">MARKER</a><a class="da-fn-drawer__sublink" href="/collections/mint">MINT</a><a class="da-fn-drawer__sublink" href="/collections/opus">OPUS</a><a class="da-fn-drawer__sublink" href="/collections/rail">RAIL</a><a class="da-fn-drawer__sublink" href="/collections/rail-pro">RAIL PRO</a><a class="da-fn-drawer__sublink" href="/collections/rake">RAKE</a><a class="da-fn-drawer__sublink" href="/collections/rake-pro">RAKE PRO</a><a class="da-fn-drawer__sublink" href="/collections/ranger">RANGER</a><a class="da-fn-drawer__sublink" href="/collections/ranger-pro">RANGER PRO</a><a class="da-fn-drawer__sublink" href="/collections/rev">REV</a><a class="da-fn-drawer__sublink" href="/collections/sage">SAGE</a><a class="da-fn-drawer__sublink" href="/collections/spree">SPREE</a><a class="da-fn-drawer__sublink" href="/collections/strat">STRAT</a><a class="da-fn-drawer__sublink" href="/collections/trap">TRAP</a><a class="da-fn-drawer__sublink" href="/collections/tt">TT</a><a class="da-fn-drawer__sublink" href="/collections/twin">TWIN</a></div>
3053          </div><a class="da-fn-drawer__link" href="/collections/softgoods">ソフトグッズ</a></nav>
3054</div>
3055
3056<script>
3057(function () {
3058  'use strict';
3059  var nav     = document.querySelector('[data-da-fn]');
3060  if (!nav || nav.dataset.daInit) return;
3061  nav.dataset.daInit = '1';
3062  /* フッターナビ表示中は html.da-fn-shown を付与(追従カゴボタンをナビ上へ逃がす) */
3063  function syncAtc(){ document.documentElement.classList.toggle('da-fn-shown', !nav.classList.contains('is-hidden')); }
3064  syncAtc();
3065  var menuBtn = nav.querySelector('[data-da-fn-menu]');
3066  var favBtn  = nav.querySelector('[data-da-fn-fav]');
3067  var drawer  = document.querySelector('[data-da-fn-drawer]');
3068  var overlay = document.querySelector('[data-da-fn-overlay]');
3069  var closeBtn = drawer ? drawer.querySelector('[data-da-fn-close]') : null;
3070
3071  /* ── スクロール: 下で隠す / 上で表示 / 停止で表示 ── */
3072  var HIDE_THRESHOLD = 40;
3073  var lastY = window.scrollY || 0;
3074  var hideFrom = null;
3075  var ticking = false;
3076  var stopTimer = null;
3077  function onScroll() {
3078    var y = window.scrollY || 0;
3079    if (y <= 60) {
3080      nav.classList.remove('is-hidden'); hideFrom = null;
3081    } else if (y < lastY - 2) {
3082      nav.classList.remove('is-hidden'); hideFrom = null;
3083    } else if (y > lastY + 2) {
3084      if (!nav.classList.contains('is-hidden')) {
3085        if (hideFrom === null) hideFrom = y;
3086        if (y - hideFrom >= HIDE_THRESHOLD) nav.classList.add('is-hidden');
3087      }
3088    }
3089    lastY = y;
3090    ticking = false;
3091    syncAtc();
3092    /* 停止して表示 */
3093    clearTimeout(stopTimer);
3094    stopTimer = setTimeout(function () { nav.classList.remove('is-hidden'); hideFrom = null; syncAtc(); }, 200);
3095  }
3096  window.addEventListener('scroll', function () {
3097    if (!ticking) { ticking = true; window.requestAnimationFrame(onScroll); }
3098  }, { passive: true });
3099
3100  /* ── ドロワー開閉 ── */
3101  function openDrawer() {
3102    if (!drawer) return;
3103    drawer.classList.add('is-open');
3104    if (overlay) overlay.classList.add('is-open');
3105    if (menuBtn) menuBtn.setAttribute('aria-expanded', 'true');
3106    document.body.style.overflow = 'hidden';
3107  }
3108  function closeDrawer() {
3109    if (!drawer) return;
3110    drawer.classList.remove('is-open');
3111    if (overlay) overlay.classList.remove('is-open');
3112    if (menuBtn) menuBtn.setAttribute('aria-expanded', 'false');
3113    document.body.style.overflow = '';
3114  }
3115  if (menuBtn) menuBtn.addEventListener('click', function () {
3116    drawer && drawer.classList.contains('is-open') ? closeDrawer() : openDrawer();
3117  });
3118  if (closeBtn) closeBtn.addEventListener('click', closeDrawer);
3119  if (overlay) overlay.addEventListener('click', closeDrawer);
3120
3121  /* ── サブカテゴリのアコーディオン開閉 ── */
3122  if (drawer) {
3123    drawer.querySelectorAll('[data-da-fn-toggle]').forEach(function (btn) {
3124      btn.addEventListener('click', function () {
3125        var group = btn.closest('.da-fn-drawer__group');
3126        var sub = group ? group.querySelector('[data-da-fn-sub]') : null;
3127        if (!sub) return;
3128        var open = sub.classList.toggle('is-open');
3129        btn.setAttribute('aria-expanded', open ? 'true' : 'false');
3130      });
3131    });
3132  }
3133  document.addEventListener('keydown', function (e) {
3134    if (e.key === 'Escape' && drawer && drawer.classList.contains('is-open')) closeDrawer();
3135  });
3136
3137  /* ── お気に入り: セレクタがあれば起動、無ければURLへ ── */
3138  function clickFirst(sel) {
3139    if (!sel) return false;
3140    var found = null;
3141    sel.split(',').some(function (s) { s = s.trim(); if (!s) return false; try { found = document.querySelector(s); } catch (e) { found = null; } return !!found; });
3142    if (found) { found.click(); return true; }
3143    return false;
3144  }
3145  if (favBtn) favBtn.addEventListener('click', function () {
3146    if (clickFirst(favBtn.getAttribute('data-sel'))) return;
3147    var url = favBtn.getAttribute('data-url');
3148    if (url) window.location.href = url;
3149  });
3150})();
3151</script>
3151<style data-shopify>[id$="__section_gallery_anc49M"] .flickity-prev-next-button { display: none !important; }</style>
3151<script>
3152(function(){
3153  if (window.__daGallerySlider) return;
3154  window.__daGallerySlider = 1;
3155  var SUFFIX = '__section_gallery_anc49M';
3156  function apply(){
3157    var wrap = document.querySelector('[id$="' + SUFFIX + '"]');
3158    if (!wrap) return;
3159    var grid = wrap.querySelector('[data-grid]');
3160    if (!grid) return;
3161    grid.style.setProperty('--grid-large-items', '2.2');
3162    grid.style.setProperty('--grid-medium-items', '2.2');
3163    grid.style.setProperty('--grid-small-items', '1.2');
3164    window.dispatchEvent(new Event('resize'));
3165  }
3166  apply();
3167  [120, 350, 700, 1400].forEach(function(t){ setTimeout(apply, t); });
3168  window.addEventListener('load', apply);
3169  document.addEventListener('shopify:section:load', apply);
3170})();
3171</script>
3171
3172
3173
3174</section>
3175<!-- END sections: group-overlay -->
3176
3177  <main class="main-content" id="MainContent">
3178    <div id="shopify-section-template--22346246357246__main" class="shopify-section"><!-- /sections/product.liquid --><style data-shopify>.product-accordion-stack .product-accordion-stack__top-edge {
3179    border-top: 1px solid var(--border);
3180  }
3181
3182  .product-accordion-stack .product-accordion-stack__row {
3183    border-bottom: 1px solid var(--border);
3184  }
3185
3186  @supports selector(:has(+ *)) {
3187    .shopify-section:has(> .product-accordion-stack):has(+ .shopify-section > .product-accordion-stack)
3188      > .product-accordion-stack
3189      > .product-accordion-stack__container {
3190      padding-bottom: 0;
3191    }
3192
3193    .shopify-section:has(> .product-accordion-stack)
3194      + .shopify-section:has(> .product-accordion-stack)
3195      > .product-accordion-stack
3196      > .product-accordion-stack__container {
3197      padding-top: 0;
3198    }
3199
3200    .shopify-section:has(> .product-accordion-stack)
3201      + .shopify-section:has(> .product-accordion-stack)
3202      > .product-accordion-stack
3203      .product-accordion-stack__top-edge {
3204      border-top: 0;
3205    }
3206  }</style><div class="product-section section-padding palette--light bg--neutral"
3207  data-product-handle="lucy-antique-bronze"
3208  data-section-id="template--22346246357246__main"
3209  data-section-type="product"
3210  data-form-holder
3211  data-enable-video-looping="true"
3212  data-enable-history-state="true"
3213  style="--PT: 24px; --PB: 36px; --IMAGE-SPACING: 10px;">
3214
3215<div class="product-page">
3216  <div class="wrapper  product__align-left">
3217
3218    <div class="float-grid product-single" >
3219      
3220
3221      <div class="grid__item product__media__wrapper large-up--five-eighths medium--one-half product__mobile--thumbs">
3222        
3223        <div class="product__grid product__grid--slides flickity-lock-height"
3224          data-product-slideshow
3225          data-slideshow-desktop-style="slideshow"
3226          data-slideshow-mobile-style="thumbs"
3227          
3228          
3229            style="--default-ratio: 100.0%"
3230          
3231        >
3232
3233          
3234            
3235
3236              
3237              
3238
3239              <!-- /snippets/media.liquid -->
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253<div class="product__media"
3254  data-media-slide
3255  data-media-id="37264456974590"
3256  data-type="image"
3257  
3258  aria-label="LUCY"
3259  data-image-filter=""
3260  data-aspect-ratio="1.0"
3261  >
3262  
3263      <div>
3264        <div class="product-image-wrapper">
3265          
3266<!-- /snippets/image.liquid -->
3267
3268
3269
3270<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ;  ">
3271      <img src="//dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=1280" alt="LUCY" width="1280" height="1280" loading="eager" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3272 //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=932 932w,  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=1024 1024w,  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=1200 1200w, 
3273  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=1280 1280w" sizes="(min-width: 1100px) 70vw,
3274            (min-width: 768px) 50vw,
3275            calc(85vw - 20px)" fetchpriority="high" style="object-position: center center; ">
3276    </div>
3277
3278            <div class="media__buttons__holder">
3279              
3280                <button class="media__button media__button--zoom" data-zoom-button>
3281                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
3282                  <span class="visually-hidden">Zoom</span>
3283                </button>
3284              
3285
3286              
3287            </div>
3288          
3289        </div>
3290      </div>
3291    
3292</div>
3293
3294            
3295
3296              
3297              
3298
3299              <!-- /snippets/media.liquid -->
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
3312
3313<div class="product__media"
3314  data-media-slide
3315  data-media-id="37264457007358"
3316  data-type="image"
3317  
3318  aria-label="LUCY"
3319  data-image-filter=""
3320  data-aspect-ratio="1.0"
3321  >
3322  
3323      <div>
3324        <div class="product-image-wrapper">
3325          
3326<!-- /snippets/image.liquid -->
3327
3328
3329
3330<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ;  ">
3331      <img src="//dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=1280" alt="LUCY" width="1280" height="1280" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3332 //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=932 932w,  //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=1024 1024w,  //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=1200 1200w, 
3333  //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&amp;width=1280 1280w" sizes="(min-width: 1100px) 70vw,
3334            (min-width: 768px) 50vw,
3335            calc(85vw - 20px)" fetchpriority="auto" style="object-position: center center; ">
3336    </div>
3337
3338            <div class="media__buttons__holder">
3339              
3340                <button class="media__button media__button--zoom" data-zoom-button>
3341                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
3342                  <span class="visually-hidden">Zoom</span>
3343                </button>
3344              
3345
3346              
3347            </div>
3348          
3349        </div>
3350      </div>
3351    
3352</div>
3353
3354            
3355
3356              
3357              
3358
3359              <!-- /snippets/media.liquid -->
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373<div class="product__media"
3374  data-media-slide
3375  data-media-id="37264457040126"
3376  data-type="image"
3377  
3378  aria-label="LUCY"
3379  data-image-filter=""
3380  data-aspect-ratio="1.0"
3381  >
3382  
3383      <div>
3384        <div class="product-image-wrapper">
3385          
3386<!-- /snippets/image.liquid -->
3387
3388
3389
3390<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ;  ">
3391      <img src="//dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=1280" alt="LUCY" width="1280" height="1280" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3392 //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=932 932w,  //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=1024 1024w,  //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=1200 1200w, 
3393  //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&amp;width=1280 1280w" sizes="(min-width: 1100px) 70vw,
3394            (min-width: 768px) 50vw,
3395            calc(85vw - 20px)" fetchpriority="auto" style="object-position: center center; ">
3396    </div>
3397
3398            <div class="media__buttons__holder">
3399              
3400                <button class="media__button media__button--zoom" data-zoom-button>
3401                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24">
3401<path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
3402                  <span class="visually-hidden">Zoom</span>
3403                </button>
3404              
3405
3406              
3407            </div>
3408          
3409        </div>
3410      </div>
3411    
3412</div>
3413
3414            
3415
3416              
3417              
3418
3419              <!-- /snippets/media.liquid -->
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432
3433<div class="product__media"
3434  data-media-slide
3435  data-media-id="37264457072894"
3436  data-type="image"
3437  
3438  aria-label="LUCY"
3439  data-image-filter=""
3440  data-aspect-ratio="1.0"
3441  >
3442  
3443      <div>
3444        <div class="product-image-wrapper">
3445          
3446<!-- /snippets/image.liquid -->
3447
3448
3449
3450<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ;  ">
3451      <img src="//dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=1280" alt="LUCY" width="1280" height="1280" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3452 //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=932 932w,  //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=1024 1024w,  //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=1200 1200w, 
3453  //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&amp;width=1280 1280w" sizes="(min-width: 1100px) 70vw,
3454            (min-width: 768px) 50vw,
3455            calc(85vw - 20px)" fetchpriority="auto" style="object-position: center center; ">
3456    </div>
3457
3458            <div class="media__buttons__holder">
3459              
3460                <button class="media__button media__button--zoom" data-zoom-button>
3461                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
3462                  <span class="visually-hidden">Zoom</span>
3463                </button>
3464              
3465
3466              
3467            </div>
3468          
3469        </div>
3470      </div>
3471    
3472</div>
3473
3474            
3475
3476              
3477              
3478
3479              <!-- /snippets/media.liquid -->
3480
3481
3482
3483
3484
3485
3486
3487
3488
3489
3490
3491
3492
3493<div class="product__media"
3494  data-media-slide
3495  data-media-id="37264457105662"
3496  data-type="image"
3497  
3498  aria-label="LUCY"
3499  data-image-filter=""
3500  data-aspect-ratio="1.0"
3501  >
3502  
3503      <div>
3504        <div class="product-image-wrapper">
3505          
3506<!-- /snippets/image.liquid -->
3507
3508
3509
3510<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ;  ">
3511      <img src="//dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=1280" alt="LUCY" width="1280" height="1280" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3512 //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=932 932w,  //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;
3512width=1024 1024w,  //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=1200 1200w, 
3513  //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&amp;width=1280 1280w" sizes="(min-width: 1100px) 70vw,
3514            (min-width: 768px) 50vw,
3515            calc(85vw - 20px)" fetchpriority="auto" style="object-position: center center; ">
3516    </div>
3517
3518            <div class="media__buttons__holder">
3519              
3520                <button class="media__button media__button--zoom" data-zoom-button>
3521                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
3522                  <span class="visually-hidden">Zoom</span>
3523                </button>
3524              
3525
3526              
3527            </div>
3528          
3529        </div>
3530      </div>
3531    
3532</div>
3533
3534            
3535
3536              
3537              
3538
3539              <!-- /snippets/media.liquid -->
3540
3541
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553<div class="product__media"
3554  data-media-slide
3555  data-media-id="37264457138430"
3556  data-type="image"
3557  
3558  aria-label="LUCY"
3559  data-image-filter=""
3560  data-aspect-ratio="1.0"
3561  >
3562  
3563      <div>
3564        <div class="product-image-wrapper">
3565          
3566<!-- /snippets/image.liquid -->
3567
3568
3569
3570<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ;  ">
3571      <img src="//dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=1280" alt="LUCY" width="1280" height="1280" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3572 //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=932 932w,  //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=1024 1024w,  //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=1200 1200w, 
3573  //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&amp;width=1280 1280w" sizes="(min-width: 1100px) 70vw,
3574            (min-width: 768px) 50vw,
3575            calc(85vw - 20px)" fetchpriority="auto" style="object-position: center center; ">
3576    </div>
3577
3578            <div class="media__buttons__holder">
3579              
3580                <button class="media__button media__button--zoom" data-zoom-button>
3581                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
3582                  <span class="visually-hidden">Zoom</span>
3583                </button>
3584              
3585
3586              
3587            </div>
3588          
3589        </div>
3590      </div>
3591    
3592</div>
3593
3594            
3595          
3596        </div>
3597
3598        
3599        
3600
3601        
3602          
3603          <div class="media__thumb__holder " data-thumbs-holder>
3604            <button class="media__thumb__button"
3605              data-thumbs-arrow-prev>
3606              <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-up" viewBox="0 0 24 24"><path d="m18 15-6-6-6 6"/></svg>
3607              <span class="visually-hidden">Previous</span>
3608            </button>
3609
3610            <div
3611              
3612              data-product-thumbs
3613              class="media__thumb__wrapper rtl:[direction:ltr!important] rtl:**:[direction:ltr!important]">
3614              
3615
3616                 
3617                
3618                
3619
3620                
3621                
3622                
3623                
3624
3625                <div class="media__thumb is-activated"
3626                  data-slideshow-thumbnail
3627                  data-aspect-ratio="1.0"
3628                  data-media-select="37264456974590"
3629                  aria-label="LUCY"
3630                  data-image-filter="">
3631                  <img loading="lazy" class="loading-shimmer"
3632                    src="//dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7_114x144_crop_center.jpg?v=1754837819"
3633                    alt="LUCY"></div>
3634              
3635
3636                 
3637                
3638                
3639
3640                
3641                
3642                
3643                
3644
3645                <div class="media__thumb"
3646                  data-slideshow-thumbnail
3647                  data-aspect-ratio="1.0"
3648                  data-media-select="37264457007358"
3649                  aria-label="LUCY"
3650                  data-image-filter="">
3651                  <img loading="lazy" class="loading-shimmer"
3652                    src="//dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df_114x144_crop_center.jpg?v=1754837818"
3653                    alt="LUCY"></div>
3654              
3655
3656                 
3657                
3658                
3659
3660                
3661                
3662                
3663                
3664
3665                <div class="media__thumb"
3666                  data-slideshow-thumbnail
3667                  data-aspect-ratio="1.0"
3668                  data-media-select="37264457040126"
3669                  aria-label="LUCY"
3670                  data-image-filter="">
3671                  <img loading="lazy" class="loading-shimmer"
3672                    src="//dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25_114x144_crop_center.jpg?v=1754837818"
3673                    alt="LUCY"></div>
3674              
3675
3676                 
3677                
3678                
3679
3680                
3681                
3682                
3683                
3684
3685                <div class="media__thumb"
3686                  data-slideshow-thumbnail
3687                  data-aspect-ratio="1.0"
3688                  data-media-select="37264457072894"
3689                  aria-label="LUCY"
3690                  data-image-filter="">
3691                  <img loading="lazy" class="loading-shimmer"
3692                    src="//dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab_114x144_crop_center.jpg?v=1754837818"
3693                    alt="LUCY"></div>
3694              
3695
3696                 
3697                
3698                
3699
3700                
3701                
3702                
3703                
3704
3705                <div class="media__thumb"
3706                  data-slideshow-thumbnail
3707                  data-aspect-ratio="1.0"
3708                  data-media-select="37264457105662"
3709                  aria-label="LUCY"
3710                  data-image-filter="">
3711                  <img loading="lazy" class="loading-shimmer"
3712                    src="//dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f_114x144_crop_center.jpg?v=1754837818"
3713                    alt="LUCY"></div>
3714              
3715
3716                 
3717                
3718                
3719
3720                
3721                
3722                
3723                
3724
3725                <div class="media__thumb"
3726                  data-slideshow-thumbnail
3727                  data-aspect-ratio="1.0"
3728                  data-media-select="37264457138430"
3729                  aria-label="LUCY"
3730                  data-image-filter="">
3731                  <img loading="lazy" class="loading-shimmer"
3732                    src="//dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816_114x144_crop_center.jpg?v=1754837818"
3733                    alt="LUCY"></div>
3734              
3735            </div>
3736
3737            <button class="media__thumb__button"
3738              data-thumbs-arrow-next>
3739              <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
3740              <span class="visually-hidden">Next</span>
3741            </button>
3742          </div></div>
3743
3744      <div class="product__main__content grid__item large-up--three-eighths medium--one-half">
3745        <div class="product__inner is-sticky" data-product-form-wrapper>
3746          
3747
3748            
3749                <!-- /snippets/product-title.liquid --><div class="product__block__title" style="--PB: 20px;" >
3750  <div class="product__headline">
3751    <div class="product__title__wrapper">
3752      <h1 class="product__title heading-size-9">
3753        
3754          LUCY
3755        
3756      </h1></div><div class="mt-r5"><div>
3757            <p>ストラップ:ANTIQUE</p>
3758          </div><div>
3759            <p>レンズカラー:BRONZE</p>
3760          </div></div><p class="product__page__cutline">フレームカラー:ANTIQUE / レンズカラー:BRONZE</p></div>
3761</div>
3762
3763
3764          
3765            
3766                <!-- /snippets/product-price.liquid --><div class="product__block__price" style="--PB: 40px;" >
3767  <div class="product__price__wrap">
3768    <div class="product__price__main" data-price-wrapper><span class="product__price accent-size-5">
3769        <span data-product-price >¥7,700 </span>(税込)
3770      </span>
3771
3772      
3773        <span data-price-off class="product__price--off hide">
3774          <span data-price-off-type>セール</span>
3775          <em>•</em>
3776          <span data-price-off-amount></span>
3777          オフ
3778        </span>
3779      
3780
3781      
3782      
3783    </div>
3784  </div>
3785</div>
3786
3787              
3788          
3789            
3790                <!-- /snippets/product-siblings.liquid --><div class="product__block__siblings"
3791    style="
3792      --PB: 20px;
3793      --OPTION-SIZE-SIBLING: 76px;
3794    "
3795    
3796  >
3797      <input type="hidden" form="product-form-template--22346246357246__main-8950717808894" name="properties[Color]" value="フレームカラー:ANTIQUE / レンズカラー:BRONZE"><div class="product__page__siblings" data-swapper-wrapper>
3798        <!-- legend class="radio__legend">
3799          <span class="radio__legend__label">Color </span>
3800          <span data-swapper-target>フレームカラー:ANTIQUE / レンズカラー:BRONZE</span>
3801      </legend -->
3802          <a
3803            href="/products/lucy-antique-bronze"
3804            class="siblings__link "
3805            data-swapper-hover="フレームカラー:ANTIQUE / レンズカラー:BRONZE"
3806            title="フレームカラー:ANTIQUE / レンズカラー:BRONZE"
3807            aria-current="true"aria-label="
3808            フレームカラー:ANTIQUE / レンズカラー:BRONZE
3809            
3810          "
3811          >
3812            <div class="siblings__swatch">
3813              <div class="sibling__image sibling__image--square">
3814                
3815                
3816                
3817                
3818
3819                
3820<!-- /snippets/image.liquid -->
3821
3822
3823
3824<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
3825      <img src="//dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=76" alt="フレームカラー:ANTIQUE / レンズカラー:BRONZE" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3826                  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=152 2x,
3827                  //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&amp;width=76
3828                " fetchpriority="auto" style="object-position: center center; ">
3829    </div>
3830</div>
3831            </div>
3832          </a>
3833          <a
3834            href="/products/lucy-jet-grey"
3835            class="siblings__link "
3836            data-swapper-hover="フレームカラー:JET / レンズカラー:GREY"
3837            title="フレームカラー:JET / レンズカラー:GREY"
3838            aria-label="
3839            フレームカラー:JET / レンズカラー:GREY
3840            
3841          "
3842          >
3843            <div class="siblings__swatch">
3844              <div class="sibling__image sibling__image--square">
3845                
3846                
3847                
3848                
3849
3850                
3851<!-- /snippets/image.liquid -->
3852
3853
3854
3855<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
3856      <img src="//dragonalliance.jp/cdn/shop/files/0708145604_668b7f747ce77.jpg?v=1754937717&amp;width=76" alt="フレームカラー:JET / レンズカラー:GREY" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3857                  //dragonalliance.jp/cdn/shop/files/0708145604_668b7f747ce77.jpg?v=1754937717&amp;width=152 2x,
3858                  //dragonalliance.jp/cdn/shop/files/0708145604_668b7f747ce77.jpg?v=1754937717&amp;width=76
3859                " fetchpriority="auto" style="object-position: center center; ">
3860    </div>
3861</div>
3862            </div>
3863          </a>
3864          <a
3865            href="/products/lucy-speedplum-grey"
3866            class="siblings__link "
3867            data-swapper-hover="フレームカラー:SPEED PLUM / レンズカラー:GREY"
3868            title="フレームカラー:SPEED PLUM / レンズカラー:GREY"
3869            aria-label="
3870            フレームカラー:SPEED PLUM / レンズカラー:GREY
3871            
3872          "
3873          >
3874            <div class="siblings__swatch">
3875              <div class="sibling__image sibling__image--square">
3876                
3877                
3878                
3879                
3880
3881                
3882<!-- /snippets/image.liquid -->
3883
3884
3885
3886<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
3887      <img src="//dragonalliance.jp/cdn/shop/files/1114-1LUCYSPEEDPLUM-GREY_1.jpg?v=1754553127&amp;width=76" alt="フレームカラー:SPEED PLUM / レンズカラー:GREY" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3888                  //dragonalliance.jp/cdn/shop/files/1114-1LUCYSPEEDPLUM-GREY_1.jpg?v=1754553127&amp;width=152 2x,
3889                  //dragonalliance.jp/cdn/shop/files/1114-1LUCYSPEEDPLUM-GREY_1.jpg?v=1754553127&amp;width=76
3890                " fetchpriority="auto" style="object-position: center center; ">
3891    </div>
3892</div>
3893            </div>
3894          </a>
3895          <a
3896            href="/products/lucy-mercuryflame-blueion"
3897            class="siblings__link "
3898            data-swapper-hover="フレームカラー:MERCURY FLAME / レンズカラー:BLUE ION"
3899            title="フレームカラー:MERCURY FLAME / レンズカラー:BLUE ION"
3900            aria-label="
3901            フレームカラー:MERCURY FLAME / レンズカラー:BLUE ION
3902            
3903          "
3904          >
3905            <div class="siblings__swatch">
3906              <div class="sibling__image sibling__image--square">
3907                
3908                
3909                
3910                
3911
3912                
3913<!-- /snippets/image.liquid -->
3914
3915
3916
3917<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
3918      <img src="//dragonalliance.jp/cdn/shop/files/1112LUCYMERCURYFLM-BLU-ION_1.jpg?v=1754557368&amp;width=76" alt="フレームカラー:MERCURY FLAME / レンズカラー:BLUE ION" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3919                  //dragonalliance.jp/cdn/shop/files/1112LUCYMERCURYFLM-BLU-ION_1.jpg?v=1754557368&amp;width=152 2x,
3920                  //dragonalliance.jp/cdn/shop/files/1112LUCYMERCURYFLM-BLU-ION_1.jpg?v=1754557368&amp;width=76
3921                " fetchpriority="auto" style="object-position: center center; ">
3922    </div>
3923</div>
3924            </div>
3925          </a>
3926          <a
3927            href="/products/lucy-opal-grey"
3928            class="siblings__link "
3929            data-swapper-hover="フレームカラー:OPAL / レンズカラー:GREY"
3930            title="フレームカラー:OPAL / レンズカラー:GREY"
3931            aria-label="
3932            フレームカラー:OPAL / レンズカラー:GREY
3933            
3934          "
3935          >
3936            <div class="siblings__swatch">
3937              <div class="sibling__image sibling__image--square">
3938                
3939                
3940                
3941                
3942
3943                
3944<!-- /snippets/image.liquid -->
3945
3946
3947
3948<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
3949      <img src="//dragonalliance.jp/cdn/shop/files/1_0722120514_669dcc6a0b1ec.jpg?v=1754939387&amp;width=76" alt="フレームカラー:OPAL / レンズカラー:GREY" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3950                  //dragonalliance.jp/cdn/shop/files/1_0722120514_669dcc6a0b1ec.jpg?v=1754939387&amp;width=152 2x,
3951                  //dragonalliance.jp/cdn/shop/files/1_0722120514_669dcc6a0b1ec.jpg?v=1754939387&amp;width=76
3952                " fetchpriority="auto" style="object-position: center center; ">
3953    </div>
3954</div>
3955            </div>
3956          </a>
3957          <a
3958            href="/products/lucy-2speedcinnamon-bronze"
3959            class="siblings__link "
3960            data-swapper-hover="フレームカラー:2 SPEED CINNAMON / レンズカラー:BRONZE"
3961            title="フレームカラー:2 SPEED CINNAMON / レンズカラー:BRONZE"
3962            aria-label="
3963            フレームカラー:2 SPEED CINNAMON / レンズカラー:BRONZE
3964            
3965          "
3966          >
3967            <div class="siblings__swatch">
3968              <div class="sibling__image sibling__image--square">
3969                
3970                
3971                
3972                
3973
3974                
3975<!-- /snippets/image.liquid -->
3976
3977
3978
3979<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
3980      <img src="//dragonalliance.jp/cdn/shop/files/1109LUCY2SPCINNAMON-BRZ_1.jpg?v=1754557516&amp;width=76" alt="フレームカラー:2 SPEED CINNAMON / レンズカラー:BRONZE" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
3981                  //dragonalliance.jp/cdn/shop/files/1109LUCY2SPCINNAMON-BRZ_1.jpg?v=1754557516&amp;width=152 2x,
3982                  //dragonalliance.jp/cdn/shop/files/1109LUCY2SPCINNAMON-BRZ_1.jpg?v=1754557516&amp;width=76
3983                " fetchpriority="auto" style="object-position: center center; ">
3984    </div>
3985</div>
3986            </div>
3987          </a>
3988          <a
3989            href="/products/lucy-tortoise-bronze"
3990            class="siblings__link "
3991            data-swapper-hover="フレームカラー:TORTOISE / レンズカラー:BRONZE"
3992            title="フレームカラー:TORTOISE / レンズカラー:BRONZE"
3993            aria-label="
3994            フレームカラー:TORTOISE / レンズカラー:BRONZE
3995            
3996          "
3997          >
3998            <div class="siblings__swatch">
3999              <div class="sibling__image sibling__image--square">
4000                
4001                
4002                
4003                
4004
4005                
4006<!-- /snippets/image.liquid -->
4007
4008
4009
4010<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4011      <img src="//dragonalliance.jp/cdn/shop/files/1102LUCYTOROISEBRONZ_1.jpg?v=1754559450&amp;width=76" alt="フレームカラー:TORTOISE / レンズカラー:BRONZE" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4012                  //dragonalliance.jp/cdn/shop/files/1102LUCYTOROISEBRONZ_1.jpg?v=1754559450&amp;width=152 2x,
4013                  //dragonalliance.jp/cdn/shop/files/1102LUCYTOROISEBRONZ_1.jpg?v=1754559450&amp;width=76
4014                " fetchpriority="auto" style="object-position: center center; ">
4015    </div>
4016</div>
4017            </div>
4018          </a>
4019          <a
4020            href="/products/lucy-lunarfade-bronzegrad"
4021            class="siblings__link "
4022            data-swapper-hover="フレームカラー:LUNAR FADE / レンズカラー:BRONZE GRAD"
4023            title="フレームカラー:LUNAR FADE / レンズカラー:BRONZE GRAD"
4024            aria-label="
4025            フレームカラー:LUNAR FADE / レンズカラー:BRONZE GRAD
4026            
4027          "
4028          >
4029            <div class="siblings__swatch">
4030              <div class="sibling__image sibling__image--square">
4031                
4032                
4033                
4034                
4035
4036                
4037<!-- /snippets/image.liquid -->
4038
4039
4040
4041<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4042      <img src="//dragonalliance.jp/cdn/shop/files/1117LUCYLUNARFADEBRZGRAD_1.jpg?v=1754552542&amp;width=76" alt="フレームカラー:LUNAR FADE / レンズカラー:BRONZE GRAD" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4043                  //dragonalliance.jp/cdn/shop/files/1117LUCYLUNARFADEBRZGRAD_1.jpg?v=1754552542&amp;width=152 2x,
4044                  //dragonalliance.jp/cdn/shop/files/1117LUCYLUNARFADEBRZGRAD_1.jpg?v=1754552542&amp;width=76
4045                " fetchpriority="auto" style="object-position: center center; ">
4046    </div>
4047</div>
4048            </div>
4049          </a>
4050          <a
4051            href="/products/lucy-carmelfade-bronzegrad"
4052            class="siblings__link "
4053            data-swapper-hover="フレームカラー:CARMEL FADE / レンズカラー:BRONZE GRAD"
4054            title="フレームカラー:CARMEL FADE / レンズカラー:BRONZE GRAD"
4055            aria-label="
4056            フレームカラー:CARMEL FADE / レンズカラー:BRONZE GRAD
4057            
4058          "
4059          >
4060            <div class="siblings__swatch">
4061              <div class="sibling__image sibling__image--square">
4062                
4063                
4064                
4065                
4066
4067                
4068<!-- /snippets/image.liquid -->
4069
4070
4071
4072<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4073      <img src="//dragonalliance.jp/cdn/shop/files/1116LUCYCARMELFADE-BRZGRD_1.jpg?v=1754557142&amp;width=76" alt="フレームカラー:CARMEL FADE / レンズカラー:BRONZE GRAD" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4074                  //dragonalliance.jp/cdn/shop/files/1116LUCYCARMELFADE-BRZGRD_1.jpg?v=1754557142&amp;width=152 2x,
4075                  //dragonalliance.jp/cdn/shop/files/1116LUCYCARMELFADE-BRZGRD_1.jpg?v=1754557142&amp;width=76
4076                " fetchpriority="auto" style="object-position: center center; ">
4077    </div>
4078</div>
4079            </div>
4080          </a>
4081          <a
4082            href="/products/lucy-jetfade-greygrad"
4083            class="siblings__link "
4084            data-swapper-hover="フレームカラー:JET FADE / レンズカラー:GREY GRAD"
4085            title="フレームカラー:JET FADE / レンズカラー:GREY GRAD"
4086            aria-label="
4087            フレームカラー:JET FADE / レンズカラー:GREY GRAD
4088            
4089          "
4090          >
4091            <div class="siblings__swatch">
4092              <div class="sibling__image sibling__image--square">
4093                
4094                
4095                
4096                
4097
4098                
4099<!-- /snippets/image.liquid -->
4100
4101
4102
4103<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4104      <img src="//dragonalliance.jp/cdn/shop/files/115LUCYJETFADE-GREYGRAD_1.jpg?v=1754557230&amp;width=76" alt="フレームカラー:JET FADE / レンズカラー:GREY GRAD" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4105                  //dragonalliance.jp/cdn/shop/files/115LUCYJETFADE-GREYGRAD_1.jpg?v=1754557230&amp;width=152 2x,
4106                  //dragonalliance.jp/cdn/shop/files/115LUCYJETFADE-GREYGRAD_1.jpg?v=1754557230&amp;width=76
4107                " fetchpriority="auto" style="object-position: center center; ">
4108    </div>
4109</div>
4110            </div>
4111          </a>
4112          <a
4112
4113            href="/products/lucy-decochannel-grey"
4114            class="siblings__link "
4115            data-swapper-hover="フレームカラー:DECO CHANNEL / レンズカラー:GREY"
4116            title="フレームカラー:DECO CHANNEL / レンズカラー:GREY"
4117            aria-label="
4118            フレームカラー:DECO CHANNEL / レンズカラー:GREY
4119            
4120          "
4121          >
4122            <div class="siblings__swatch">
4123              <div class="sibling__image sibling__image--square">
4124                
4125                
4126                
4127                
4128
4129                
4130<!-- /snippets/image.liquid -->
4131
4132
4133
4134<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4135      <img src="//dragonalliance.jp/cdn/shop/files/1111-LUCY-DECO-CHANNEL-GREY_1.jpg?v=1754557445&amp;width=76" alt="フレームカラー:DECO CHANNEL / レンズカラー:GREY" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4136                  //dragonalliance.jp/cdn/shop/files/1111-LUCY-DECO-CHANNEL-GREY_1.jpg?v=1754557445&amp;width=152 2x,
4137                  //dragonalliance.jp/cdn/shop/files/1111-LUCY-DECO-CHANNEL-GREY_1.jpg?v=1754557445&amp;width=76
4138                " fetchpriority="auto" style="object-position: center center; ">
4139    </div>
4140</div>
4141            </div>
4142          </a>
4143          <a
4144            href="/products/lucy-jet-scotch"
4145            class="siblings__link "
4146            data-swapper-hover="フレームカラー:JET / レンズカラー:SCOTCH"
4147            title="フレームカラー:JET / レンズカラー:SCOTCH"
4148            aria-label="
4149            フレームカラー:JET / レンズカラー:SCOTCH
4150            
4151          "
4152          >
4153            <div class="siblings__swatch">
4154              <div class="sibling__image sibling__image--square">
4155                
4156                
4157                
4158                
4159
4160                
4161<!-- /snippets/image.liquid -->
4162
4163
4164
4165<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4166      <img src="//dragonalliance.jp/cdn/shop/files/1107LUCYJET-SCOTCH_1.jpg?v=1754559072&amp;width=76" alt="フレームカラー:JET / レンズカラー:SCOTCH" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4167                  //dragonalliance.jp/cdn/shop/files/1107LUCYJET-SCOTCH_1.jpg?v=1754559072&amp;width=152 2x,
4168                  //dragonalliance.jp/cdn/shop/files/1107LUCYJET-SCOTCH_1.jpg?v=1754559072&amp;width=76
4169                " fetchpriority="auto" style="object-position: center center; ">
4170    </div>
4171</div>
4172            </div>
4173          </a>
4174          <a
4175            href="/products/lucy-jet-yellow"
4176            class="siblings__link "
4177            data-swapper-hover="フレームカラー:JET / レンズカラー:YELLOW"
4178            title="フレームカラー:JET / レンズカラー:YELLOW"
4179            aria-label="
4180            フレームカラー:JET / レンズカラー:YELLOW
4181            
4182          "
4183          >
4184            <div class="siblings__swatch">
4185              <div class="sibling__image sibling__image--square">
4186                
4187                
4188                
4189                
4190
4191                
4192<!-- /snippets/image.liquid -->
4193
4194
4195
4196<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4197      <img src="//dragonalliance.jp/cdn/shop/files/1106LUCYJET-YELLOW_1.jpg?v=1754559157&amp;width=76" alt="フレームカラー:JET / レンズカラー:YELLOW" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4198                  //dragonalliance.jp/cdn/shop/files/1106LUCYJET-YELLOW_1.jpg?v=1754559157&amp;width=152 2x,
4199                  //dragonalliance.jp/cdn/shop/files/1106LUCYJET-YELLOW_1.jpg?v=1754559157&amp;width=76
4200                " fetchpriority="auto" style="object-position: center center; ">
4201    </div>
4202</div>
4203            </div>
4204          </a>
4205          <a
4206            href="/products/lucy-jet-blue"
4207            class="siblings__link "
4208            data-swapper-hover="フレームカラー:JET / レンズカラー:BLUE"
4209            title="フレームカラー:JET / レンズカラー:BLUE"
4210            aria-label="
4211            フレームカラー:JET / レンズカラー:BLUE
4212            
4213          "
4214          >
4215            <div class="siblings__swatch">
4216              <div class="sibling__image sibling__image--square">
4217                
4218                
4219                
4220                
4221
4222                
4223<!-- /snippets/image.liquid -->
4224
4225
4226
4227<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4228      <img src="//dragonalliance.jp/cdn/shop/files/1105LUCYJET-BLUE_1.jpg?v=1754559235&amp;width=76" alt="フレームカラー:JET / レンズカラー:BLUE" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4229                  //dragonalliance.jp/cdn/shop/files/1105LUCYJET-BLUE_1.jpg?v=1754559235&amp;width=152 2x,
4230                  //dragonalliance.jp/cdn/shop/files/1105LUCYJET-BLUE_1.jpg?v=1754559235&amp;width=76
4231                " fetchpriority="auto" style="object-position: center center; ">
4232    </div>
4233</div>
4234            </div>
4235          </a>
4236          <a
4237            href="/products/lucy-jet-rose"
4238            class="siblings__link "
4239            data-swapper-hover="フレームカラー:JET / レンズカラー:ROSE"
4240            title="フレームカラー:JET / レンズカラー:ROSE"
4241            aria-label="
4242            フレームカラー:JET / レンズカラー:ROSE
4243            
4244          "
4245          >
4246            <div class="siblings__swatch">
4247              <div class="sibling__image sibling__image--square">
4248                
4249                
4250                
4251                
4252
4253                
4254<!-- /snippets/image.liquid -->
4255
4256
4257
4258<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4259      <img src="//dragonalliance.jp/cdn/shop/files/1103LUCYJET-ROSE_1.jpg?v=1754559373&amp;width=76" alt="フレームカラー:JET / レンズカラー:ROSE" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4260                  //dragonalliance.jp/cdn/shop/files/1103LUCYJET-ROSE_1.jpg?v=1754559373&amp;width=152 2x,
4261                  //dragonalliance.jp/cdn/shop/files/1103LUCYJET-ROSE_1.jpg?v=1754559373&amp;width=76
4262                " fetchpriority="auto" style="object-position: center center; ">
4263    </div>
4264</div>
4265            </div>
4266          </a>
4267          <a
4268            href="/products/lucy-jetflame-greyion"
4269            class="siblings__link "
4270            data-swapper-hover="フレームカラー:JET FLAME / レンズカラー:GREY ION"
4271            title="フレームカラー:JET FLAME / レンズカラー:GREY ION"
4272            aria-label="
4273            フレームカラー:JET FLAME / レンズカラー:GREY ION
4274            
4275          "
4276          >
4277            <div class="siblings__swatch">
4278              <div class="sibling__image sibling__image--square">
4279                
4280                
4281                
4282                
4283
4284                
4285<!-- /snippets/image.liquid -->
4286
4287
4288
4289<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4290      <img src="//dragonalliance.jp/cdn/shop/files/0708145351_668b7eef4b957.jpg?v=1754937555&amp;width=76" alt="フレームカラー:JET FLAME / レンズカラー:GREY ION" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4291                  //dragonalliance.jp/cdn/shop/files/0708145351_668b7eef4b957.jpg?v=1754937555&amp;width=152 2x,
4292                  //dragonalliance.jp/cdn/shop/files/0708145351_668b7eef4b957.jpg?v=1754937555&amp;width=76
4293                " fetchpriority="auto" style="object-position: center center; ">
4294    </div>
4295</div>
4296            </div>
4297          </a>
4298          <a
4299            href="/products/lucy-speedblue-grey"
4300            class="siblings__link "
4301            data-swapper-hover="フレームカラー:SPEED BLUE / レンズカラー:GREY"
4302            title="フレームカラー:SPEED BLUE / レンズカラー:GREY"
4303            aria-label="
4304            フレームカラー:SPEED BLUE / レンズカラー:GREY
4305            
4306          "
4307          >
4308            <div class="siblings__swatch">
4309              <div class="sibling__image sibling__image--square">
4310                
4311                
4312                
4313                
4314
4315                
4316<!-- /snippets/image.liquid -->
4317
4318
4319
4320<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4321      <img src="//dragonalliance.jp/cdn/shop/files/1_0610144109_6847c575681ca_9df5a074-c207-406b-b911-31f8e1fe0563.jpg?v=1754939925&amp;width=76" alt="フレームカラー:SPEED BLUE / レンズカラー:GREY" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4322                  //dragonalliance.jp/cdn/shop/files/1_0610144109_6847c575681ca_9df5a074-c207-406b-b911-31f8e1fe0563.jpg?v=1754939925&amp;width=152 2x,
4323                  //dragonalliance.jp/cdn/shop/files/1_0610144109_6847c575681ca_9df5a074-c207-406b-b911-31f8e1fe0563.jpg?v=1754939925&amp;width=76
4324                " fetchpriority="auto" style="object-position: center center; ">
4325    </div>
4326</div>
4327            </div>
4328          </a>
4329          <a
4330            href="/products/lucy-speedmlnt-grey"
4331            class="siblings__link "
4332            data-swapper-hover="フレームカラー:SPEED MlNT / レンズカラー:GREY"
4333            title="フレームカラー:SPEED MlNT / レンズカラー:GREY"
4334            aria-label="
4335            フレームカラー:SPEED MlNT / レンズカラー:GREY
4336            
4337          "
4338          >
4339            <div class="siblings__swatch">
4340              <div class="sibling__image sibling__image--square">
4341                
4342                
4343                
4344                
4345
4346                
4347<!-- /snippets/image.liquid -->
4348
4349
4350
4351<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0;  ">
4352      <img src="//dragonalliance.jp/cdn/shop/files/1_d5674bbb-cd00-4f5e-ac2e-4aee0e5a9d7a.jpg?v=1754940093&amp;width=76" alt="フレームカラー:SPEED MlNT / レンズカラー:GREY" width="76" height="76" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
4353                  //dragonalliance.jp/cdn/shop/files/1_d5674bbb-cd00-4f5e-ac2e-4aee0e5a9d7a.jpg?v=1754940093&amp;width=152 2x,
4354                  //dragonalliance.jp/cdn/shop/files/1_d5674bbb-cd00-4f5e-ac2e-4aee0e5a9d7a.jpg?v=1754940093&amp;width=76
4355                " fetchpriority="auto" style="object-position: center center; ">
4356    </div>
4357</div>
4358            </div>
4359          </a></div></div>
4360              
4361          
4362            
4363                <!-- /snippets/product-variant-options.liquid --><div class="product__block__variants"
4364  style="
4365    --PB: 30px;
4366    --OPTION-SPACE: 30px;
4367    --OPTION-SIZE-RADIO: 50px;
4368    --OPTION-SIZE-SWATCH: 34px;
4369    "
4370  
4371></div>
4372
4373              
4374          
4375            
4376<!-- /snippets/product-subscription.liquid -->
4377
4378          
4379            
4380                <!-- /snippets/product-quantity.liquid -->
4381
4382<div class="product__block__quantity" style="--PB: 20px;" ><div class="quantity__wrapper" data-quantity-selector>
4383      <button class="quantity__button quantity__button--minus" data-decrease-quantity type="button" aria-label="Decrease quantity">&minus;</button>
4384      <input data-quantity-input
4385        aria-label="Quantity"
4386        class="quantity__input"
4387        type="number"
4388        min="1"
4389        name="quantity"
4390        form="product-form-template--22346246357246__main-8950717808894"
4391        value="1"/>
4392      <button class="quantity__button quantity__button--plus" data-increase-quantity type="button" aria-label="Increase quantity">+</button>
4393    </div></div>
4394
4395              
4396          
4397            
4398                <!-- /snippets/product-size-and-remaining.liquid -->
4399
4400<div class="product__block__remaining" style="--PB: 0px;" ><div class="product__button__meta "><p class="variant__countdown count-is-unavailable show-only-low" data-remaining-wrapper>
4401          <span class="variant__countdown--in">Item is in stock</span>
4402          <span class="variant__countdown--low">残り <span data-remaining-max="10" data-remaining-count>0 </span> 点</span>
4403          <span class="variant__countdown--out">Item is out of stock</span>
4404          <span class="variant__countdown--unavailable">Item is unavailable</span>
4405        </p>
4406
4407        
4407<script data-product-remaining-json type="application/json">
4408          {"47129899892990": "6"}
4409        </script>
4409</div></div>
4410
4411              
4412          
4413            
4414<!-- /snippets/product-buttons.liquid --><product-form x-data="productAddButtonForm()" class="product__block__buttons" style="--PB: 0px;"  >
4415  <div data-product-form-outer>
4416    
4417<form method="post" action="/cart/add" id="product-form-template--22346246357246__main-8950717808894" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-product-form="" data-product-handle="lucy-antique-bronze"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><div class="product__form__inner" data-form-inner>
4418
4419          
4420<div class="product__submit" data-buttons-wrapper data-add-action-wrapper data-error-boundary>
4421            <div data-error-display role='alert' class="add-action-errors"></div>
4422<input
4423    type="hidden"
4424    name="properties[Color]"
4425    value="フレームカラー:ANTIQUE / レンズカラー:BRONZE"
4426    
4427   ><div class="product__submit__buttons product__submit__buttons--clear">
4428              <span class="sr-only" aria-live="polite" x-show="isLoading">
4429                Adding to Cart
4430              </span>
4431              <span class="sr-only" aria-live="polite" x-show="isSuccess">
4432                Added to Cart
4433              </span>
4434
4435              <button
4436                type="submit"
4437                name="add"
4438                class="btn--outline btn--full btn--primary btn--add-to-cart"
4439                data-add-to-cart
4440                
4441                aria-label="カートに入れる"
4442                :class="{
4443                  'has-success': isSuccess,
4444                  'loading': isLoading
4445                }"
4446                
4447              >
4448                <span class="btn-state-ready flex justify-center">
4449                  <span data-add-to-cart-text>
4450                    カートに入れる
4451                  </span>
4452                  <span class="cta__dot opacity-50">•</span>
4453                  <span data-button-price>Â¥7,700
4454</span>
4455                </span>
4456
4457                <span class="btn-state-loading">
4458                  <svg height="18" width="18" class="svg-loader">
4459                    <circle r="7" cx="9" cy="9" />
4460                    <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
4461                  </svg>
4462                </span>
4463
4464                <span class="btn-state-complete">&nbsp;</span>
4465              </button><div class="product__submit__quick">
4466                  <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:75059462398,&quot;merchantName&quot;:&quot;DRAGON JAPAN OFFICIAL STORE&quot;,&quot;personalized&quot;:true}}" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="66862888628a00a26a6713463ae76913" buyer-country="JP" buyer-locale="ja" buyer-currency="JPY" variant-params="[{&quot;id&quot;:47129899892990,&quot;requiresShipping&quot;:true}]" shop-id="75059462398" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true">&nbsp;</div> </shopify-accelerated-checkout> </div>
4467                </div></div>
4468          </div>
4469        </div>
4470
4471        
4472        <div class="shop-pay-terms"></div>
4473      <input type="hidden" name="id" value="47129899892990">
4474
4475      
4476<script data-product-json type="application/json">
4477        {"id":8950717808894,"title":"LUCY","handle":"lucy-antique-bronze","description":"\u003cp\u003e2000年代に女性や小顔の方にも快適にフィットするDRAGONスタイルを求めて開発された、LUCY(ルーシー)。タウン仕様にも採用される6ベースカーブ形状で、ラウンドサングラスが合わない方にもフィットしやすいモデルです。\u003cbr\u003e\u003cbr\u003eフレームカラー:ANTIQUEはグロス(艶あり)クリアベースに落ち着いたトーンのホワイトカラーです\u003c\/p\u003e\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/5946\/2398\/files\/Made_in_the_USA.png?v=1759742085\" width=\"150px\"\u003e\u003c\/p\u003e","published_at":"2025-08-01T19:47:08+09:00","created_at":"2025-08-01T19:47:08+09:00","vendor":"DRAGON JAPAN","type":"サングラス","tags":[],"price":770000,"price_min":770000,"price_max":770000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":47129899892990,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"0311816200004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"LUCY","public_title":null,"options":["Default Title"],"price":770000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819","\/\/dragonalliance.jp\/cdn\/shop\/files\/2_0708145443_668b7f23951df.jpg?v=1754837818","\/\/dragonalliance.jp\/cdn\/shop\/files\/3_0708145443_668b7f2333a25.jpg?v=1754837818","\/\/dragonalliance.jp\/cdn\/shop\/files\/4_0708145442_668b7f22e7aab.jpg?v=1754837818","\/\/dragonalliance.jp\/cdn\/shop\/files\/5_0708145442_668b7f22b4c5f.jpg?v=1754837818","\/\/dragonalliance.jp\/cdn\/shop\/files\/6_0708145442_668b7f2233816.jpg?v=1754837818"],"featured_image":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819","options":["Title"],"media":[{"alt":null,"id":37264456974590,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1280,"width":1280,"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819"},"aspect_ratio":1.0,"height":1280,"media_type":"image","src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819","width":1280},{"alt":null,"id":37264457007358,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1280,"width":1280,"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/2_0708145443_668b7f23951df.jpg?v=1754837818"},"aspect_ratio":1.0,"height":1280,"media_type":"image","src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/2_0708145443_668b7f23951df.jpg?v=1754837818","width":1280},{"alt":null,"id":37264457040126,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1280,"width":1280,"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/3_0708145443_668b7f2333a25.jpg?v=1754837818"},"aspect_ratio":1.0,"height":1280,"media_type":"image","src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/3_0708145443_668b7f2333a25.jpg?v=1754837818","width":1280},{"alt":null,"id":37264457072894,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1280,"width":1280,"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/4_0708145442_668b7f22e7aab.jpg?v=1754837818"},"aspect_ratio":1.0,"height":1280,"media_type":"image","src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/4_0708145442_668b7f22e7aab.jpg?v=1754837818","width":1280},{"alt":null,"id":37264457105662,"position":5,"preview_image":{"aspect_ratio":1.0,"height":1280,"width":1280,"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/5_0708145442_668b7f22b4c5f.jpg?v=1754837818"},"aspect_ratio":1.0,"height":1280,"media_type":"image","src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/5_0708145442_668b7f22b4c5f.jpg?v=1754837818","width":1280},{"alt":null,"id":37264457138430,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1280,"width":1280,"src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/6_0708145442_668b7f2233816.jpg?v=1754837818"},"aspect_ratio":1.0,"height":1280,"media_type":"image","src":"\/\/dragonalliance.jp\/cdn\/shop\/files\/6_0708145442_668b7f2233816.jpg?v=1754837818","width":1280}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e2000年代に女性や小顔の方にも快適にフィットするDRAGONスタイルを求めて開発された、LUCY(ルーシー)。タウン仕様にも採用される6ベースカーブ形状で、ラウンドサングラスが合わない方にもフィットしやすいモデルです。\u003cbr\u003e\u003cbr\u003eフレームカラー:ANTIQUEはグロス(艶あり)クリアベースに落ち着いたトーンのホワイトカラーです\u003c\/p\u003e\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/5946\/2398\/files\/Made_in_the_USA.png?v=1759742085\" width=\"150px\"\u003e\u003c\/p\u003e"}
4478      </script>
4478<input type="hidden" name="product-id" value="8950717808894" /><input type="hidden" name="section-id" value="template--22346246357246__main" /></form></div>
4479</product-form>
4480
4481
4482
4483
4484
4485
4486
4487
4488
4489
4490              
4491          
4492            
4493                <div class="product__block__description rte body-size-4" style="--PB: 20px;" >
4494                    <div class="tabs-wrapper">
4495                      <!-- /snippets/product-tabs.liquid -->
4496
4497<div class="product-accordion" data-accordion-group>
4498      <div class="accordion__wrapper">
4499        <button class="accordion__title js  accordion-is-open"
4500          data-accordion-trigger="description-main"
4501          aria-controls="description-main"
4502          aria-haspopup="true"
4503          aria-expanded="true"><!-- /snippets/animated-icon.liquid -->
4504
4505
4506アイテム説明
4507        </button>
4508
4509        <input type="checkbox"
4510          name="accordion-description-main"
4511          id="accordion-description-main-checkbox"
4512          class="no-js no-js-checkbox"
4513          checked>
4514
4515        <label for="accordion-description-main-checkbox" class="accordion__title no-js"><!-- /snippets/animated-icon.liquid -->
4516
4517
4518アイテム説明
4519        </label>
4520
4521        <div class="accordion__body no-js-accordion" id="description-main" data-accordion-body>
4522          <div class="accordion-content__holder " >
4523            <div class="accordion-content__inner">
4524              <div class="accordion-content__entry" >
4525                
4526                  <p>2000年代に女性や小顔の方にも快適にフィットするDRAGONスタイルを求めて開発された、LUCY(ルーシー)。タウン仕様にも採用される6ベースカーブ形状で、ラウンドサングラスが合わない方にもフィットしやすいモデルです。<br><br>フレームカラー:ANTIQUEはグロス(艶あり)クリアベースに落ち着いたトーンのホワイトカラーです</p><p><img src="https://cdn.shopify.com/s/files/1/0750/5946/2398/files/Made_in_the_USA.png?v=1759742085" width="150px"></p>
4527                
4528              </div>
4529            </div>
4530
4531            
4532          </div>
4533        </div>
4534      </div>
4535          <div class="accordion__wrapper">
4536            <button class="accordion__title js"
4537              data-accordion-trigger="description-1"
4538              aria-controls="description-1"
4539              aria-haspopup="true"
4540              aria-expanded="false"><!-- /snippets/animated-icon.liquid -->
4541
4542
4543サイズ
4544            </button>
4545
4546            <input type="checkbox"
4547              name="accordion-description-1--1"
4548              id="accordion-description-1--1-checkbox"
4549              class="no-js no-js-checkbox">
4550
4551            <label for="accordion-description-1--1-checkbox" class="accordion__title no-js"><!-- /snippets/animated-icon.liquid -->
4552
4553
4554サイズ
4555            </label>
4556
4557            <div class="accordion__body no-js-accordion" id="description-1" data-accordion-body>
4558              
4559                  
4560                <img src="https://dragon-japan.myshopify.com/cdn/shop/files/SIZE_LUCY.jpg?v=1751938051&width=710">
4561                  
4562              
4563            </div>
4564          </div>
4565          <div class="accordion__wrapper">
4566            <button class="accordion__title js"
4567              data-accordion-trigger="description-2"
4568              aria-controls="description-2"
4569              aria-haspopup="true"
4570              aria-expanded="false"><!-- /snippets/animated-icon.liquid -->
4571
4572
4573DRAGON認定ヴィンテージストック
4574            </button>
4575
4576            <input type="checkbox"
4577              name="accordion-description-2--2"
4578              id="accordion-description-2--2-checkbox"
4579              class="no-js no-js-checkbox">
4580
4581            <label for="accordion-description-2--2-checkbox" class="accordion__title no-js"><!-- /snippets/animated-icon.liquid -->
4582
4583
4584DRAGON認定ヴィンテージストック
4585            </label>
4586
4587            <div class="accordion__body no-js-accordion" id="description-2" data-accordion-body>
4588              
4589              <p>こちらの商品は90年代後半~2000年代に実際に販売されていたMADE IN USAデッドストック(新品)です。厳正な検品を実施し、グッドコンディションのアイテムを数量限定で販売しております。現行の製品と同様にワランティ(正規保証)対象商品となります。</p><p>なお、パッケージ(外箱)デザインは製造された時期により複数パターンがございますので、掲載のパッケージ画像は参考画像となります。パッケージのコンディションについてもデッドストック品につき、多少の劣化や汚れがある場合がございますのでご了承ください。</p>
4590                
4591            </div>
4592          </div>
4593  </div>
4594                    </div></div>
4595              
4596          
4597</div>
4598      </div>
4599    </div>
4600  </div>
4601</div><style data-shopify>/* DA: cutline(theme.cutline メタフィールド)は、その上に出る
4602     「ストラップ:〜」「レンズカラー:〜」と内å
4602®¹ãŒé‡è¤‡ã™ã‚‹ãŸã‚éžè¡¨ç¤º */
4603  #shopify-section-template--22346246357246__main .product__page__cutline {
4604    display: none !important;
4605  }
4606
4607  /* DA: セール時の元値(取り消し線・少し小さめ)を販売価格の前に */
4608  #shopify-section-template--22346246357246__main .da-price-compare {
4609    display: inline-block;
4610    margin-right: 8px;
4611    font-size: 0.8em;
4612    text-decoration: line-through;
4613    opacity: 0.55;
4614  }
4615
4616  /* DA: 残り在庫数(「残り○点」)を非表示。
4617     再表示したい場合はこの1ブロックを削除するか、テーマエディタの
4618     「Sizes and remaining → Show inventory message」をテンプレートごとに操作する。 */
4619  #shopify-section-template--22346246357246__main .variant__countdown {
4620    display: none !important;
4621  }
4622
4623  /* DA: 購入ボタン(「別のお支払い方法」)と QUICK GUIDE の間に余白 */
4624  #shopify-section-template--22346246357246__main .product__block__quick-guide {
4625    margin-top: 28px;
4626  }
4627
4628  /* DA: 25-26モデルバッジ */
4629  #shopify-section-template--22346246357246__main .da-model-badge-wrap {
4630    margin: -4px 0 12px;
4631  }
4632
4633  #shopify-section-template--22346246357246__main .da-model-badge {
4634    display: inline-block;
4635    padding: 3px 10px;
4636    border: 1px solid currentColor;
4637    border-radius: 2px;
4638    font-size: 11px;
4639    line-height: 1.4;
4640    letter-spacing: 0.04em;
4641    opacity: 0.7;
4642  }
4643
4644  /* DA: 26-27 予約商品の案内 */
4645  #shopify-section-template--22346246357246__main .da-preorder {
4646    margin: 0 0 20px;
4647  }
4648
4649  #shopify-section-template--22346246357246__main .da-preorder__banner {
4650    display: block;
4651    width: 100%;
4652    height: auto;
4653    margin: 0 0 12px;
4654  }
4655
4656  #shopify-section-template--22346246357246__main .da-preorder__heading {
4657    margin: 0 0 6px;
4658    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
4659    font-size: 13px;
4660    line-height: 1.5;
4661  }
4662
4663  #shopify-section-template--22346246357246__main .da-preorder__list {
4664    margin: 0;
4665    padding: 0 0 0 1.1em;
4666    list-style: disc;
4667    font-size: 12px;
4668    line-height: 1.7;
4669  }
4670
4671  #shopify-section-template--22346246357246__main .da-preorder__list li {
4672    margin: 0;
4673  }
4674
4675  #shopify-section-template--22346246357246__main .product__block__quick-guide {
4676    padding-bottom: var(--PB);
4677  }
4678
4679  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__heading {
4680    margin: 0 0 12px;
4681    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
4682    letter-spacing: 0;
4683    line-height: 1.2;
4684  }
4685
4686  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__items {
4687    overflow: hidden;
4688    border: 1px solid rgba(0, 0, 0, 0.12);
4689    border-radius: 6px;
4690    background: rgba(255, 255, 255, 0.72);
4691  }
4692
4693  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__item {
4694    display: grid;
4695    grid-template-columns: 56px minmax(96px, 112px) minmax(0, 1fr);
4696    min-height: 76px;
4697    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4698  }
4699
4700  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__item:last-child {
4701    border-bottom: 0;
4702  }
4703
4704  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__media,
4705  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__label,
4706  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__detail {
4707    display: flex;
4708    align-items: center;
4709    min-width: 0;
4710  }
4711
4712  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__label {
4713    border-right: 1px solid rgba(0, 0, 0, 0.1);
4714  }
4715
4716  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__media {
4717    justify-content: center;
4718    padding: 8px 6px;
4719  }
4720
4721  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__media img {
4722    display: block;
4723    max-width: 40px;
4724    max-height: 40px;
4725    width: auto;
4726    height: auto;
4727  }
4728
4729  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__label {
4730    padding: 14px 10px;
4731    font-size: 13.5px;
4732    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
4733    line-height: 1.35;
4734  }
4735
4736  #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__detail {
4737    padding: 14px 20px;
4738    font-size: 13.5px;
4739    line-height: 1.55;
4740  }
4741
4742  @media only screen and (max-width: 767px) {
4743    #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__item {
4744      grid-template-columns: 48px minmax(84px, 96px) minmax(0, 1fr);
4745      min-height: 62px;
4746    }
4747
4748    #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__media {
4749      padding: 6px 5px;
4750    }
4751
4752    #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__media img {
4753      max-width: 34px;
4754      max-height: 34px;
4755    }
4756
4757    #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__detail {
4758      padding: 11px 12px;
4759      font-size: 13px;
4760      line-height: 1.45;
4761    }
4762
4763    #shopify-section-template--22346246357246__main .product__block__quick-guide .product-quick-guide__label {
4764      padding: 11px 8px;
4765      font-size: 13px;
4766      line-height: 1.45;
4767    }
4768  }</style><!-- /snippets/product-info.liquid -->
4769
4770
4771  <!-- /snippets/zoom-pswp.liquid -->
4772
4773<!-- Boilerplate root element of PhotoSwipe Zoom. Must have class pswp. -->
4774<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" data-zoom-wrapper>
4775  <div class="pswp__bg"></div>
4776  <div class="pswp__scroll-wrap">
4777    <div class="pswp__container">
4778      <div class="pswp__item"></div>
4779      <div class="pswp__item"></div>
4780      <div class="pswp__item"></div>
4781    </div>
4782
4783    <div class="pswp__ui pswp__ui--hidden">
4784      <div class="pswp__close--container">
4785        <button class="pswp__button pswp__button--close" title="Close (Esc)">
4786          <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24">
4786<path d="M18 6 6 18M6 6l12 12"/></svg>
4787        </button>
4788      </div>
4789
4790      <div class="pswp__top-bar">
4791        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
4792          <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left-circle" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.479 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10c0-5.521-4.477-10-10-10Zm1.5 14-4-4 4-4"/></svg>
4793        </button>
4794        <div class="pswp__counter"></div>
4795        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
4796          <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right-circle" viewBox="0 0 24 24"><path d="M12 22c5.523 0 10-4.478 10-10 0-5.523-4.477-10-10-10S2 6.477 2 12c0 5.522 4.477 10 10 10ZM10.5 8l4 4-4 4"/></svg>
4797        </button>
4798
4799        <div class="pswp__preloader">
4800          <div class="pswp__preloader__icn">
4801          </div>
4802        </div>
4803      </div>
4804
4805      <div class="pswp__caption">
4806        <div class="pswp__caption__center"></div>
4807      </div>
4808    </div>
4809  </div>
4810</div>
4811
4812
4813<script type="application/json" id="ModelJson-template--22346246357246__main">
4814  []
4815</script>
4815<div class="da-sticky-atc" data-da-sticky-atc hidden aria-hidden="true">
4816  <div class="da-sticky-atc__inner">
4817    <div class="da-sticky-atc__info"><img class="da-sticky-atc__thumb"
4818             src="//dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&width=96"
4819             width="48" height="48" alt="" loading="lazy" decoding="async"><span class="da-sticky-atc__title">LUCY</span>
4820    </div>
4821    <button type="button" class="da-sticky-atc__btn" data-da-sticky-btn
4822      aria-label="カートに入れる">
4823      <svg class="da-sticky-atc__btn-icon" viewBox="0 0 24 24" width="20" height="20"
4824           fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4825           stroke-linejoin="round" aria-hidden="true" focusable="false">
4826        <circle cx="9" cy="21" r="1"></circle>
4827        <circle cx="20" cy="21" r="1"></circle>
4828        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
4829      </svg>
4830      <span class="da-sticky-atc__btn-text" data-da-sticky-text>カートに入れる</span>
4831      <span class="da-sticky-atc__btn-price" data-da-sticky-price>Â¥7,700</span>
4832    </button>
4833  </div>
4834</div><style data-shopify>.da-sticky-atc {
4835    position: fixed;
4836    left: 0;
4837    right: 0;
4838    bottom: var(--da-menubar-h, 0px);
4839    z-index: 40;
4840    background: #fff;
4841    border-top: 1px solid rgba(0, 0, 0, 0.1);
4842    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);
4843    padding-bottom: env(safe-area-inset-bottom, 0px);
4844    transform: translateY(140%);
4845    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
4846  }
4847  .da-sticky-atc.is-visible {
4848    transform: translateY(0);
4849  }
4850  .da-sticky-atc__inner {
4851    display: flex;
4852    align-items: center;
4853    gap: 12px;
4854    max-width: 1200px;
4855    margin: 0 auto;
4856    padding: 10px 16px;
4857  }
4858  .da-sticky-atc__info {
4859    display: flex;
4860    align-items: center;
4861    gap: 10px;
4862    min-width: 0;
4863    flex: 1 1 auto;
4864  }
4865  .da-sticky-atc__thumb {
4866    width: 48px;
4867    height: 48px;
4868    object-fit: contain;
4869    border-radius: 6px;
4870    background: #f5f5f5;
4871    flex: 0 0 auto;
4872  }
4873  .da-sticky-atc__title {
4874    font-size: 14px;
4875    font-weight: 700;
4876    line-height: 1.3;
4877    overflow: hidden;
4878    text-overflow: ellipsis;
4879    display: -webkit-box;
4880    -webkit-line-clamp: 2;
4881    -webkit-box-orient: vertical;
4882  }
4883  .da-sticky-atc__btn {
4884    flex: 0 0 auto;
4885    display: inline-flex;
4886    align-items: center;
4887    justify-content: center;
4888    gap: 8px;
4889    min-width: 160px;
4890    padding: 14px 22px;
4891    border: 0;
4892    border-radius: 6px;
4893    background: #111;
4894    color: #fff;
4895    font-weight: 700;
4896    font-size: 15px;
4897    line-height: 1;
4898    cursor: pointer;
4899  }
4900  .da-sticky-atc__btn[disabled] {
4901    opacity: 0.45;
4902    cursor: not-allowed;
4903  }
4904  .da-sticky-atc__btn.is-loading {
4905    opacity: 0.7;
4906    pointer-events: none;
4907  }
4908  .da-sticky-atc__btn-price {
4909    font-weight: 600;
4910    opacity: 0.85;
4911  }
4912  .da-sticky-atc__btn-icon {
4913    display: none;
4914    flex: 0 0 auto;
4915    width: 20px;
4916    height: 20px;
4917  }
4918  @media only screen and (max-width: 767px) {
4919    .da-sticky-atc__inner {
4920      padding: 8px 12px;
4921      gap: 10px;
4922    }
4923    .da-sticky-atc__thumb {
4924      width: 42px;
4925      height: 42px;
4926    }
4927    .da-sticky-atc__title {
4928      -webkit-line-clamp: 1;
4929      font-size: 13px;
4930    }
4931    .da-sticky-atc__btn {
4932      min-width: 0;
4933      flex: 0 0 auto;
4934      max-width: 50%;
4935      padding: 13px 16px;
4936      font-size: 14px;
4937    }
4938    /* モバイルは文字ではなくカートアイコンを表示 */
4939    .da-sticky-atc__btn-text {
4940      display: none;
4941    }
4942    .da-sticky-atc__btn-icon {
4943      display: inline-flex;
4944    }
4945    /* SOLD OUT(購入不可)時は文字を表示してアイコンを隠す */
4946    .da-sticky-atc__btn[disabled] .da-sticky-atc__btn-text {
4947      display: inline;
4948    }
4949    .da-sticky-atc__btn[disabled] .da-sticky-atc__btn-icon {
4950      display: none;
4951    }
4952  }</style>
4952<script>
4953(function () {
4954  function initDAStickyATC(scope) {
4955    var root = scope && scope.querySelector ? scope : document;
4956    var bar = root.querySelector('[data-da-sticky-atc]') || document.querySelector('[data-da-sticky-atc]');
4957    if (!bar || bar.dataset.daInit) return;
4958
4959    var form = document.querySelector('[data-product-form]');
4960    if (!form) return;
4961    var wrap = form.querySelector('[data-add-action-wrapper]') || form;
4962
4963    bar.dataset.daInit = '1';
4964    bar.hidden = false;
4965
4966    var proxyBtn = bar.querySelector('[data-da-sticky-btn]');
4967    var priceEl = bar.querySelector('[data-da-sticky-price]');
4968    var textEl = bar.querySelector('[data-da-sticky-text]');
4969
4970    function realBtn() { return form.querySelector('[data-add-to-cart]'); }
4971
4972    // 追従ボタン押下 -> 本物のカゴボタンをクリック(テーマ本来のカート追加処理を利用)
4973    proxyBtn.addEventListener('click', function (e) {
4974      e.preventDefault();
4975      var b = realBtn();
4976      if (b && !b.disabled) b.click();
4977    });
4978
4979    // 価格・文言・在庫状態を本物のボタンから同期
4980    function sync() {
4981      var b = realBtn();
4982      if (!b) return;
4983      var sp = b.querySelector('[data-button-price]');
4984      var st = b.querySelector('[data-add-to-cart-text]');
4985      if (sp && priceEl) priceEl.textContent = sp.textContent.trim();
4986      if (st && textEl) textEl.textContent = st.textContent.trim();
4987      proxyBtn.disabled = !!b.disabled;
4988      proxyBtn.classList.toggle('is-loading', b.classList.contains('loading'));
4989    }
4990    sync();
4991
4992    if (window.MutationObserver) {
4993      var mo = new MutationObserver(sync);
4994      mo.observe(form, {
4995        subtree: true,
4996        childList: true,
4997        characterData: true,
4998        attributes: true,
4999        attributeFilter: ['disabled', 'class']
5000      });
5001    }
5002
5003    // 本物のカゴボタンが画面外にあるときだけ追従バーを表示
5004    if ('IntersectionObserver' in window) {
5005      var io = new IntersectionObserver(function (entries) {
5006        var en = entries[0];
5007        var show = !en.isIntersecting;
5008        bar.classList.toggle('is-visible', show);
5009        bar.setAttribute('aria-hidden', show ? 'false' : 'true');
5010      }, { threshold: 0 });
5011      io.observe(wrap);
5012    } else {
5013      bar.classList.add('is-visible');
5014      bar.setAttribute('aria-hidden', 'false');
5015    }
5016  }
5017
5018  if (document.readyState !== 'loading') {
5019    initDAStickyATC();
5020  } else {
5021    document.addEventListener('DOMContentLoaded', function () { initDAStickyATC(); });
5022  }
5023  // Shopify テーマエディタでの再読み込みに対応
5024  document.addEventListener('shopify:section:load', function (e) { initDAStickyATC(e.target); });
5025})();
5026</script>
5026
5027
5028</div>
5029
5030
5031<script type="application/ld+json">
5032{
5033  "@context": "http://schema.org/",
5034  "@type": "Product",
5035  "name": "LUCY",
5036  "url": "https:\/\/dragonalliance.jp\/products\/lucy-antique-bronze",
5037  "image": [
5038      "https:\/\/dragonalliance.jp\/cdn\/shop\/files\/1_0708145443_668b7f23db9d7.jpg?v=1754837819\u0026width=1920"
5039    ],
5040  "description": "2000年代に女性や小顔の方にも快適にフィットするDRAGONスタイルを求めて開発された、LUCY(ルーシー)。タウン仕様にも採用される6ベースカーブ形状で、ラウンドサングラスが合わない方にもフィットしやすいモデルです。フレームカラー:ANTIQUEはグロス(艶あり)クリアベースに落ち着いたトーンのホワイトカラーです",
5041  "sku": "0311816200004",
5042  "category": "サングラス","brand": {
5043    "@type": "Brand",
5044    "name": "DRAGON JAPAN"
5045  },
5046  "offers": [{
5047        "@type" : "Offer","sku": "0311816200004","availability" : "http://schema.org/InStock",
5048        "price" : 7700.0,
5049        "priceCurrency" : "JPY",
5050        "priceValidUntil": "2026-10-08",
5051        "url" : "https:\/\/dragonalliance.jp\/products\/lucy-antique-bronze?variant=47129899892990"
5052      }
5053]
5054}
5055</script>
5055
5056
5057
5058</div><div id="shopify-section-template--22346246357246__section_richtext_JyQ4LN" class="shopify-section"><!-- /sections/section-richtext.liquid--><section class="text--white palette--dark bg--invert--accent"
5059    data-section-id="template--22346246357246__section_richtext_JyQ4LN"
5060    data-section-type="rich-text"
5061    style="
5062      --PT: 10px;
5063      --PB: 10px;
5064      --FLEX-POSITION: flex-start;
5065      --CONTENT-WIDTH: 2000px;">
5066    <div class="wrapper section-padding">
5067      <div class="text__standard text-left"><div class="standard__heading heading-size-5"
5068                data-aos="hero"
5069                data-aos-anchor="[data-section-id='template--22346246357246__section_richtext_JyQ4LN']"
5070                data-aos-order="1"
5071                >
5072                <p>スタイリング</p>
5073              </div></div>
5074    </div>
5075  </section>
5076
5077  
5078</div><div id="shopify-section-template--22346246357246__section_gallery_dgKD8U" class="shopify-section"><!-- /sections/section-gallery.liquid --><div id="section-gallery--template--22346246357246__section_gallery_dgKD8U" class="frame palette--light bg--neutral section-without-title
5079   section-without-padding-mobile"
5080  data-section-id="template--22346246357246__section_gallery_dgKD8U"
5081  data-section-type="gallery"
5082  style="--PT: 36px; --PB: 36px;"><div class="wrapper section-padding slides-mobile-outer" data-wrapper>
5083    
5084      <flickity-carousel>
5085        <div
5086          data-carousel
5087          data-grid
5088          data-grid-large
5089          data-grid-medium
5090          data-grid-small
5091          style="
5092            --grid-large-items: 3;
5093            --grid-medium-items: 3;
5094            --grid-small-items: 1.4;"
5095          data-options='{"watchCSS": true, "wrapAround": false}'
5096          data-carousel-progress
5097          data-custom-scrollbar-items
5098          
5099          class="gallery slides-mobile-inner flickity-disabled-mobile">
5100
5101          
5102            
5103            
5104            
5105
5106            
5107
5108            <div class="gallery__item" data-item data-carousel-slide >
5109                <div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
5110
5111
5112
5113<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1;  ">
5114      <img src="//dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=1000" alt="" width="1000" height="1000" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
5115
5116
5117//dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=1000&amp;v=1760680027&amp;width=1000 1000w,
5118        //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=214&amp;v=1760680027&amp;width=214 214w,
5119          //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=428&amp;v=1760680027&amp;width=428 428w,
5120        //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=223&amp;v=1760680027&amp;width=223 223w,
5121          //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=446&amp;v=1760680027&amp;width=446 446w,
5122        //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=308&amp;v=1760680027&amp;width=308 308w,
5123          //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=616&amp;v=1760680027&amp;width=616 616w,
5124        //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=333&amp;v=1760680027&amp;width=333 333w,
5125          //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=666&amp;v=1760680027&amp;width=666 666w,
5126        //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=433&amp;v=1760680027&amp;width=433 433w,
5127          //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=866&amp;v=1760680027&amp;width=866 866w
5128
5129" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),
5130(min-width: 768px) calc(min(100vw, 1450px) / 3),
5131calc(min(100vw, 1450px) / 1.4)
5132
5133" fetchpriority="auto" style="object-position: center center; ">
5134    </div>
5135
5136                    <div class="gallery__zoom">
5137                      <!-- /snippets/image-zoom.liquid -->
5138
5139
5140
5141
5142
5143
5144<a class="zoom__trigger"
5145  data-image-zoom
5146  data-popup-image_NDBqqx="zoom-image_NDBqqx"
5147  data-unique="image_NDBqqx"
5148  aria-label="Zoom">
5149  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24">
5149<path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
5150  <span class="visually-hidden">Zoom</span>
5151</a>
5152
5153<div class="modal micromodal-slide" id="zoom-image_NDBqqx" data-modal aria-hidden="true">
5154  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
5155    <button data-micromodal-close class="modal__close" aria-label="Close"></button>
5156    <div class="modal__container modal__container--zoom"
5157      data-modal-content
5158      role="dialog"
5159      aria-modal="true">
5160      <div class="zoom--images">
5161        
5162
5163        <img src="//dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=900" alt="" width="900" height="900" class="zoom__img" sizes="100vw" srcset="
5164          
5165 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=932 932w, 
5166  //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&amp;width=1000 1000w
5167        ">
5168      </div>
5169    </div>
5170  </div>
5171</div>
5172
5173                    </div>
5174                  
5175                </div>
5176              
5177            </div>
5178          
5179            
5180            
5181            
5182
5183            
5184
5185            <div class="gallery__item" data-item data-carousel-slide >
5186                <div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
5187
5188
5189
5190<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1;  ">
5191      <img src="//dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=1000" alt="" width="1000" height="1000" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
5192
5193
5194//dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=1000&amp;v=1760680027&amp;width=1000 1000w,
5195        //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=214&amp;v=1760680027&amp;width=214 214w,
5196          //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=428&amp;v=1760680027&amp;width=428 428w,
5197        //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=223&amp;v=1760680027&amp;width=223 223w,
5198          //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=446&amp;v=1760680027&amp;width=446 446w,
5199        //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=308&amp;v=1760680027&amp;width=308 308w,
5200          //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=616&amp;v=1760680027&amp;width=616 616w,
5201        //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=333&amp;v=1760680027&amp;width=333 333w,
5202          //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=666&amp;v=1760680027&amp;width=666 666w,
5203        //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=433&amp;v=1760680027&amp;width=433 433w,
5204          //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=866&amp;v=1760680027&amp;width=866 866w
5205
5206" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),
5207(min-width: 768px) calc(min(100vw, 1450px) / 3),
5208calc(min(100vw, 1450px) / 1.4)
5209
5210" fetchpriority="auto" style="object-position: center center; ">
5211    </div>
5212
5213                    <div class="gallery__zoom">
5214                      <!-- /snippets/image-zoom.liquid -->
5215
5216
5217
5218
5219
5220
5221<a class="zoom__trigger"
5222  data-image-zoom
5223  data-popup-image_XRJiFX="zoom-image_XRJiFX"
5224  data-unique="image_XRJiFX"
5225  aria-label="Zoom">
5226  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
5227  <span class="visually-hidden">Zoom</span>
5228</a>
5229
5230<div class="modal micromodal-slide" id="zoom-image_XRJiFX" data-modal aria-hidden="true">
5231  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
5232    <button data-micromodal-close class="modal__close" aria-label="Close"></button>
5233    <div class="modal__container modal__container--zoom"
5234      data-modal-content
5235      role="dialog"
5236      aria-modal="true">
5237      <div class="zoom--images">
5238        
5239
5240        <img src="//dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=900" alt="" width="900" height="900" class="zoom__img" sizes="100vw" srcset="
5241          
5242 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=932 932w, 
5243  //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&amp;width=1000 1000w
5244        ">
5245      </div>
5246    </div>
5247  </div>
5248</div>
5249
5250                    </div>
5251                  
5252                </div>
5253              
5254            </div>
5255          
5256            
5257            
5258            
5259
5260            
5261
5262            <div class="gallery__item" data-item data-carousel-slide >
5263                <div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
5264
5265
5266
5267<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1;  ">
5268      <img src="//dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=1000" alt="" width="1000" height="1000" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
5269
5270
5271//dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=1000&amp;v=1760680027&amp;width=1000 1000w,
5272        //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=214&amp;v=1760680027&amp;width=214 214w,
5273          //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=428&amp;v=1760680027&amp;width=428 428w,
5274        //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=223&amp;v=1760680027&amp;width=223 223w,
5275          //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=446&amp;v=1760680027&amp;width=446 446w,
5276        //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=308&amp;v=1760680027&amp;width=308 308w,
5277          //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=616&amp;v=1760680027&amp;width=616 616w,
5278        //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=333&amp;v=1760680027&amp;width=333 333w,
5279          //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=666&amp;v=1760680027&amp;width=666 666w,
5280        //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=433&amp;v=1760680027&amp;width=433 433w,
5281          //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=866&amp;v=1760680027&amp;width=866 866w
5282
5283" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),
5284(min-width: 768px) calc(min(100vw, 1450px) / 3),
5285calc(min(100vw, 1450px) / 1.4)
5286
5287" fetchpriority="auto" style="object-position: center center; ">
5288    </div>
5289
5290                    <div class="gallery__zoom">
5291                      <!-- /snippets/image-zoom.liquid -->
5292
5293
5294
5295
5296
5297
5298<a class="zoom__trigger"
5299  data-image-zoom
5300  data-popup-image_TTQ7Qj="zoom-image_TTQ7Qj"
5301  data-unique="image_TTQ7Qj"
5302  aria-label="Zoom">
5303  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-magnify" viewBox="0 0 24 24">
5303<path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
5304  <span class="visually-hidden">Zoom</span>
5305</a>
5306
5307<div class="modal micromodal-slide" id="zoom-image_TTQ7Qj" data-modal aria-hidden="true">
5308  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
5309    <button data-micromodal-close class="modal__close" aria-label="Close"></button>
5310    <div class="modal__container modal__container--zoom"
5311      data-modal-content
5312      role="dialog"
5313      aria-modal="true">
5314      <div class="zoom--images">
5315        
5316
5317        <img src="//dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=900" alt="" width="900" height="900" class="zoom__img" sizes="100vw" srcset="
5318          
5319 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=352 352w,  //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=400 400w,  //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=768 768w,  //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=932 932w, 
5320  //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&amp;width=1000 1000w
5321        ">
5322      </div>
5323    </div>
5324  </div>
5325</div>
5326
5327                    </div>
5328                  
5329                </div>
5330              
5331            </div>
5332          
5333        </div>
5334
5335        
5336          <div class="custom-scrollbar medium-up--show">
5337            <div class="custom-scrollbar__track" data-carousel-track></div>
5338          </div>
5339        
5340
5341        
5342          <div class="custom-scrollbar small-down--show" data-custom-scrollbar>
5343            <div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
5344          </div>
5345        
5346
5347        
5348      </flickity-carousel>
5349    
5350  </div>
5351</div><style data-shopify>#section-gallery--template--22346246357246__section_gallery_dgKD8U .section-gallery__header,
5352  #section-gallery--template--22346246357246__section_gallery_dgKD8U .section-gallery__header .text__standard,
5353  #section-gallery--template--22346246357246__section_gallery_dgKD8U .section-gallery__header .standard__heading {
5354    text-align: left;
5355  }
5356
5357  #section-gallery--template--22346246357246__section_gallery_dgKD8U .section-gallery__header .standard__heading {
5358    margin: 0;
5359  }
5360
5361  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails {
5362    display: block;
5363    overflow: visible;
5364  }
5365
5366  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__meta {
5367    display: flex;
5368    align-items: flex-end;
5369    justify-content: space-between;
5370    gap: var(--space-4);
5371    margin-bottom: var(--space-3);
5372  }
5373
5374  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__heading {
5375    margin: 0;
5376    color: var(--text);
5377    font-family: var(--FONT-STACK-HEADING);
5378    font-size: clamp(22px, 3vw, 32px);
5379    font-weight: var(--FONT-WEIGHT-HEADING);
5380    line-height: 1;
5381    letter-spacing: 0;
5382    text-transform: uppercase;
5383  }
5384
5385  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__count {
5386    color: var(--text);
5387    font-family: var(--FONT-STACK-HEADING);
5388    font-size: clamp(14px, 1.6vw, 18px);
5389    font-weight: var(--FONT-WEIGHT-HEADING);
5390    line-height: 1;
5391    letter-spacing: 0;
5392    white-space: nowrap;
5393  }
5394
5395  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-viewport {
5396    overflow: hidden;
5397    border-radius: 6px;
5398  }
5399
5400  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .gallery__item__wrapper,
5401  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails [data-grid-slide] > .relative,
5402  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails [data-grid-slide] > picture {
5403    overflow: hidden;
5404    border-radius: 6px;
5405  }
5406
5407  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-button {
5408    top: 50%;
5409    width: clamp(36px, 4vw, 48px);
5410    height: clamp(36px, 4vw, 48px);
5411    margin: 0;
5412    transform: translateY(-50%);
5413    border-radius: 50%;
5414    background: #fff;
5415    color: #111;
5416    opacity: 1;
5417    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
5418    z-index: 3;
5419  }
5420
5421  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-button.previous {
5422    left: var(--space-3);
5423    right: auto;
5424  }
5425
5426  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-button.next {
5427    right: var(--space-3);
5428    left: auto;
5429  }
5430
5431  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-button-icon {
5432    width: 42%;
5433    height: 42%;
5434    left: 29%;
5435    top: 29%;
5436  }
5437
5438  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-page-dots {
5439    position: static;
5440    display: flex;
5441    align-items: center;
5442    justify-content: center;
5443    gap: 10px;
5444    width: 100%;
5445    margin: var(--space-3) 0 0;
5446    padding: 0;
5447  }
5448
5449  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-page-dot {
5450    width: 10px;
5451    height: 10px;
5452    margin: 0;
5453    padding: 0;
5454    border: 0;
5455    background: #111;
5456    opacity: 0.22;
5457  }
5458
5459  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery--with-thumbnails .flickity-page-dot.is-selected {
5460    opacity: 1;
5461  }
5462
5463  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumbs {
5464    display: flex;
5465    gap: var(--space-3);
5466    overflow-x: auto;
5467    margin-top: var(--space-4);
5468    padding-bottom: 0;
5469    scroll-behavior: smooth;
5470    scrollbar-width: none;
5471  }
5472
5473  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumbs::-webkit-scrollbar {
5474    display: none;
5475  }
5476
5477  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumb {
5478    flex: 0 0 clamp(82px, 11vw, 132px);
5479    width: clamp(82px, 11vw, 132px);
5480    height: clamp(114px, 15.5vw, 184px);
5481    padding: 0;
5482    overflow: hidden;
5483    cursor: pointer;
5484    border: 1px solid transparent;
5485    border-radius: 6px;
5486    background: transparent;
5487    opacity: 0.84;
5488    transition: box-shadow 0.2s ease, opacity 0.2s ease;
5489  }
5490
5491  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumb > * {
5492    height: 100%;
5493  }
5494
5495  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumb img {
5496    width: 100%;
5497    height: 100%;
5498    object-fit: cover;
5499  }
5500
5501  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumb.is-active {
5502    box-shadow: inset 0 0 0 2px var(--text-dark);
5503    opacity: 1;
5504  }
5505
5506  #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumb:focus-visible {
5507    outline: 2px solid var(--text-dark);
5508    outline-offset: 2px;
5509  }
5510
5511  @media screen and (max-width: 767px) {
5512    
5513
5514    #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__meta {
5515      align-items: center;
5516    }
5517
5518    #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__heading {
5519      font-size: 22px;
5520    }
5521
5522    #section-gallery--template--22346246357246__section_gallery_dgKD8U .gallery__thumb {
5523      flex-basis: clamp(88px, 25vw, 122px);
5524      width: clamp(88px, 25vw, 122px);
5525      height: clamp(126px, 35vw, 172px);
5526    }
5527  }</style>
5527<script>
5528  (() => {
5529    const section = document.getElementById("section-gallery--template--22346246357246__section_gallery_dgKD8U");
5530    if (!section) return;
5531
5532    const gallery = section.querySelector('[data-gallery-thumbnails]');
5533    if (!gallery || gallery.dataset.galleryThumbnailsInit === 'true') return;
5534
5535    const carousel = gallery.querySelector('[data-carousel]');
5536    const thumbs = Array.from(gallery.querySelectorAll('[data-gallery-thumb]'));
5537    const slides = Array.from(gallery.querySelectorAll('[data-gallery-main-slide]'));
5538    const counterCurrent = gallery.querySelector('[data-gallery-counter-current]');
5539    if (!carousel || !thumbs.length) return;
5540
5541    const setActive = (index) => {
5542      const activeIndex = Number(index) || 0;
5543
5544      thumbs.forEach((thumb) => {
5545        const active = Number(thumb.dataset.galleryThumb) === activeIndex;
5546        thumb.classList.toggle('is-active', active);
5547        thumb.setAttribute('aria-selected', active ? 'true' : 'false');
5548      });
5549
5550      slides.forEach((slide) => {
5551        slide.classList.toggle('is-active', Number(slide.dataset.galleryMainSlide) === activeIndex);
5552      });
5553
5554      if (counterCurrent) {
5555        counterCurrent.textContent = String(activeIndex + 1);
5556      }
5557    };
5558
5559    const getCarouselInstance = () => {
5560      if (gallery.carouselInstance) return gallery.carouselInstance;
5561      if (window.Flickity) return window.Flickity.data(carousel);
5562      return null;
5563    };
5564
5565    thumbs.forEach((thumb) => {
5566      thumb.addEventListener('click', () => {
5567        const index = Number(thumb.dataset.galleryThumb);
5568        const carouselInstance = getCarouselInstance();
5569
5570        if (carouselInstance) {
5571          carouselInstance.select(index);
5572        }
5573
5574        setActive(index);
5575      });
5576    });
5577
5578    const bindCarousel = (attempt = 0) => {
5579      const carouselInstance = getCarouselInstance();
5580
5581      if (!carouselInstance) {
5582        if (attempt < 30) {
5583          window.setTimeout(() => bindCarousel(attempt + 1), 100);
5584        }
5585        return;
5586      }
5587
5588      setActive(carouselInstance.selectedIndex || 0);
5589      carouselInstance.on('select', (index) => {
5590        setActive(index);
5591      });
5592      gallery.dataset.galleryThumbnailsInit = 'true';
5593    };
5594
5595    if (window.customElements) {
5596      window.customElements.whenDefined('flickity-carousel').then(() => bindCarousel());
5597    } else {
5598      bindCarousel();
5599    }
5600  })();
5601</script>
5601
5602
5603
5604</div><div id="shopify-section-template--22346246357246__section_richtext_9Kwc6A" class="shopify-section"><!-- /sections/section-richtext.liquid--><section class="text--white palette--dark bg--invert--accent"
5605    data-section-id="template--22346246357246__section_richtext_9Kwc6A"
5606    data-section-type="rich-text"
5607    style="
5608      --PT: 10px;
5609      --PB: 10px;
5610      --FLEX-POSITION: flex-start;
5611      --CONTENT-WIDTH: 2000px;">
5612    <div class="wrapper section-padding">
5613      <div class="text__standard text-left"><div class="standard__heading heading-size-5"
5614                data-aos="hero"
5615                data-aos-anchor="[data-section-id='template--22346246357246__section_richtext_9Kwc6A']"
5616                data-aos-order="1"
5617                >
5618                <p>レンズカラー説明</p>
5619              </div></div>
5620    </div>
5621  </section>
5622
5623  
5624</div><div id="shopify-section-template--22346246357246__section_page_P3wBrj" class="shopify-section"><!-- /sections/section-page.liquid -->
5625
5626
5627  
5628  <div class="section-page text--neutral palette--light bg--neutral"
5629    style="--PT: 36px; --PB: 36px;">
5630    <div class="wrapper section-padding">
5631      <div class="text__standard text-left">
5632        
5633        
5634        <div class="rte body-size-5">
5635          
5636<div class="lens">
5637<div class="js-grid lens" data-grid-large="2" data-grid-small="1">
5638  <div>
5639                    <ul class="slider">
5640  <li><img src="https://cdn.shopify.com/s/files/1/0750/5946/2398/files/BRONZ_MOUNTAIN.png?v=1752124401" alt=""></li>
5641  <li><img src="https://cdn.shopify.com/s/files/1/0750/5946/2398/files/BRONZ_DRAGON.png?v=1752124401" alt=""></li>
5642  <li><img src="https://cdn.shopify.com/s/files/1/0750/5946/2398/files/BRONZ_BEACH.png?v=1752124401" alt=""></li>
5643  <li><img src="https://cdn.shopify.com/s/files/1/0750/5946/2398/files/BRONZ_SNOW.png?v=1752124401" alt=""></li>
5644  <li><img src="https://cdn.shopify.com/s/files/1/0750/5946/2398/files/BRONZ_STREET.png?v=1752124401" alt=""></li>
5645
5646                      <!--/slider-->
5647</ul>
5648  </div>
5649    <div class="brick__block__text" data-overflow-frame style="--bg: ;">
5650
5651<div x-init="$ensemble.titleEl = $el" x-id="['ensemble-title']" :id="$id('ensemble-title')">
5652  <div class="
5653    flex w-full
5654    text-start
5655    
5656        flex-col
5657        items-start
5658    
5659
5660    
5661[--gap:--grid-sm]
5662  gap-[--gap]
5663
5664[--content-alignment-default:flex-start]
5665
5666    
5667  " style="">
5668  
5669  
5670
5671<div class="hero__kicker accent-size-4 block__kicker--flourished ">
5672  <p role="heading" aria-level="3">BRONZE</p>
5673</div>
5674
5675
5676
5677<p style="
5678    
5679      --max-width: 550px;
5680      max-width: var(--max-width);
5681    
5682  " class="inline-rte text-r4 type-body">
5683ミラーコーティングのないベーシックなブロンズカラーで平均的な明度のレンズカラーです。曇天~晴天まで幅広い天候での使用が可能です。<br>
5684<br>
5685透過率:24%<br>
5686UVカット:100%
5687</p>
5688  </div>
5689  </div>
5690  </div>
5691  </div>
5692</div>
5693
5694
5695
5696<style>
5697.brick__block__text {padding:0px!important;}
5698  </style>
5699        </div>
5700      </div>
5701    </div>
5702  </div>
5703
5704
5705
5706
5707
5708
5709</div><div id="shopify-section-template--22346246357246__section_richtext_p3yCe6" class="shopify-section"><!-- /sections/section-richtext.liquid--><section class="text--white palette--dark bg--invert--accent"
5710    data-section-id="template--22346246357246__section_richtext_p3yCe6"
5711    data-section-type="rich-text"
5712    style="
5713      --PT: 10px;
5714      --PB: 10px;
5715      --FLEX-POSITION: flex-start;
5716      --CONTENT-WIDTH: 2000px;">
5717    <div class="wrapper section-padding">
5718      <div class="text__standard text-left"><div class="standard__heading heading-size-5"
5719                data-aos="hero"
5720                data-aos-anchor="[data-section-id='template--22346246357246__section_richtext_p3yCe6']"
5721                data-aos-order="1"
5722                >
5723                <p>テクノロジー</p>
5724              </div></div>
5725    </div>
5726  </section>
5727
5728  
5729</div><div id="shopify-section-template--22346246357246__image-with-text" class="shopify-section"><!-- /sections/section-double.liquid -->
5730
5731
5732
5733
5734
5735
5736
5737
5738
5739
5740
5741    
5742<section data-section-id="template--22346246357246__image-with-text"
5743  data-section-type="custom-content"
5744  
5745  style="--PT: 36px;
5746         --PB: 0px;
5747         --BRICK-GUTTER: 0px;
5748         ">
5749  <div class="section-padding wrapper" data-wrapper>
5750    <div class="brick__section brick--2   use_image "
5751      data-overflow-wrapper>
5752      
5753        
5754            <div class="brick__block" data-overflow-frame >
5755              <div class="brick__block__image text--white">
5756                  <div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>
5757                
5758<!-- /snippets/hero.liquid -->
5759
5760
5761<div
5762  class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_image "
5763  data-overflow-background
5764  
5765  
5766    style="
5767      --wh-ratio:  1.427807486631016;
5768      --wh-ratio-mobile:  1.427807486631016;
5769    "
5770  
5771>
5772  <div class="image__hero__pane">
5773    <div
5774      
5775        class="image__hero__scale"
5776      
5777    >
5778      <!-- /snippets/image.liquid -->
5779
5780
5781
5782<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.427807486631016;  ">
5783      <img src="//dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?v=1752028978&amp;width=801" alt="" width="801" height="561" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
5784
5785
5786//dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=561&amp;v=1752028978&amp;width=801 801w,
5787        //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=210&amp;v=1752028978&amp;width=300 300w,
5788          //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=420&amp;v=1752028978&amp;width=600 600w,
5789        //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=233&amp;v=1752028978&amp;width=334 334w,
5790          //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=467&amp;v=1752028978&amp;width=668 668w,
5791        //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=323&amp;v=1752028978&amp;width=462 462w,
5792        //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=350&amp;v=1752028978&amp;width=500 500w,
5793        //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=455&amp;v=1752028978&amp;
5793width=650 650w
5794
5795" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 2),
5796(min-width: 768px) calc(min(100vw, 1450px) / 2),
5797calc(min(100vw, 1450px) / 1.0)
5798
5799" fetchpriority="auto" style="object-position: center center; ">
5800    </div>
5801
5802    </div>
5803  </div>
5804</div>
5805</div>
5806            </div>
5807
5808          
5809      
5810        
5811<div class="brick__block" data-prevent-transparent-header >
5812              <div class="brick__block__text brick__block__text--transparent text--neutral" data-overflow-frame style="--bg: ;">
5813                <div class="brick__block__text__inner">
5814                  <div class="text__standard text-left" data-overflow-content>
5815                    
5816
5817                    
5818                      <p class="standard__kicker kicker__line"
5819                        data-aos="hero"
5820                        data-aos-anchor="[data-section-id='template--22346246357246__image-with-text']"
5821                        data-aos-order="1">
5822                        VCGフレームテクノロジー
5823                      </p>
5824                    
5825
5826                    
5827
5828                    
5829                      
5830                      <div class="rte body-size-5 columns--1 "
5831                        data-aos="hero"
5832                        data-aos-anchor="[data-section-id='template--22346246357246__image-with-text']"
5833                        data-aos-order="3">
5834                        <p>2000年代にアクションスポーツやタウン向けなど様々なラウンドシェイプモデルを開発したフレームデザイン技術。強度と柔軟性に優れたサングラスフレームを可能にし、この技術によって様々な名作モデルが誕生しました。</p>
5835                      </div>
5836                    
5837
5838                    
5839
5840                  </div>
5841                </div>
5842              </div>
5843            </div>
5844
5845          
5846      
5847    </div>
5848    
5849  </div>
5850</section>
5851
5852  
5853
5854
5855</div><div id="shopify-section-template--22346246357246__section_double_QabJeq" class="shopify-section"><!-- /sections/section-double.liquid -->
5856
5857
5858
5859
5860
5861
5862
5863
5864
5865
5866
5867    
5868
5869
5870</div><div id="shopify-section-template--22346246357246__image-with-text-2" class="shopify-section"><!-- /sections/section-double.liquid -->
5871
5872
5873
5874
5875
5876
5877
5878
5879
5880
5881
5882    
5883<section data-section-id="template--22346246357246__image-with-text-2"
5884  data-section-type="custom-content"
5885  
5886  style="--PT: 0px;
5887         --PB: 32px;
5888         --BRICK-GUTTER: 0px;
5889         background-color: rgba(0,0,0,0);">
5890  <div class="section-padding wrapper" data-wrapper>
5891    <div class="brick__section brick--2   use_screen_one_half "
5892      data-overflow-wrapper>
5893      
5894        
5895            <div class="brick__block" data-overflow-frame >
5896              <div class="brick__block__image text--white">
5897                  <div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>
5898                
5899<!-- /snippets/hero.liquid -->
5900
5901
5902<div
5903  class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_half "
5904  data-overflow-background
5905  
5906  
5907>
5908  <div class="image__hero__pane">
5909    <div
5910      
5911        class="image__hero__scale"
5912      
5913    >
5914      <!-- /snippets/image.liquid -->
5915
5916
5917
5918<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.00125;  ">
5919      <img src="//dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?v=1756349369&amp;width=801" alt="" width="801" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
5920
5921
5922//dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=800&amp;v=1756349369&amp;width=801 801w,
5923        //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=299&amp;v=1756349369&amp;width=300 300w,
5924          //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=599&amp;v=1756349369&amp;width=600 600w,
5925        //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=333&amp;v=1756349369&amp;width=334 334w,
5926          //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=667&amp;v=1756349369&amp;width=668 668w,
5927        //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=461&amp;v=1756349369&amp;width=462 462w,
5928        //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=499&amp;v=1756349369&amp;width=500 500w,
5929        //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=649&amp;v=1756349369&amp;
5929width=650 650w
5930
5931" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 2),
5932(min-width: 768px) calc(min(100vw, 1450px) / 2),
5933calc(min(100vw, 1450px) / 1.0)
5934
5935" fetchpriority="auto" style="object-position: center center; ">
5936    </div>
5937
5938    </div>
5939  </div>
5940</div>
5941</div>
5942            </div>
5943
5944          
5945      
5946        
5947<div class="brick__block" data-prevent-transparent-header >
5948              <div class="brick__block__text brick__block__text--transparent text--neutral" data-overflow-frame style="--bg: ;">
5949                <div class="brick__block__text__inner">
5950                  <div class="text__standard text-left" data-overflow-content>
5951                    
5952
5953                    
5954                      <p class="standard__kicker kicker__line"
5955                        data-aos="hero"
5956                        data-aos-anchor="[data-section-id='template--22346246357246__image-with-text-2']"
5957                        data-aos-order="1">
5958                        6ベース / ポリカーボネートレンズ
5959                      </p>
5960                    
5961
5962                    
5963
5964                    
5965                      
5966                      <div class="rte body-size-5 columns--1 "
5967                        data-aos="hero"
5968                        data-aos-anchor="[data-section-id='template--22346246357246__image-with-text-2']"
5969                        data-aos-order="3">
5970                        <p>アクションスポーツに適した耐久性の高いポリカーボネート素材を、遮光性と現代的なルックスのバランスに優れたスタンダードな6レンズカーブで成型。</p>
5971                      </div>
5972                    
5973
5974                    
5975
5976                  </div>
5977                </div>
5978              </div>
5979            </div>
5980
5981          
5982      
5983    </div>
5984    
5985  </div>
5986</section>
5987
5988  
5989
5990
5991</div><div id="shopify-section-template--22346246357246__section_double_CLGazA" class="shopify-section"><!-- /sections/section-double.liquid -->
5992
5993
5994
5995
5996
5997
5998
5999
6000
6001
6002
6003    
6004<section data-section-id="template--22346246357246__section_double_CLGazA"
6005  data-section-type="custom-content"
6006  
6007  style="--PT: 36px;
6008         --PB: 36px;
6009         --BRICK-GUTTER: 0px;
6010         background-color: #ffffff;">
6011  <div class="section-padding wrapper" data-wrapper>
6012    <div class="brick__section brick--2   use_screen_one_third "
6013      data-overflow-wrapper>
6014      
6015        
6016            <div class="brick__block" data-overflow-frame >
6017              <div class="brick__block__image text--white"><div class="hero__content__wrapper align--middle-center">
6018                    <div class="hero__content "  data-overflow-content>
6019
6020                      
6021<div class="hero__cta__wrapper">
6022                          <a class="hero__btn btn btn--white"
6023                            href=""
6024                            data-aos="hero"
6025                            data-aos-anchor="[data-section-id='template--22346246357246__section_double_CLGazA']"
6026                            data-aos-order="4">
6027                            Shop Now
6028                          </a>
6029                        </div></div></div>
6030                  <div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>
6031                
6032<!-- /snippets/hero.liquid -->
6033
6034
6035<div
6036  class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_third "
6037  data-overflow-background
6038  
6039  
6040>
6041  <div class="image__hero__pane">
6042    <div
6043      
6044        class="image__hero__scale"
6045      
6046    >
6047      <!-- /snippets/image.liquid -->
6048
6049
6050
6051<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.142857142857143;  ">
6052      <img src="//dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?v=1755758985&amp;width=1200" alt="" width="1200" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
6053
6054
6055//dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=560&amp;v=1755758985&amp;width=1200 1200w,
6056        //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=140&amp;v=1755758985&amp;width=300 300w,
6057          //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=280&amp;v=1755758985&amp;width=600 600w,
6058        //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=155&amp;v=1755758985&amp;width=334 334w,
6059          //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=311&amp;v=1755758985&amp;width=668 668w,
6060        //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=215&amp;v=1755758985&amp;width=462 462w,
6061          //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=431&amp;v=1755758985&amp;width=924 924w,
6062        //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=233&amp;v=1755758985&amp;width=500 500w,
6063          //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=466&amp;v=1755758985&amp;width=1000 1000w,
6064        //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=303&amp;v=1755758985&amp;width=650 650w
6065
6066" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 2),
6067(min-width: 768px) calc(min(100vw, 1450px) / 2),
6068calc(min(100vw, 1450px) / 1.0)
6069
6070" fetchpriority="auto" style="object-position: center center; ">
6071    </div>
6072
6073    </div>
6074  </div>
6075</div>
6076</div>
6077            </div>
6078
6079          
6080      
6081        
6082<div class="brick__block" data-prevent-transparent-header >
6083              <div class="brick__block__text brick__block__text--transparent text--neutral" data-overflow-frame style="--bg: ;">
6084                <div class="brick__block__text__inner">
6085                  <div class="text__standard text-left" data-overflow-content>
6086                    
6087
6088                    
6089                      <p class="standard__kicker kicker__line"
6090                        data-aos="hero"
6091                        data-aos-anchor="[data-section-id='template--22346246357246__section_double_CLGazA']"
6092                        data-aos-order="1">
6093                        ナイロンポリマー素材
6094                      </p>
6095                    
6096
6097                    
6098
6099                    
6100                      
6101                      <div class="rte body-size-5 columns--1 "
6102                        data-aos="hero"
6103                        data-aos-anchor="[data-section-id='template--22346246357246__section_double_CLGazA']"
6104                        data-aos-order="3">
6105                        <p>強度と柔軟性のバランスに優れた最もグレードの高いナイロンポリマー素材を採用。</p>
6106                      </div>
6107                    
6108
6109                    
6110
6111                  </div>
6112                </div>
6113              </div>
6114            </div>
6115
6116          
6117      
6118    </div>
6119    
6120  </div>
6121</section>
6122
6123  
6124
6125
6126</div><div id="shopify-section-template--22346246357246__section_double_jLwY94" class="shopify-section"><!-- /sections/section-double.liquid -->
6127
6128
6129
6130
6131
6132
6133
6134
6135
6136
6137
6138    
6139<section data-section-id="template--22346246357246__section_double_jLwY94"
6140  data-section-type="custom-content"
6141  
6142  style="--PT: 36px;
6143         --PB: 36px;
6144         --BRICK-GUTTER: 0px;
6145         ">
6146  <div class="section-padding wrapper" data-wrapper>
6147    <div class="brick__section brick--2   use_screen_one_third "
6148      data-overflow-wrapper>
6149      
6150        
6151            <div class="brick__block" data-overflow-frame >
6152              <div class="brick__block__image text--white"><div class="hero__content__wrapper align--middle-center">
6153                    <div class="hero__content "  data-overflow-content>
6154
6155                      
6156<div class="hero__cta__wrapper">
6157                          <a class="hero__btn btn btn--white"
6158                            href=""
6159                            data-aos="hero"
6160                            data-aos-anchor="[data-section-id='template--22346246357246__section_double_jLwY94']"
6161                            data-aos-order="4">
6162                            Shop Now
6163                          </a>
6164                        </div></div></div>
6165                  <div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>
6166                
6167<!-- /snippets/hero.liquid -->
6168
6169
6170<div
6171  class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_third "
6172  data-overflow-background
6173  
6174  
6175>
6176  <div class="image__hero__pane">
6177    <div
6178      
6179        class="image__hero__scale"
6180      
6181    >
6182      <!-- /snippets/image.liquid -->
6183
6184
6185
6186<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.142857142857143;  ">
6187      <img src="//dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?v=1755759136&amp;width=1200" alt="" width="1200" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset="
6188
6189
6190//dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=560&amp;v=1755759136&amp;width=1200 1200w,
6191        //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=140&amp;v=1755759136&amp;width=300 300w,
6192          //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=280&amp;v=1755759136&amp;width=600 600w,
6193        //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=155&amp;v=1755759136&amp;width=334 334w,
6194          //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=311&amp;v=1755759136&amp;width=668 668w,
6195        //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=215&amp;v=1755759136&amp;width=462 462w,
6196          //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=431&amp;v=1755759136&amp;width=924 924w,
6197        //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=233&amp;v=1755759136&amp;width=500 500w,
6198          //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=466&amp;v=1755759136&amp;width=1000 1000w,
6199        //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=303&amp;v=1755759136&amp;
6199width=650 650w
6200
6201" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 2),
6202(min-width: 768px) calc(min(100vw, 1450px) / 2),
6203calc(min(100vw, 1450px) / 1.0)
6204
6205" fetchpriority="auto" style="object-position: center center; ">
6206    </div>
6207
6208    </div>
6209  </div>
6210</div>
6211</div>
6212            </div>
6213
6214          
6215      
6216        
6217<div class="brick__block" data-prevent-transparent-header >
6218              <div class="brick__block__text brick__block__text--transparent text--neutral" data-overflow-frame style="--bg: ;">
6219                <div class="brick__block__text__inner">
6220                  <div class="text__standard text-left" data-overflow-content>
6221                    
6222
6223                    
6224                      <p class="standard__kicker kicker__line"
6225                        data-aos="hero"
6226                        data-aos-anchor="[data-section-id='template--22346246357246__section_double_jLwY94']"
6227                        data-aos-order="1">
6228                        ダブルプレロードピンヒンジ
6229                      </p>
6230                    
6231
6232                    
6233
6234                    
6235                      
6236                      <div class="rte body-size-5 columns--1 "
6237                        data-aos="hero"
6238                        data-aos-anchor="[data-section-id='template--22346246357246__section_double_jLwY94']"
6239                        data-aos-order="3">
6240                        <p>強度とフィットのバランスに優れたヒンジテクノロジー。</p>
6241                      </div>
6242                    
6243
6244                    
6245
6246                  </div>
6247                </div>
6248              </div>
6249            </div>
6250
6251          
6252      
6253    </div>
6254    
6255  </div>
6256</section>
6257
6258  
6259
6260
6261</div><div id="shopify-section-template--22346246357246__section_richtext_tnC43b" class="shopify-section"><!-- /sections/section-richtext.liquid--><section class="text--white palette--dark bg--invert--accent"
6262    data-section-id="template--22346246357246__section_richtext_tnC43b"
6263    data-section-type="rich-text"
6264    style="
6265      --PT: 10px;
6266      --PB: 10px;
6267      --FLEX-POSITION: flex-start;
6268      --CONTENT-WIDTH: 2000px;">
6269    <div class="wrapper section-padding">
6270      <div class="text__standard text-left"><div class="standard__heading heading-size-5"
6271                data-aos="hero"
6272                data-aos-anchor="[data-section-id='template--22346246357246__section_richtext_tnC43b']"
6273                data-aos-order="1"
6274                >
6275                <p>付属品</p>
6276              </div></div>
6277    </div>
6278  </section>
6279
6280  
6281</div><div id="shopify-section-template--22346246357246__section_columns_LXbDEa" class="shopify-section"><!-- /sections/section-columns.liquid -->
6282
6283<div class="section-columns palette--light bg--neutral"
6284  data-section-id="template--22346246357246__section_columns_LXbDEa"
6285  data-section-type="section-columns"
6286  style="--PT: 36px; --PB: 36px;">
6287  <div class="wrapper section-padding">
6288    
6289    <div
6290      data-grid
6291      data-grid-flex
6292      data-grid-large
6293      data-grid-medium
6294      data-grid-small
6295      data-custom-scrollbar-items
6296      style="
6297        --grid-large-items: 3;
6298        --grid-medium-items: 3;
6299        --grid-small-items: 1.2;">
6300      
6301        <div
6302          class="index__column grid__item slide-item text-center"
6303          data-item
6304          >
6305          
6306            <div class="column__image" data-grid-slide><!-- /snippets/image.liquid -->
6307
6308
6309
6310<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1;  ">
6311      <img src="//dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?v=1755760282&amp;width=1000" alt="" width="1000" height="1000" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="
6312
6313
6314//dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=1000&amp;v=1755760282&amp;width=1000 1000w,
6315        //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=223&amp;v=1755760282&amp;width=223 223w,
6316          //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=446&amp;v=1755760282&amp;width=446 446w,
6317        //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=250&amp;v=1755760282&amp;width=250 250w,
6318          //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=500&amp;v=1755760282&amp;width=500 500w,
6319        //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=308&amp;v=1755760282&amp;width=308 308w,
6320          //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=616&amp;v=1755760282&amp;width=616 616w,
6321        //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=333&amp;v=1755760282&amp;width=333 333w,
6322          //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=666&amp;v=1755760282&amp;width=666 666w,
6323        //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=433&amp;v=1755760282&amp;width=433 433w,
6324          //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=866&amp;v=1755760282&amp;width=866 866w
6325
6326" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),
6327(min-width: 768px) calc(min(100vw, 1450px) / 3),
6328calc(min(100vw, 1450px) / 1.2)
6329
6330" fetchpriority="auto" style="object-position: center center; ">
6331    </div>
6332
6333</div>
6334          
6335          
6336          
6337          
6338        </div>
6339      
6340        <div
6341          class="index__column grid__item slide-item text-center"
6342          data-item
6343          >
6344          
6345            <div class="column__image" data-grid-slide><!-- /snippets/image.liquid -->
6346
6347
6348
6349<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1;  ">
6350      <img src="//dragonalliance.jp/cdn/shop/files/BOX.jpg?v=1755760282&amp;width=1000" alt="" width="1000" height="1000" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="
6351
6352
6353//dragonalliance.jp/cdn/shop/files/BOX.jpg?height=1000&amp;v=1755760282&amp;width=1000 1000w,
6354        //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=223&amp;v=1755760282&amp;width=223 223w,
6355          //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=446&amp;v=1755760282&amp;width=446 446w,
6356        //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=250&amp;v=1755760282&amp;width=250 250w,
6357          //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=500&amp;v=1755760282&amp;width=500 500w,
6358        //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=308&amp;v=1755760282&amp;width=308 308w,
6359          //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=616&amp;v=1755760282&amp;width=616 616w,
6360        //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=333&amp;v=1755760282&amp;width=333 333w,
6361          //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=666&amp;v=1755760282&amp;width=666 666w,
6362        //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=433&amp;v=1755760282&amp;width=433 433w,
6363          //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=866&amp;v=1755760282&amp;width=866 866w
6364
6365" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),
6366(min-width: 768px) calc(min(100vw, 1450px) / 3),
6367calc(min(100vw, 1450px) / 1.2)
6368
6369" fetchpriority="auto" style="object-position: center center; ">
6370    </div>
6371
6372</div>
6373          
6374          
6375          
6376          
6377        </div>
6378      
6379    </div>
6380  </div>
6381</div>
6382
6383
6384</div><div id="shopify-section-template--22346246357246__related" class="shopify-section"><!-- /sections/related.liquid -->
6385  <div class="section-related js palette--light bg--neutral "
6386    data-section-id="template--22346246357246__related"
6387    data-section-type="related"
6388    style="--PT: 36px; --PB: 36px;">
6389    <div class="wrapper section-padding" data-wrapper>
6390      <div class="collection-tabs">
6390<h2 class="kicker-flourished mb-r11">おススメアイテム</h2><div class="related__products" data-tabs-holder>
6391            <div class="tab__scroll" data-tabs-holder-scroll>
6392              <div class="tabs tabs--center tabs--pill" data-scrollbar data-scrollbar-slider><button type="button" class="tab-link tab-link-0 current" data-tab="0" tabindex="0">
6393                    <span class="recent__title">
6394                      この商品を見た人が興味を持っています
6395                    </span>
6396                  </button><button type="button" class="tab-link tab-link-1 tab-link__recent hide" data-tab="1" tabindex="0" data-recent-link-tab>
6397                    <span class="recent__title">
6398                      最近みた商品
6399                    </span>
6400                  </button></div>
6401
6402              <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
6403                <span class="visually-hidden">See all</span>
6404              </button>
6405
6406              <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
6407                <span class="visually-hidden">See all</span>
6408              </button>
6409            </div>
6410
6411            <div class="tab-content tab-content-0 current tabs__recommendation" data-tab-index="0">
6412              <div data-related-section data-limit="6" data-layout-desktop="4" data-layout-tablet="4" data-layout-mobile="1.2" data-product-id="8950717808894">
6413                <flickity-carousel><!-- /snippets/products-recommendation.liquid --><div class="related__placeholder"></div><div class="custom-scrollbar small-down--show" data-custom-scrollbar>
6414                    <div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
6415                  </div>
6416                </flickity-carousel>
6417              </div>
6418            </div>
6419
6420            <div class="tab-content tab-content-1 tabs__recently-viewed" data-tab-index="1" data-recently-viewed-tab><!-- /snippets/products-recently-viewed.liquid -->
6421
6422<div class="recent__wrapper" id="RecentlyViewed-template--22346246357246__related" data-recent-wrapper data-limit="6" data-minimum="4">
6423    <flickity-carousel>
6424    <div
6425      class="recent__content product-grid flickity-grid flickity-disabled-mobile"
6426      id="recently-viewed-products-template--22346246357246__related"
6427      data-carousel
6428      data-grid
6429      data-grid-large
6430      data-grid-medium
6431      data-grid-small
6432      data-custom-scrollbar-items
6433      style="
6434        display: none;
6435        --grid-large-items: 4;
6436        --grid-medium-items: 4;
6437        --grid-small-items: 1.2;"
6438      data-recently-viewed-products
6439      data-options='{"watchCSS": true}'>
6440    </div>
6441
6442    <div class="custom-scrollbar small-down--show" data-custom-scrollbar>
6443      <div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
6444    </div>
6445  </flickity-carousel>
6446</div>
6447</div>
6448          </div></div>
6449    </div>
6450  </div>
6451
6452
6453
6454</div>
6455  </main>
6456
6457  <!-- BEGIN sections: group-footer -->
6458<div id="shopify-section-sections--22346245767422__footer" class="shopify-section shopify-section-group-group-footer"><!-- /sections/footer.liquid -->
6459
6460
6461<footer class="footer"
6462  data-section-id="sections--22346245767422__footer"
6463  data-section-type="footer"
6464  style="--PT: 50px; --PB: 50px;">
6465  <div class="footer__holder">
6466    <div class="wrapper--full section-padding-custom">
6467      <div class="footer__container footer__container--reversed"><div class="footer__block footer__aside"
6468            style="--text: rgba(255, 255, 255, 0.9); --text-dark: #ffffff; --bg: #4f4f4f;"
6469            >
6470            <div class="footer__newsletter"><div class="footer__newsletter__body"><h3>DRAGONストアニュース</h3>
6471                    <div class="rte body-size-4">
6472                      <p>ストアニュースに登録いただくと、会員限定のお得な情報をお送りいたします。</p>
6473                    </div><!-- /snippets/newsletter-form.liquid -->
6474
6475<form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="newsletter-block footer__form newsletter--default-messages" data-newsletter-form=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
6476    
6477
6478    
6479      <p class="newsletter__message newsletter__message--error"><em>This customer is already subscribed</em></p>
6480      
6481    
6482
6483    <input type="hidden" name="contact[tags]" value="newsletter">
6484    <input type="hidden" name="contact[accepts_marketing]" value="true">
6485    <div class="input-group input-group--inner-button float__wrapper">
6486      <label for="mail-footer-newsletter">Email</label>
6487      <input class="input-group-field"
6488        type="email"
6489        placeholder="[email protected]"
6490        id="mail-footer-newsletter"
6491        aria-label="[email protected]"
6492        autocorrect="off"
6493        autocapitalize="off"
6494        name="contact[email]"
6495        data-newsletter-field />
6496      <span class="input-group-button">
6497        <button
6498          type="submit" 
6499          aria-label="Join"
6500          name="subscribe"
6501          id="subscribe-footer-newsletter"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-arrow-long-right" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><path d="m31 12 8 7.94L31 28M1 20h38"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-checkmark" viewBox="0 0 24 24"><path d="m20 6.5-11 11-5-5"/></svg></button>
6502      </span>
6503    </div></form>
6504
6505</div></div>
6506          </div>
6507<div class="footer__content"><div class="footer__content__inner"><div class="float-grid grid--uniform" data-accordion-group>
6508                  <div class="grid__item medium-up--one-third footer__block" >
6509          <p class="footer__title footer__accordion__head js "
6510            data-accordion-trigger="accordion-linklist-1-1"
6511            aria-controls="accordion-linklist-1-1"
6512            role="button"
6513            aria-haspopup="true"
6514            aria-label="【フッター】カテゴリメニュー"
6515            aria-expanded="false">
6516              カテゴリーメニュー
6517              <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
6518          </p>
6519
6520          <input type="checkbox"
6521            name="accordion-linklist-1-1"
6522            id="accordion-linklist-1-1-checkbox"
6523            class="no-js no-js-checkbox"
6524            >
6525
6526          <label for="accordion-linklist-1-1-checkbox"
6527            class="footer__title footer__accordion__head no-js">
6528            【フッター】カテゴリメニュー
6529            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
6530          </label>
6531
6532          <ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist-1-1">
6533            
6534              <li><a href="/collections/2526goggle">ゴーグル</a></li>
6535            
6536              <li><a href="/collections/sparelens">スペアレンズ</a></li>
6537            
6538              <li><a href="/collections/sunglasses">サングラス</a></li>
6539            
6540              <li><a href="/collections/softgoods">ソフトグッズ</a></li>
6541            
6542          </ul>
6543        </div>
6544
6545        
6546        <div class="grid__item medium-up--one-third footer__block" >
6547          <p class="footer__title footer__accordion__head js "
6548            data-accordion-trigger="accordion-linklist_dyrVcC-2"
6549            aria-controls="accordion-linklist_dyrVcC-2"
6550            role="button"
6551            aria-haspopup="true"
6552            aria-label="インフォーメーション"
6553            aria-expanded="false">
6554              インフォーメーション
6555              <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
6556          </p>
6557
6558          <input type="checkbox"
6559            name="accordion-linklist_dyrVcC-2"
6560            id="accordion-linklist_dyrVcC-2-checkbox"
6561            class="no-js no-js-checkbox"
6562            >
6563
6564          <label for="accordion-linklist_dyrVcC-2-checkbox"
6565            class="footer__title footer__accordion__head no-js">
6566            インフォーメーション
6567            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
6568          </label>
6569
6570          <ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist_dyrVcC-2">
6571            
6572              <li><a href="/blogs/news">ニュース</a></li>
6573            
6574              <li><a href="/pages/dragon-story">ブランドヒストリー</a></li>
6575            
6576              <li><a href="/pages/dealer">取り扱いショップ</a></li>
6577            
6578              <li><a href="/pages/team">DRAGON TEAM</a></li>
6579            
6580          </ul>
6581        </div>
6582
6583        
6584        <div class="grid__item medium-up--one-third footer__block" >
6585          <p class="footer__title footer__accordion__head js "
6586            data-accordion-trigger="accordion-linklist-2-3"
6587            aria-controls="accordion-linklist-2-3"
6588            role="button"
6589            aria-haspopup="true"
6590            aria-label="ショッピングメニュー"
6591            aria-expanded="false">
6592              ショッピングメニュー
6593              <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24">
6593<path d="m9 18 6-6-6-6"/></svg>
6594          </p>
6595
6596          <input type="checkbox"
6597            name="accordion-linklist-2-3"
6598            id="accordion-linklist-2-3-checkbox"
6599            class="no-js no-js-checkbox"
6600            >
6601
6602          <label for="accordion-linklist-2-3-checkbox"
6603            class="footer__title footer__accordion__head no-js">
6604            ショッピングメニュー
6605            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
6606          </label>
6607
6608          <ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist-2-3">
6609            
6610              <li><a href="/policies/privacy-policy">プライバシーポリシー</a></li>
6611            
6612              <li><a href="/policies/terms-of-service">利用規約</a></li>
6613            
6614              <li><a href="/policies/shipping-policy">配送について</a></li>
6615            
6616              <li><a href="/policies/refund-policy">返品・交換について</a></li>
6617            
6618              <li><a href="/policies/legal-notice">特定商取引法に基づく表記</a></li>
6619            
6620              <li><a href="/pages/contact">問い合わせ</a></li>
6621            
6622          </ul>
6623        </div>
6624                </div></div></div>
6625      </div>
6626    </div>
6627  </div>
6628</footer>
6629
6630  
6630<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
6630
6631  
6631<script src="//dragonalliance.jp/cdn/shop/t/6/assets/slick.js?v=153846658410899545741786371849" type="text/javascript"></script>
6631
6632
6633
6634</div><div id="shopify-section-sections--22346245767422__subfooter" class="shopify-section shopify-section-group-group-footer"><!-- /sections/subfooter.liquid --><section class="subfooter"
6635  data-section-id="sections--22346245767422__subfooter"
6636  data-section-type="footer"
6637  style="--PT: 36px; --PB: 36px;">
6638  <div class="section-padding wrapper--full">
6639    
6640    
6641    
6642<div class="subfooter__items subfooter__items--0">
6643
6644      <div class="subfooter__item subfooter__item--copyright">
6645        <span class="subfooter__copyright"> &copy; <a href="/" title="">DRAGON JAPAN OFFICIAL STORE</a> 2026 </span>
6646
6647        
6648
6649        <!-- The following lines fix Lighthouse security warnings on the Shopify link.--><!-- Remove the following line to delete Powered by Shopify from your footer -->
6650        <span class="subfooter__copyright" data-powered-link></span>
6651        <!-- Stop deleting here -->
6652
6653      </div></div>
6654  </div>
6655</section>
6656
6657
6658</div>
6659<!-- END sections: group-footer -->
6660
6661  <div class="search--popdown">
6662    <!-- /snippets/search-predictive.liquid -->
6663
6664
6665
6666<div data-search-popdown-wrap>
6667  <div id="search-popdown" class="search-popdown search__predictive" data-popdown-outer><predictive-search><form
6668        action="/search"
6669        method="get"
6670        role="search">
6671
6672        <div class="item--loadbar" data-loading-indicator style="display: none;"></div>
6673        <div class="search__predictive__outer">
6674          <div class="wrapper">
6675            <div class="search__predictive__main">
6676              <div class="search__predictive__actions">
6677                <button class="search__predictive__button" type="submit">
6678                  <span class="visually-hidden">Search</span></button>
6679
6680                <input type="search"
6681                  data-predictive-search-input="search-popdown-results"
6682                  name="q"
6683                  value=""
6684                  placeholder="Search..."
6685                  aria-label="Search our store"
6686                  aria-controls="predictive-search-results"
6687                >
6688
6689                <div class="search__predictive__clear">
6690                  <button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Reset">
6691                    <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
6692Clear</button>
6693                </div>
6694              </div>
6695
6696              <div class="search__predictive__close">
6697                <button type="button" class="search__predictive__close__inner" data-close-popdown aria-label="Close">
6698                  <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
6699                </button>
6700              </div>
6701            </div>
6702          </div>
6703        </div><div class="header__search__results" tabindex="-1" data-predictive-search-results></div>
6704
6705          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></form></predictive-search></div>
6706
6707  
6708    <span class="drawer__underlay" data-search-underlay></span>
6709  
6710
6711  
6711<script data-predictive-search-aria-template type="text/x-template">
6712    <div aria-live="polite">
6713      <p>
6714        
6715          {{@if(it.count)}}
6716            <span class="badge">{{ it.count }}</span>
6717          {{/if}}
6718          {{ it.title }} <em>{{ it.query }}</em>
6719        
6720      </p>
6721    </div>
6722  </script>
6722
6723
6724  
6724<script data-predictive-search-title-template type="text/x-template">
6725    <div class="search__results__heading">
6726      
6727        <p>
6728          <span class="search__results__title">{{ it.title }}</span>
6729          <span class="badge">{{ it.count }}</span>
6730        </p>
6731      
6732    </div>
6733  </script>
6733
6734
6735  
6735<script data-search-other-template type="text/x-template">
6736    
6737      {{@each(it) => object, index}}
6738        <div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
6739          <p class="other__inline__title">
6740            <a href="{{ object.url }}">{{ object.title | safe }}</a>
6741          </p>
6742        </div>
6743      {{/each}}
6744    
6745  </script>
6745
6746
6747  
6747<script data-search-product-template type="text/x-template">
6748    
6749      {{@each(it) => object, index}}
6750        <a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
6751          <div class="product__inline__image {{ @if (object.featured_image.width === null) }} product__inline__image--no-image {{ /if}}">
6752            {{ @if (object.featured_image.width !== null) }}
6753              <img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}">
6754            {{ /if}}
6755          </div>
6756          <div>
6757            <p class="product__inline__title">
6758              {{ object.title | safe }}
6759            </p>
6760            <p class="product__inline__price">
6761              <span class="price {{ object.classes }}">
6762                {{ object.price | safe }}
6763              </span>
6764              {{@if(object.sold_out)}}
6765                <br /><em>{{ object.sold_out_translation }}</em>
6766              {{/if}}
6767              {{@if(object.on_sale)}}
6768                <span class="compare-at">
6769                  {{ object.compare_at_price | safe }}
6770                </span>
6771              {{/if}}
6772            </p>
6773          </div>
6774        </a>
6775      {{/each}}
6776    
6777  </script>
6777
6778
6779</div>
6780
6781  </div>
6782
6783  <div data-modal-container></div><!-- Paste popup code or third party scripts below this comment line ============== -->
6784
6785  <style>
6786  #da-nl-chip{
6787    position:fixed;
6788    right:20px;
6789    bottom:20px;
6790    z-index:9994;
6791    display:none;
6792    align-items:center;
6793    gap:8px;
6794    padding:12px 18px;
6795    background:#111;
6796    color:#fff;
6797    border:none;
6798    border-radius:999px;
6799    cursor:pointer;
6800    font-family:inherit;
6801    font-size:13px;
6802    font-weight:600;
6803    letter-spacing:.02em;
6804    line-height:1;
6805    box-shadow:0 6px 20px rgba(0,0,0,.25);
6806    transition:transform .15s ease, box-shadow .15s ease, opacity .2s ease;
6807    -webkit-appearance:none;
6808    appearance:none;
6809  }
6810  #da-nl-chip:hover{
6811    transform:translateY(-2px);
6812    box-shadow:0 10px 26px rgba(0,0,0,.32);
6813  }
6814  #da-nl-chip:focus-visible{
6815    outline:2px solid #fff;
6816    outline-offset:2px;
6817  }
6818  #da-nl-chip svg{
6819    width:16px;
6820    height:16px;
6821    flex:0 0 auto;
6822  }
6823  #da-nl-chip.is-show{
6824    display:inline-flex;
6825  }
6826  @media (max-width:600px){
6827    #da-nl-chip{
6828      right:12px;
6829      bottom:12px;
6830      padding:11px 15px;
6831      font-size:12px;
6832    }
6833  }
6834</style>
6835
6836<script>
6837(function(){
6838  'use strict';
6839
6840  var COOKIE = 'da_nl_min';
6841  var OPEN_DELAY = 1000; // ページ表示後この時間後にPOPUPを開く(ms)
6842
6843  function setCookie(val, days){
6844    var d = new Date();
6845    d.setTime(d.getTime() + days * 864e5);
6846    document.cookie = COOKIE + '=' + val + ';expires=' + d.toUTCString() + ';path=/;SameSite=Lax';
6847  }
6848  function getCookie(){
6849    var m = document.cookie.match(/(?:^|;\s*)da_nl_min=([^;]*)/);
6850    return m ? m[1] : '';
6851  }
6852  function delCookie(){
6853    document.cookie = COOKIE + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
6854  }
6855
6856  function init(){
6857    var popup = document.querySelector('[data-newsletter]') || document.querySelector('.popup');
6858    if(!popup){ return; }
6859    var inner = popup.querySelector('.popup__inner') || popup.querySelector('[data-popup-inner]');
6860    if(!inner){ return; }
6861
6862    // 二重初期化ガード
6863    if(document.getElementById('da-nl-chip')){ return; }
6864
6865    // 最小化チップ生成
6866    var chip = document.createElement('button');
6867    chip.id = 'da-nl-chip';
6868    chip.type = 'button';
6869    chip.setAttribute('aria-label', 'メールニュースを登録する');
6870    chip.innerHTML =
6871      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' +
6872      '<rect x="2" y="4" width="20" height="16" rx="2"></rect>' +
6873      '<path d="M22 6 12 13 2 6"></path>' +
6874      '</svg>' +
6875      '<span>メールニュースを登録する</span>';
6876    document.body.appendChild(chip);
6877
6878    var userOpening = false;
6879
6880    function showChip(){ chip.classList.add('is-show'); }
6881    function hideChip(){ chip.classList.remove('is-show'); }
6882
6883    function isVisible(){
6884      return getComputedStyle(popup).display !== 'none' &&
6885             getComputedStyle(inner).display !== 'none';
6886    }
6887
6888    // 開く:テーマが付ける "hide" クラス除去+inner表示(両方必要)
6889    function openPopup(){
6890      userOpening = true;
6891      popup.classList.remove('hide');
6892      inner.style.display = 'block';
6893      hideChip();
6894      delCookie();
6895      setTimeout(function(){ userOpening = false; }, 120);
6896    }
6897
6898    // 最小化:確実に非表示(hideクラス+inner非表示)+チップ表示
6899    function minimize(){
6900      inner.style.display = 'none';
6901      popup.classList.add('hide');
6902      showChip();
6903      setCookie('1', 30);
6904    }
6905
6906    // 閉じる(×)ボタン → 最小化に置き換え(委任で捕捉:ノードが差し替わっても動作)
6907    popup.addEventListener('click', function(e){
6908      var t = e.target;
6909      if(t && t.closest && t.closest('[data-close-modal], .close, .popup__close')){
6910        // テーマ標準の閉じる処理も走らせつつ、確実に最小化状態にする
6911        setTimeout(minimize, 0);
6912      }
6913    }, false);
6914
6915    // チップ → 再オープン
6916    chip.addEventListener('click', openPopup);
6917
6918    if(getCookie() === '1'){
6919      // 最小化済み:POPUPは自動で開かずチップのみ表示
6920      inner.style.display = 'none';
6921      popup.classList.add('hide');
6922      showChip();
6923    }else{
6924      // 未最小化:本スニペットが確実にPOPUPを開く(テーマ自動表示に依存しない)
6925      setTimeout(function(){
6926        if(getCookie() !== '1' && !chip.classList.contains('is-show')){
6927          userOpening = true;
6928          popup.classList.remove('hide');
6929          inner.style.display = 'block';
6930          setTimeout(function(){ userOpening = false; }, 120);
6931        }
6932      }, OPEN_DELAY);
6933    }
6934
6935    // テーマ/その他が最小化中(Cookie=1)にPOPUPを開こうとしても抑止
6936    // (表示は "hide" 除去 or inner表示で行われるため class と style の両方を監視)
6937    try{
6938      var mo = new MutationObserver(function(){
6939        if(getCookie() === '1' && !userOpening && isVisible()){
6940          inner.style.display = 'none';
6941          popup.classList.add('hide');
6942        }
6943      });
6944      mo.observe(popup, { attributes:true, attributeFilter:['class','style'] });
6945      mo.observe(inner, { attributes:true, attributeFilter:['style'] });
6946    }catch(err){}
6947  }
6948
6949  if(document.readyState === 'loading'){
6950    document.addEventListener('DOMContentLoaded', init);
6951  }else{
6952    init();
6953  }
6954  // テーマJSの初期化後にPOPUP要素が用意されるケースの保険
6955  window.addEventListener('load', init);
6956})();
6957</script>
6957
6958
6959  <style data-shopify>
6960  /* DA: カート内のノベルティ行は数量変更・削除をさせない(個数は自動で合わせるため) */
6961  [data-da-novelty] .cart__items__remove {
6962    visibility: hidden;
6963  }
6964
6965  [data-da-novelty] .quantity__button {
6966    display: none !important;
6967  }
6968
6969  [data-da-novelty] .quantity__input {
6970    width: auto;
6971    min-width: 2.5em;
6972    padding: 0;
6973    border: 0;
6974    background: transparent;
6975    pointer-events: none;
6976    text-align: center;
6977  }
6978
6979  .da-novelty-note {
6980    margin-top: 4px;
6981    font-size: 11px;
6982    line-height: 1.5;
6983    opacity: 0.6;
6984  }
6985</style>
6986<script>
6987(function () {
6988  var NOVELTY_VARIANT_ID = 48842445160702;
6989  var NOVELTY_HANDLE = "2627goggle-noverty";
6990  var NOVELTY_NOTE = '購入特典(ゴーグル1点につき1枚)';
6991  var TARGET_PROP = '_2627goggle';
6992
6993  if (!window.fetch || !window.Promise) return;
6994
6995  var origFetch = window.fetch.bind(window);
6996  var busy = false;
6997
6998  function json(url, opts) {
6999    return origFetch(url, opts).then(function (r) {
7000      if (!r.ok) throw new Error('HTTP ' + r.status);
7001      return r.json();
7002    });
7003  }
7004
7005  function getCart() {
7006    return json('/cart.js', { headers: { Accept: 'application/json' }, credentials: 'same-origin' });
7007  }
7008
7009  function post(url, body) {
7010    return json(url, {
7011      method: 'POST',
7012      credentials: 'same-origin',
7013      headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
7014      body: JSON.stringify(body)
7015    });
7016  }
7017
7018  function summarize(cart) {
7019    var want = 0;
7020    var have = 0;
7021    var noveltyKey = null;
7022    (cart.items || []).forEach(function (item) {
7023      if (item.variant_id === NOVELTY_VARIANT_ID) {
7024        have += item.quantity;
7025        if (!noveltyKey) noveltyKey = item.key;
7026        return;
7027      }
7028      var props = item.properties || {};
7029      if (props[TARGET_PROP]) want += item.quantity;
7030    });
7031    return { want: want, have: have, key: noveltyKey };
7032  }
7033
7034  // カートの中身を見て、ノベルティの個数を対象商品の合計個数に合わせる。
7035  // 変更したときだけ true を返す。
7036  function reconcile() {
7037    if (busy) return Promise.resolve(false);
7038    busy = true;
7039    return getCart()
7040      .then(function (cart) {
7041        var s = summarize(cart);
7042        if (s.want === s.have) return false;
7043
7044        if (s.key) {
7045          return post('/cart/change.js', { id: s.key, quantity: s.want }).then(function () { return true; });
7046        }
7047        if (s.want > 0) {
7048          return post('/cart/add.js', {
7049            items: [{ id: NOVELTY_VARIANT_ID, quantity: s.want }]
7050          }).then(function () { return true; });
7051        }
7052        return false;
7053      })
7054      .catch(function () { return false; })
7055      .then(function (changed) { busy = false; return changed; });
7056  }
7057
7058  function urlOf(input) {
7059    if (typeof input === 'string') return input;
7060    if (input && typeof input.url === 'string') return input.url;
7061    return '';
7062  }
7063
7064  var MUTATION = /\/cart\/(add|change|update|clear)(\.js)?($|\?)/;
7065  var REPLACEABLE = /\/cart\/(change|update|clear)(\.js)?($|\?)/;
7066
7067  // テーマのカート操作をフックして、完了後に個数を合わせる。
7068  // change / update / clear はレスポンス形式がカートそのものなので、
7069  // 調整後の最新カートを返してテーマ側の再描画をそのまま正しくする。
7070  window.fetch = function (input, init) {
7071    var url = urlOf(input);
7072    var isMutation = MUTATION.test(url);
7073
7074    return origFetch(input, init).then(function (res) {
7075      if (!isMutation || !res.ok) return res;
7076
7077      return reconcile().then(function (changed) {
7078        if (!changed || !REPLACEABLE.test(url)) return res;
7079        return getCart()
7080          .then(function (cart) {
7081            return new Response(JSON.stringify(cart), {
7082              status: 200,
7083              headers: { 'Content-Type': 'application/json' }
7084            });
7085          })
7086          .catch(function () { return res; });
7087      });
7088    });
7089  };
7090
7091  // カート内のノベルティ行に印を付けて注記を添える。
7092  // 数量セレクタと削除ボタンは上の CSS で隠す。
7093  function decorate() {
7094    var links = document.querySelectorAll('a[href*="/products/' + NOVELTY_HANDLE + '"]');
7095    for (var i = 0; i < links.length; i++) {
7096      var row = links[i].closest('[data-item]') || links[i].closest('.cart__items__grid');
7097      if (!row || row.getAttribute('data-da-novelty')) continue;
7098      row.setAttribute('data-da-novelty', '1');
7099
7100      var title = row.querySelector('.cart__items__title');
7101      if (title && !title.querySelector('.da-novelty-note')) {
7102        var note = document.createElement('div');
7103        note.className = 'da-novelty-note';
7104        note.textContent = NOVELTY_NOTE;
7105        title.appendChild(note);
7106      }
7107    }
7108  }
7109
7110  function watchCartMarkup() {
7111    if (!window.MutationObserver) return;
7112    var scheduled = false;
7113    var mo = new MutationObserver(function () {
7114      if (scheduled) return;
7115      scheduled = true;
7116      window.requestAnimationFrame(function () {
7117        scheduled = false;
7118        decorate();
7119      });
7120    });
7121    mo.observe(document.body, { childList: true, subtree: true });
7122  }
7123
7124  // 読み込み時にも一度チェックしておく(別タブでの操作や古いカート対策)
7125  function boot() {
7126    reconcile();
7127    decorate();
7128    watchCartMarkup();
7129  }
7130  if (document.readyState !== 'loading') boot();
7131  else document.addEventListener('DOMContentLoaded', boot);
7132})();
7133</script>
7133
7134
7135
7136  <!-- And above this comment line ================================================== -->
7137
7138  
7139<style>
7140  /* ハンバーガーメニュー内の検索欄を非表示 */
7141  .drawer.header__drawer .drawer__search { display: none !important; }
7142
7143  /* Pipeline search-popdown: disable pointer events when not active so it
7144     does not intercept touches on the mobile header below it. */
7145  .search-popdown { pointer-events: none !important; }
7146  .search-popdown.is-active,
7147  .search-popdown.is-visible,
7148  .search-popdown[aria-hidden="false"],
7149  .search-popdown.is-open { pointer-events: auto !important; }
7150
7151  /* SP search icon: group with cart on the right */
7152  @media (max-width: 749px) {
7153    .da-toggle-sp {
7154      margin-left: auto;
7155      padding-right: 4px !important;
7156    }
7157    /* Cart button: shrink min-width and center icon to close gap with search */
7158    .header__mobile__right .header__mobile__button {
7159      min-width: unset !important;
7160      padding: 0 8px !important;
7161      justify-content: center !important;
7162    }
7163  }
7164
7165  /* ── トグルボタン(PC専用) ── */
7166  @media (max-width: 749px) {
7167    .da-toggle { display: none !important; }
7168  }
7169  .da-toggle {
7170    display: inline-flex !important;
7171    align-items: center !important;
7172    justify-content: center !important;
7173    align-self: center !important;
7174    vertical-align: middle;
7175    width: 44px;
7176    height: 44px;
7177    padding: 0 !important;
7178    margin: 0;
7179    background: none !important;
7180    border: none !important;
7181    box-shadow: none !important;
7182    cursor: pointer;
7183    color: inherit;
7184    flex-shrink: 0;
7185    line-height: 1;
7186    -webkit-tap-highlight-color: transparent;
7187  }
7188  .da-toggle svg { width: 20px; height: 20px; display: block; }
7189  .da-toggle:hover { opacity: .6; }
7190
7191  /* ── バックドロップ ── */
7192  .da-backdrop {
7193    position: fixed;
7194    inset: 0;
7195    z-index: 39999;
7196    background: rgba(0,0,0,.45);
7197    opacity: 0;
7198    visibility: hidden;
7199    transition: opacity .25s, visibility .25s;
7200  }
7201  .da-backdrop.is-open {
7202    opacity: 1;
7203    visibility: visible;
7204  }
7205
7206  /* ── 検索パネル(上からスライドイン) ── */
7207  .da-panel {
7208    position: fixed;
7209    top: 0;
7210    left: 0;
7211    right: 0;
7212    z-index: 40000;
7213    background: #fff;
7214    max-height: 85vh;
7215    max-height: 85dvh;
7216    overflow-y: auto;
7217    transform: translateY(-105%);
7218    transition: transform .3s cubic-bezier(.4,0,.2,1);
7219    box-shadow: 0 8px 32px rgba(0,0,0,.14);
7220  }
7221  .da-panel.is-open {
7222    transform: translateY(0);
7223  }
7224  .da-panel__inner {
7225    max-width: 900px;
7226    margin: 0 auto;
7227    padding: 20px 24px 28px;
7228  }
7229  @media (max-width: 749px) {
7230    .da-panel__inner { padding: 16px 16px 24px; }
7231  }
7232
7233  /* ── フォーム行 ── */
7234  .da-panel .da-form {
7235    display: flex !important;
7236    flex-direction: row !important;
7237    align-items: center !important;
7238    gap: 8px;
7239    border-bottom: 2px solid #111;
7240    padding-bottom: 6px;
7241    margin-bottom: 20px;
7242  }
7243  .da-panel .da-form > * { align-self: center !important; }
7244  .da-form__icon {
7245    width: 18px;
7246    height: 18px;
7247    flex-shrink: 0;
7248    color: #666;
7249    margin: 0 !important;
7250    padding: 0 !important;
7251  }
7252  .da-panel .da-form__input,
7253  .da-panel .da-form__input:focus,
7254  .da-panel .da-form__input:active {
7255    flex: 1 !important;
7256    align-self: center !important;
7257    border: none !important;
7258    outline: none !important;
7259    box-shadow: none !important;
7260    font-size: 16px !important;
7261    line-height: normal !important;
7262    height: 44px !important;
7263    padding: 0 !important;
7264    margin: 0 !important;
7265    background: transparent !important;
7266    font-family: inherit !important;
7267    color: #111 !important;
7268    opacity: 1 !important;
7269    min-height: unset !important;
7270    max-height: unset !important;
7271    -webkit-appearance: none;
7272    appearance: none;
7273    -webkit-text-fill-color: #111 !important;
7274    vertical-align: middle !important;
7275  }
7276  .da-panel .da-form__input::placeholder { color: #bbb; opacity: 1; }
7277  .da-panel .da-form__input::-webkit-search-cancel-button { display: none; }
7278  .da-form__close {
7279    display: flex;
7280    align-items: center;
7281    justify-content: center;
7282    width: 34px;
7283    height: 34px;
7284    padding: 0;
7285    background: none;
7286    border: none;
7287    cursor: pointer;
7288    color: #666;
7289    border-radius: 50%;
7290    flex-shrink: 0;
7291    transition: background .15s, color .15s;
7292  }
7293  .da-form__close:hover { background: #f0f0f0; color: #111; }
7294  .da-form__close svg { width: 18px; height: 18px; display: block; }
7295
7296  /* ── セクションラベル ── */
7297  .da-label {
7298    font-size: 10px;
7299    font-weight: 700;
7300    letter-spacing: .1em;
7301    text-transform: uppercase;
7302    color: #999;
7303    margin: 0 0 10px;
7304  }
7305
7306  /* ── 人気ワード ── */
7307  .da-popular-list {
7308    list-style: none;
7309    margin: 0 0 8px;
7310    padding: 0;
7311    display: flex;
7312    flex-wrap: wrap;
7313    gap: 8px;
7314  }
7315  .da-popular-btn {
7316    display: inline-flex;
7317    align-items: center;
7318    gap: 5px;
7319    border: 1px solid #ddd;
7320    border-radius: 20px;
7321    padding: 6px 14px;
7322    background: #fff;
7323    cursor: pointer;
7324    font-size: 13px;
7325    color: #111;
7326    font-family: inherit;
7327    white-space: nowrap;
7328    text-decoration: none;
7329    transition: background .15s, border-color .15s;
7330  }
7331  .da-popular-btn:hover { background: #f5f5f5; border-color: #aaa; color: #111; }
7332  /* ── 検索履歴 ── */
7333  .da-history-header {
7334    display: flex;
7335    align-items: center;
7336    justify-content: space-between;
7337    margin-bottom: 10px;
7338  }
7339  .da-history-header .da-label { margin: 0; }
7340  .da-history-clear {
7341    background: none;
7342    border: none;
7343    cursor: pointer;
7344    font-size: 11px;
7345    color: #bbb;
7346    padding: 0;
7347    font-family: inherit;
7348    transition: color .12s;
7349  }
7350  .da-history-clear:hover { color: #555; }
7351  .da-history-list {
7352    list-style: none;
7353    margin: 0 0 16px;
7354    padding: 0;
7355    display: flex;
7356    flex-wrap: wrap;
7357    gap: 8px;
7358  }
7359  .da-history-btn {
7360    display: inline-flex;
7361    align-items: center;
7362    gap: 6px;
7363    border: 1px solid #e8e8e8;
7364    border-radius: 20px;
7365    padding: 6px 14px;
7366    background: #fafafa;
7367    cursor: pointer;
7368    font-size: 13px;
7369    color: #555;
7370    font-family: inherit;
7371    white-space: nowrap;
7372    text-decoration: none;
7373    transition: background .15s, border-color .15s, color .15s;
7374  }
7375  .da-history-btn:hover { background: #f0f0f0; border-color: #aaa; color: #111; }
7376  .da-history-btn svg { color: #bbb; flex-shrink: 0; }
7377
7378  /* ── サジェストリスト ── */
7379  .da-suggest-list {
7380    list-style: none;
7381    margin: 0 0 16px;
7382    padding: 0;
7383  }
7384  .da-suggest-label {
7385    font-size: 10px;
7386    font-weight: 700;
7387    letter-spacing: .1em;
7388    text-transform: uppercase;
7389    color: #999;
7390    padding: 14px 6px 4px;
7391    list-style: none;
7392  }
7393  .da-suggest-list > li:first-child .da-suggest-label,
7394  .da-suggest-list > li.da-suggest-label:first-child {
7395    padding-top: 0;
7396  }
7397  .da-suggest-btn {
7398    display: flex;
7399    align-items: center;
7400    gap: 10px;
7401    width: 100%;
7402    padding: 11px 6px;
7403    border-bottom: 1px solid #f0f0f0;
7404    background: none;
7405    text-align: left;
7406    cursor: pointer;
7407    font-size: 14px;
7408    color: #111;
7409    font-family: inherit;
7410    text-decoration: none;
7411    transition: background .12s;
7412  }
7413  .da-suggest-btn:hover { background: #fafafa; color: #111; }
7414  .da-suggest-btn svg { color: #ccc; flex-shrink: 0; }
7415
7416  /* ── 商品カード(サジェスト内) ── */
7417  .da-suggest-product {
7418    display: flex;
7419    align-items: center;
7420    gap: 12px;
7421    width: 100%;
7422    padding: 10px 6px;
7423    border-bottom: 1px solid #f0f0f0;
7424    text-decoration: none;
7425    color: #111;
7426    transition: background .12s;
7427  }
7428  .da-suggest-product:hover { background: #fafafa; }
7429  .da-suggest-product__img {
7430    width: 44px;
7431    height: 44px;
7432    object-fit: cover;
7433    border-radius: 2px;
7434    flex-shrink: 0;
7435    display: block;
7436    background: #f0f0f0;
7437  }
7438  .da-suggest-product__img--ph { background: #f0f0f0; }
7439  .da-suggest-product__info {
7440    display: flex;
7441    flex-direction: column;
7442    gap: 2px;
7443    min-width: 0;
7444  }
7445  .da-suggest-product__title {
7446    font-size: 13px;
7447    line-height: 1.4;
7448    white-space: nowrap;
7449    overflow: hidden;
7450    text-overflow: ellipsis;
7451  }
7452  .da-suggest-product__price {
7453    font-size: 12px;
7454    font-weight: 700;
7455    color: #111;
7456  }
7457
7458  /* ── 「すべて見る」リンク ── */
7459  .da-suggest-more a {
7460    display: block;
7461    padding: 12px 6px;
7462    font-size: 13px;
7463    color: #555;
7464    text-decoration: none;
7465    border-top: 1px solid #f0f0f0;
7466    transition: color .12s;
7467  }
7468  .da-suggest-more a:hover { color: #111; }
7469
7470  /* ── 状態メッセージ ── */
7471  .da-msg { font-size: 13px; color: #aaa; padding: 4px 0; }
7472
7473  /* ── ユーティリティ ── */
7474  .da-hidden { display: none !important; }
7475
7476  /* ── コレクションページ 商品名絞り込み ── */
7477  .da-col-search { padding: 4px 0 16px !important; }
7478  /* bar: position:relative でアイコンを絶対配置の基準にする */
7479  .da-col-search__bar {
7480    position: relative !important;
7481    display: flex !important;
7482    align-items: center !important;
7483    border: 1px solid #e0e0e0 !important;
7484    border-radius: 6px !important;
7485    padding: 0 8px 0 28px !important;
7486    background: #fff !important;
7487    box-shadow: none !important;
7488  }
7489  /* アイコンを絶対配置で完全縦中央固定 */
7490  .da-col-search__icon {
7491    position: absolute !important;
7492    left: 8px !important;
7493    top: 50% !important;
7494    transform: translateY(-50%) !important;
7495    color: #aaa !important;
7496    pointer-events: none;
7497    width: 14px !important;
7498    height: 14px !important;
7499  }
7500  /* 高い詳細度でテーマのinput paddingを上書き */
7501  .collection__filters__inner .da-col-search__input,
7502  .collection__filters__inner .da-col-search__input[type="search"] {
7503    flex: 1 !important;
7504    border: none !important;
7505    box-shadow: none !important;
7506    background: transparent !important;
7507    outline: none !important;
7508    -webkit-appearance: none !important;
7509    appearance: none !important;
7510    padding: 6px 0 !important;
7511    margin: 0 !important;
7512    font-size: 12px !important;
7513    line-height: 1.4 !important;
7514    color: #333 !important;
7515    min-width: 0 !important;
7516    font-family: inherit !important;
7517    height: auto !important;
7518  }
7519  .da-col-search__input::placeholder { color: #bbb; }
7520  /* SP: font-size 16px未満だとiOS Safariがフォーカス時にズームする */
7521  @media (pointer: coarse) {
7522    .collection__filters__inner .da-col-search__input,
7523    .collection__filters__inner .da-col-search__input[type="search"] {
7524      font-size: 16px !important;
7525    }
7526  }
7527  .da-col-search__clear {
7528    background: none !important;
7529    border: none !important;
7530    cursor: pointer;
7531    color: #bbb;
7532    padding: 2px;
7533    line-height: 0;
7534    flex-shrink: 0;
7535    transition: color .12s;
7536  }
7537  .da-col-search__clear:hover { color: #555; }
7538  .da-col-search__empty { font-size: 12px; color: #aaa; padding: 6px 2px 0; margin: 0; }
7539
7540  /* ── /search ページ: 検索結果+補完を統合グリッド表示 ── */
7541
7542  /* .collection__products をグリッドに変換するクラス */
7543  .da-search-grid-mode {
7544    display: grid !important;
7545    grid-template-columns: repeat(2, 1fr);
7546    gap: 24px;
7547    padding: 0 !important;
7548  }
7549  @media (min-width: 750px) {
7550    .da-search-grid-mode { grid-template-columns: repeat(3, 1fr); }
7551  }
7552
7553  /* Pipeline テーマが挿入する <hr> をグリッド内で非表示に */
7554  .da-search-grid-mode hr {
7555    display: none !important;
7556  }
7557
7558  /* 既存リスト形式アイテムをカード形式へ変換(Pipeline元CSS上書き) */
7559  .da-search-grid-mode .search__item__generic,
7560  .da-search-grid-mode div.search__item__generic {
7561    display: block !important;
7562    flex-direction: unset !important;
7563    align-items: unset !important;
7564    border-bottom: none !important;
7565    border-top: none !important;
7566    padding: 0 !important;
7567    margin: 0 !important;
7568    gap: 0 !important;
7569    min-height: unset !important;
7570  }
7571  .da-search-grid-mode .search__item__generic__image,
7572  .da-search-grid-mode div.search__item__generic__image {
7573    aspect-ratio: 1.2 / 1 !important;
7574    overflow: hidden !important;
7575    background: #fff;
7576    width: 100% !important;
7577    flex-shrink: unset !important;
7578    flex-basis: unset !important;
7579    min-width: unset !important;
7580    max-width: unset !important;
7581    margin: 0 !important;
7582    padding: 0 !important;
7583    height: unset !important;
7584  }
7585  .da-search-grid-mode .search__item__generic__image a {
7586    display: block !important;
7587    width: 100% !important;
7588    height: 100% !important;
7589  }
7590  .da-search-grid-mode .search__item__generic__image img {
7591    width: 100% !important;
7592    height: 100% !important;
7593    max-width: 100% !important;
7594    object-fit: contain !important;
7595    object-position: center center !important;
7596  }
7597  .da-search-grid-mode .search__item__generic__text {
7598    padding: 8px 0 0 !important;
7599    flex: none !important;
7600    width: auto !important;
7601  }
7602
7603  /* 補完セクションの区切りラベル(grid内に全列またがって表示) */
7604  .da-supp-sep {
7605    grid-column: 1 / -1;
7606    font-size: 11px; color: #999; letter-spacing: .08em; text-transform: uppercase;
7607    border-top: 1px solid #e8e8e8; padding-top: 20px; margin-top: 8px;
7608  }
7609
7610  /* コレクションページ 他ページからの注入カード */
7611  .da-col-injected { display: block; }
7612  .da-col-injected .da-col-card__link {
7613    display: block;
7614    text-decoration: none;
7615    color: inherit;
7616  }
7617  .da-col-injected .da-col-card__img {
7618    aspect-ratio: 1.2 / 1;
7619    overflow: hidden;
7620    background: #fff;
7621    display: block;
7622  }
7623  .da-col-injected .da-col-card__img img {
7624    width: 100%;
7625    height: 100%;
7626    object-fit: contain;
7627    object-position: center center;
7628    display: block;
7629  }
7630
7631  /* フォールバック用独立グリッド(.collection__products が見つからない場合) */
7632  .da-meta-supp { margin: 40px 0 20px; }
7633  .da-meta-supp__label {
7634    font-size: 11px; color: #999; letter-spacing: .08em; text-transform: uppercase;
7635    border-top: 1px solid #e8e8e8; padding-top: 20px; margin-bottom: 16px;
7636  }
7637  .da-meta-supp__grid {
7638    display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;
7639  }
7640  @media (min-width: 750px) { .da-meta-supp__grid { grid-template-columns: repeat(3, 1fr); } }
7641  .da-meta-supp__img-wrap {
7642    display: block; aspect-ratio: 1.2 / 1; overflow: hidden; background: #f5f5f5;
7643  }
7644  .da-meta-supp__img-wrap img { width: 100%; height: 100%; object-fit: contain; object-position: center center; }
7645
7646  /* ── /search ページ インラインドロップダウン ── */
7647  .da-inline-drop {
7648    position: absolute;
7649    top: calc(100% + 6px);
7650    left: 0;
7651    right: 0;
7652    background: #fff;
7653    border: 1px solid #e8e8e8;
7654    border-radius: 10px;
7655    box-shadow: 0 8px 36px rgba(0,0,0,.13);
7656    z-index: 500;
7657    max-height: 70vh;
7658    overflow-y: auto;
7659    padding: 20px;
7660  }
7661</style><button
7662  class="da-toggle"
7663  id="da-toggle"
7664  aria-label="検索"
7665  aria-expanded="false"
7666  aria-controls="da-panel"
7667>
7668  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"
7669       stroke-linecap="round" stroke-linejoin="round">
7670    <circle cx="11" cy="11" r="8"/>
7671    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
7672  </svg>
7673</button><div class="da-panel" id="da-panel" role="dialog" aria-label="検索" aria-hidden="true">
7674  <div class="da-panel__inner"><form class="da-form" id="da-form" action="/search" method="get">
7675      <input type="hidden" name="type" value="product">
7676      <svg class="da-form__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"
7677           stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
7678        <circle cx="11" cy="11" r="8"/>
7679        <line x1="21" y1="21" x2="16.65" y2="16.65"/>
7680      </svg>
7681      <input
7682        type="search"
7683        name="q"
7684        id="da-input"
7685        class="da-form__input"
7686        placeholder="モデル名や特徴で検索..."
7687        autocomplete="off"
7688        autocorrect="off"
7689        spellcheck="false"
7690        aria-label="検索キーワード"
7691      >
7692      <button type="button" class="da-form__close" id="da-close" aria-label="閉じる">
7693        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
7694             stroke-width="2" stroke-linecap="round">
7695          <line x1="18" y1="6"  x2="6"  y2="18"/>
7696          <line x1="6"  y1="6"  x2="18" y2="18"/>
7697        </svg>
7698      </button>
7699    </form><div id="da-history-wrap" class="da-hidden">
7700      <div class="da-history-header">
7701        <p class="da-label">最近の検索</p>
7702        <button type="button" id="da-history-clear" class="da-history-clear">クリア</button>
7703      </div>
7704      <ul class="da-history-list" id="da-history-list"></ul>
7705    </div><div id="da-popular-wrap">
7706      <p class="da-label">人気の検索ワード</p>
7707      <ul class="da-popular-list" id="da-popular-list">
7708        <li class="da-msg">読み込み中...</li>
7709      </ul>
7710    </div><ul class="da-suggest-list da-hidden" id="da-suggest-list"></ul>
7711
7712  </div>
7713</div><div class="da-backdrop" id="da-backdrop"></div>
7713<script>
7714/* dedupe guard */
7715if (window.__daSearchLoaded) { /* already loaded, skip */ }
7716else {
7717window.__daSearchLoaded = true;
7718
7719/* SP toggle - defined outside IIFE so it is always accessible globally */
7720window.__daSearchToggle = function () {
7721  var p = document.getElementById('da-panel');
7722  var b = document.getElementById('da-backdrop');
7723  var t = document.getElementById('da-toggle');
7724  if (!p) return;
7725  /* move to body to escape display:none on mobile (Pipeline theme hides header__desktop on touch) */
7726  if (p.parentElement !== document.body) document.body.appendChild(p);
7727  if (b && b.parentElement !== document.body) document.body.appendChild(b);
7728  var isOpen = p.classList.contains('is-open');
7729  p.classList.toggle('is-open', !isOpen);
7730  if (b) b.classList.toggle('is-open', !isOpen);
7731  p.setAttribute('aria-hidden', String(isOpen));
7732  if (t) t.setAttribute('aria-expanded', String(!isOpen));
7733  document.body.style.overflow = isOpen ? '' : 'hidden';
7734  if (!isOpen) {
7735    setTimeout(function () {
7736      var i = document.getElementById('da-input');
7737      if (i) i.focus();
7738    }, 60);
7739  }
7740};
7741
7742(function () {
7743  'use strict';
7744
7745  /* config */
7746  var WORKER      = "https:\/\/dragon-search.oba-ad6.workers.dev";
7747  var POP_LIM     = 10;
7748  var SUG_LIM     = 6;
7749  var PRD_LIM     = 4;
7750  var DELAY       = 250;
7751  var HISTORY_KEY = 'da_history';
7752  var HISTORY_MAX = 5;
7753
7754  /* fixed top popular words (always shown first) */
7755  var FIXED_POPULAR = ['ゴーグル', '偏光', '調光', 'MAGモデル'];
7756
7757  /* DOM elements */
7758  var $toggle       = document.getElementById('da-toggle');
7759  var $panel        = document.getElementById('da-panel');
7760  var $backdrop     = document.getElementById('da-backdrop');
7761  var $close        = document.getElementById('da-close');
7762  var $form         = document.getElementById('da-form');
7763  var $input        = document.getElementById('da-input');
7764  var $popularWrap  = document.getElementById('da-popular-wrap');
7765  var $popularList  = document.getElementById('da-popular-list');
7766  var $suggestList  = document.getElementById('da-suggest-list');
7767  var $historyWrap  = document.getElementById('da-history-wrap');
7768  var $historyList  = document.getElementById('da-history-list');
7769  var $historyClear = document.getElementById('da-history-clear');
7770
7771  if (!$panel) return;
7772
7773  /* Move da-panel / da-backdrop to body root.
7774     Pipeline theme sets .header__desktop { display:none } on touch devices,
7775     which hides all descendants including position:fixed children.
7776     Appending to body escapes that constraint. */
7777  document.body.appendChild($panel);
7778  if ($backdrop) document.body.appendChild($backdrop);
7779
7780  /* Move PC toggle button into the desktop header icon area.
7781     The snippet is now rendered at the bottom of <body> (theme.liquid),
7782     so #da-toggle lands there by default. We move it back to the header. */
7783  if ($toggle) {
7784    var $headerIcons = document.querySelector('.header__desktop__buttons--icons');
7785    if ($headerIcons) {
7786      $headerIcons.prepend($toggle);
7787    }
7788  }
7789
7790  /* panel open/close */
7791  function openPanel() {
7792    $panel.classList.add('is-open');
7793    $backdrop && $backdrop.classList.add('is-open');
7794    $panel.setAttribute('aria-hidden', 'false');
7795    if ($toggle) $toggle.setAttribute('aria-expanded', 'true');
7796    document.body.style.overflow = 'hidden';
7797    renderHistory();
7798    setTimeout(function () { $input && $input.focus(); }, 60);
7799  }
7800
7801  function closePanel() {
7802    $panel.classList.remove('is-open');
7803    $backdrop && $backdrop.classList.remove('is-open');
7804    $panel.setAttribute('aria-hidden', 'true');
7805    if ($toggle) $toggle.setAttribute('aria-expanded', 'false');
7806    document.body.style.overflow = '';
7807  }
7808
7809  /* PC toggle (direct bind) */
7810  if ($toggle) {
7811    $toggle.addEventListener('click', function () {
7812      $panel.classList.contains('is-open') ? closePanel() : openPanel();
7813    });
7814  }
7815  if ($close) $close.addEventListener('click', closePanel);
7816  if ($backdrop) $backdrop.addEventListener('click', closePanel);
7817
7818  /* SP toggle buttons - direct bind on the button element.
7819     search-popdown now has pointer-events:none (see CSS above) so it no longer
7820     intercepts touches, allowing events to reach .da-toggle-sp directly.
7821     touchend + preventDefault stops the subsequent click event (no double-fire).
7822     No document-level listener needed, keeping Safari bfcache intact. */
7823  document.querySelectorAll('.da-toggle-sp').forEach(function(btn
7823) {
7824    var _touched = false;
7825    btn.addEventListener('touchend', function(e) {
7826      _touched = true;
7827      e.preventDefault();
7828      $panel.classList.contains('is-open') ? closePanel() : openPanel();
7829      setTimeout(function() { _touched = false; }, 600);
7830    }, { passive: false });
7831    btn.addEventListener('click', function(e) {
7832      if (_touched) return;
7833      e.preventDefault();
7834      $panel.classList.contains('is-open') ? closePanel() : openPanel();
7835    });
7836  });
7837  document.addEventListener('keydown', function (e) {
7838    if (e.key === 'Escape') closePanel();
7839  });
7840
7841  /* UID */
7842  function uid() {
7843    var id = localStorage.getItem('da_uid');
7844    if (!id) {
7845      id = 'u_' + Math.random().toString(36).slice(2) + Date.now().toString(36);
7846      localStorage.setItem('da_uid', id);
7847    }
7848    return id;
7849  }
7850
7851  /* Worker API calls */
7852  function api(path) {
7853    return fetch(WORKER + path).then(function (r) { return r.json(); });
7854  }
7855
7856  function record(q) {
7857    fetch(WORKER + '/search', {
7858      method   : 'POST',
7859      headers  : { 'Content-Type': 'application/json' },
7860      body     : JSON.stringify({ query: q, uid: uid() }),
7861      keepalive: true,
7862    }).catch(function () {});
7863  }
7864
7865  function getPopular() {
7866    return api('/popular?limit=' + POP_LIM)
7867      .then(function (d) { return d.popular || []; })
7868      .catch(function () { return []; });
7869  }
7870
7871  function getSuggest(q) {
7872    return api('/suggest?q=' + encodeURIComponent(q) + '&limit=' + SUG_LIM)
7873      .then(function (d) { return d.suggestions || []; })
7874      .catch(function () { return []; });
7875  }
7876
7877  /* Fetch product data via Shopify alternate template (no token needed).
7878     Requires templates/search.bx.liquid returning JSON array of {title,url,image,price}. */
7879  function fetchSuggestions(q) {
7880    if (!q) return Promise.resolve([]);
7881    var url = '/search?type=product&q=' + encodeURIComponent(q) + '&view=bx';
7882    return fetch(url, { credentials: 'same-origin' })
7883      .then(function (r) { return r.ok ? r.text() : Promise.reject(); })
7884      .then(function (text) {
7885        var results = JSON.parse(text.trim());
7886        return Array.isArray(results) ? results : [];
7887      })
7888      .catch(function () { return []; });
7889  }
7890
7891  /* ── Metafield index (lazy-loaded, cached, all pages) ────────────────────
7892     Fetches /collections/all?view=meta page by page until next=null.
7893     Each page returns {items:[...], next: url|null}.
7894     Supplements Shopify's native search with metafield-based matches.
7895     Requires templates/collection.meta.liquid in the theme. */
7896  var _metaIndex = null;
7897  var _metaIndexPromise = null;
7898
7899  /* Fetch meta index: page 1 sequential, remaining pages in parallel.
7900     Page 1 response includes "total" (collection.products_count) so we can
7901     calculate exact page count and fetch all remaining pages simultaneously,
7902     cutting load time from ~9 sequential requests to ~2 parallel requests. */
7903  function loadMetaIndex() {
7904    if (_metaIndex !== null) return Promise.resolve(_metaIndex);
7905    if (_metaIndexPromise) return _metaIndexPromise;
7906    _metaIndexPromise = fetch('/collections/all?view=meta', { credentials: 'same-origin' })
7907      .then(function (r) { return r.ok ? r.json() : { total: 0, items: [], next: null }; })
7908      .then(function (page1) {
7909        var items = Array.isArray(page1.items) ? page1.items.slice() : [];
7910        var total = page1.total || 0;
7911        var perPage = items.length || 50;
7912        if (!page1.next || total <= perPage) {
7913          _metaIndex = items;
7914          return items;
7915        }
7916        /* Remaining pages fetched in parallel */
7917        var totalPages = Math.ceil(total / perPage);
7918        var fetches = [];
7919        for (var p = 2; p <= totalPages; p++) {
7920          fetches.push(
7921            fetch('/collections/all?page=' + p + '&view=meta', { credentials: 'same-origin' })
7922              .then(function (r) { return r.ok ? r.json() : { items: [] }; })
7923              .catch(function () { return { items: [] }; })
7924          );
7925        }
7926        return Promise.all(fetches).then(function (pages) {
7927          pages.forEach(function (pg) {
7928            if (pg && Array.isArray(pg.items)) items = items.concat(pg.items);
7929          });
7930          _metaIndex = items;
7931          return items;
7932        });
7933      })
7934      .catch(function () { _metaIndex = []; return []; });
7935    return _metaIndexPromise;
7936  }
7937
7938  /* Search metafield index; returns products in {title,url,image,price} format */
7939  function searchMetaIndex(q, index) {
7940    if (!q || !index || !index.length) return [];
7941    var qLow = q.toLowerCase().trim();
7942    return index
7943      .filter(function (item) {
7944        return (item.m || '').toLowerCase().indexOf(qLow) !== -1;
7945      })
7946      .map(function (item) {
7947        return { title: item.t, url: item.u, image: item.i, price: item.p };
7948      });
7949  }
7950
7951  /* Merge two product arrays, deduplicate by URL, cap at PRD_LIM */
7952  function mergeProducts(shopifyProds, metaProds) {
7953    var seen = {};
7954    var result = [];
7955    (shopifyProds || []).concat(metaProds || []).forEach(function (p) {
7956      if (p && p.url && !seen[p.url]) {
7957        seen[p.url] = true;
7958        result.push(p);
7959      }
7960    });
7961    return result.slice(0, PRD_LIM);
7962  }
7963
7964  /* Prefetch meta index immediately on page load (background warm-up).
7965     Starts as soon as the script executes so the index is ready before
7966     the user opens the search panel or navigates to /search. */
7967  loadMetaIndex();
7968
7969  /* escape and price format helpers */
7970  function esc(s) {
7971    return String(s)
7972      .replace(/&/g, '&amp;').replace(/</g, '&lt;')
7973      .replace(/>/g, '&gt;').replace(/"/g, '&quot;');
7974  }
7975  function yen(priceStr) {
7976    /* Liquid money_without_currency returns "1,000" format; just prepend yen sign */
7977    return 'Â¥' + priceStr;
7978  }
7979
7980  /* search history */
7981  function getHistory() {
7982    try {
7983      var h = JSON.parse(localStorage.getItem(HISTORY_KEY) || '[]');
7984      return Array.isArray(h) ? h : [];
7985    } catch (e) { return []; }
7986  }
7987
7988  function addHistory(q) {
7989    if (!q) return;
7990    try {
7991      var h = getHistory().filter(function (s) { return s !== q; });
7992      h.unshift(q);
7993      if (h.length > HISTORY_MAX) h.length = HISTORY_MAX;
7994      localStorage.setItem(HISTORY_KEY, JSON.stringify(h));
7995    } catch (e) {}
7996  }
7997
7998  function renderHistory() {
7999    if (!$historyWrap || !$historyList) return;
8000    var h = getHistory();
8001    if (!h.length) {
8002      $historyWrap.classList.add('da-hidden');
8003      return;
8004    }
8005    var svgClock = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">'
8006      + '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>';
8007    $historyList.innerHTML = h.map(function (word) {
8008      var url = '/search?type=product&q=' + encodeURIComponent(word);
8009      return '<li><a class="da-history-btn" href="' + esc(url) + '" data-q="' + esc(word) + '">'
8010        + svgClock + esc(word) + '</a></li>';
8011    }).join('');
8012    $historyList.querySelectorAll('.da-history-btn').forEach(function (a) {
8013      a.addEventListener('click', function () {
8014        var word = a.getAttribute('data-q');
8015        if (word) { addHistory(word); record(word); }
8016      });
8017    });
8018    $historyWrap.classList.remove('da-hidden');
8019  }
8020
8021  if ($historyClear) {
8022    $historyClear.addEventListener('click', function () {
8023      try { localStorage.removeItem(HISTORY_KEY); } catch (e) {}
8024      renderHistory();
8025    });
8026  }
8027
8028  /* merge fixed top words + KV popular results up to POP_LIM */
8029  function mergePopular(kvItems) {
8030    var merged = FIXED_POPULAR.map(function (q) { return { query: q }; });
8031    var fixedLow = FIXED_POPULAR.map(function (q) { return q.toLowerCase(); });
8032    kvItems.forEach(function (item) {
8033      if (merged.length >= POP_LIM) return;
8034      if (fixedLow.indexOf(item.query.toLowerCase()) === -1) {
8035        merged.push(item);
8036      }
8037    });
8038    return merged;
8039  }
8040
8041  /* render: popular queries */
8042  function renderPopular(items) {
8043    if (!items.length) {
8044      $popularWrap.classList.add('da-hidden');
8045      return;
8046    }
8047    $popularList.innerHTML = items.map(function (item) {
8048      var url = '/search?type=product&q=' + encodeURIComponent(item.query);
8049      return '<li class="da-popular-item">'
8050        + '<a class="da-popular-btn" href="' + esc(url) + '" data-q="' + esc(item.query) + '">'
8051        + esc(item.query)
8052        + '</a></li>';
8053    }).join('');
8054
8055    /* record click then follow href */
8056    $popularList.querySelectorAll('.da-popular-btn').forEach(function (a) {
8057      a.addEventListener('click', function () {
8058        record(a.getAttribute('data-q'));
8059      });
8060    });
8061  }
8062
8063  /* render: suggest (KV keywords + product cards) */
8064  function renderSuggest(kwItems, products, query) {
8065    var q        = query || '';
8066    var qLow     = q.toLowerCase();
8067    var allEmpty = !kwItems.length && !products.length;
8068
8069    if (allEmpty) {
8070      $suggestList.innerHTML = '';
8071      $suggestList.classList.add('da-hidden');
8072      return;
8073    }
8074
8075    var svgSearch = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">'
8076      + '<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>';
8077
8078    var html = '';
8079
8080    /* 1) KV keyword suggestions */
8081    if (kwItems.length) {
8082      html += '<li class="da-suggest-label">キーワード候補</li>';
8083      html += kwItems.map(function (s) {
8084        var url  = '/search?type=product&q=' + encodeURIComponent(s);
8085        var sLow = s.toLowerCase();
8086        var idx  = sLow.indexOf(qLow);
8087        var display;
8088        if (idx >= 0 && q) {
8089          display = esc(s.slice(0, idx))
8090            + '<span style="font-weight:600">' + esc(s.slice(idx, idx + q.length)) + '</span>'
8091            + '<span style="color:#999">' + esc(s.slice(idx + q.length)) + '</span>';
8092        } else {
8093          display = esc(s);
8094        }
8095        return '<li><a class="da-suggest-btn" href="' + esc(url) + '" data-q="' + esc(s) + '">'
8096          + svgSearch + display + '</a></li>';
8097      }).join('');
8098    }
8099
8100    /* 2) product cards */
8101    if (products.length) {
8102      html += '<li class="da-suggest-label">商品</li>';
8103      html += products.map(function (p) {
8104        var priceStr = p.price ? yen(p.price) : '';
8105        return '<li><a class="da-suggest-product" href="' + esc(p.url) + '" data-q="' + esc(p.title) + '">'
8106          + (p.image
8107              ? '<img class="da-suggest-product__img" src="' + esc(p.image) + '" alt="' + esc(p.title) + '" loading="lazy">'
8108              : '<div class="da-suggest-product__img da-suggest-product__img--ph"></div>')
8109          + '<div class="da-suggest-product__info">'
8110          +   '<span class="da-suggest-product__title">' + esc(p.title) + '</span>'
8111          +   (priceStr ? '<span class="da-suggest-product__price">' + priceStr + '</span>' : '')
8112          + '</div>'
8113          + '</a></li>';
8114      }).join('');
8115    }
8116
8117    /* 3) "see all results" link */
8118    var allUrl = '/search?type=product&q=' + encodeURIComponent(q);
8119    html += '<li class="da-suggest-more"><a href="' + esc(allUrl) + '" data-q="' + esc(q) + '">'
8120      + '「' + esc(q) + '」の検索結果をすべて見る →</a></li>';
8121
8122    $suggestList.innerHTML = html;
8123    $suggestList.classList.remove('da-hidden');
8124
8125    /* record clicks and save to history */
8126    $suggestList.querySelectorAll('[data-q]').forEach(function (a) {
8127      a.addEventListener('click', function () {
8128        var word = a.getAttribute('data-q');
8129        if (word) { addHistory(word); record(word); }
8130      });
8131    });
8132  }
8133
8134  /* input event */
8135  var timer = null;
8136  $input.addEventListener('input', function () {
8137    clearTimeout(timer);
8138    var q = $input.value.trim();
8139
8140    if (!q) {
8141      renderHistory();
8142      $popularWrap.classList.remove('da-hidden');
8143      $suggestList.innerHTML = '';
8144      $suggestList.classList.add('da-hidden');
8145      return;
8146    }
8147
8148    if ($historyWrap) $historyWrap.classList.add('da-hidden');
8149    $popularWrap.classList.add('da-hidden');
8150    timer = setTimeout(function () {
8151      Promise.all([getSuggest(q), fetchSuggestions(q), loadMetaIndex()]).then(function (res) {
8152        var metaMatches = searchMetaIndex(q, res[2]);
8153        renderSuggest(res[0], mergeProducts(res[1], metaMatches), q);
8154      });
8155    }, DELAY);
8156  });
8157
8158  /* form submit: save history + record then navigate */
8159  $form.addEventListener('submit', function () {
8160    var q = $input.value.trim();
8161    if (q) { addHistory(q); record(q); }
8162  });
8163
8164  /* on init: prefetch popular queries (fixed words always shown, KV fills remaining slots) */
8165  getPopular().then(function (words) {
8166    renderPopular(mergePopular(words));
8167  });
8168
8169  /* /search page: attach inline suggest/history/popular to the page's own search input.
8170     Panel is never auto-opened here -- results stay visible behind. */
8171  if (window.location.pathname === '/search') {
8172    var $pForm  = document.querySelector('form.search-bar');
8173    var $pInput = $pForm ? $pForm.querySelector('input[name="q"]') : null;
8174
8175    if ($pForm && $pInput) {
8176      /* make form the positioning anchor */
8177      $pForm.style.position = 'relative';
8178
8179      /* build inline dropdown DOM */
8180      var $drop = document.createElement('div');
8181      $drop.id  = 'da-inline-drop';
8182      $drop.className = 'da-inline-drop da-hidden';
8183      $drop.innerHTML =
8184        '<div id="da-il-hist-wrap" class="da-hidden">'
8185          + '<div class="da-history-header">'
8186          + '<p class="da-label">最近の検索</p>'
8187          + '<button type="button" id="da-il-hist-clear" class="da-history-clear">クリア</button>'
8188          + '</div>'
8189          + '<ul class="da-history-list" id="da-il-hist-list"></ul>'
8190        + '</div>'
8191        + '<div id="da-il-pop-wrap">'
8192          + '<p class="da-label">人気の検索ワード</p>'
8193          + '<ul class="da-popular-list" id="da-il-pop-list"><li class="da-msg">読み込み中...</li></ul>'
8194        + '</div>'
8195        + '<ul class="da-suggest-list da-hidden" id="da-il-sug-list"></ul>';
8196      $pForm.appendChild($drop);
8197
8198      var $ilHistWrap  = document.getElementById('da-il-hist-wrap');
8199      var $ilHistList  = document.getElementById('da-il-hist-list');
8200      var $ilHistClear = document.getElementById('da-il-hist-clear');
8201      var $ilPopWrap   = document.getElementById('da-il-pop-wrap');
8202      var $ilPopList   = document.getElementById('da-il-pop-list');
8203      var $ilSugList   = document.getElementById('da-il-sug-list');
8204
8205      function ilShow() { $drop.classList.remove('da-hidden'); }
8206      function ilHide() { $drop.classList.add('da-hidden'); }
8207
8208      /* history render for inline dropdown */
8209      function ilRenderHistory() {
8210        var h = getHistory();
8211        if (!h.length) { $ilHistWrap.classList.add('da-hidden'); return; }
8212        var svgClock = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">'
8213          + '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>';
8214        $ilHistList.innerHTML = h.map(function (word) {
8215          var url = '/search?type=product&q=' + encodeURIComponent(word);
8216          return '<li><a class="da-history-btn" href="' + esc(url) + '" data-q="' + esc(word) + '">'
8217            + svgClock + esc(word) + '</a></li>';
8218        }).join('');
8219        $ilHistList.querySelectorAll('.da-history-btn').forEach(function (a) {
8220          a.addEventListener('click', function () {
8221            var w = a.getAttribute('data-q');
8222            if (w) { addHistory(w); record(w); }
8223          });
8224        });
8225        $ilHistWrap.classList.remove('da-hidden');
8226      }
8227
8228      if ($ilHistClear) {
8229        $ilHistClear.addEventListener('click', function () {
8230          try { localStorage.removeItem(HISTORY_KEY); } catch (e) {}
8231          ilRenderHistory();
8232        });
8233      }
8234
8235      /* popular render for inline dropdown */
8236      function ilRenderPopular(items) {
8237        if (!items.length) { $ilPopWrap.classList.add('da-hidden'); return; }
8238        $ilPopList.innerHTML = items.map(function (item) {
8239          var url = '/search?type=product&q=' + encodeURIComponent(item.query);
8240          return '<li class="da-popular-item">'
8241            + '<a class="da-popular-btn" href="' + esc(url) + '" data-q="' + esc(item.query) + '">'
8242            + esc(item.query) + '</a></li>';
8243        }).join('');
8244        $ilPopList.querySelectorAll('.da-popular-btn').forEach(function (a) {
8245          a.addEventListener('click', function () { record(a.getAttribute('data-q')); });
8246        });
8247      }
8248
8249      /* suggest render for inline dropdown */
8250      function ilRenderSuggest(kwItems, products, query) {
8251        var q    = query || '';
8252        var qLow = q.toLowerCase();
8253        if (!kwItems.length && !products.length) {
8254          $ilSugList.innerHTML = '';
8255          $ilSugList.classList.add('da-hidden');
8256          return;
8257        }
8258        var svgSearch = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">'
8259          + '<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>';
8260        var html = '';
8261        if (kwItems.length) {
8262          html += '<li class="da-suggest-label">キーワード候補</li>';
8263          html += kwItems.map(function (s) {
8264            var url  = '/search?type=product&q=' + encodeURIComponent(s);
8265            var sLow = s.toLowerCase();
8266            var idx  = sLow.indexOf(qLow);
8267            var display = (idx >= 0 && q)
8268              ? esc(s.slice(0, idx))
8269                + '<span style="font-weight:600">' + esc(s.slice(idx, idx + q.length)) + '</span>'
8270                + '<span style="color:#999">' + esc(s.slice(idx + q.length)) + '</span>'
8271              : esc(s);
8272            return '<li><a class="da-suggest-btn" href="' + esc(url) + '" data-q="' + esc(s) + '">'
8273              + svgSearch + display + '</a></li>';
8274          }).join('');
8275        }
8276        if (products.length) {
8277          html += '<li class="da-suggest-label">商品</li>';
8278          html += products.map(function (p) {
8279            var priceStr = p.price ? yen(p.price) : '';
8280            return '<li><a class="da-suggest-product" href="' + esc(p.url) + '" data-q="' + esc(p.title) + '">'
8281              + (p.image
8282                  ? '<img class="da-suggest-product__img" src="' + esc(p.image) + '" alt="' + esc(p.title) + '" loading="lazy">'
8283                  : '<div class="da-suggest-product__img da-suggest-product__img--ph"></div>')
8284              + '<div class="da-suggest-product__info">'
8285              + '<span class="da-suggest-product__title">' + esc(p.title) + '</span>'
8286              + (priceStr ? '<span class="da-suggest-product__price">' + priceStr + '</span>' : '')
8287              + '</div></a></li>';
8288          }).join('');
8289        }
8290        var allUrl = '/search?type=product&q=' + encodeURIComponent(q);
8291        html += '<li class="da-suggest-more"><a href="' + esc(allUrl) + '" data-q="' + esc(q) + '">'
8292          + '「' + esc(q) + '」の検索結果をすべて見る →</a></li>';
8293        $ilSugList.innerHTML = html;
8294        $ilSugList.classList.remove('da-hidden');
8295        $ilSugList.querySelectorAll('[data-q]').forEach(function (a) {
8296          a.addEventListener('click', function () {
8297            var w = a.getAttribute('data-q');
8298            if (w) { addHistory(w); record(w); }
8299          });
8300        });
8301      }
8302
8303      /* prefetch popular words + warm up metafield index */
8304      getPopular().then(function (words) { ilRenderPopular(mergePopular(words)); });
8305      loadMetaIndex(); /* warm up cache on page load for /search */
8306
8307      /* input events */
8308      var ilTimer = null;
8309      $pInput.addEventListener('focus', function () {
8310        ilRenderHistory();
8311        $ilPopWrap.classList.remove('da-hidden');
8312        ilShow();
8313      });
8314
8315      $pInput.addEventListener('input', function () {
8316        clearTimeout(ilTimer);
8317        var q = $pInput.value.trim();
8318        if (!q) {
8319          ilRenderHistory();
8320          $ilPopWrap.classList.remove('da-hidden');
8321          $ilSugList.innerHTML = '';
8322          $ilSugList.classList.add('da-hidden');
8323          ilShow();
8324          return;
8325        }
8326        $ilHistWrap.classList.add('da-hidden');
8327        $ilPopWrap.classList.add('da-hidden');
8328        ilTimer = setTimeout(function () {
8329          Promise.all([getSuggest(q), fetchSuggestions(q), loadMetaIndex()]).then(function (res) {
8330            var metaMatches = searchMetaIndex(q, res[2]);
8331            ilRenderSuggest(res[0], mergeProducts(res[1], metaMatches), q);
8332          });
8333        }, DELAY);
8334      });
8335
8336      /* hide on blur (delay so clicks inside dropdown register) */
8337      $pInput.addEventListener('blur', function () {
8338        setTimeout(ilHide, 200);
8339      });
8340
8341      /* save history on form submit */
8342      $pForm.addEventListener('submit', function () {
8343        var q = $pInput.value.trim();
8344        if (q) { addHistory(q); record(q); }
8345      });
8346    }
8347  }
8348
8349  /* ── /search results page: inject metafield-matching products not in native results ──
8350     Runs after BOTH DOMContentLoaded AND metafield index are ready.
8351     Header snippet runs before <main> is parsed, so DOMContentLoaded guard is required. */
8352  if (window.location.pathname.replace(/\/$/, '') === '/search') {
8353    var _srchQ = new URLSearchParams(window.location.search).get('q') || '';
8354    if (_srchQ) {
8355
8356      function _buildMetaSupp(index) {
8357        /* URL → meta item の逆引きマップ(ネイティブ画像差し替え用) */
8358        var indexByUrl = {};
8359        index.forEach(function (item) {
8360          var u = (item.u || '').split('?')[0].split('#')[0];
8361          if (u) indexByUrl[u] = item;
8362        });
8363
8364        /* ── ネイティブ結果の小サムネイルをメタインデックスの画像で差し替え ── */
8365        document.querySelectorAll('.search__item__generic').forEach(function (el) {
8366          var a   = el.querySelector('.search__item__generic__image a');
8367          var img = a && a.querySelector('img');
8368          if (!img) return;
8369          var url  = (a.getAttribute('href') || '').split('?')[0].split('#')[0];
8370          var meta = indexByUrl[url];
8371          if (meta && meta.i) { img.src = meta.i; img.srcset = ''; }
8372        });
8373
8374        /* ── ネイティブ結果がある場合は常にグリッド化(メタ補完の有無に関わらず) ── */
8375        var $list = document.querySelector('.collection__products');
8376        if ($list && $list.querySelector('.search__item__generic')) {
8377          $list.classList.add('da-search-grid-mode');
8378          $list.querySelectorAll('hr, .da-supp-sep').forEach(function (el) { el.remove(); });
8379        }
8380
8381        var metaMatches = searchMetaIndex(_srchQ, index);
8382        if (!metaMatches.length) return;
8383
8384        /* 既表示 URL を収集(ネイティブ結果のみ対象) */
8385        var _seen = {};
8386        document.querySelectorAll('main a[href*="/products/"]').forEach(function (a) {
8387          _seen[a.getAttribute('href').split('?')[0].split('#')[0]] = true;
8388        });
8389
8390        var missing = metaMatches.filter(function (p) {
8391          return !_seen[(p.url || '').split('?')[0].split('#')[0]];
8392        });
8393
8394        if ($list) {
8395          missing.forEach(function (p) {
8396            var $item = document.createElement('div');
8397            $item.className = 'search__item__generic';
8398            $item.innerHTML =
8399              '<div class="search__item__generic__image">'
8400              + '<a href="' + esc(p.url) + '">'
8401              + (p.image ? '<img src="' + esc(p.image) + '" alt="' + esc(p.title) + '" loading="lazy">' : '')
8402              + '</a>'
8403              + '</div>'
8404              + '<div class="search__item__generic__text">'
8405              + '<p class="product__inline__title"><a href="' + esc(p.url) + '">' + esc(p.title) + '</a></p>'
8406              + (p.price ? '<p class="product__inline__price">Â¥' + esc(p.price) + '</p>' : '')
8407              + '</div>';
8408            $list.appendChild($item);
8409          });
8410
8411        } else if (missing.length) {
8412          /* フォールバック */
8413          var $supp = document.createElement('div');
8414          $supp.className = 'da-meta-supp';
8415          $supp.innerHTML =
8416            '<p class="da-meta-supp__label">「' + esc(_srchQ) + '」 テクノロジー・特徴での検索結果</p>'
8417            + '<div class="da-meta-supp__grid">'
8418            + missing.map(function (p) {
8419                return '<div>'
8420                  + '<a class="da-meta-supp__img-wrap" href="' + esc(p.url) + '">'
8421                  + (p.image ? '<img src="' + esc(p.image) + '" alt="' + esc(p.title) + '" loading="lazy">' : '')
8422                  + '</a>'
8423                  + '<div class="product__grid__info text-left">'
8424                  + '<a href="' + esc(p.url) + '">'
8425                  + '<div class="product__grid__title__wrapper">' + esc(p.title) + '</div>'
8426                  + (p.price ? '<div class="product__grid__price product__grid__price--nowrap">Â¥' + esc(p.price) + '</div>' : '')
8427                  + '</a></div></div>';
8428              }).join('')
8429            + '</div>';
8430          (document.querySelector('main') || document.body).appendChild($supp);
8431        }
8432      }
8433
8434      /* Wait for BOTH DOM ready AND meta index loaded */
8435      var _domReady = new Promise(function (resolve) {
8436        if (document.readyState !== 'loading') { resolve(); }
8437        else { document.addEventListener('DOMContentLoaded', resolve); }
8438      });
8439      Promise.all([_domReady, loadMetaIndex()]).then(function (res) {
8440        _buildMetaSupp(res[1]);
8441      });
8442    }
8443  }
8444
8445  /* collection page: search box to filter displayed products by title.
8446     _colQ persists the query across Ajax/infinite-scroll DOM re-renders. */
8447  if (window.location.pathname.indexOf('/collections/') === 0) {
8448    var _colQ = '';
8449
8450    /* ── メタフィールドインデックスをコレクションページで活用 ────────
8451       loadMetaIndex() 完了後:
8452         1. URL→meta文字列マップを作り、現在ページのカードに data-da-meta を付与
8453         2. フィルター時に他ページのマッチ商品を動的注入(全ページ対象化)
8454    */
8455    var _colMetaByUrl = null; // URL → meta 文字列
8456    var _colMeta      = null; // 全商品の生インデックス
8457
8458    function stampMetaAttrs($grid) {
8459      if (!_colMetaByUrl || !$grid) return;
8460      Array.from($grid.children).forEach(function (card) {
8461        if (card.dataset.daMeta !== undefined) return;
8462        var a = card.querySelector('a[href*="/products/"]');
8463        if (!a) return;
8464        var url = (a.getAttribute('href') || '').split('?')[0].split('#')[0];
8465        card.dataset.daMeta = _colMetaByUrl[url] || '';
8466      });
8467    }
8468
8469    /* 他ページのマッチ商品を .js-grid に注入するためのカードHTML生成 */
8470    function _buildColCard(item) {
8471      return '<a href="' + esc(item.u) + '" class="da-col-card__link">'
8472        + '<div class="da-col-card__img">'
8473        + (item.i ? '<img src="' + esc(item.i) + '" alt="' + esc(item.t) + '" loading="lazy">' : '')
8474        + '</div>'
8475        + '<div class="product__grid__info text-left">'
8476        + '<p class="product__grid__title">'
8477        + '<span class="product__grid__title__wrapper">' + esc(item.t) + '</span>'
8478        + '</p>'
8479        + (item.p ? '<div class="product__grid__price product__grid__price--nowrap">Â¥' + esc(item.p) + '</div>' : '')
8480        + '</div>'
8481        + '</a>';
8482    }
8483
8484    /* ── 現在のコレクション専用メタインデックスローダー ────────────
8485       /collections/all ではなく現在のコレクション URL を対象にすることで
8486       そのコレクション内の商品のみを検索対象にする。 */
8487    var _colMetaPromise = null;
8488
8489    function loadColMetaIndex() {
8490      if (_colMeta !== null) return Promise.resolve(_colMeta);
8491      if (_colMetaPromise)   return _colMetaPromise;
8492      var colBase = window.location.pathname.replace(/\/$/, '');
8493      _colMetaPromise = fetch(colBase + '?view=meta', { credentials: 'same-origin' })
8494        .then(function (r) { return r.ok ? r.json() : { total: 0, items: [], next: null }; })
8495        .then(function (page1) {
8496          var items    = Array.isArray(page1.items) ? page1.items.slice() : [];
8497          var total    = page1.total || 0;
8498          var perPage  = items.length || 50;
8499          if (!page1.next || total <= perPage) { _colMeta = items; return items; }
8500          var totalPages = Math.ceil(total / perPage);
8501          var fetches = [];
8502          for (var p = 2; p <= totalPages; p++) {
8503            fetches.push(
8504              fetch(colBase + '?page=' + p + '&view=meta', { credentials: 'same-origin' })
8505                .then(function (r) { return r.ok ? r.json() : { items: [] }; })
8506                .catch(function () { return { items: [] }; })
8507            );
8508          }
8509          return Promise.all(fetches).then(function (pages) {
8510            pages.forEach(function (pg) {
8511              if (pg && Array.isArray(pg.items)) items = items.concat(pg.items);
8512            });
8513            _colMeta = items;
8514            return items;
8515          });
8516        })
8517        .catch(function () { _colMeta = []; return []; });
8518      return _colMetaPromise;
8519    }
8520
8521    /* バックグラウンドで現コレクションのメタインデックスをロードしてスタンプ */
8522    loadColMetaIndex().then(function (index) {
8523      _colMetaByUrl = {};
8524      index.forEach(function (item) {
8525        var u = (item.u || '').split('?')[0].split('#')[0];
8526        if (u) _colMetaByUrl[u] = item.m || '';
8527      });
8528      var $grid = document.querySelector('.js-grid');
8529      if ($grid) stampMetaAttrs($grid);
8530    });
8531
8532    /* Shopify の絞り込みフィルターが URL に反映されているか判定 */
8533    function hasActiveShopifyFilters() {
8534      return window.location.search.indexOf('filter.') !== -1;
8535    }
8536
8537    function applyColFilter($input, $empty, $grid) {
8538      var q = $input.value.toLowerCase().trim();
8539      _colQ = $input.value;
8540      var matched = 0;
8541
8542      /* ── 1. 以前に注入した他ページカードを除去 ── */
8543      Array.from($grid.querySelectorAll('.da-col-injected')).forEac
8543h(function (el) { el.remove(); });
8544
8545      /* ── 2. 現在グリッドにあるカードをキーワードでフィルタリング ──
8546              (Shopify 絞り込みが有効ならその結果がここに入っている) */
8547      var _domUrls = {};
8548      Array.from($grid.children).forEach(function (card) {
8549        var t = card.querySelector('.product__grid__title__wrapper')
8550             || card.querySelector('p.visually-hidden');
8551        var title = (t ? t.textContent : '').trim().toLowerCase();
8552        var metaEl = card.dataset.daMeta !== undefined ? card : card.querySelector('[data-da-meta]');
8553        var meta   = (metaEl ? metaEl.dataset.daMeta : '').toLowerCase();
8554        var show = !q || title.indexOf(q) !== -1 || meta.indexOf(q) !== -1;
8555        card.style.display = show ? '' : 'none';
8556        if (show) matched++;
8557        var a = card.querySelector('a[href*="/products/"]');
8558        if (a) _domUrls[(a.getAttribute('href') || '').split('?')[0].split('#')[0]] = true;
8559      });
8560
8561      /* ── 3. Shopify 絞り込みなし+キーワードあり → 他ページのマッチを注入
8562              絞り込みが有効な場合は Shopify 側がページ管理するため注入しない
8563              (注入すると絞り込み条件を満たさない商品が混入するため) */
8564      if (q && _colMeta && !hasActiveShopifyFilters()) {
8565        _colMeta.forEach(function (item) {
8566          var url = (item.u || '').split('?')[0].split('#')[0];
8567          if (_domUrls[url]) return;
8568          var title = (item.t || '').toLowerCase();
8569          var meta  = (item.m || '').toLowerCase();
8570          if (title.indexOf(q) === -1 && meta.indexOf(q) === -1) return;
8571          var div = document.createElement('div');
8572          div.className = 'da-col-injected';
8573          div.setAttribute('data-da-meta', item.m || '');
8574          div.innerHTML = _buildColCard(item);
8575          $grid.appendChild(div);
8576          matched++;
8577        });
8578      }
8579
8580      $empty.classList.toggle('da-hidden', !q || matched > 0);
8581      /* キーワードフィルター有効中はページネーションを非表示 */
8582      var $pager = document.querySelector('.pagination-custom');
8583      var $pagerWrap = $pager ? $pager.closest('.text-center') : null;
8584      if ($pagerWrap) $pagerWrap.style.display = q ? 'none' : '';
8585    }
8586
8587    function injectColSearch() {
8588      var $fi   = document.querySelector('.collection__filters__inner');
8589      var $grid = document.querySelector('.js-grid');
8590      if (!$fi || !$grid || $fi.querySelector('#da-col-search')) return;
8591
8592      var $cs = document.createElement('div');
8593      $cs.id  = 'da-col-search';
8594      $cs.className = 'da-col-search';
8595      $cs.innerHTML =
8596        '<div class="da-col-search__bar">'
8597          + '<svg class="da-col-search__icon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">'
8598          + '<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>'
8599          + '<input class="da-col-search__input" type="search" placeholder="モデル名や特徴で検索" autocomplete="off" autocorrect="off" spellcheck="false">'
8600          + '<button type="button" class="da-col-search__clear da-hidden" aria-label="クリア">'
8601          + '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>'
8602          + '</button>'
8603        + '</div>'
8604        + '<p class="da-col-search__empty da-hidden">該当する商品がありません</p>';
8605      $fi.insertBefore($cs, $fi.firstChild);
8606
8607      var $input = $cs.querySelector('.da-col-search__input');
8608      var $clear = $cs.querySelector('.da-col-search__clear');
8609      var $empty = $cs.querySelector('.da-col-search__empty');
8610
8611      /* force padding via inline style (highest specificity without !important) */
8612      $input.style.paddingTop    = '6px';
8613      $input.style.paddingBottom = '6px';
8614      $input.style.paddingLeft   = '0';
8615      $input.style.paddingRight  = '0';
8616      $input.style.fontSize      = (window.matchMedia('(pointer:coarse)').matches) ? '16px' : '12px';
8617      $input.style.lineHeight    = '1.4';
8618      $input.style.height        = 'auto';
8619
8620      /* restore query surviving a re-render */
8621      if (_colQ) {
8622        $input.value = _colQ;
8623        $clear.classList.remove('da-hidden');
8624        applyColFilter($input, $empty, $grid);
8625      }
8626
8627      $input.addEventListener('input', function () {
8628        $clear.classList.toggle('da-hidden', !$input.value);
8629        applyColFilter($input, $empty, $grid);
8630      });
8631      $clear.addEventListener('click', function () {
8632        $input.value = ''; _colQ = '';
8633        $clear.classList.add('da-hidden');
8634        applyColFilter($input, $empty, $grid);
8635        $input.focus();
8636      });
8637
8638      /* グリッドの子要素変化(無限スクロール・Ajaxフィルター)を監視して再適用 */
8639      new MutationObserver(function () {
8640        setTimeout(function () {
8641          var $g = document.querySelector('.js-grid');
8642          if ($g) {
8643            stampMetaAttrs($g);
8644            applyColFilter($input, $empty, $g);
8645          }
8646        }, 80);
8647      }).observe($grid, { childList: true, subtree: false });
8648    }
8649
8650    /* watch collection area: re-inject search box if DOM is replaced */
8651    function watchColSection() {
8652      var $watch = document.querySelector('.collection__content') || document.querySelector('.collection');
8653      if (!$watch) return;
8654      new MutationObserver(function () {
8655        var $fi = document.querySelector('.collection__filters__inner');
8656        if ($fi && !$fi.querySelector('#da-col-search')) {
8657          setTimeout(injectColSearch, 60);
8658        }
8659      }).observe($watch, { childList: true, subtree: true });
8660    }
8661
8662    function startColSearch() {
8663      injectColSearch();
8664      watchColSection();
8665    }
8666
8667    if (document.querySelector('.collection__filters__inner') && document.querySelector('.js-grid')) {
8668      startColSearch();
8669    } else {
8670      var _colObs = new MutationObserver(function () {
8671        if (document.querySelector('.collection__filters__inner') && document.querySelector('.js-grid')) {
8672          _colObs.disconnect();
8673          startColSearch();
8674        }
8675      });
8676      _colObs.observe(document.body, { childList: true, subtree: true });
8677      setTimeout(function () { _colObs.disconnect(); startColSearch(); }, 4000);
8678    }
8679  }
8680
8681})();
8682
8683} /* end dedupe guard */
8684</script>
8684
8685
8686<!-- /snippets/lm-fav-inline.liquid -->
8686<script>
8687(function () {
8688  if (window.LMFavorites) return;
8689
8690  /* ===== 設定 ===================================================== */
8691  // ↓ 自分のWorkerのURLに変更(末尾 /favorites まで)。同期しない場合は '' にする。
8692  var SYNC_ENDPOINT = 'https://dragon-search.oba-ad6.workers.dev/favorites'; // ログイン端末間同期(未ログインはlocalStorageのみ)
8693  var CUSTOMER_ID = null;
8694  /* =============================================================== */
8695
8696  var KEY = 'lm_favorites_v1';
8697  var syncEnabled = !!(SYNC_ENDPOINT && CUSTOMER_ID);
8698  var pushTimer = null;
8699
8700  function read() {
8701    try {
8702      var v = JSON.parse(localStorage.getItem(KEY));
8703      return Array.isArray(v) ? v : [];
8704    } catch (e) { return []; }
8705  }
8706
8707  function emit(list) {
8708    document.dispatchEvent(new CustomEvent('lm:favorites:changed', { detail: { list: list } }));
8709  }
8710
8711  function persistLocal(list) {
8712    try { localStorage.setItem(KEY, JSON.stringify(list)); } catch (e) {}
8713  }
8714
8715  function write(list) {
8716    persistLocal(list);
8717    emit(list);
8718    schedulePush();
8719  }
8720
8721  var API = {
8722    all: function () { return read(); },
8723    has: function (h) { return read().indexOf(h) !== -1; },
8724    add: function (h) {
8725      if (!h) return read();
8726      var l = read();
8727      if (l.indexOf(h) === -1) { l.push(h); write(l); }
8728      return l;
8729    },
8730    remove: function (h) {
8731      var l = read().filter(function (x) { return x !== h; });
8732      write(l);
8733      return l;
8734    },
8735    toggle: function (h) { return this.has(h) ? this.remove(h) : this.add(h); },
8736    count: function () { return read().length; }
8737  };
8738
8739  window.LMFavorites = API;
8740
8741  /* ===== ボタン共通CSS(1回だけ注入。カードで多重出力されるのを防ぐ)===== */
8742  (function injectCSS() {
8743    if (document.getElementById('lm-fav-btn-css')) return;
8744    var css =
8745      '.lm-fav-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;' +
8746      'background:#fff;border:1px solid #d9d9d9;border-radius:999px;padding:9px 16px;' +
8747      'color:#333;line-height:1;font-size:14px;-webkit-tap-highlight-color:transparent;' +
8748      'transition:border-color .15s ease,color .15s ease,background .15s ease;}' +
8749      '.lm-fav-btn:hover{border-color:#e23b6d;color:#e23b6d;}' +
8750      '.lm-fav-btn__icon{position:relative;display:inline-flex;width:22px;height:22px;color:#e23b6d;}' +
8751      '.lm-fav-btn__heart{position:absolute;inset:0;transition:opacity .15s ease,transform .15s ease;}' +
8752      '.lm-fav-btn__heart--fill{opacity:0;transform:scale(.6);}' +
8753      '.lm-fav-btn[aria-pressed="true"] .lm-fav-btn__heart--outline{opacity:0;}' +
8754      '.lm-fav-btn[aria-pressed="true"] .lm-fav-btn__heart--fill{opacity:1;transform:scale(1);}' +
8755      '.lm-fav-btn[aria-pressed="true"]{border-color:#e23b6d;color:#e23b6d;}' +
8756      '.lm-fav-btn__label{white-space:nowrap;}' +
8757      '@keyframes lm-fav-pop{0%{transform:scale(1);}40%{transform:scale(1.35);}100%{transform:scale(1);}}' +
8758      '.lm-fav-btn.is-popping .lm-fav-btn__icon{animation:lm-fav-pop .28s ease;}' +
8759      // 画像の右上に固定余白でオーバーレイ(Dragonはカード上部が画像)
8760      '.lm-fav-btn--icon{position:absolute;top:8px;right:8px;z-index:5;pointer-events:auto;' +
8761      'width:auto;height:auto;min-width:0;padding:4px;gap:0;justify-content:center;border-radius:0;' +
8762      'background:transparent;border:none;box-shadow:none;}' +
8763      '.lm-fav-btn--icon:hover{background:transparent;}' +
8764      '.lm-fav-btn--icon .lm-fav-btn__icon{width:20px;height:20px;color:#fff;' +
8765      'filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));}' +
8766      '.lm-fav-btn--icon:hover .lm-fav-btn__icon{color:#e23b6d;}' +
8767      '.lm-fav-btn--icon[aria-pressed="true"] .lm-fav-btn__icon{color:#e23b6d;}' +
8768      '.product-grid-item__container{position:relative;}' +
8769      'product-grid-item{position:relative;}' +
8770      // 商品ページ: カートボタンの右にハート(カートは可変幅で少し短く)
8771      '.lm-buy-row{display:flex;gap:10px;align-items:stretch;}' +
8772      '.lm-buy-row__cart{flex:1 1 auto;min-width:0;}' +
8773      '.lm-buy-row__cart>*{width:100%;margin:0!important;}' +
8774      '.lm-fav-btn--inline{flex:0 0 auto;align-self:stretch;padding:0 18px;border-radius:8px;}' +
8775      '.lm-fav-btn--inline .lm-fav-btn__icon{width:24px;height:24px;color:#e23b6d;}
8775' +
8776      '.lm-fav-btn--inline[aria-pressed="true"]{border-color:#e23b6d;background:#fff;}';
8777    var s = document.createElement('style');
8778    s.id = 'lm-fav-btn-css';
8779    s.textContent = css;
8780    (document.head || document.documentElement).appendChild(s);
8781  })();
8782
8783  /* ===== サーバー同期 ============================================= */
8784  function schedulePush() {
8785    if (!syncEnabled) return;
8786    clearTimeout(pushTimer);
8787    pushTimer = setTimeout(pushToServer, 600);
8788  }
8789
8790  function pushToServer() {
8791    if (!syncEnabled) return;
8792    var handles = read();
8793    fetch(SYNC_ENDPOINT, {
8794      method: 'POST',
8795      headers: { 'Content-Type': 'application/json' },
8796      body: JSON.stringify({ uid: String(CUSTOMER_ID), handles: handles })
8797    }).catch(function () {});
8798  }
8799
8800  function mergeAndInit() {
8801    if (!syncEnabled) {
8802      // 未ログイン: 初期状態を通知するだけ
8803      emit(read());
8804      return;
8805    }
8806    // ログイン中: サーバーの内容とローカルをマージ(和集合・ローカル順優先)
8807    fetch(SYNC_ENDPOINT + '?uid=' + encodeURIComponent(String(CUSTOMER_ID)), {
8808      headers: { 'Content-Type': 'application/json' }
8809    })
8810      .then(function (r) { return r.ok ? r.json() : { handles: [] }; })
8811      .catch(function () { return { handles: [] }; })
8812      .then(function (data) {
8813        var server = Array.isArray(data.handles) ? data.handles : [];
8814        var local = read();
8815        var merged = local.slice();
8816        server.forEach(function (h) { if (merged.indexOf(h) === -1) merged.push(h); });
8817
8818        persistLocal(merged);
8819        emit(merged);
8820
8821        // マージ結果がサーバーと違えば書き戻す
8822        if (merged.length !== server.length) pushToServer();
8823      });
8824  }
8825
8826  // 別タブでの変更を同期(同一ブラウザ内)
8827  window.addEventListener('storage', function (e) {
8828    if (e.key === KEY) emit(read());
8829  });
8830
8831  if (document.readyState === 'loading') {
8832    document.addEventListener('DOMContentLoaded', mergeAndInit);
8833  } else {
8834    mergeAndInit();
8835  }
8836})();
8837</script>
8837
8838<style>
8839  /* メインのカート横ハート: 枠線・背景なし、ハートのみ */
8840  .lm-buy-row .lm-fav-btn--inline{
8841    border:0 !important;background:transparent !important;box-shadow:none !important;
8842    border-radius:0;padding:0 10px;align-self:center;
8843  }
8844  .lm-buy-row .lm-fav-btn--inline:hover{
8845    background:transparent !important;border-color:transparent !important;
8846  }
8847  .lm-buy-row .lm-fav-btn--inline .lm-fav-btn__icon{width:28px;height:28px;}
8848
8849  /* 追従フローター内のハート: 枠線・背景なし、ハートのみ */
8850  .da-sticky-atc__inner .lm-fav-sticky{
8851    flex:0 0 auto;align-self:center;border:0 !important;border-radius:0;
8852    padding:0 8px;background:transparent !important;box-shadow:none !important;
8853  }
8854  .da-sticky-atc__inner .lm-fav-sticky:hover{background:transparent !important;border-color:transparent !important;}
8855  .da-sticky-atc__inner .lm-fav-sticky .lm-fav-btn__icon{width:24px;height:24px;color:#e23b6d;}
8856  @media (max-width:767px){
8857    .da-sticky-atc__inner .lm-fav-sticky{padding:0 6px;}
8858    .da-sticky-atc__inner .lm-fav-sticky .lm-fav-btn__icon{width:22px;height:22px;}
8859  }
8860
8861  /* PC右下: お気に入り一覧へのフローティングハート(件数バッジ付き)。SPは非表示=フッターに集約 */
8862  .lm-fav-fab{position:fixed;right:20px;bottom:80px;z-index:990;display:inline-flex;align-items:center;justify-content:center;
8863    width:48px;height:48px;border-radius:999px;text-decoration:none;background:#fff;color:#e23b6d;
8864    box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .15s ease,box-shadow .15s ease;}
8865  .lm-fav-fab:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.24);color:#e23b6d;}
8866  .lm-fav-fab__icon{display:inline-flex;width:24px;height:24px;}
8867  .lm-fav-fab__count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
8868    display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;
8869    background:#e23b6d;color:#fff;box-shadow:0 0 0 2px #fff;}
8870  .lm-fav-fab__count[data-empty="true"]{display:none;}
8871  @media (max-width:767px){ .lm-fav-fab{display:none !important;} }
8872</style>
8873
8874<script>
8875(function () {
8876  if (window.__lmFavInlineInit) return;
8877  window.__lmFavInlineInit = true;
8878
8879  var OUT = '<svg class="lm-fav-btn__heart lm-fav-btn__heart--outline" viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 20.7l-1.45-1.32C5.4 14.74 2 11.66 2 7.9 2 5.1 4.2 3 7 3c1.74 0 3.41.81 4.5 2.09C12.59 3.81 14.26 3 16 3c2.8 0 5 2.1 5 4.9 0 3.76-3.4 6.84-8.55 11.49L12 20.7z"/></svg>';
8880  var FILL = '<svg class="lm-fav-btn__heart lm-fav-btn__heart--fill" viewBox="0 0 24 24" width="22" height="22" fill="currentColor"><path d="M12 20.7l-1.45-1.32C5.4 14.74 2 11.66 2 7.9 2 5.1 4.2 3 7 3c1.74 0 3.41.81 4.5 2.09C12.59 3.81 14.26 3 16 3c2.8 0 5 2.1 5 4.9 0 3.76-3.4 6.84-8.55 11.49L12 20.7z"/></svg>';
8881
8882  function getHandle() {
8883    var f = document.querySelector('[data-product-form][data-product-handle]');
8884    return f ? f.getAttribute('data-product-handle') : null;
8885  }
8886
8887  function makeBtn(variant, extraClass) {
8888    var b = document.createElement('button');
8889    b.type = 'button';
8890    b.className = 'lm-fav-btn' + (variant ? (' lm-fav-btn--' + variant) : '') + (extraClass ? (' ' + extraClass) : '');
8891    b.setAttribute('data-lm-fav', getHandle() || '');
8892    b.setAttribute('aria-pressed', 'false');
8893    b.setAttribute('aria-label', 'お気に入りに追加');
8894    b.title = 'お気に入り';
8895    b.innerHTML = '<span class="lm-fav-btn__icon" aria-hidden="true">' + OUT + FILL + '</span>';
8896    return b;
8897  }
8898
8899  /* 1) メイン カート追加ボタンの横(buy-row: カート可変 + ハート) */
8900  function placeMain() {
8901    var handle = getHandle();
8902    if (!handle) return;
8903    var form = document.querySelector('[data-product-form]');
8904    if (!form) return;
8905    // カートに入れるボタンだけをラップ(Shop Pay等の下段ボタンはそのまま全幅)
8906    var cartBtn = form.querySelector('[data-add-to-cart]');
8907    if (!cartBtn) return;
8908    if (cartBtn.closest('.lm-buy-row')) return; // 既に処理済み
8909    var row = document.createElement('div');
8910    row.className = 'lm-buy-row';
8911    var cart = document.createElement('div');
8912    cart.className = 'lm-buy-row__cart';
8913    cartBtn.parentNode.insertBefore(row, cartBtn);
8914    cart.appendChild(cartBtn);
8915    row.appendChild(cart);
8916    row.appendChild(makeBtn('inline'));
8917  }
8918
8919  /* 2) 追従フローター(.da-sticky-atc)の横 */
8920  function placeSticky() {
8921    var handle = getHandle();
8922    if (!handle) return;
8923    var inner = document.querySelector('.da-sticky-atc__inner');
8924    if (!inner || inner.querySelector('.lm-fav-btn')) return;
8925    inner.appendChild(makeBtn('inline', 'lm-fav-sticky'));
8926  }
8927
8928  function syncAll() {
8929    if (!window.LMFavorites) return;
8930    document.querySelectorAll('.lm-fav-btn[data-lm-fav]').forEach(function (btn) {
8931      btn.setAttribute('aria-pressed', window.LMFavorites.has(btn.getAttribute('data-lm-fav')) ? 'true' : 'false');
8932    });
8933  }
8934
8935  /* クリックでトグル(lm-favorite-button.liquid と同じ挙動。ガードで二重登録防止) */
8936  if (!window.__lmFavBtnInit) {
8937    window.__lmFavBtnInit = true;
8938    document.addEventListener('click', function (e) {
8939      var btn = e.target.closest('.lm-fav-btn[data-lm-fav]');
8940      if (!btn) return;
8941      e.preventDefault();
8942      var h = btn.getAttribute('data-lm-fav');
8943      if (!h || !window.LMFavorites) return;
8944      window.LMFavorites.toggle(h);
8945      if (window.LMFavorites.has(h)) {
8946        btn.classList.remove('is-popping'); void btn.offsetWidth; btn.classList.add('is-popping');
8947      }
8948    });
8949  }
8950
8951  /* 3) PC右下: お気に入り一覧へのフローティングハート(全ページ・SPは非表示) */
8952  var FAV_LIST_URL = '/pages/favorites';
8953  function placeBadge() {
8954    if (document.querySelector('.lm-fav-fab')) return;
8955    var a = document.createElement('a');
8956    a.className = 'lm-fav-fab';
8957    a.href = FAV_LIST_URL;
8958    a.setAttribute('aria-label', 'お気に入り一覧を見る');
8959    a.innerHTML =
8960      '<span class="lm-fav-fab__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M12 20.7l-1.45-1.32C5.4 14.74 2 11.66 2 7.9 2 5.1 4.2 3 7 3c1.74 0 3.41.81 4.5 2.09C12.59 3.81 14.26 3 16 3c2.8 0 5 2.1 5 4.9 0 3.76-3.4 6.84-8.55 11.49L12 20.7z"/></svg></span>' +
8961      '<span class="lm-fav-fab__count" data-lm-fav-fab-count>0</span>';
8962    document.body.appendChild(a);
8963    updateBadge();
8964  }
8965  function updateBadge() {
8966    var c = window.LMFavorites ? window.LMFavorites.count() : 0;
8967    document.querySelectorAll('[data-lm-fav-fab-count]').forEach(function (el) {
8968      el.textContent = c;
8969      el.setAttribute('data-empty', c < 1 ? 'true' : 'false');
8970    });
8971  }
8972
8973  function run() { placeMain(); placeSticky(); placeBadge(); syncAll(); updateBadge(); }
8974
8975  document.addEventListener('lm:favorites:changed', function () { syncAll(); updateBadge(); });
8976  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run);
8977  else run();
8978
8979  /* フローターは後から生成/複製される場合があるので監視して差し込む */
8980  if (window.MutationObserver) {
8981    var mo = new MutationObserver(function () { placeSticky(); });
8982    mo.observe(document.body, { childList: true, subtree: true });
8983  }
8984})();
8985</script>
8985
8986
8987<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
8987<script>
8988  window['ShopifyForms'] = {
8989    ...window['ShopifyForms'],
8990    currentPageType: "product"
8991  };
8992</script>
8992
8993
8994
8995</div>
8995<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8995
8996</body>
8997</html>
8998

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.