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– 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&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&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&width=280 2x, 1088 //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&width=420 3x, 1089 //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&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&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&width=280 2x, 1149 //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&width=420 3x, 1150 //dragonalliance.jp/cdn/shop/files/4x_1.png?v=1754027990&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 {'&':'&','<':'<','>':'>','"':'"'}[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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&width=400 400w, //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&width=768 768w, //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&width=932 932w, //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&width=1024 1024w, //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&width=1200 1200w, 3273 //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&width=400 400w, //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&width=768 768w, //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&width=932 932w, //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&width=1024 1024w, //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&width=1200 1200w, 3333 //dragonalliance.jp/cdn/shop/files/2_0708145443_668b7f23951df.jpg?v=1754837818&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&width=400 400w, //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&width=768 768w, //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&width=932 932w, //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&width=1024 1024w, //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&width=1200 1200w, 3393 //dragonalliance.jp/cdn/shop/files/3_0708145443_668b7f2333a25.jpg?v=1754837818&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&width=400 400w, //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&width=768 768w, //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&width=932 932w, //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&width=1024 1024w, //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&width=1200 1200w, 3453 //dragonalliance.jp/cdn/shop/files/4_0708145442_668b7f22e7aab.jpg?v=1754837818&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&width=400 400w, //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&width=768 768w, //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&width=932 932w, //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&
3512width=1024 1024w, //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&width=1200 1200w, 3513 //dragonalliance.jp/cdn/shop/files/5_0708145442_668b7f22b4c5f.jpg?v=1754837818&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&width=400 400w, //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&width=768 768w, //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&width=932 932w, //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&width=1024 1024w, //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&width=1200 1200w, 3573 //dragonalliance.jp/cdn/shop/files/6_0708145442_668b7f2233816.jpg?v=1754837818&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&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&width=152 2x, 3827 //dragonalliance.jp/cdn/shop/files/1_0708145443_668b7f23db9d7.jpg?v=1754837819&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&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&width=152 2x, 3858 //dragonalliance.jp/cdn/shop/files/0708145604_668b7f747ce77.jpg?v=1754937717&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&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&width=152 2x, 3889 //dragonalliance.jp/cdn/shop/files/1114-1LUCYSPEEDPLUM-GREY_1.jpg?v=1754553127&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&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&width=152 2x, 3920 //dragonalliance.jp/cdn/shop/files/1112LUCYMERCURYFLM-BLU-ION_1.jpg?v=1754557368&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&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&width=152 2x, 3951 //dragonalliance.jp/cdn/shop/files/1_0722120514_669dcc6a0b1ec.jpg?v=1754939387&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&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&width=152 2x, 3982 //dragonalliance.jp/cdn/shop/files/1109LUCY2SPCINNAMON-BRZ_1.jpg?v=1754557516&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&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&width=152 2x, 4013 //dragonalliance.jp/cdn/shop/files/1102LUCYTOROISEBRONZ_1.jpg?v=1754559450&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&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&width=152 2x, 4044 //dragonalliance.jp/cdn/shop/files/1117LUCYLUNARFADEBRZGRAD_1.jpg?v=1754552542&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&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&width=152 2x, 4075 //dragonalliance.jp/cdn/shop/files/1116LUCYCARMELFADE-BRZGRD_1.jpg?v=1754557142&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&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&width=152 2x, 4106 //dragonalliance.jp/cdn/shop/files/115LUCYJETFADE-GREYGRAD_1.jpg?v=1754557230&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&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&width=152 2x, 4137 //dragonalliance.jp/cdn/shop/files/1111-LUCY-DECO-CHANNEL-GREY_1.jpg?v=1754557445&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&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&width=152 2x, 4168 //dragonalliance.jp/cdn/shop/files/1107LUCYJET-SCOTCH_1.jpg?v=1754559072&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&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&width=152 2x, 4199 //dragonalliance.jp/cdn/shop/files/1106LUCYJET-YELLOW_1.jpg?v=1754559157&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&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&width=152 2x, 4230 //dragonalliance.jp/cdn/shop/files/1105LUCYJET-BLUE_1.jpg?v=1754559235&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&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&width=152 2x, 4261 //dragonalliance.jp/cdn/shop/files/1103LUCYJET-ROSE_1.jpg?v=1754559373&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&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&width=152 2x, 4292 //dragonalliance.jp/cdn/shop/files/0708145351_668b7eef4b957.jpg?v=1754937555&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&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&width=152 2x, 4323 //dragonalliance.jp/cdn/shop/files/1_0610144109_6847c575681ca_9df5a074-c207-406b-b911-31f8e1fe0563.jpg?v=1754939925&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&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&width=152 2x, 4354 //dragonalliance.jp/cdn/shop/files/1_d5674bbb-cd00-4f5e-ac2e-4aee0e5a9d7a.jpg?v=1754940093&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">−</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"> </span> 4465 </button><div class="product__submit__quick"> 4466 <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":75059462398,"merchantName":"DRAGON JAPAN OFFICIAL STORE","personalized":true}}" fallback="{"supports_subs":true,"supports_def_opts":true,"name":"buy_it_now","wallet_params":{}}" access-token="66862888628a00a26a6713463ae76913" buyer-country="JP" buyer-locale="ja" buyer-currency="JPY" variant-params="[{"id":47129899892990,"requiresShipping":true}]" shop-id="75059462398" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton"> </div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true"> </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&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&v=1760680027&width=1000 1000w, 5118 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=214&v=1760680027&width=214 214w, 5119 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=428&v=1760680027&width=428 428w, 5120 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=223&v=1760680027&width=223 223w, 5121 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=446&v=1760680027&width=446 446w, 5122 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=308&v=1760680027&width=308 308w, 5123 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=616&v=1760680027&width=616 616w, 5124 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=333&v=1760680027&width=333 333w, 5125 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=666&v=1760680027&width=666 666w, 5126 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=433&v=1760680027&width=433 433w, 5127 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?height=866&v=1760680027&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&width=400 400w, //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&width=768 768w, //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&width=932 932w, 5166 //dragonalliance.jp/cdn/shop/files/LUCY_1.jpg?v=1760680027&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&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&v=1760680027&width=1000 1000w, 5195 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=214&v=1760680027&width=214 214w, 5196 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=428&v=1760680027&width=428 428w, 5197 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=223&v=1760680027&width=223 223w, 5198 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=446&v=1760680027&width=446 446w, 5199 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=308&v=1760680027&width=308 308w, 5200 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=616&v=1760680027&width=616 616w, 5201 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=333&v=1760680027&width=333 333w, 5202 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=666&v=1760680027&width=666 666w, 5203 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=433&v=1760680027&width=433 433w, 5204 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?height=866&v=1760680027&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&width=400 400w, //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&width=768 768w, //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&width=932 932w, 5243 //dragonalliance.jp/cdn/shop/files/LUCY_2.jpg?v=1760680027&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&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&v=1760680027&width=1000 1000w, 5272 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=214&v=1760680027&width=214 214w, 5273 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=428&v=1760680027&width=428 428w, 5274 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=223&v=1760680027&width=223 223w, 5275 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=446&v=1760680027&width=446 446w, 5276 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=308&v=1760680027&width=308 308w, 5277 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=616&v=1760680027&width=616 616w, 5278 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=333&v=1760680027&width=333 333w, 5279 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=666&v=1760680027&width=666 666w, 5280 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=433&v=1760680027&width=433 433w, 5281 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?height=866&v=1760680027&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&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&width=352 352w, //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&width=400 400w, //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&width=768 768w, //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&width=932 932w, 5320 //dragonalliance.jp/cdn/shop/files/LUCY_3.jpg?v=1760680027&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&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&v=1752028978&width=801 801w, 5787 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=210&v=1752028978&width=300 300w, 5788 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=420&v=1752028978&width=600 600w, 5789 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=233&v=1752028978&width=334 334w, 5790 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=467&v=1752028978&width=668 668w, 5791 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=323&v=1752028978&width=462 462w, 5792 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=350&v=1752028978&width=500 500w, 5793 //dragonalliance.jp/cdn/shop/files/tech_VCG-FRAME.jpg?height=455&v=1752028978&
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&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&v=1756349369&width=801 801w, 5923 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=299&v=1756349369&width=300 300w, 5924 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=599&v=1756349369&width=600 600w, 5925 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=333&v=1756349369&width=334 334w, 5926 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=667&v=1756349369&width=668 668w, 5927 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=461&v=1756349369&width=462 462w, 5928 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=499&v=1756349369&width=500 500w, 5929 //dragonalliance.jp/cdn/shop/files/TECH_6BASE_POLY.jpg?height=649&v=1756349369&
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&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&v=1755758985&width=1200 1200w,
6056 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=140&v=1755758985&width=300 300w, 6057 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=280&v=1755758985&width=600 600w, 6058 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=155&v=1755758985&width=334 334w, 6059 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=311&v=1755758985&width=668 668w, 6060 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=215&v=1755758985&width=462 462w, 6061 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=431&v=1755758985&width=924 924w, 6062 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=233&v=1755758985&width=500 500w, 6063 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=466&v=1755758985&width=1000 1000w, 6064 //dragonalliance.jp/cdn/shop/files/tech_NYLON-POLYMER-2.jpg?height=303&v=1755758985&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&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&v=1755759136&width=1200 1200w, 6191 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=140&v=1755759136&width=300 300w, 6192 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=280&v=1755759136&width=600 600w, 6193 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=155&v=1755759136&width=334 334w, 6194 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=311&v=1755759136&width=668 668w, 6195 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=215&v=1755759136&width=462 462w, 6196 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=431&v=1755759136&width=924 924w, 6197 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=233&v=1755759136&width=500 500w, 6198 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=466&v=1755759136&width=1000 1000w, 6199 //dragonalliance.jp/cdn/shop/files/tech_DOUBLE-HINGE-2.jpg?height=303&v=1755759136&
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&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&v=1755760282&width=1000 1000w, 6315 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=223&v=1755760282&width=223 223w, 6316 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=446&v=1755760282&width=446 446w, 6317 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=250&v=1755760282&width=250 250w, 6318 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=500&v=1755760282&width=500 500w, 6319 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=308&v=1755760282&width=308 308w, 6320 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=616&v=1755760282&width=616 616w, 6321 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=333&v=1755760282&width=333 333w, 6322 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=666&v=1755760282&width=666 666w, 6323 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=433&v=1755760282&width=433 433w, 6324 //dragonalliance.jp/cdn/shop/files/SOFTCASE_BLACK.jpg?height=866&v=1755760282&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&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&v=1755760282&width=1000 1000w, 6354 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=223&v=1755760282&width=223 223w, 6355 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=446&v=1755760282&width=446 446w, 6356 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=250&v=1755760282&width=250 250w, 6357 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=500&v=1755760282&width=500 500w, 6358 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=308&v=1755760282&width=308 308w, 6359 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=616&v=1755760282&width=616 616w, 6360 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=333&v=1755760282&width=333 333w, 6361 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=666&v=1755760282&width=666 666w, 6362 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=433&v=1755760282&width=433 433w, 6363 //dragonalliance.jp/cdn/shop/files/BOX.jpg?height=866&v=1755760282&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"> © <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, '&').replace(/</g, '<') 7973 .replace(/>/g, '>').replace(/"/g, '"'); 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.