1<!doctype html> 2 3<!-- 4 ___ ___ ___ ___ 5 / /\ /__/\ / /\ / /\ 6 / /:/_ \ \:\ / /:/ / /::\ 7 / /:/ /\ ___ ___ \ \:\ / /:/ / /:/\:\ 8 / /:/ /:/ /__/\ / /\ ___ \ \:\ / /:/ ___ / /:/ \:\ 9 /__/:/ /:/ \ \:\ / /:/ /__/\ \__\:\ /__/:/ / /\ /__/:/ \__\:\ 10 \ \:\/:/ \ \:\ /:/ \ \:\ / /:/ \ \:\ / /:/ \ \:\ / /:/ 11 \ \::/ \ \:\/:/ \ \:\ /:/ \ \:\ /:/ \ \:\ /:/ 12 \ \:\ \ \::/ \ \:\/:/ \ \:\/:/ \ \:\/:/ 13 \ \:\ \__\/ \ \::/ \ \::/ \ \::/ 14 \__\/ \__\/ \__\/ \__\/ 15 16 -------------------------------------------------------------------- 17 # Stiletto v3.4.0 18 # Documentation: https://help.fluorescent.co/v/stiletto 19 # Purchase: https://themes.shopify.com/themes/stiletto/ 20 # A product by Fluorescent: https://fluorescent.co/ 21 -------------------------------------------------------------------- 22--> 23 24<html class="no-js" lang="ja" style="--announcement-height: 1px;"> 25 <head> 26 <meta charset="UTF-8"> 27 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 28 <meta name="viewport" content="width=device-width,initial-scale=1"> 29 30 31 32 33 34 <meta name="description" content="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã"> 35 36 37 38 <link rel="canonical" href="https://sabon.co.jp/blogs/news/tagged/store"> 39 40 <link rel="preconnect" href="https://fonts.googleapis.com"> 41 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 42 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 43 44 <!-- To remove Priori Sans Unused? <link rel="stylesheet" href="https://use.typekit.net/fxj5ksa.css">--> 45 <link href="https://fonts.googleapis.com/css2?family=Petrona:ital,wght@0,400;0,600;1,400&family=Noto+Sans+JP:wght@400;600&display=swap" rel="stylesheet"> 46 47 48<link rel="shortcut icon" href="//sabon.co.jp/cdn/shop/files/logo_tiny_ps.svg?crop=center&height=32&v=1782104462&width=32" type="image/png"><link href="//sabon.co.jp/cdn/shop/t/70/assets/theme-override.css?v=53687161179997079941789623128" rel="stylesheet" type="text/css" media="all" /> 49 50 51 <!-- Custom Code to Add Wishlist behind Login + cookies. -->
52<script defer> 53 // preferences cookies check 54 55 56 function swymCallbackFn(swat) { 57 var isLoggedIn; 58 59 isLoggedIn = false; 60 61 if (isLoggedIn == false) { 62 SwymUtils.getHostedURL = function() { 63 /* Navigate to login page on click of swym-icons for wishlist page.*/ 64 return "/account/login"; 65 } 66 // Override launchpoints. 67 swat.ui.open = function(){ 68 console.log("Not Logged IN!"); 69 swymRedirectToLogin(); 70 } 71 // Override default API implementations. 72 swat.api.addToWishList = function(){ 73 console.log("Not Logged IN!"); 74 swymRedirectToLogin(); 75 } 76 77 // Override API for Pop-up 78 swat.ui.uiRef.addToWishlist =function(){ 79 console.log("Not Logged IN!"); 80 swymRedirectToLogin(); 81 } 82 } 83 function swymRedirectToLogin(customURL){ 84 var accountsPageURL = customURL || window.origin + "/account/login"; 85 window.location = accountsPageURL; 86 } 87 } 88 if (!window.SwymCallbacks) { 89 window.SwymCallbacks = []; 90 } 91 window.SwymCallbacks.push(swymCallbackFn); 92 </script>
92 93
94<script defer> 95 function swymCallbackFn(swat){ 96 // your API calls go here 97 document.addEventListener("swym:collections-loaded", function(){ 98 swat.initializeActionButtons("body"); 99 }) 100 } 101 if(!window.SwymCallbacks){ 102 window.SwymCallbacks = []; 103 } 104 window.SwymCallbacks.push(swymCallbackFn); 105 106</script>
106 107
108<script> 109window.SwymCallbacks = window.SwymCallbacks || []; 110 111window.SwymCallbacks.push(function(swat) { 112 const eventName = 'sw:addedtowishlist'; 113 114 const listener = function(e) { 115 setTimeout(function() { 116 window.WishlistPlusPDPButtonAPI.initializePDPButton(_swat); 117 }, 1000); 118 }; 119 120 swat.evtLayer.addEventListener(eventName, listener); 121}); 122</script>
122 123 124<style> 125.product-item__wishlist-btn.swym-button.swym-add-to-wishlist-view-product { 126 right: 1.5rem !important; 127 top: 1rem; 128 left: auto !important; 129 position: absolute; 130 z-index: 3; 131} 132 133.product-item__wishlist-btn.swym-button.swym-add-to-wishlist-view-product:after { 134 color: #b4975d !important; 135 font-size: 1.4rem; 136} 137 138.swym-advanced-wishlist-collections-container { 139 display: none; 140} 141</style> 142 143
143<script src="//sabon.co.jp/cdn/shop/t/70/assets/cookie-events.js?v=156837611808780857051789623115" defer></script>
143<title>ãã¥ã¼ã¹ 144– ã Store ãã¨ããã¿ã°ãä»ãããã¦ãã¾ã– SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã</title> 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181<meta property="og:url" content="https://sabon.co.jp/blogs/news/tagged/store"> 182<meta property="og:site_name" content="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã"> 183<meta property="og:type" content="website"> 184<meta property="og:title" content="ãã¥ã¼ã¹"> 185<meta property="og:description" content="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã"> 186<meta property="og:image" content="https://sabon.co.jp/cdn/shop/files/img_BS_1200x628.jpg?v=1782104311"> 187<meta property="og:image:secure_url" content="https://sabon.co.jp/cdn/shop/files/img_BS_1200x628.jpg?v=1782104311"> 188 189 190 191<meta name="twitter:title" content="ãã¥ã¼ã¹"> 192<meta name="twitter:description" content="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã"> 193<meta name="twitter:card" content="summary_large_image"> 194<meta name="twitter:image" content="https://sabon.co.jp/cdn/shop/files/img_BS_1200x628.jpg?v=1782104311"> 195<meta name="twitter:image:width" content="480"> 196<meta name="twitter:image:height" content="480"> 197 198 199
199<script> 200 console.log('Stiletto v3.4.0 by Fluorescent'); 201 202 document.documentElement.className = document.documentElement.className.replace('no-js', ''); 203 if (window.matchMedia(`(prefers-reduced-motion: reduce)`) === true || window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true) { 204 document.documentElement.classList.add('prefers-reduced-motion'); 205 } else { 206 document.documentElement.classList.add('do-anim'); 207 } 208 209 window.theme = { 210 version: 'v3.4.0', 211 themeName: 'Stiletto', 212 moneyFormat: "Â¥{{amount_no_decimals}}", 213 strings: { 214 name: "SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã", 215 accessibility: { 216 play_video: "éã¶", 217 pause_video: "䏿忢", 218 range_lower: "ããä½ã", 219 range_upper: "ã¢ããã¼" 220 }, 221 product: { 222 no_shipping_rates: "é éæã¯ä¸æã§ã", 223 country_placeholder: "å½\/å°å", 224 review: "ã¬ãã¥ã¼ãæ¸ã" 225 }, 226 products: { 227 product: { 228 unavailable: "å©ç¨ã§ãã¾ãã", 229 unitPrice: "å価", 230 unitPriceSeparator: "ããã", 231 sku: "SKU" 232 } 233 }, 234 cart: { 235 editCartNote: "注æã¡ã¢ãç·¨éãã", 236 addCartNote: "注æã¡ã¢ã追å ãã", 237 quantityError: "ã«ã¼ãã«ãã®ååã®æå¤§æ°ãå ¥ãã¦ãã¾ã" 238 }, 239 pagination: { 240 viewing: "{{ total }}ä»¶ã®ååä¸ã{{ of }}ä»¶ã表示ä¸", 241 products: "", 242 results: "çµæ" 243 } 244 }, 245 routes: { 246 root: "/", 247 cart: { 248 base: "/cart", 249 add: "/cart/add", 250 change: "/cart/change", 251 update: "/cart/update", 252 clear: "/cart/clear", 253 // Manual routes until Shopify adds support 254 shipping: "/cart/shipping_rates", 255 }, 256 // Manual routes until Shopify adds support 257 products: "/products", 258 productRecommendations: "/recommendations/products", 259 predictive_search_url: '/search/suggest', 260 }, 261 icons: { 262 chevron: "\u003cspan class=\"icon icon-new icon-chevron \"\u003e\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M1.875 7.438 12 17.563 22.125 7.438\" stroke=\"currentColor\" stroke-width=\"1\"\/\u003e\u003c\/svg\u003e\n\u003c\/span\u003e\n", 263 close: "\u003cspan class=\"icon icon-new icon-close \"\u003e\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M5.5 19L4 17.5L10 11.5L4 5.5L5.5 4L11.5 10L17.5 4L19 5.5L13 11.5L19 17.5L17.5 19L11.5 13L5.5 19Z\" fill=\"currentColor\"\/\u003e\u003c\/svg\u003e\n\u003c\/span\u003e\n", 264 zoom: "\u003cspan class=\"icon icon-new icon-zoom \"\u003e\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M10.3,19.71c5.21,0,9.44-4.23,9.44-9.44S15.51,.83,10.3,.83,.86,5.05,.86,10.27s4.23,9.44,9.44,9.44Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\n \u003cpath d=\"M5.05,10.27H15.54\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\n \u003cpath class=\"cross-up\" d=\"M10.3,5.02V15.51\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\n \u003cpath d=\"M16.92,16.9l6.49,6.49\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\u003c\/svg\u003e\n\u003c\/span\u003e\n" 265 }, 266 coreData: { 267 n: "Stiletto", 268 v: "v3.4.0", 269 } 270 } 271 272 window.theme.searchableFields = "product_type,title,variants.sku,variants.title"; 273 274 275</script>
275 276 277 <style> 278 279 280 281 282 283 284 285 286 :root { 287 --color-text: #212121; 288 --color-text-8-percent: rgba(33, 33, 33, 0.08); 289 --color-text-alpha: rgba(33, 33, 33, 0.35); 290 --color-text-meta: rgba(33, 33, 33, 0.6); 291 --color-text-link: #b4975e; 292 --color-text-error: #D02F2E; 293 --color-text-success: #478947; 294 295 --color-background: #f9f4ed; 296 --color-background-semi-transparent-80: rgba(249, 244, 237, 0.8); 297 --color-background-semi-transparent-90: rgba(249, 244, 237, 0.9); 298 299 --color-background-transparent: rgba(249, 244, 237, 0); 300 --color-border: #b4975e; 301 --color-border-meta: rgba(180, 151, 94, 0.6); 302 --color-overlay: rgba(0, 0, 0, 0.7); 303 304 --color-background-meta: #f4ebde; 305 --color-background-meta-alpha: rgba(244, 235, 222, 0.6); 306 --color-background-darker-meta: #eedfcb; 307 --color-background-darker-meta-alpha: rgba(238, 223, 203, 0.6); 308 --color-background-placeholder: #eedfcb; 309 --color-background-placeholder-lighter: #f1e6d6; 310 --color-foreground-placeholder: rgba(33, 33, 33, 0.4); 311 312 --color-border-input: #b4975e; 313 --color-border-input-alpha: rgba(180, 151, 94, 0.25); 314 --color-text-input: #212121; 315 --color-text-input-alpha: rgba(33, 33, 33, 0.04); 316 317 --color-text-button: #f9f4ed; 318 319 --color-background-button: #b4975e; 320 --color-background-button-alpha: rgba(180, 151, 94, 0.6); 321 --color-background-outline-button-alpha: rgba(180, 151, 94, 0.1); 322 --color-background-button-hover: #756037; 323 324 --color-icon: rgba(33, 33, 33, 0.4); 325 --color-icon-darker: rgba(33, 33, 33, 0.6); 326 327 --color-text-sale-badge: #C31818; 328 --color-background-sold-badge: #414141; 329 --color-text-sold-badge: #fffef9; 330 331 --color-text-header: #212121; 332 --color-text-header-half-transparent: rgba(33, 33, 33, 0.5); 333 334 --color-background-header: #fffef9; 335 --color-background-header-transparent: rgba(255, 254, 249, 0); 336 --color-icon-header: #212121; 337 --color-shadow-header: rgba(0, 0, 0, 0.15); 338 339 --color-background-footer: #fffef9; 340 --color-text-footer: #212121; 341 --color-text-footer-subdued: rgba(33, 33, 33, 0.7); 342 343 --color-products-sale-price: #a70100; 344 --color-products-rating-star: #b4975e; 345 346 --color-products-stock-good: #b4975e; 347 --color-products-stock-medium: #A77A06; 348 --color-products-stock-bad: #A70100; 349 --color-products-stock-bad: #A70100; 350 351 --font-logo: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; 352 --font-logo-weight: 400; 353 --font-logo-style: normal; 354 --logo-text-transform: uppercase; 355 --logo-letter-spacing: 0.0em; 356 357 --font-heading: "Petrona", "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "ãã©ã®ãè§ã´ ProN", Meiryo, sans-serif; 358 --font-heading-weight: 600; 359 --font-heading-style: normal; 360 --font-heading-text-transform: none; 361 --font-heading-base-letter-spacing: -0.04em; 362 --font-heading-base-size: 39px; 363 364 --font-body: "Petrona", "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "ãã©ã®ãè§ã´ ProN", Meiryo, sans-serif; 365 --font-body-weight: 400; 366 --font-body-style: normal; 367 --font-body-italic: italic; 368 --font-body-bold-weight: 700; 369 --font-body-base-letter-spacing: 0.0em; 370 --font-body-base-size: 16px; 371 372 /* Typography */ 373 --line-height-heading: 1.3; 374 --line-height-subheading: 1.33; 375 --line-height-body: 1.65; 376 377 --logo-font-size: 378clamp(1.925rem, 1.5831491712707182rem + 1.4585635359116023vw, 2.75rem) 379; 380 381 --font-size-navigation-base: var(--font-size-body-75); 382 --font-navigation-base-letter-spacing: 0.0em; 383 --font-navigation-base-text-transform: uppercase; 384 385 --font-size-heading-display-1: 386clamp(2.2499173125rem, 2.0589671312154696rem + 0.814720773480663vw, 2.71074375rem) 387; 388 --font-size-heading-display-2: 389clamp(1.624974rem, 1.4870626740331492rem + 0.5884216574585635vw, 1.9578rem) 390; 391 --font-size-heading-display-3: 392clamp(1.37491575rem, 1.2582268342541436rem + 0.4978727071823204vw, 1.656525rem) 393; 394 --font-size-heading-1-base: 395clamp(2.023125rem, 1.8514226519337016rem + 0.7325966850828729vw, 2.4375rem) 396; 397 --font-size-heading-2-base: 398clamp(1.624974rem, 1.4870626740331492rem + 0.5884216574585635vw, 1.9578rem) 399; 400 --font-size-heading-3-base: 401clamp(1.51734375rem, 1.3885669889502763rem + 0.5494475138121547vw, 1.828125rem) 402; 403 --font-size-heading-4-base: 404clamp(1.179481875rem, 1.079379406077348rem + 0.4271038674033149vw, 1.4210625rem) 405; 406 --font-size-heading-5-base: 407clamp(1.0115625rem, 0.9257113259668508rem + 0.36629834254143645vw, 1.21875rem) 408; 409 --font-size-heading-6-base:
410clamp(0.84162rem, 0.7701918232044199rem + 0.3047602209944751vw, 1.014rem) 411; 412 --font-size-body-400: 413clamp(1.46608rem, 1.3832402209944752rem + 0.3534497237569061vw, 1.666rem) 414; 415 --font-size-body-350: 416clamp(1.3684rem, 1.2910795580110497rem + 0.3299005524861879vw, 1.555rem) 417; 418 --font-size-body-300: 419clamp(1.27072rem, 1.1989188950276244rem + 0.3063513812154696vw, 1.444rem) 420; 421 --font-size-body-250: 422clamp(1.17304rem, 1.1067582320441989rem + 0.2828022099447514vw, 1.333rem) 423; 424 --font-size-body-200: 425clamp(1.07536rem, 1.0145975690607736rem + 0.25925303867403315vw, 1.222rem) 426; 427 --font-size-body-150: 428clamp(0.97768rem, 0.9224369060773481rem + 0.23570386740331492vw, 1.111rem) 429; 430 --font-size-body-100: 431clamp(0.88rem, 0.8302762430939227rem + 0.2121546961325967vw, 1.0rem) 432; 433 --font-size-body-75: 434clamp(0.78144rem, 0.7372853038674033rem + 0.18839337016574587vw, 0.888rem) 435; 436 --font-size-body-60: 437clamp(0.723536rem, 0.6826531270718232rem + 0.174433591160221vw, 0.8222rem) 438; 439 --font-size-body-50: 440clamp(0.68376rem, 0.6451246408839779rem + 0.16484419889502763vw, 0.777rem) 441; 442 --font-size-body-25: 443clamp(0.63536rem, 0.5994594475138122rem + 0.1531756906077348vw, 0.722rem) 444; 445 --font-size-body-20: 446clamp(0.58608rem, 0.5529639779005525rem + 0.1412950276243094vw, 0.666rem) 447; 448 449 /* Buttons */ 450 451 --button-padding-multiplier: 1; 452 --font-size-button: var(--font-size-body-75); 453 --font-size-button-x-small: var(--font-size-body-25); 454 455 456 --font-button-text-transform: uppercase; 457 --button-letter-spacing: 0.0em; 458 --line-height-button: 1.45; 459 460 /* Product badges */ 461 462 --font-size-product-badge: var(--font-size-body-20); 463 464 465 --font-product-badge-text-transform: uppercase; 466 467 /* Product listing titles */ 468 469 --font-size-listing-title: var(--font-size-body-60); 470 471 472 --font-product-listing-title-text-transform: uppercase; 473 --font-product-listing-title-base-letter-spacing: 0.0em; 474 475 /* Shopify pay specific */ 476 --payment-terms-background-color: #f4ebde; 477 } 478 479 @supports not (font-size: clamp(10px, 3.3vw, 20px)) { 480 :root { 481 --logo-font-size: 4822.3375rem 483; 484 --font-size-heading-display-1: 4853.34546875rem 486; 487 --font-size-heading-display-2: 4882.9730065625rem 489; 490 --font-size-heading-display-3: 4912.6018825625rem 492; 493 --font-size-heading-1-base: 4942.2303125rem 495; 496 --font-size-heading-2-base: 4971.9515234375rem 498; 499 --font-size-heading-3-base: 5001.672734375rem 501; 502 --font-size-heading-4-base: 5031.3002721875rem 504; 505 --font-size-heading-5-base: 5061.11515625rem 507; 508 --font-size-heading-6-base: 5090.92781rem 510; 511 --font-size-body-400: 5121.56604rem 513; 514 --font-size-body-350: 5151.4617rem 516; 517 --font-size-body-300: 5181.35736rem 519; 520 --font-size-body-250: 5211.25302rem 522; 523 --font-size-body-200: 5241.14868rem 525; 526 --font-size-body-150: 5271.04434rem 528; 529 --font-size-body-100: 5300.94rem 531; 532 --font-size-body-75: 5330.83472rem 534; 535 --font-size-body-60: 5360.772868rem 537; 538 --font-size-body-50: 5390.73038rem 540; 541 --font-size-body-25: 5420.67868rem 543; 544 --font-size-body-20: 5450.62604rem 546; 547 } 548 }.product-badge[data-handle="new"]{ 549 color: #B31B1B; 550 } 551 552.product-badge[data-handle="æ°ééå®"]{ 553 color: #b4975e; 554 } 555 556.product-badge[data-handle="ãªã³ã©ã¤ã³éå®"]{ 557 color: #B4975E; 558 } 559 560.product-badge[data-handle="ãã¹ãã»ã©ã¼"]{ 561 color: #B4975E; 562 } 563 564</style> 565
566<script> 567 flu = window.flu || {}; 568 flu.chunks = { 569 photoswipe: "//sabon.co.jp/cdn/shop/t/70/assets/photoswipe-chunk.js?v=18659099751219271031789623108", 570 swiper: "//sabon.co.jp/cdn/shop/t/70/assets/swiper-chunk.js?v=73725226959832986321789623111", 571 nouislider: "//sabon.co.jp/cdn/shop/t/70/assets/nouislider-chunk.js?v=131351027671466727271789623113", 572 polyfillInert: "//sabon.co.jp/cdn/shop/t/70/assets/polyfill-inert-chunk.js?v=9775187524458939151789623108", 573 polyfillResizeObserver: "//sabon.co.jp/cdn/shop/t/70/assets/polyfill-resize-observer-chunk.js?v=49253094118087005231789623109", 574 }; 575</script>
575 576 577 578 579 580 581
581<script type="module" src="//sabon.co.jp/cdn/shop/t/70/assets/theme.min.js?v=111597577740770651411789623130"></script>
581 582 583 584 585 586 587 588 589 590 591
591<script src="//sabon.co.jp/cdn/shop/t/70/assets/custom-events.js?v=135888115356894445661789623115" defer></script>
591 592
592<script> 593 window.flu.states = { 594 useCustomEvents: true, 595 }; 596 </script>
596 597 598
599<script defer> 600 var defineVH = function () { 601 document.documentElement.style.setProperty('--vh', window.innerHeight * 0.01 + 'px'); 602 }; 603 window.addEventListener('resize', defineVH); 604 window.addEventListener('orientationchange', defineVH); 605 defineVH(); 606</script>
606 607
608<script src="//sabon.co.jp/cdn/shop/t/70/assets/cart-events.js?v=163307193919428869851789623113" defer></script>
608 609 610<link href="//sabon.co.jp/cdn/shop/t/70/assets/theme.css?v=152849779163908430611789623129" rel="stylesheet" type="text/css" media="all" /> 611 612 613 <link href="//sabon.co.jp/cdn/shop/t/70/assets/custom.css?v=69644004918779532411789623117" rel="stylesheet" type="text/css" media="all" /> 614 615 616 617 618 619 620 621
622<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
622<meta name="google-site-verification" content="mwnX_SvmaZBfebdq4xyONRZB2V0g2zFjZ7TtQcxE4ZI"> 623<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70182600885/digital_wallets/dialog"> 624<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news/tagged/store.atom" />
625<script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP&default_configuration_id=2792587445"></script>
vendor: 1 bytes, line 625
625
626<script id="shopify-features" type="application/json">{"accessToken":"74bb4416f951343ad4f89da0e648e2f3","betas":["rich-media-storefront-analytics"],"domain":"sabon.co.jp","predictiveSearch":false,"shopId":70182600885,"locale":"ja"}</script>
vendor: 1 bytes, line 626
626
627<script>var Shopify = Shopify || {}; 628Shopify.shop = "sabon-jp-prod.myshopify.com"; 629Shopify.locale = "ja"; 630Shopify.currency = {"active":"JPY","rate":"1.0"}; 631Shopify.country = "JP"; 632Shopify.theme = {"name":"sabon-japan-website\/main","id":193692336309,"schema_name":"Stiletto","schema_version":"3.4.0","theme_store_id":null,"role":"main"}; 633Shopify.theme.handle = "null"; 634Shopify.theme.style = {"id":null,"handle":null}; 635Shopify.cdnHost = "sabon.co.jp/cdn"; 636Shopify.routes = Shopify.routes || {}; 637Shopify.routes.root = "/"; 638Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 639Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 640Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 641Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 641
641
642<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 642
642
643<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 643
643
644<script> 645 window.Shopify = window.Shopify || {}; 646 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 647 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 648 window.Shopify.SignInWithShop.eligible = false; 649</script>
vendor: 1 bytes, line 649
649
650<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 650
650
651<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 651
651
652<script type="module"> 653 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js"); 654 655 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 656 657</script>
vendor: 1 bytes, line 657
657
658<script>(function() { 659 var isLoaded = false; 660 function asyncLoad() { 661 if (isLoaded) return; 662 isLoaded = true; 663 var urls = ["\/\/cdn.shopify.com\/proxy\/0343cfe6e965ed864c20264d6401e85501ef89e5d4dc00e7b740e03ccdc0072d\/cdn.nowdialogue.com\/prod\/build\/bundle.js?shop=sabon-jp-prod.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/d1jf9jg4xqwtsf.cloudfront.net\/order-status.js?shop=sabon-jp-prod.myshopify.com","https:\/\/documents-app.mixlogue.jp\/scripts\/ue87f9sf8e7rd.min.js?shop=sabon-jp-prod.myshopify.com"]; 664 for (var i = 0; i < urls.length; i++) { 665 var s = document.createElement('script'); 666 s.type = 'text/javascript'; 667 s.async = true; 668 s.src = urls[i]; 669 var x = document.getElementsByTagName('script')[0]; 670 x.parentNode.insertBefore(s, x); 671 } 672 }; 673 if(window.attachEvent) { 674 window.attachEvent('onload', asyncLoad); 675 } else { 676 window.addEventListener('load', asyncLoad, false); 677 } 678})();</script>
vendor: 1 bytes, line 678
678
679<script id="__st">var __st={"a":70182600885,"offset":32400,"reqid":"21fe90b5-fa0f-4af7-a68d-6a5efaa483f6-1790360393","pageurl":"sabon.co.jp\/blogs\/news\/tagged\/store","s":"blogs-92762210485","u":"4d12a2153d75","p":"blog","rtyp":"blog","rid":92762210485};</script>
vendor: 1 bytes, line 679
679
680<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 680
680
681<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 681
681
682<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//sabon.co.jp/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 682
682
683<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 = "//sabon.co.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>
683<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 683
683
684<script> 685 window.Shopify = window.Shopify || {}; 686 window.Shopify.MCP = window.Shopify.MCP || {}; 687 window.Shopify.MCP.enabled = true; 688 window.Shopify.MCP.shop = "sabon-jp-prod.myshopify.com"; 689 window.Shopify.MCP.mcpEndpoint = "https:\/\/sabon.co.jp\/api\/mcp"; 690 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?\"\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."}},"required":["query"]}}]; 691</script>
vendor: 1 bytes, line 691
691
692<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("\/\/sabon.co.jp\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 693</script>
vendor: 1 bytes, line 693
693
694<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://sabon.co.jp/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js",t.type="module",document.head.appendChild(t)}}; 695</script>
vendor: 1 bytes, line 695
695
696<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 697 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); 698</script>
vendor: 1 bytes, line 698
698
699<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 700</script>
700 701
702<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
702 703 704 <!-- Start KARTE Tag --> 705
705<script>!function(n){if(!window[n]){var o=window[n]=function(){var n=[].slice.call(arguments);return o.x?o.x.apply(0,n):o.q.push(n)};o.q=[],o.i=Date.now(),o.allow=function(){o.o="allow"},o.deny=function(){o.o="deny"}}}("krt")</script>
705 706
706<script async src="https://cdn-edge.karte.io/e85e57d4d424ef67a626c5bd9ce16a8d/edge.js"></script>
706 707 <!-- End KARTE Tag --> 708 <!-- STRIGHT ONE Banner Script Start -->
709<script type="module" src="https://cdn01.stright.bizris.com/js/cookie_consent_setting.js?banner_type=banner" charset="UTF-8" data-site-id="SIT-5cb5588c-73fb-47ae-9aae-ac8bd046eec1"></script>
709 710<!-- STRIGHT ONE Banner Script End --> 711 712<!-- STRIGHT Consent Shopify Customer Privacy API -->
713<script src="//sabon.co.jp/cdn/shop/t/70/assets/consent-sync.js?v=169496297903621767601789623114" defer></script>
713 714 <!-- BEGIN app block: shopify://apps/dialogue-cro-a-b-testing/blocks/dialogueab-embed/43034bfa-b90a-4a14-aaa8-527eac735f6f --><!-- BEGIN app snippet: dialogueab -->
715<script>window.DAI_shopify_template = Shopify?.designMode ? "" : "blog"</script>
vendor: 1 bytes, line 715
715
716<script async src="https://cdn.nowdialogue.com/prod/stores/extension_script/sabon-jp-prod.myshopify.com.js"></script>
716 717<!-- END app snippet --> 718<!-- END app block --><!-- BEGIN app block: shopify://apps/dr-free-gift/blocks/instant-load/5942fed7-47f4-451f-a42f-9077b6214264 --><!-- For self-installation -->
719<script>(() => {const installerKey = 'docapp-free-gift-auto-install'; const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(installerKey)) {window.sessionStorage.setItem(installerKey, JSON.stringify({integrationId: urlParams.get('docapp-integration-id'), divClass: urlParams.get('docapp-install-class'), check: urlParams.get('docapp-check')}));}})();</script>
vendor: 1 bytes, line 719
719
720<script>(() => {const previewKey = 'docapp-free-gift-test'; const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(previewKey)) {window.sessionStorage.setItem(previewKey, JSON.stringify({active: true, integrationId: urlParams.get('docapp-free-gift-inst-test')}));}})();</script>
vendor: 1 bytes, line 720
720
721<script>window.freeGiftCartUpsellProAppBlock = true;</script>
721 722 723<!-- App speed-up -->
724<script id="docapp-cart">window.docappCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"JPY","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.docappCart.currency = "JPY"; window.docappCart.shop_currency = "JPY";</script>
vendor: 1 bytes, line 724
724
725<script id="docapp-free-item-speedup"> 726 (() => { if (window.freeGiftCartUpsellProAppLoaded) return; let script = document.createElement('script'); script.src = "https://d2fk970j0emtue.cloudfront.net/shop/js/free-gift-cart-upsell-pro.min.js?shop=sabon-jp-prod.myshopify.com"; document.getElementById('docapp-free-item-speedup').after(script); })(); 727</script>
727 728 729<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 730 731 732
732<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/sp9CqCqX3ysG657CYfzMeZjIkYnWpc28TiYPoxqN?languageCode=ja" async></script>
732 733 734 735 736 737<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 738 739 740
741<script type="module" dynamic> 742 const configUrl = "/a/elevar/static/configs/17c4450b394d846a20c7eec2c782abf7de843f8a/config.js"; 743 const config = (await import(configUrl)).default; 744 const scriptUrl = config.script_src_app_theme_embed; 745 746 if (scriptUrl) { 747 const { handler } = await import(scriptUrl); 748 749 await handler( 750 config, 751 { 752 cartData: { 753 marketId: "37852250293", 754 localeCountryCode:"JP", 755 attributes:{}, 756 cartTotal: "0.0", 757 currencyCode:"JPY", 758 items: [] 759} 760, 761 user: { 762 cartTotal: "0.0", 763 currencyCode:"JPY", 764 customer: {}, 765} 766, 767 isOnCartPage:false, 768 collectionView:null, 769 searchResultsView:null, 770 productView:null, 771 } 772 ); 773 } 774</script>
774 775 776 777<!-- END app block -->
777<script src="https://cdn.shopify.com/extensions/01a0d3f4-0c22-75c8-b31e-70e49240194a/automated-personalization-845/assets/bundle.js" type="text/javascript" defer="defer"></script>
777 778<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
779<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: 70182600885,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};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 779
779
780<script> 781 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 782</script>
vendor: 1 bytes, line 782
782
783<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}
783).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: 70182600885,storefrontBaseUrl: "https://sabon.co.jp",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://sabon.co.jp/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"3616014517","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-NMD6CLNR\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-CXFQWK0N23\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-CXFQWK0N23\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-CXFQWK0N23\\\"}],\\\"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":"3613491381","configuration":"{\"pixel_id\":\"834316523859905\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","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"]}
783,{"id":"3572596917","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3free-01.swymrelay.com\",\"swymTier\":\"v3free-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3290529973","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/17c4450b394d846a20c7eec2c782abf7de843f8a\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"957677749","configuration":"{\"shop\":\"sabon-jp-prod.myshopify.com\",\"enabled\":\"true\",\"hmacKey\":\"2e9a3b2a81a73c16ac7cedf09945d571\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31a69f41668c44449df3b9a63a7e5cc9","type":"APP","apiClientId":4653451,"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"},{"id":"952893621","configuration":"{\"store_id\":\"21942\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"369d251552e852fc3847f00eda52cb3a","type":"APP","apiClientId":5055813,"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"},{"id":"148701365","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Elevar - Checkout Tracking"},{"id":"162431157","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":[],"name":"Shopify Pixel Helper"},{"id":"162562229","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"karte_purchase_view"},{"id":"163578037","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"karte_page_viewed"},{"id":"164167861","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Linkshareã¢ãã£ãªã¨ã¤ãåºå"},{"id":"168296629","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"marutto1to1_CV"},{"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":"SABONï¼ãµãã³ï¼å
¬å¼ãµã¤ã","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"sabon-jp-prod.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/sabon.co.jp"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://sabon.co.jp/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"193692336309","themePublished":"true","eventMetadataId":"6115abfe-380f-4379-8ccf-e831da7e728d","pageType":"blog","resourceId":"92762210485","shopId":"70182600885","storefrontBaseUrl":"https:\/\/sabon.co.jp","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
783<script> 784 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 785 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 786 window.ShopifyAnalytics.meta.currency = 'JPY'; 787 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":92762210485,"requestId":"21fe90b5-fa0f-4af7-a68d-6a5efaa483f6-1790360393"}}; 788 for (var attr in meta) { 789 window.ShopifyAnalytics.meta[attr] = meta[attr]; 790 } 791</script>
vendor: 1 bytes, line 791
791
792<script class="analytics"> 793 (function () { 794 var customDocumentWrite = function(content) { 795 var jquery = null; 796 797 if (window.jQuery) { 798 jquery = window.jQuery; 799 } else if (window.Checkout && window.Checkout.$) { 800 jquery = window.Checkout.$; 801 } 802 803 if (jquery) { 804 jquery('body').append(content); 805 } 806 }; 807 808 var hasLoggedConversion = function(token) { 809 if (token) { 810 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 811 } 812 return false; 813 } 814 815 var setCookieIfConversion = function(token) { 816 if (token) { 817 var twoMonthsFromNow = new Date(Date.now()); 818 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 819 820 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 821 } 822 } 823 824 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 825 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 826 if (trekkie.integrations) { 827 return; 828 } 829 trekkie.methods = [ 830 'identify', 831 'page', 832 'ready', 833 'track', 834 'trackForm', 835 'trackLink' 836 ]; 837 trekkie.factory = function(method) { 838 return function() { 839 var args = Array.prototype.slice.call(arguments); 840 args.unshift(method); 841 trekkie.push(args); 842 if (method == 'track' || method == 'page') { 843 var pageUrl; 844 try { 845 pageUrl = window.location.href; 846 } catch (e) {} 847 var pageReferrer; 848 try { 849 pageReferrer = document.referrer; 850 } catch (e) {} 851 try { 852 if (window.__TREKKIE_SHIM_QUEUE == null) { 853 window.__TREKKIE_SHIM_QUEUE = []; 854 } 855 window.__TREKKIE_SHIM_QUEUE.push({ 856 from: 'trekkie-stub', 857 method: method, 858 args: args.slice(1), 859 pageContext: { 860 url: pageUrl, 861 referrer: pageReferrer 862 } 863 }); 864 } catch (e) { 865 // no-op 866 } 867 } 868 return trekkie; 869 }; 870 }; 871 for (var i = 0; i < trekkie.methods.length; i++) { 872 var key = trekkie.methods[i]; 873 trekkie[key] = trekkie.factory(key); 874 } 875 trekkie.load = function(config) { 876 trekkie.config = config || {}; 877 trekkie.config.initialDocumentCookie = document.cookie; 878 var first = document.getElementsByTagName('script')[0]; 879var script = document.createElement('script'); 880script.type = 'text/javascript'; 881script.onerror = function(e) { 882 var scriptFallback = document.createElement('script'); 883 scriptFallback.type = 'text/javascript'; 884 scriptFallback.onerror = function(error) { 885 var Monorail = { 886 produce: function produce(monorailDomain, schemaId, payload) { 887 var currentMs = new Date().getTime(); 888 var event = { 889 schema_id: schemaId, 890 payload: payload, 891 metadata: { 892 event_created_at_ms: currentMs, 893 event_sent_at_ms: currentMs 894 } 895 }; 896 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 897 }, 898 sendRequest: function sendRequest(endpointUrl, payload) { 899 // Try the sendBeacon API 900 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 901 var blobData = new window.Blob([payload], { 902 type: 'text/plain' 903 }); 904 905 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 906 return true; 907 } // sendBeacon was not successful 908 909 } // XHR beacon 910 911 var xhr = new XMLHttpRequest(); 912 913 try { 914 xhr.open('POST', endpointUrl); 915 xhr.setRequestHeader('Content-Type', 'text/plain'); 916 xhr.send(payload); 917 } catch (e) { 918 console.log(e); 919 } 920 921 return false; 922 }, 923 isIos12: function isIos12() { 924 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 925 } 926 }; 927 Monorail.produce('monorail-edge.shopifysvc.com', 928 'trekkie_storefront_load_errors/1.1', 929 {shop_id: 70182600885, 930 theme_id: 193692336309, 931 app_name: "storefront", 932 context_url: window.location.href,
933 source_url: "//sabon.co.jp/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 934 935 }; 936 scriptFallback.async = true; 937 scriptFallback.src = '//sabon.co.jp/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 938 first.parentNode.insertBefore(scriptFallback, first); 939}; 940script.async = true; 941script.src = '//sabon.co.jp/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 942first.parentNode.insertBefore(script, first); 943 944 }; 945 trekkie.load( 946 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70182600885,"isMerchantRequest":null,"themeId":193692336309,"themeCityHash":"10731234033427289150","contentLanguage":"ja","currency":"JPY","eventMetadataId":"6115abfe-380f-4379-8ccf-e831da7e728d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 947 ); 948 949 var loaded = false; 950 trekkie.ready(function() { 951 if (loaded) return; 952 loaded = true; 953 954 window.ShopifyAnalytics.lib = window.trekkie; 955 956 var originalDocumentWrite = document.write; 957 document.write = customDocumentWrite; 958 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 959 document.write = originalDocumentWrite; 960 961 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 962 var token = match? match[1]: undefined; 963 if (!hasLoggedConversion(token)) { 964 setCookieIfConversion(token); 965 966 } 967 }); 968 969 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":92762210485,"requestId":"21fe90b5-fa0f-4af7-a68d-6a5efaa483f6-1790360393","shopifyEmitted":true}); 970 971 var eventsListenerScript = document.createElement('script'); 972 eventsListenerScript.async = true; 973 eventsListenerScript.src = "//sabon.co.jp/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 974 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 975})();</script>
vendor: 1 bytes, line 975
975
976<script 977 defer 978 src="https://sabon.co.jp/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 979 data-application="storefront-renderer" 980 data-shop-id="70182600885" 981 data-render-region="gcp-us-central1" 982 data-page-type="blog" 983 data-theme-instance-id="193692336309" 984 data-theme-name="Stiletto" 985 data-theme-version="3.4.0" 986 data-monorail-region="shop_domain" 987 data-resource-timing-sampling-rate="10" 988 data-shs="true" 989 data-shs-beacon="true" 990 data-shs-export-with-fetch="true" 991 data-shs-logs-sample-rate="1" 992 data-shs-beacon-endpoint="https://sabon.co.jp/api/collect" 993></script>
993 994<meta name="shopify-y" content="34777696-80f7-46e9-9865-e2f96717cf91" data-expiration="1821917993000"><meta name="shopify-s" content="a612a17d-1bce-46f5-8c57-eea79c7c7ea5" data-expiration="1790362193000"><meta name="new-cookie-storage-activated" content="t"> 995</head> 996 997 <body class="template-blog"> 998 <div class="page"> 999 1000 1001 <div class="theme-editor-scroll-offset"></div> 1002 1003 <div class="header__space" data-header-space></div> 1004 1005 <!-- BEGIN sections: header-group --> 1006<div id="shopify-section-sections--28500602060981__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar__outer-wrapper">
1006<script> 1007 1008 document.documentElement.setAttribute("data-enable-sticky-announcement-bar", ""); 1009</script>
1009<div 1010 1011 class="announcement-bar" 1012 data-section-id="sections--28500602060981__announcement-bar" 1013 data-section-type="announcement-bar" 1014 data-enable-sticky-announcement-bar="desktop-and-mobile" 1015 data-item-count="3" 1016 style=" 1017 --color-background: #b4975e; 1018 --color-gradient-overlay: #b4975e; 1019 --color-gradient-overlay-transparent: rgba(180, 151, 94, 0); 1020 --color-text: #fffef9; 1021 " 1022 > 1023 <div class="ui-overlap-wrap"> 1024 <div class="ui-overlap"> 1025 <div class="fader left"> 1026 <button class="slider-nav-button slider-nav-button-prev" title="åã®"> 1027 <span class="icon icon-new icon-chevron "> 1028 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 1029</span> 1030 1031 </button> 1032 </div> 1033 <div class="ui-overlap-item-clones" aria-hidden="true"> 1034 <div 1035 class="announcement-bar__item ff-body fs-body-50 swiper-slide" 1036 1037 data-slide 1038 1039 data-index="0" 1040 ><div class="announcement-bar__item-inner"><p>9/3ï½9/30ï¼å ¨è£½åéæç¡æ (*ä¸é¨æ¡ä»¶ãã)</p> 1041</div> 1042 </div><div 1043 class="announcement-bar__item ff-body fs-body-50 swiper-slide" 1044 1045 inert 1046 1047 data-slide 1048 1049 data-index="1" 1050 ><div class="announcement-bar__item-inner"><a class="announcement-bar__link color-inherit" href="/pages/deadsea"> 1051 <p>ãBlack Campaignã対象製åå«ãï¿¥8,000(ç¨è¾¼)ã®ãè³¼å ¥ã§ãã¬ã¼ã³ãï¼</p> 1052 </a></div> 1053 </div><div 1054 class="announcement-bar__item ff-body fs-body-50 swiper-slide" 1055 1056 inert 1057 1058 data-slide 1059 1060 data-index="2" 1061 ><div class="announcement-bar__item-inner"><a class="announcement-bar__link color-inherit" href="/pages/archive"> 1062 <p>ãæééå®ãä»ã ãã¨ã·ã«ã«20%off</p> 1063 </a></div> 1064 </div> 1065 </div> 1066 <div class="fader right"> 1067 <button class="slider-nav-button slider-nav-button-next" title="次"> 1068 <span class="icon icon-new icon-chevron "> 1069 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 1070</span> 1071 1072 </button> 1073 </div> 1074 </div> 1075 </div> 1076 <div 1077 class="swiper" 1078 data-slider 1079 data-autoplay-enabled="true" 1080 data-autoplay-delay="4000" 1081 > 1082 <div class="swiper-wrapper"> 1083 <div 1084 class="announcement-bar__item ff-body fs-body-50 swiper-slide" 1085 1086 data-slide 1087 1088 data-index="0" 1089 ><div class="announcement-bar__item-inner"><p>9/3ï½9/30ï¼å ¨è£½åéæç¡æ (*ä¸é¨æ¡ä»¶ãã)</p> 1090</div> 1091 </div><div 1092 class="announcement-bar__item ff-body fs-body-50 swiper-slide" 1093 1094 inert 1095 1096 data-slide 1097 1098 data-index="1" 1099 ><div class="announcement-bar__item-inner"><a class="announcement-bar__link color-inherit" href="/pages/deadsea"> 1100 <p>ãBlack Campaignã対象製åå«ãï¿¥8,000(ç¨è¾¼)ã®ãè³¼å ¥ã§ãã¬ã¼ã³ãï¼</p> 1101 </a></div> 1102 </div><div 1103 class="announcement-bar__item ff-body fs-body-50 swiper-slide" 1104 1105 inert 1106 1107 data-slide 1108 1109 data-index="2" 1110 ><div class="announcement-bar__item-inner"><a class="announcement-bar__link color-inherit" href="/pages/archive"> 1111 <p>ãæééå®ãä»ã ãã¨ã·ã«ã«20%off</p> 1112 </a></div> 1113 </div> 1114 </div> 1115 </div> 1116 </div> 1117</div><div id="shopify-section-sections--28500602060981__header" class="shopify-section shopify-section-group-header-group header__outer-wrapper"><link href="//sabon.co.jp/cdn/shop/t/70/assets/header-custom.css?v=4164151392467339201789623118" rel="stylesheet" type="text/css" media="all" /> 1118<style> 1119 .header .header__row-mobile .icon {height: 50%;} 1120 .header__row-mobile .header__icon-touch {margin: -4px;} 1121 .header__row-mobile .header__logo {height: 75px;} 1122 .header__row-mobile img {max-height: 100%;} 1123 .header__row-mobile .header__logo-link {height: 80%;} 1124 1125 .header .header__row-desktop .icon {height: 60%;} 1126 .header__inner .header__row.header__row-desktop.lower .header__logo {height: 75px; margin-top: 0; margin-bottom: 0;} 1127 .header__row-desktop.lower .header__logo a {width: 80px; height: 100%; padding:15px 0;} 1128 .header__row-desktop.lower .header__logo a img {height: 100%; object-fit: contain;} 1129</style>
1129<script> 1130 1131 1132 document.documentElement.classList.add("sticky-header-enabled"); 1133 1134 1135 document.body.classList.add("quick-search-position-right"); 1136</script>
1136<header 1137 data-section-id="sections--28500602060981__header" 1138 data-section-type="header" 1139 1140 data-enable-sticky-header="true" 1141 1142 1143 class=" 1144 header 1145 header--layout-logo-left-nav-left 1146 header--has-logo 1147 1148 1149 header--has-accounts 1150 1151 1152 header--navigation-is-all-caps 1153 1154 1155 " 1156 1157 data-is-sticky="true" 1158 1159 data-navigation-position="left" 1160 data-logo-position="left" 1161 style=" 1162 --logo-width: 150px; 1163 --mobile-logo-width: 200px; 1164 --color-cart-count-transparent: #b4975e; 1165 --color-text-transparent: #fffef9; 1166 --divider-width: 0px; 1167 --color-text-featured-link: #db4827; 1168 " 1169> 1170 <a href="#main" class="header__skip-to-content btn btn--primary btn--small"> 1171 ã³ã³ãã³ãã«ã¹ããã 1172 </a> 1173 1174 <div class="header__inner"> 1175 <!-- Desktop Header --> 1176 <div class="header__row header__row-desktop lower"> 1177 <div class="header__row-segment header__row-segment-desktop left contains-nav"> 1178 <span class="header__logo"> 1179 <a 1180 class="header__logo-link" 1181 href="/" 1182 1183 aria-label="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã" 1184 1185 ><div 1186 class=" 1187 image 1188 regular-logo 1189 1190 1191 animation--lazy-load 1192 " 1193 style="" 1194 > 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205<img 1206 alt="" 1207 class="image__img" 1208 fetchpriority="high" 1209 width="366" 1210 height="228" 1211 src="//sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=320" 1212 1213 srcset="//sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=100 100w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=150 150w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=200 200w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=240 240w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=280 280w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=300 300w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=360 360w" 1214 sizes="(max-width: 960px) 200px, 150px" 1215 onload="javascript: this.closest('.image').classList.add('loaded')" 1216/> 1217 </div><span class="header__logo-text">SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã</span></a> 1218 </span> 1219 <div 1220 class="header__links-primary-scroll-container" 1221 data-scroll-container 1222 data-at-start="true" 1223 data-at-end="false" 1224 data-axis="horizontal" 1225 > 1226 <button 1227 class="scroll-button" 1228 data-position="start" 1229 data-direction="backwards" 1230 title="åã®" 1231 > 1232 <span class="icon icon-new icon-chevron "> 1233 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 1234</span> 1235 1236 </button> 1237 <div class="scroll-overflow-indicator-wrap" data-position="start"> 1238 <div class="scroll-overflow-indicator"></div> 1239 </div> 1240 <div data-scroll-container-viewport> 1241 <div class="scroll-sentinal scroll-sentinal--start" data-position="start"></div> 1242 <nav class="header__links header__links-primary" data-navigation> 1243 1244<ul class="header__links-list fs-navigation-base"> 1245 1246 1247 1248 1249 <li 1250 1251 ><a 1252 data-href="/collections/online-limited" 1253 class="" 1254 data-link 1255 1256 > 1257 <span class="link-hover"> 1258 ãªã³ã©ã¤ã³éå® 1259 </span> 1260 </a></li> 1261 1262 1263 1264 1265 <li 1266 1267 data-submenu-parent 1268 1269 ><!-- if top level item is a link, render a clickable anchor link --><a 1270 class="navigation__submenu-trigger fs-navigation-base no-transition" 1271 data-link 1272 data-parent 1273 1274 data-dropdown-trigger 1275 1276 aria-haspopup="true" 1277 aria-expanded="false" 1278 aria-controls="ã®ãã-menu-1" 1279 1280 href="/collections/gift-all" 1281 1282 1283 1284 > 1285 <span class="link-hover"> 1286 ã®ãã 1287 </span> 1288 <span class="header__links-icon"> 1289 <span class="icon icon-new icon-chevron-small "> 1290 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 1291</span> 1292 1293 </span> 1294 </a><div 1295 class=" 1296 navigation__submenu 1297 ff-body 1298 fs-body-100 1299 1300 " 1301 id="ã®ãã-menu-1" 1302 data-submenu 1303 data-depth="1" 1304 aria-hidden="true" 1305> 1306 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 1307 data-href="/collections/gift-all" 1308 class="" 1309 1310 data-link 1311 > 1312 ALL 1313 </a></li><li class="navigation__submenu-item"><a 1314 data-href="/collections/trial" 1315 class="" 1316 1317 data-link 1318 > 1319 ãã©ã¤ã¢ã« 1320 </a></li><li class="navigation__submenu-item"><a 1321 data-href="/collections/gift-under-5000" 1322 class="" 1323 1324 data-link 1325 > 1326 ï½5,000åæªæºã®ã®ãã 1327 </a></li><li class="navigation__submenu-item"><a 1328 data-href="/collections/gift-5000-and-above" 1329 class="" 1330 1331 data-link 1332 > 1333 5,000å以ä¸ã®ã®ãã 1334 </a></li></ul> 1335 1336
1337<script> 1338 window.addEventListener("DOMContentLoaded", function () { 1339 const selector = ".navigation__submenu-item a[data-href]" 1340 function updateHrefs() { 1341 const links = document.querySelectorAll(selector); 1342 links.forEach(function (link) { 1343 link.setAttribute('href', link.getAttribute('data-href')); 1344 link.removeAttribute('data-href') 1345 }); 1346 } 1347 // Not browsing search results page, so no need to care about dl_view_search_results. 1348 if(location.pathname !== '/search') { 1349 updateHrefs(); 1350 return; 1351 } 1352 const startedAt = Date.now(); 1353 const intervalId = setInterval(function () { 1354 const elapsedMs = Date.now() - startedAt; 1355 if (elapsedMs >= 5_000) { 1356 // Max wait time reached, update hrefs anyway. 1357 updateHrefs(); 1358 clearInterval(intervalId); 1359 return; 1360 } 1361 if (!Array.isArray(window.ElevarDataLayer)) { 1362 return; 1363 } 1364 const eventTriggered = window.ElevarDataLayer.some(function (item) { 1365 return item && item.event === 'dl_view_search_results'; 1366 }); 1367 if (eventTriggered) { 1368 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 1369 updateHrefs(); 1370 clearInterval(intervalId); 1371 } 1372 }, 500) 1373 }); 1374</script>
1374 1375 1376</div> 1377</li> 1378 1379 1380 1381 1382 <li 1383 1384 ><a 1385 data-href="/collections/bestseller" 1386 class="" 1387 data-link 1388 1389 > 1390 <span class="link-hover"> 1391 äººæ° 1392 </span> 1393 </a></li> 1394 1395 1396 1397 1398 <li 1399 1400 data-submenu-parent 1401 1402 ><!-- if top level item is a link, render a clickable anchor link --><a 1403 class="navigation__submenu-trigger fs-navigation-base no-transition" 1404 data-link 1405 data-parent 1406 1407 data-dropdown-trigger 1408 1409 aria-haspopup="true" 1410 aria-expanded="false" 1411 aria-controls="ãã¢ã±ã¢-menu-3" 1412 1413 href="/collections/haircare-all" 1414 1415 1416 1417 > 1418 <span class="link-hover"> 1419 ãã¢ã±ã¢ 1420 </span> 1421 <span class="header__links-icon"> 1422 <span class="icon icon-new icon-chevron-small "> 1423 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 1424</span> 1425 1426 </span> 1427 </a><div 1428 class=" 1429 navigation__submenu 1430 ff-body 1431 fs-body-100 1432 1433 " 1434 id="ãã¢ã±ã¢-menu-3" 1435 data-submenu 1436 data-depth="1" 1437 aria-hidden="true" 1438> 1439 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 1440 data-href="/collections/haircare-all" 1441 class="" 1442 1443 data-link 1444 > 1445 ALL 1446 </a></li><li class="navigation__submenu-item"><a 1447 data-href="/collections/head-scrub" 1448 class="" 1449 1450 data-link 1451 > 1452 ãããã¹ã¯ã©ã 1453 </a></li><li class="navigation__submenu-item"><a 1454 data-href="/collections/shampoo" 1455 class="" 1456 1457 data-link 1458 > 1459 ã·ã£ã³ãã¼ 1460 </a></li><li class="navigation__submenu-item"><a 1461 data-href="/collections/hair-treatment" 1462 class="" 1463 1464 data-link 1465 > 1466 ãã¢ã¼ããªã¼ãã¡ã³ã 1467 </a></li><li class="navigation__submenu-item"><a 1468 data-href="/collections/haircare-kit" 1469 class="" 1470 1471 data-link 1472 > 1473 ãã¢ã±ã¢ããã 1474 </a></li></ul> 1475 1476
1477<script> 1478 window.addEventListener("DOMContentLoaded", function () { 1479 const selector = ".navigation__submenu-item a[data-href]" 1480 function updateHrefs() { 1481 const links = document.querySelectorAll(selector); 1482 links.forEach(function (link) { 1483 link.setAttribute('href', link.getAttribute('data-href')); 1484 link.removeAttribute('data-href') 1485 }); 1486 } 1487 // Not browsing search results page, so no need to care about dl_view_search_results. 1488 if(location.pathname !== '/search') { 1489 updateHrefs(); 1490 return; 1491 } 1492 const startedAt = Date.now(); 1493 const intervalId = setInterval(function () { 1494 const elapsedMs = Date.now() - startedAt; 1495 if (elapsedMs >= 5_000) { 1496 // Max wait time reached, update hrefs anyway. 1497 updateHrefs(); 1498 clearInterval(intervalId); 1499 return; 1500 } 1501 if (!Array.isArray(window.ElevarDataLayer)) { 1502 return; 1503 } 1504 const eventTriggered = window.ElevarDataLayer.some(function (item) { 1505 return item && item.event === 'dl_view_search_results'; 1506 }); 1507 if (eventTriggered) { 1508 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 1509 updateHrefs(); 1510 clearInterval(intervalId); 1511 } 1512 }, 500) 1513 }); 1514</script>
1514 1515 1516</div> 1517</li> 1518 1519 1520 1521 1522 <li 1523 1524 data-submenu-parent 1525 1526 ><!-- if top level item is a link, render a clickable anchor link --><a 1527 class="navigation__submenu-trigger fs-navigation-base no-transition" 1528 data-link 1529 data-parent 1530 1531 data-dropdown-trigger 1532 1533 aria-haspopup="true" 1534 aria-expanded="false" 1535 aria-controls="ãã¹-ããã£ã±ã¢-menu-4" 1536 1537 href="/collections/bath-bodycare-all" 1538 1539 1540 1541 > 1542 <span class="link-hover"> 1543 ãã¹ï¼ããã£ã±ã¢ 1544 </span> 1545 <span class="header__links-icon"> 1546 <span class="icon icon-new icon-chevron-small "> 1547 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 1548</span> 1549 1550 </span> 1551 </a><div 1552 class=" 1553 navigation__submenu 1554 ff-body 1555 fs-body-100 1556 1557 " 1558 id="ãã¹-ããã£ã±ã¢-menu-4" 1559 data-submenu 1560 data-depth="1" 1561 aria-hidden="true" 1562> 1563 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 1564 data-href="/collections/bath-bodycare-all" 1565 class="" 1566 1567 data-link 1568 > 1569 ALL 1570 </a></li><li class="navigation__submenu-item"><a 1571 data-href="/collections/body-scrub" 1572 class="" 1573 1574 data-link 1575 > 1576 ããã£ã¹ã¯ã©ã 1577 </a></li><li class="navigation__submenu-item"><a 1578 data-href="/collections/body-soap" 1579 class="" 1580 1581 data-link 1582 > 1583 ããã£ã½ã¼ã 1584 </a></li><li class="navigation__submenu-item"><a 1585 data-href="/collections/body-cream-mask-milk" 1586 class="" 1587 1588 data-link 1589 > 1590 ããã£ã¯ãªã¼ã ã»ãã¹ã¯ã»ãã«ã¯ 1591 </a></li><li class="navigation__submenu-item"><a 1592 data-href="/collections/body-hairoil" 1593 class="" 1594 1595 data-link 1596 > 1597 ããã£ã»ãã¢ãªã¤ã« 1598 </a></li><li class="navigation__submenu-item"><a 1599 data-href="/collections/bath-addictive" 1600 class="" 1601 1602 data-link 1603 > 1604 å ¥æµ´å¤ 1605 </a></li><li class="navigation__submenu-item"><a 1606 data-href="/collections/foot-care" 1607 class="" 1608 1609 data-link 1610 > 1611 ãããã±ã¢ 1612 </a></li><li class="navigation__submenu-item"><a 1613 data-href="/collections/bath-bodycare-kit" 1614 class="" 1615 1616 data-link 1617 > 1618 ãã¹&ããã£ã±ã¢ããã 1619 </a></li><li class="navigation__submenu-item"><a 1620 data-href="/collections/hand-cream" 1621 class="" 1622 1623 data-link 1624 > 1625 ãã³ãã¯ãªã¼ã 1626 </a></li><li class="navigation__submenu-item"><a 1627 data-href="/collections/hand-soap" 1628 class="" 1629 1630 data-link 1631 > 1632 ãã³ãã½ã¼ã 1633 </a></li></ul> 1634 1635
1636<script> 1637 window.addEventListener("DOMContentLoaded", function () { 1638 const selector = ".navigation__submenu-item a[data-href]" 1639 function updateHrefs() { 1640 const links = document.querySelectorAll(selector); 1641 links.forEach(function (link) { 1642 link.setAttribute('href', link.getAttribute('data-href')); 1643 link.removeAttribute('data-href') 1644 }); 1645 } 1646 // Not browsing search results page, so no need to care about dl_view_search_results. 1647 if(location.pathname !== '/search') { 1648 updateHrefs(); 1649 return; 1650 } 1651 const startedAt = Date.now(); 1652 const intervalId = setInterval(function () { 1653 const elapsedMs = Date.now() - startedAt; 1654 if (elapsedMs >= 5_000) { 1655 // Max wait time reached, update hrefs anyway. 1656 updateHrefs(); 1657 clearInterval(intervalId); 1658 return; 1659 } 1660 if (!Array.isArray(window.ElevarDataLayer)) { 1661 return; 1662 } 1663 const eventTriggered = window.ElevarDataLayer.some(function (item) { 1664 return item && item.event === 'dl_view_search_results'; 1665 }); 1666 if (eventTriggered) { 1667 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 1668 updateHrefs(); 1669 clearInterval(intervalId); 1670 } 1671 }, 500) 1672 }); 1673</script>
1673 1674 1675</div> 1676</li> 1677 1678 1679 1680 1681 <li 1682 1683 data-submenu-parent 1684 1685 ><!-- if top level item is a link, render a clickable anchor link --><a 1686 class="navigation__submenu-trigger fs-navigation-base no-transition" 1687 data-link 1688 data-parent 1689 1690 data-dropdown-trigger 1691 1692 aria-haspopup="true" 1693 aria-expanded="false" 1694 aria-controls="ãã§ã¤ã¹ã±ã¢-menu-5" 1695 1696 href="/collections/facecare-all" 1697 1698 1699 1700 > 1701 <span class="link-hover"> 1702 ãã§ã¤ã¹ã±ã¢ 1703 </span> 1704 <span class="header__links-icon"> 1705 <span class="icon icon-new icon-chevron-small "> 1706 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 1707</span> 1708 1709 </span> 1710 </a><div 1711 class=" 1712 navigation__submenu 1713 ff-body 1714 fs-body-100 1715 1716 " 1717 id="ãã§ã¤ã¹ã±ã¢-menu-5" 1718 data-submenu 1719 data-depth="1" 1720 aria-hidden="true" 1721> 1722 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 1723 data-href="/collections/facecare-all" 1724 class="" 1725 1726 data-link 1727 > 1728 ALL 1729 </a></li><li class="navigation__submenu-item"><a 1730 data-href="/collections/face-wash" 1731 class="" 1732 1733 data-link 1734 > 1735 æ´é¡ã»ã¯ã¬ã³ã¸ã³ã° (ãã§ã¤ã¹ããªãã·ã£ã¼) 1736 </a></li><li class="navigation__submenu-item"><a 1737 data-href="/collections/facemask" 1738 class="" 1739 1740 data-link 1741 > 1742 ãã§ã¤ã¹ãã¹ã¯ 1743 </a></li><li class="navigation__submenu-item"><a 1744 data-href="/collections/serum-moisturizer" 1745 class="" 1746 1747 data-link 1748 > 1749 ã»ã©ã ã»ã¢ã¤ã¹ãã£ã©ã¤ã¶ã¼ 1750 </a></li><li class="navigation__submenu-item"><a 1751 data-href="/collections/eye-lip-care" 1752 class="" 1753 1754 data-link 1755 > 1756 ã¢ã¤ã»ãªããã±ã¢ 1757 </a></li></ul> 1758 1759
1760<script> 1761 window.addEventListener("DOMContentLoaded", function () { 1762 const selector = ".navigation__submenu-item a[data-href]" 1763 function updateHrefs() { 1764 const links = document.querySelectorAll(selector); 1765 links.forEach(function (link) { 1766 link.setAttribute('href', link.getAttribute('data-href')); 1767 link.removeAttribute('data-href') 1768 }); 1769 } 1770 // Not browsing search results page, so no need to care about dl_view_search_results. 1771 if(location.pathname !== '/search') { 1772 updateHrefs(); 1773 return; 1774 } 1775 const startedAt = Date.now(); 1776 const intervalId = setInterval(function () { 1777 const elapsedMs = Date.now() - startedAt; 1778 if (elapsedMs >= 5_000) { 1779 // Max wait time reached, update hrefs anyway. 1780 updateHrefs(); 1781 clearInterval(intervalId); 1782 return; 1783 } 1784 if (!Array.isArray(window.ElevarDataLayer)) { 1785 return; 1786 } 1787 const eventTriggered = window.ElevarDataLayer.some(function (item) { 1788 return item && item.event === 'dl_view_search_results'; 1789 }); 1790 if (eventTriggered) { 1791 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 1792 updateHrefs(); 1793 clearInterval(intervalId); 1794 } 1795 }, 500) 1796 }); 1797</script>
1797 1798 1799</div> 1800</li> 1801 1802 1803 1804 1805 <li 1806 1807 data-submenu-parent 1808 1809 ><!-- if top level item is a link, render a clickable anchor link --><a 1810 class="navigation__submenu-trigger fs-navigation-base no-transition" 1811 data-link 1812 data-parent 1813 1814 data-dropdown-trigger 1815 1816 aria-haspopup="true" 1817 aria-expanded="false" 1818 aria-controls="ãã¼ã -ã°ããº-menu-6" 1819 1820 href="/collections/home-goods-all" 1821 1822 1823 1824 > 1825 <span class="link-hover"> 1826 ãã¼ã ã»ã°ã㺠1827 </span> 1828 <span class="header__links-icon"> 1829 <span class="icon icon-new icon-chevron-small "> 1830 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 1831</span> 1832 1833 </span> 1834 </a><div 1835 class=" 1836 navigation__submenu 1837 ff-body 1838 fs-body-100 1839 1840 " 1841 id="ãã¼ã -ã°ããº-menu-6" 1842 data-submenu 1843 data-depth="1" 1844 aria-hidden="true" 1845> 1846 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 1847 data-href="/collections/home-goods-all" 1848 class="" 1849 1850 data-link 1851 > 1852 ALL 1853 </a></li><li class="navigation__submenu-item"><a 1854 data-href="/collections/home-fragrance" 1855 class="" 1856 1857 data-link 1858 > 1859 ãã¼ã ãã¬ã°ã©ã³ã¹ 1860 </a></li><li class="navigation__submenu-item"><a 1861 data-href="/collections/candle" 1862 class="" 1863 1864 data-link 1865 > 1866 ãã£ã³ãã« 1867 </a></li><li class="navigation__submenu-item"><a 1868 data-href="/collections/goods" 1869 class="" 1870 1871 data-link 1872 > 1873 ã°ã㺠1874 </a></li></ul> 1875 1876
1877<script> 1878 window.addEventListener("DOMContentLoaded", function () { 1879 const selector = ".navigation__submenu-item a[data-href]" 1880 function updateHrefs() { 1881 const links = document.querySelectorAll(selector); 1882 links.forEach(function (link) { 1883 link.setAttribute('href', link.getAttribute('data-href')); 1884 link.removeAttribute('data-href') 1885 }); 1886 } 1887 // Not browsing search results page, so no need to care about dl_view_search_results. 1888 if(location.pathname !== '/search') { 1889 updateHrefs(); 1890 return; 1891 } 1892 const startedAt = Date.now(); 1893 const intervalId = setInterval(function () { 1894 const elapsedMs = Date.now() - startedAt; 1895 if (elapsedMs >= 5_000) { 1896 // Max wait time reached, update hrefs anyway. 1897 updateHrefs(); 1898 clearInterval(intervalId); 1899 return; 1900 } 1901 if (!Array.isArray(window.ElevarDataLayer)) { 1902 return; 1903 } 1904 const eventTriggered = window.ElevarDataLayer.some(function (item) { 1905 return item && item.event === 'dl_view_search_results'; 1906 }); 1907 if (eventTriggered) { 1908 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 1909 updateHrefs(); 1910 clearInterval(intervalId); 1911 } 1912 }, 500) 1913 }); 1914</script>
1914 1915 1916</div> 1917</li> 1918 1919 1920 1921 1922 <li 1923 1924 ><a 1925 data-href="/collections/fragrance-all" 1926 class="" 1927 data-link 1928 1929 > 1930 <span class="link-hover"> 1931 ãã¬ã°ã©ã³ã¹ 1932 </span> 1933 </a></li> 1934 1935 1936 1937 1938 <li 1939 1940 data-submenu-parent 1941 1942 ><!-- if top level item is a link, render a clickable anchor link --><a 1943 class="navigation__submenu-trigger fs-navigation-base no-transition" 1944 data-link 1945 data-parent 1946 1947 data-dropdown-trigger 1948 1949 aria-haspopup="true" 1950 aria-expanded="false" 1951 aria-controls="é¦ã-menu-8" 1952 1953 href="/collections/all-skus" 1954 1955 1956 1957 > 1958 <span class="link-hover"> 1959 é¦ã 1960 </span> 1961 <span class="header__links-icon"> 1962 <span class="icon icon-new icon-chevron-small "> 1963 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 1964</span> 1965 1966 </span> 1967 </a><div 1968 class=" 1969 navigation__submenu 1970 ff-body 1971 fs-body-100 1972 1973 " 1974 id="é¦ã-menu-8" 1975 data-submenu 1976 data-depth="1" 1977 aria-hidden="true" 1978> 1979 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 1980 data-href="/collections/delicate-jasmine" 1981 class="" 1982 1983 data-link 1984 > 1985 ããªã±ã¼ãã»ã¸ã£ã¹ãã³ 1986 </a></li><li class="navigation__submenu-item"><a 1987 data-href="/collections/green-rose" 1988 class="" 1989 1990 data-link 1991 > 1992 ã°ãªã¼ã³ã»ãã¼ãº 1993 </a></li><li class="navigation__submenu-item"><a 1994 data-href="/collections/patchouli-lavender-vanilla" 1995 class="" 1996 1997 data-link 1998 > 1999 ããã¥ãªã»ã©ãã³ãã¼ã»ããã© 2000 </a></li><li class="navigation__submenu-item"><a 2001 data-href="/collections/white-tea" 2002 class="" 2003 2004 data-link 2005 > 2006 ãã¯ã¤ããã£ã¼ 2007 </a></li><li class="navigation__submenu-item"><a 2008 data-href="/collections/tokyo-japan-exclusive" 2009 class="" 2010 2011 data-link 2012 > 2013 TOKYO (æ¥æ¬éå®) 2014 </a></li><li class="navigation__submenu-item"><a 2015 data-href="/collections/rose-tea" 2016 class="" 2017 2018 data-link 2019 > 2020 ãã¼ãºã㣠2021 </a></li><li class="navigation__submenu-item"><a 2022 data-href="/collections/gentleman" 2023 class="" 2024 2025 data-link 2026 > 2027 ã¸ã§ã³ãã«ãã³ 2028 </a></li><li class="navigation__submenu-item"><a 2029 data-href="/collections/dead-sea" 2030 class="" 2031 2032 data-link 2033 > 2034 ãããã·ã¼ 2035 </a></li><li class="navigation__submenu-item"><a 2036 data-href="/collections/ginger-orange" 2037 class="" 2038 2039 data-link 2040 > 2041 ã¸ã³ã¸ã£ã¼ãªã¬ã³ã¸ 2042 </a></li><li class="navigation__submenu-item"><a 2043 data-href="/collections/citrus-blossom" 2044 class="" 2045 2046 data-link 2047 > 2048 ã·ãã©ã¹ã»ããããµã 2049 </a></li><li class="navigation__submenu-item"><a 2050 data-href="/collections/lavender-apple" 2051 class="" 2052 2053 data-link 2054 > 2055 ã©ãã³ãã¼ã¢ããã« 2056 </a></li><li class="navigation__submenu-item"><a 2057 data-href="/collections/olive-bliss" 2058 class="" 2059 2060 data-link 2061 > 2062 ãªãªã¼ãã»ããªã¹ 2063 </a></li></ul> 2064 2065
2066<script> 2067 window.addEventListener("DOMContentLoaded", function () { 2068 const selector = ".navigation__submenu-item a[data-href]" 2069 function updateHrefs() { 2070 const links = document.querySelectorAll(selector); 2071 links.forEach(function (link) { 2072 link.setAttribute('href', link.getAttribute('data-href')); 2073 link.removeAttribute('data-href') 2074 }); 2075 } 2076 // Not browsing search results page, so no need to care about dl_view_search_results. 2077 if(location.pathname !== '/search') { 2078 updateHrefs(); 2079 return; 2080 } 2081 const startedAt = Date.now(); 2082 const intervalId = setInterval(function () { 2083 const elapsedMs = Date.now() - startedAt; 2084 if (elapsedMs >= 5_000) { 2085 // Max wait time reached, update hrefs anyway. 2086 updateHrefs(); 2087 clearInterval(intervalId); 2088 return; 2089 } 2090 if (!Array.isArray(window.ElevarDataLayer)) { 2091 return; 2092 } 2093 const eventTriggered = window.ElevarDataLayer.some(function (item) { 2094 return item && item.event === 'dl_view_search_results'; 2095 }); 2096 if (eventTriggered) { 2097 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 2098 updateHrefs(); 2099 clearInterval(intervalId); 2100 } 2101 }, 500) 2102 }); 2103</script>
2103 2104 2105</div> 2106</li> 2107 2108 2109 2110 2111 <li 2112 2113 data-submenu-parent 2114 2115 ><!-- if top level item is a link, render a clickable anchor link --><a 2116 class="navigation__submenu-trigger fs-navigation-base no-transition" 2117 data-link 2118 data-parent 2119 2120 data-dropdown-trigger 2121 2122 aria-haspopup="true" 2123 aria-expanded="false" 2124 aria-controls="ç¹éãã¼ã¸-menu-9" 2125 2126 href="/" 2127 2128 2129 2130 > 2131 <span class="link-hover"> 2132 ç¹éãã¼ã¸ 2133 </span> 2134 <span class="header__links-icon"> 2135 <span class="icon icon-new icon-chevron-small "> 2136 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 2137</span> 2138 2139 </span> 2140 </a><div 2141 class=" 2142 navigation__submenu 2143 ff-body 2144 fs-body-100 2145 2146 " 2147 id="ç¹éãã¼ã¸-menu-9" 2148 data-submenu 2149 data-depth="1" 2150 aria-hidden="true" 2151> 2152 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 2153 class="navigation__submenu-trigger no-transition has-icon" 2154 data-dropdown-trigger 2155 data-link 2156 aria-haspopup="true" 2157 aria-expanded="false" 2158 data-href="/pages/digital_catalogue" 2159 > 2160 <span class="navigation__submenu-child-link"> 2161 <label>ã¢ã¤ãã ã©ã¤ã³ããã</label> 2162 <span class="icon icon-new icon-chevron-small navigation__submenu-icon"> 2163 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 2164</span> 2165 2166 </span> 2167 </a> 2168 2169 <div 2170 class=" 2171 navigation__submenu 2172 ff-body 2173 fs-body-100 2174 2175 " 2176 id="" 2177 data-submenu 2178 data-depth="2" 2179 aria-hidden="true" 2180> 2181 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 2182 data-href="/pages/bodyritual" 2183 class="" 2184 2185 data-link 2186 > 2187 3 STEP RITUAL 2188 </a></li><li class="navigation__submenu-item"><a 2189 data-href="/pages/scrubs" 2190 class="" 2191 2192 data-link 2193 > 2194 ã¹ã¿ã¼ã¹ã¯ã©ã㺠2195 </a></li><li class="navigation__submenu-item"><a 2196 data-href="/pages/headscrub" 2197 class="" 2198 2199 data-link 2200 > 2201 ãããã¹ã¯ã©ã 2202 </a></li><li class="navigation__submenu-item"><a 2203 data-href="/pages/bodyscrub" 2204 class="" 2205 2206 data-link 2207 > 2208 ããã£ã¹ã¯ã©ã 2209 </a></li><li class="navigation__submenu-item"><a 2210 data-href="/pages/facepolisher" 2211 class="" 2212 2213 data-link 2214 > 2215 ãã§ã¤ã¹ããªãã·ã£ã¼ 2216 </a></li><li class="navigation__submenu-item"><a 2217 data-href="/pages/haircare" 2218 class="" 2219 2220 data-link 2221 > 2222 ãã¢ã±ã¢ã©ã¤ã³ 2223 </a></li><li class="navigation__submenu-item"><a 2224 data-href="/pages/hydrating_shower_oil" 2225 class="" 2226 2227 data-link 2228 > 2229 ãã¤ãã¬ã¤ãã£ã³ã° ã·ã£ã¯ã¼ãªã¤ã« 2230 </a></li></ul> 2231 2232
2233<script> 2234 window.addEventListener("DOMContentLoaded", function () { 2235 const selector = ".navigation__submenu-item a[data-href]" 2236 function updateHrefs() { 2237 const links = document.querySelectorAll(selector); 2238 links.forEach(function (link) { 2239 link.setAttribute('href', link.getAttribute('data-href')); 2240 link.removeAttribute('data-href') 2241 }); 2242 } 2243 // Not browsing search results page, so no need to care about dl_view_search_results. 2244 if(location.pathname !== '/search') { 2245 updateHrefs(); 2246 return; 2247 } 2248 const startedAt = Date.now(); 2249 const intervalId = setInterval(function () { 2250 const elapsedMs = Date.now() - startedAt; 2251 if (elapsedMs >= 5_000) { 2252 // Max wait time reached, update hrefs anyway. 2253 updateHrefs(); 2254 clearInterval(intervalId); 2255 return; 2256 } 2257 if (!Array.isArray(window.ElevarDataLayer)) { 2258 return; 2259 } 2260 const eventTriggered = window.ElevarDataLayer.some(function (item) { 2261 return item && item.event === 'dl_view_search_results'; 2262 }); 2263 if (eventTriggered) { 2264 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 2265 updateHrefs(); 2266 clearInterval(intervalId); 2267 } 2268 }, 500) 2269 }); 2270</script>
2270 2271 2272</div> 2273 2274</li><li class="navigation__submenu-item"><a 2275 data-href="/pages/la_parfumerie" 2276 class="" 2277 2278 data-link 2279 > 2280 ã© ããã¥ã¼ããªã¼ 2281 </a></li><li class="navigation__submenu-item"><a 2282 data-href="/pages/archive" 2283 class="" 2284 2285 data-link 2286 > 2287 ã20ï¼ OFFãã¨ã·ã«ã«ãã¥ã¼ãã£ã¼ 2288 </a></li><li class="navigation__submenu-item"><a 2289 data-href="/pages/bestcosme" 2290 class="" 2291 2292 data-link 2293 > 2294 2025å¹´ãã¹ãã³ã¹ã¡åè³ã¢ã¤ãã 2295 </a></li><li class="navigation__submenu-item"><a 2296 class="navigation__submenu-trigger no-transition has-icon" 2297 data-dropdown-trigger 2298 data-link 2299 aria-haspopup="true" 2300 aria-expanded="false" 2301 data-href="/pages/gift" 2302 > 2303 <span class="navigation__submenu-child-link"> 2304 <label>ã®ãã</label> 2305 <span class="icon icon-new icon-chevron-small navigation__submenu-icon"> 2306 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 2307</span> 2308 2309 </span> 2310 </a> 2311 2312 <div 2313 class=" 2314 navigation__submenu 2315 ff-body 2316 fs-body-100 2317 2318 " 2319 id="" 2320 data-submenu 2321 data-depth="2" 2322 aria-hidden="true" 2323> 2324 <ul class="navigation__submenu-list"><li class="navigation__submenu-item"><a 2325 data-href="/pages/gift_wrapping" 2326 class="" 2327 2328 data-link 2329 > 2330 ã®ããã©ããã³ã°ã«ã¤ã㦠2331 </a></li><li class="navigation__submenu-item"><a 2332 data-href="/pages/engraving_service" 2333 class="" 2334 2335 data-link 2336 > 2337 å»å°ï¼ã¨ã³ã°ã¬ã¼ãã³ã°ï¼ 2338 </a></li></ul> 2339 2340
2341<script> 2342 window.addEventListener("DOMContentLoaded", function () { 2343 const selector = ".navigation__submenu-item a[data-href]" 2344 function updateHrefs() { 2345 const links = document.querySelectorAll(selector); 2346 links.forEach(function (link) { 2347 link.setAttribute('href', link.getAttribute('data-href')); 2348 link.removeAttribute('data-href') 2349 }); 2350 } 2351 // Not browsing search results page, so no need to care about dl_view_search_results. 2352 if(location.pathname !== '/search') { 2353 updateHrefs(); 2354 return; 2355 } 2356 const startedAt = Date.now(); 2357 const intervalId = setInterval(function () { 2358 const elapsedMs = Date.now() - startedAt; 2359 if (elapsedMs >= 5_000) { 2360 // Max wait time reached, update hrefs anyway. 2361 updateHrefs(); 2362 clearInterval(intervalId); 2363 return; 2364 } 2365 if (!Array.isArray(window.ElevarDataLayer)) { 2366 return; 2367 } 2368 const eventTriggered = window.ElevarDataLayer.some(function (item) { 2369 return item && item.event === 'dl_view_search_results'; 2370 }); 2371 if (eventTriggered) { 2372 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 2373 updateHrefs(); 2374 clearInterval(intervalId); 2375 } 2376 }, 500) 2377 }); 2378</script>
2378 2379 2380</div> 2381 2382</li><li class="navigation__submenu-item"><a 2383 data-href="/pages/papaya-loquat" 2384 class="" 2385 2386 data-link 2387 > 2388 ããã¤ã¤ã»ãã³ 2389 </a></li><li class="navigation__submenu-item"><a 2390 data-href="/pages/radiancemask" 2391 class="" 2392 2393 data-link 2394 > 2395 ã©ãã£ã¢ã³ã¹ãã¹ã¯ 2396 </a></li><li class="navigation__submenu-item"><a 2397 data-href="/pages/minty_spark_yuzu" 2398 class="" 2399 2400 data-link 2401 > 2402 ãã³ãã£ã¹ãã¼ã¯ã»ã¦ãº 2403 </a></li><li class="navigation__submenu-item"><a 2404 data-href="/pages/gentleman" 2405 class="" 2406 2407 data-link 2408 > 2409 ã¸ã§ã³ãã«ãã³ 2410 </a></li><li class="navigation__submenu-item"><a 2411 data-href="/pages/deadsea" 2412 class="" 2413 2414 data-link 2415 > 2416 SABON NOIR 2417 </a></li><li class="navigation__submenu-item"><a 2418 data-href="/pages/rosefacecareline" 2419 class="" 2420 2421 data-link 2422 > 2423 ãã¼ãº ãã§ã¤ã¹ã±ã¢ã©ã¤ã³ 2424 </a></li></ul> 2425 2426
2427<script> 2428 window.addEventListener("DOMContentLoaded", function () { 2429 const selector = ".navigation__submenu-item a[data-href]" 2430 function updateHrefs() { 2431 const links = document.querySelectorAll(selector); 2432 links.forEach(function (link) { 2433 link.setAttribute('href', link.getAttribute('data-href')); 2434 link.removeAttribute('data-href') 2435 }); 2436 } 2437 // Not browsing search results page, so no need to care about dl_view_search_results. 2438 if(location.pathname !== '/search') { 2439 updateHrefs(); 2440 return; 2441 } 2442 const startedAt = Date.now(); 2443 const intervalId = setInterval(function () { 2444 const elapsedMs = Date.now() - startedAt; 2445 if (elapsedMs >= 5_000) { 2446 // Max wait time reached, update hrefs anyway. 2447 updateHrefs(); 2448 clearInterval(intervalId); 2449 return; 2450 } 2451 if (!Array.isArray(window.ElevarDataLayer)) { 2452 return; 2453 } 2454 const eventTriggered = window.ElevarDataLayer.some(function (item) { 2455 return item && item.event === 'dl_view_search_results'; 2456 }); 2457 if (eventTriggered) { 2458 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 2459 updateHrefs(); 2460 clearInterval(intervalId); 2461 } 2462 }, 500) 2463 }); 2464</script>
2464 2465 2466</div> 2467</li> 2468 2469</ul> 2470 2471
2472<script> 2473 window.addEventListener("DOMContentLoaded", function () { 2474 const selector = ".header__links-list a[data-href]" 2475 function updateHrefs() { 2476 const links = document.querySelectorAll(selector); 2477 links.forEach(function (link) { 2478 link.setAttribute('href', link.getAttribute('data-href')); 2479 link.removeAttribute('data-href') 2480 }); 2481 } 2482 // Not browsing search results page, so no need to care about dl_view_search_results. 2483 if(location.pathname !== '/search') { 2484 updateHrefs(); 2485 return; 2486 } 2487 const startedAt = Date.now(); 2488 const intervalId = setInterval(function () { 2489 const elapsedMs = Date.now() - startedAt; 2490 if (elapsedMs >= 5_000) { 2491 // Max wait time reached, update hrefs anyway. 2492 updateHrefs(); 2493 clearInterval(intervalId); 2494 return; 2495 } 2496 if (!Array.isArray(window.ElevarDataLayer)) { 2497 return; 2498 } 2499 const eventTriggered = window.ElevarDataLayer.some(function (item) { 2500 return item && item.event === 'dl_view_search_results'; 2501 }); 2502 if (eventTriggered) { 2503 // ElevarDataLayer already has dl_view_search_results, so update hrefs. 2504 updateHrefs(); 2505 clearInterval(intervalId); 2506 } 2507 }, 500) 2508 }); 2509</script>
2509 2510 2511 2512</nav> 2513 <div class="scroll-sentinal scroll-sentinal--end" data-position="end"></div> 2514 </div> 2515 <div class="scroll-overflow-indicator-wrap" data-position="end"> 2516 <div class="scroll-overflow-indicator"></div> 2517 </div> 2518 <button 2519 class="scroll-button" 2520 data-position="end" 2521 data-direction="forwards" 2522 title="次" 2523 > 2524 <span class="icon icon-new icon-chevron "> 2525 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 2526</span> 2527 2528 </button> 2529 </div> 2530 </div> 2531 <div class="header__row-segment header__row-segment-desktop right"> 2532 <a 2533 class="header__icon-touch header__icon-touch--location" 2534 href="/pages/store" 2535 > 2536 <span 2537 class="icon-button icon-button-map-pin " 2538 2539> 2540 <span class="icon-button__icon"> 2541 <span class="icon icon-new icon-map-pin "> 2542 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> 2543 <path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /></svg> 2544</span> 2545 2546 </span> 2547</span> 2548 2549 </a> 2550 <a 2551 class=" 2552 header__icon-touch 2553 header__icon-touch--search 2554 no-transition 2555 " 2556 href="/search" 2557 2558 data-search 2559 2560 aria-label="æ¤ç´¢ã¢ã¼ãã«ãéã" 2561 aria-controls="MainQuickSearch" 2562 aria-expanded="false" 2563 > 2564 <span 2565 class="icon-button icon-button-header-search " 2566 2567> 2568 <span class="icon-button__icon"> 2569 <span class="icon icon-new icon-header-search "> 2570 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 18L21 21M19 10.5C19 14.6421 15.6422 18 11.5 18C7.35788 18 4 14.6421 4 10.5C4 6.35787 7.35788 3 11.5 3C15.6422 3 19 6.35787 19 10.5Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/></svg> 2571</span> 2572 2573 </span> 2574</span> 2575 2576 <span 2577 class="icon-button icon-button-header-menu-close " 2578 2579> 2580 <span class="icon-button__icon"> 2581 <span class="icon icon-new icon-header-menu-close "> 2582 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.462 6.479 5.538 19.402M5.538 6.479l12.924 12.923" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="6.667" stroke-linejoin="round"/></svg> 2583</span> 2584 2585 </span> 2586</span> 2587 2588 </a> 2589<a 2590 class="header__icon-touch" 2591 href="/account" 2592 aria-label="ã¢ã«ã¦ã³ããã¼ã¸ã¸" 2593 > 2594 <span 2595 class="icon-button icon-button-header-account " 2596 2597> 2598 <span class="icon-button__icon"> 2599 <span class="icon icon-new icon-header-account "> 2600 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M12.1707 20.9114C7.86823 20.9114 5 21.5693 5 19.2992C5 16.8229 8.14141 15 12.0341 15C15.9268 15 19 16.8229 19 19.2992C19 21.5693 16.5414 20.9114 12.1707 20.9114Z"/> 2601 <path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M17 7.00001C17 9.76143 14.7614 12 12 12C9.23858 12 7 9.76143 7 7.00001C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7.00001Z"/></svg> 2602</span> 2603 2604 </span> 2605</span> 2606 2607 </a> 2608<a 2609 class="header__icon-touch header__icon-touch--wishlist" 2610 2611 href="/account/login" 2612 2613 > 2614 <span 2615 class="icon-button icon-button-wishlist " 2616 2617> 2618 <span class="icon-button__icon"> 2619 <span class="icon icon-new icon-wishlist "> 2620 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" /></svg> 2621</span> 2622 2623 </span> 2624</span> 2625 2626 </a> 2627 <a 2628 class="header__icon-touch no-transition" 2629 href="/cart" 2630 aria-label="ã«ã¼ãã¢ã¼ãã«ãéã" 2631 data-js-cart-icon="bag" 2632 > 2633 2634 <span 2635 class="icon-button icon-button-header-shopping-bag " 2636 2637> 2638 <span class="icon-button__icon"> 2639 <span class="icon icon-new icon-header-shopping-bag "> 2640 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5141 6.22222C16.5141 3.89035 14.7169 2 12.5 2C10.2831 2 8.48595 3.89035 8.48595 6.22222M5.27378 21H19.7262C20.1952 21 20.6016 20.6584 20.7049 20.1773L22.9749 9.62177C23.1168 8.96152 22.6396 8.33333 21.9961 8.33333H3.00394C2.36038 8.33333 1.88317 8.96152 2.02515 9.62177L4.29499 20.1773C4.39844 20.6584 4.80486 21 5.27378 21Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10"/></svg> 2641</span> 2642 2643 </span> 2644</span> 2645 2646 2647 <span data-js-cart-count>0</span> 2648 </a> 2649 </div> 2650 </div> 2651 2652 <!-- Mobile Header --> 2653 <div class="header__row header__row-mobile three-segment "> 2654 <div class="header__row-segment left"> 2655 <button 2656 class="header__menu-icon header__icon-touch header__icon-menu" 2657 aria-label="ã¡ãã¥ã¼ã¢ã¼ãã«ãéã" 2658 aria-expanded="false" 2659 data-aria-label-closed="ã¡ãã¥ã¼ã¢ã¼ãã«ãéã" 2660 data-aria-label-opened="ã¡ãã¥ã¼ã¢ã¼ãã«ãéãã" 2661 data-js-menu-button 2662 > 2663 <span 2664 class="icon-button icon-button-header-menu " 2665 2666> 2667 <span class="icon-button__icon"> 2668 <span class="icon icon-new icon-header-menu "> 2669 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.25H24M0 12.25H24M0 18.25H24" stroke="currentColor" stroke-width="1.2"/></svg> 2670</span> 2671 2672 </span> 2673</span> 2674 2675 <span 2676 class="icon-button icon-button-header-menu-close " 2677 2678> 2679 <span class="icon-button__icon"> 2680 <span class="icon icon-new icon-header-menu-close "> 2681 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.462 6.479 5.538 19.402M5.538 6.479l12.924 12.923" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="6.667" stroke-linejoin="round"/></svg> 2682</span> 2683 2684 </span> 2685</span> 2686 2687 </button> 2688 <a 2689 class=" 2690 header__icon-touch 2691 header__icon-touch--search 2692 no-transition 2693 " 2694 href="/search" 2695 2696 data-search 2697 2698 aria-label="æ¤ç´¢ã¢ã¼ãã«ãéã" 2699 aria-controls="MainQuickSearch" 2700 aria-expanded="false" 2701 > 2702 <span 2703 class="icon-button icon-button-header-search " 2704 2705> 2706 <span class="icon-button__icon"> 2707 <span class="icon icon-new icon-header-search "> 2708 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 18L21 21M19 10.5C19 14.6421 15.6422 18 11.5 18C7.35788 18 4 14.6421 4 10.5C4 6.35787 7.35788 3 11.5 3C15.6422 3 19 6.35787 19 10.5Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/></svg> 2709</span> 2710 2711 </span> 2712</span> 2713 2714 <span 2715 class="icon-button icon-button-header-menu-close " 2716 2717> 2718 <span class="icon-button__icon"> 2719 <span class="icon icon-new icon-header-menu-close "> 2720 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.462 6.479 5.538 19.402M5.538 6.479l12.924 12.923" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="6.667" stroke-linejoin="round"/></svg> 2721</span> 2722 2723 </span> 2724</span> 2725 2726 </a> 2727 <a 2728 class="header__icon-touch header__icon-touch--location" 2729 href="/pages/store" 2730 > 2731 <span 2732 class="icon-button icon-button-map-pin " 2733 2734> 2735 <span class="icon-button__icon"> 2736 <span class="icon icon-new icon-map-pin "> 2737 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> 2738 <path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /></svg> 2739</span> 2740 2741 </span> 2742</span> 2743 2744 </a> 2745 </div>
2746 <span class="header__logo"> 2747 <a 2748 class="header__logo-link" 2749 href="/" 2750 2751 aria-label="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã" 2752 2753 ><div 2754 class=" 2755 image 2756 regular-logo 2757 2758 2759 animation--lazy-load 2760 " 2761 style="" 2762 > 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773<img 2774 alt="" 2775 class="image__img" 2776 fetchpriority="high" 2777 width="366" 2778 height="228" 2779 src="//sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=320" 2780 2781 srcset="//sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=100 100w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=150 150w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=200 200w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=240 240w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=280 280w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=300 300w, //sabon.co.jp/cdn/shop/files/Sabon-logo-darker.svg?v=1753371678&width=360 360w" 2782 sizes="(max-width: 960px) 200px, 150px" 2783 onload="javascript: this.closest('.image').classList.add('loaded')" 2784/> 2785 </div><span class="header__logo-text">SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã</span></a> 2786 </span> 2787 <div class="header__row-segment right"><a 2788 class="header__icon-touch" 2789 href="/account" 2790 aria-label="ã¢ã«ã¦ã³ããã¼ã¸ã¸" 2791 > 2792 <span 2793 class="icon-button icon-button-header-account " 2794 2795> 2796 <span class="icon-button__icon"> 2797 <span class="icon icon-new icon-header-account "> 2798 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M12.1707 20.9114C7.86823 20.9114 5 21.5693 5 19.2992C5 16.8229 8.14141 15 12.0341 15C15.9268 15 19 16.8229 19 19.2992C19 21.5693 16.5414 20.9114 12.1707 20.9114Z"/> 2799 <path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M17 7.00001C17 9.76143 14.7614 12 12 12C9.23858 12 7 9.76143 7 7.00001C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7.00001Z"/></svg> 2800</span> 2801 2802 </span> 2803</span> 2804 2805 </a> 2806<a 2807 class="header__icon-touch header__icon-touch--wishlist" 2808 2809 href="/account/login" 2810 2811 > 2812 <span 2813 class="icon-button icon-button-wishlist " 2814 2815> 2816 <span class="icon-button__icon"> 2817 <span class="icon icon-new icon-wishlist "> 2818 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" /></svg> 2819</span> 2820 2821 </span> 2822</span> 2823 2824 </a> 2825 <a 2826 class="header__icon-touch no-transition" 2827 href="/cart" 2828 aria-label="ã«ã¼ãã¢ã¼ãã«ãéã" 2829 data-js-cart-icon="bag" 2830 > 2831 2832 <span 2833 class="icon-button icon-button-header-shopping-bag " 2834 2835> 2836 <span class="icon-button__icon"> 2837 <span class="icon icon-new icon-header-shopping-bag "> 2838 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5141 6.22222C16.5141 3.89035 14.7169 2 12.5 2C10.2831 2 8.48595 3.89035 8.48595 6.22222M5.27378 21H19.7262C20.1952 21 20.6016 20.6584 20.7049 20.1773L22.9749 9.62177C23.1168 8.96152 22.6396 8.33333 21.9961 8.33333H3.00394C2.36038 8.33333 1.88317 8.96152 2.02515 9.62177L4.29499 20.1773C4.39844 20.6584 4.80486 21 5.27378 21Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10"/></svg> 2839</span> 2840 2841 </span> 2842</span> 2843 2844 2845 <span data-js-cart-count>0</span> 2846 </a> 2847 </div> 2848 </div> 2849 </div> 2850 2851 <div class="no-js-menu no-js-menu--desktop"> 2852 <nav> 2853 <ul> 2854 2855 <li> 2856 <a href="/collections/online-limited">ãªã³ã©ã¤ã³éå®</a> 2857 </li> 2858 2859 2860 <li> 2861 <a href="/collections/gift-all">ã®ãã</a> 2862 </li> 2863 2864 <li> 2865 <a href="/collections/gift-all">ALL</a> 2866 </li> 2867 2868 2869 <li> 2870 <a href="/collections/trial">ãã©ã¤ã¢ã«</a> 2871 </li> 2872 2873 2874 <li> 2875 <a href="/collections/gift-under-5000">ï½5,000åæªæºã®ã®ãã</a> 2876 </li> 2877 2878 2879 <li> 2880 <a href="/collections/gift-5000-and-above">5,000å以ä¸ã®ã®ãã</a> 2881 </li> 2882 2883 2884 2885 <li> 2886 <a href="/collections/bestseller">人æ°</a> 2887 </li> 2888 2889 2890 <li> 2891 <a href="/collections/haircare-all">ãã¢ã±ã¢</a> 2892 </li> 2893 2894 <li> 2895 <a href="/collections/haircare-all">
2895ALL</a> 2896 </li> 2897 2898 2899 <li> 2900 <a href="/collections/head-scrub">ãããã¹ã¯ã©ã</a> 2901 </li> 2902 2903 2904 <li> 2905 <a href="/collections/shampoo">ã·ã£ã³ãã¼</a> 2906 </li> 2907 2908 2909 <li> 2910 <a href="/collections/hair-treatment">ãã¢ã¼ããªã¼ãã¡ã³ã</a> 2911 </li> 2912 2913 2914 <li> 2915 <a href="/collections/haircare-kit">ãã¢ã±ã¢ããã</a> 2916 </li> 2917 2918 2919 2920 <li> 2921 <a href="/collections/bath-bodycare-all">ãã¹ï¼ããã£ã±ã¢</a> 2922 </li> 2923 2924 <li> 2925 <a href="/collections/bath-bodycare-all">ALL</a> 2926 </li> 2927 2928 2929 <li> 2930 <a href="/collections/body-scrub">ããã£ã¹ã¯ã©ã</a> 2931 </li> 2932 2933 2934 <li> 2935 <a href="/collections/body-soap">ããã£ã½ã¼ã</a> 2936 </li> 2937 2938 2939 <li> 2940 <a href="/collections/body-cream-mask-milk">ããã£ã¯ãªã¼ã ã»ãã¹ã¯ã»ãã«ã¯ </a> 2941 </li> 2942 2943 2944 <li> 2945 <a href="/collections/body-hairoil">ããã£ã»ãã¢ãªã¤ã«</a> 2946 </li> 2947 2948 2949 <li> 2950 <a href="/collections/bath-addictive">å ¥æµ´å¤</a> 2951 </li> 2952 2953 2954 <li> 2955 <a href="/collections/foot-care">ãããã±ã¢</a> 2956 </li> 2957 2958 2959 <li> 2960 <a href="/collections/bath-bodycare-kit">ãã¹&ããã£ã±ã¢ããã</a> 2961 </li> 2962 2963 2964 <li> 2965 <a href="/collections/hand-cream">ãã³ãã¯ãªã¼ã </a> 2966 </li> 2967 2968 2969 <li> 2970 <a href="/collections/hand-soap">ãã³ãã½ã¼ã</a> 2971 </li> 2972 2973 2974 2975 <li> 2976 <a href="/collections/facecare-all">ãã§ã¤ã¹ã±ã¢</a> 2977 </li> 2978 2979 <li> 2980 <a href="/collections/facecare-all">ALL</a> 2981 </li> 2982 2983 2984 <li> 2985 <a href="/collections/face-wash">æ´é¡ã»ã¯ã¬ã³ã¸ã³ã° (ãã§ã¤ã¹ããªãã·ã£ã¼)</a> 2986 </li> 2987 2988 2989 <li> 2990 <a href="/collections/facemask">ãã§ã¤ã¹ãã¹ã¯</a> 2991 </li> 2992 2993 2994 <li> 2995 <a href="/collections/serum-moisturizer">ã»ã©ã ã»ã¢ã¤ã¹ãã£ã©ã¤ã¶ã¼</a> 2996 </li> 2997 2998 2999 <li> 3000 <a href="/collections/eye-lip-care">ã¢ã¤ã»ãªããã±ã¢</a> 3001 </li> 3002 3003 3004 3005 <li> 3006 <a href="/collections/home-goods-all">ãã¼ã ã»ã°ããº</a> 3007 </li> 3008 3009 <li> 3010 <a href="/collections/home-goods-all">ALL</a> 3011 </li> 3012 3013 3014 <li> 3015 <a href="/collections/home-fragrance">ãã¼ã ãã¬ã°ã©ã³ã¹</a> 3016 </li> 3017 3018 3019 <li> 3020 <a href="/collections/candle">ãã£ã³ãã«</a> 3021 </li> 3022 3023 3024 <li> 3025 <a href="/collections/goods">ã°ããº</a> 3026 </li> 3027 3028 3029 3030 <li> 3031 <a href="/collections/fragrance-all">ãã¬ã°ã©ã³ã¹</a> 3032 </li> 3033 3034 3035 <li> 3036 <a href="/collections/all-skus">é¦ã</a> 3037 </li> 3038 3039 <li> 3040 <a href="/collections/delicate-jasmine">ããªã±ã¼ãã»ã¸ã£ã¹ãã³</a> 3041 </li> 3042 3043 3044 <li> 3045 <a href="/collections/green-rose">ã°ãªã¼ã³ã»ãã¼ãº</a> 3046 </li> 3047 3048 3049 <li> 3050 <a href="/collections/patchouli-lavender-vanilla">ããã¥ãªã»ã©ãã³ãã¼ã»ããã©</a> 3051 </li> 3052 3053 3054 <li> 3055 <a href="/collections/white-tea">ãã¯ã¤ããã£ã¼</a> 3056 </li> 3057 3058 3059 <li> 3060 <a href="/collections/tokyo-japan-exclusive">TOKYO (æ¥æ¬éå®)</a> 3061 </li> 3062 3063 3064 <li> 3065 <a href="/collections/rose-tea">ãã¼ãºãã£</a> 3066 </li> 3067 3068 3069 <li> 3070 <a href="/collections/gentleman">ã¸ã§ã³ãã«ãã³</a> 3071 </li> 3072 3073 3074 <li> 3075 <a href="/collections/dead-sea">ãããã·ã¼</a> 3076 </li> 3077 3078 3079 <li> 3080 <a href="/collections/ginger-orange">ã¸ã³ã¸ã£ã¼ãªã¬ã³ã¸</a> 3081 </li> 3082 3083 3084 <li> 3085 <a href="/collections/citrus-blossom">ã·ãã©ã¹ã»ããããµã </a> 3086 </li> 3087 3088 3089 <li> 3090 <a href="/collections/lavender-apple">ã©ãã³ãã¼ã¢ããã«</a> 3091 </li> 3092 3093 3094 <li> 3095 <a href="/collections/olive-bliss">ãªãªã¼ãã»ããªã¹</a> 3096 </li> 3097 3098 3099 3100 <li> 3101 <a href="/">ç¹éãã¼ã¸</a> 3102 </li> 3103 3104 <li> 3105 <a href="/pages/digital_catalogue">ã¢ã¤ãã ã©ã¤ã³ããã</a> 3106 </li> 3107 3108 <li> 3109 <a href="/pages/bodyritual">3 STEP RITUAL</a> 3110 </li> 3111 3112 3113 <li> 3114 <a href="/pages/scrubs">ã¹ã¿ã¼ã¹ã¯ã©ããº</a> 3115 </li> 3116 3117 3118 <li> 3119 <a href="/pages/headscrub">ãããã¹ã¯ã©ã</a> 3120 </li> 3121 3122 3123 <li> 3124 <a href="/pages/bodyscrub">ããã£ã¹ã¯ã©ã</a> 3125 </li> 3126 3127 3128 <li> 3129 <a href="/pages/facepolisher">ãã§ã¤ã¹ããªãã·ã£ã¼</a> 3130 </li> 3131 3132 3133 <li> 3134 <a href="/pages/haircare">ãã¢ã±ã¢ã©ã¤ã³ </a> 3135 </li> 3136 3137 3138 <li> 3139 <a href="/pages/hydrating_shower_oil">ãã¤ãã¬ã¤ãã£ã³ã° ã·ã£ã¯ã¼ãªã¤ã«</a> 3140 </li> 3141 3142 3143 3144 <li> 3145 <a href="/pages/la_parfumerie">ã© ããã¥ã¼ããªã¼</a> 3146 </li> 3147 3148 3149 <li> 3150 <a href="/pages/archive">ã20ï¼ OFFãã¨ã·ã«ã«ãã¥ã¼ãã£ã¼</a> 3151 </li> 3152 3153 3154 <li> 3155 <a href="/pages/bestcosme">2025å¹´ãã¹ãã³ã¹ã¡åè³ã¢ã¤ãã </a> 3156 </li> 3157 3158 3159 <li> 3160 <a href="/pages/gift">ã®ãã</a> 3161 </li> 3162 3163 <li> 3164 <a href="/pages/gift_wrapping">ã®ããã©ããã³ã°ã«ã¤ãã¦</a> 3165 </li> 3166 3167 3168 <li> 3169 <a href="/pages/engraving_service">å»å°ï¼ã¨ã³ã°ã¬ã¼ãã³ã°ï¼</a> 3170 </li> 3171 3172 3173 3174 <li> 3175 <a href="/pages/papaya-loquat">ããã¤ã¤ã»ãã³</a> 3176 </li> 3177 3178 3179 <li> 3180 <a href="/pages/radiancemask">ã©ãã£ã¢ã³ã¹ãã¹ã¯</a> 3181 </li> 3182 3183 3184 <li> 3185 <a href="/pages/minty_spark_yuzu">ãã³ãã£ã¹ãã¼ã¯ã»ã¦ãº</a> 3186 </li> 3187 3188 3189 <li> 3190 <a href="/pages/gentleman">ã¸ã§ã³ãã«ãã³</a> 3191 </li> 3192 3193 3194 <li> 3195 <a href="/pages/deadsea">SABON NOIR</a> 3196 </li> 3197 3198 3199 <li> 3200 <a href="/pages/rosefacecareline">ãã¼ãº ãã§ã¤ã¹ã±ã¢ã©ã¤ã³</a> 3201 </li> 3202 3203 3204 3205</ul> 3206</nav> 3207 3208 </div> 3209 3210 3211 3212<section 3213 class="
3214 drawer-menu 3215 3216 " 3217 data-drawer-menu 3218 data-scroll-lock-ignore 3219 style="--item-height: 52px" 3220> 3221 <div class="drawer-menu__overlay" data-overlay></div> 3222 3223 <div class="drawer-menu__panel"> 3224 <div class="drawer-menu__bottom"> 3225 <div class="drawer-menu__all-links" data-depth="0" data-all-links data-in-initial-position="true"> 3226 <div class="drawer-menu__contents" data-scroll-lock-ignore> 3227 <div class="drawer-menu__main" data-main role="navigation"> 3228 <div class="drawer-menu__links-wrapper animation--drawer-menu-item"> 3229 <ul class="drawer-menu__primary-links" data-depth="0" data-primary-container="true"> 3230 3231 3232 3233 3234 <li 3235 class=" 3236 drawer-menu__item 3237 3238 3239 " 3240 data-list-item 3241 > 3242 <a 3243 data-item="link" 3244 class="drawer-menu__link" 3245 href="/collections/online-limited" 3246 3247 > 3248 <div class="drawer-menu__link-title"> 3249 3250 3251 3252 <span class=""> 3253 ãªã³ã©ã¤ã³éå® 3254 </span> 3255 </div></a> 3256 3257 3258</li> 3259 3260 3261 3262 <li 3263 class=" 3264 drawer-menu__item 3265 3266 3267 " 3268 data-list-item 3269 > 3270 <a 3271 data-item="parent" 3272 class="drawer-menu__link no-transition" 3273 href="/collections/gift-all" 3274 3275 data-link="primary" 3276 aria-haspopup="true" 3277 aria-expanded="false" 3278 3279 > 3280 <div class="drawer-menu__link-title"> 3281 3282 3283 3284 <span class=""> 3285 ã®ãã 3286 </span> 3287 </div><span class="icon icon-new icon-chevron menu-icon"> 3288 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 3289</span> 3290 3291</a> 3292 3293 3294<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 3295 3296 3297 <li class="drawer-menu__item drawer-menu__item--heading"> 3298 <span 3299 class="drawer-menu__item--heading-back-link" 3300 data-item="back" 3301 aria-label="æ»ã" 3302 > 3303 <span class="icon icon-new icon-arrow-custom back-link-icon"> 3304 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 3305</span> 3306 3307 </span> 3308 <a 3309 class="drawer-menu__link" 3310 data-heading="true" 3311 3312 href="/collections/gift-all" 3313 3314 > 3315 <span class="fs-body-300">ã®ãã</span> 3316 </a> 3317 </li> 3318 3319 3320 3321 3322 <li 3323 class=" 3324 drawer-menu__item 3325 3326 3327 " 3328 data-list-item 3329 > 3330 <a 3331 data-item="link" 3332 class="drawer-menu__link" 3333 href="/collections/gift-all" 3334 3335 > 3336 <div class="drawer-menu__link-title"> 3337 3338 3339 3340 <span class=""> 3341 ALL 3342 </span> 3343 </div></a> 3344 3345 3346</li> 3347 3348 3349 3350 <li 3351 class=" 3352 drawer-menu__item 3353 3354 3355 " 3356 data-list-item 3357 > 3358 <a 3359 data-item="link" 3360 class="drawer-menu__link" 3361 href="/collections/trial" 3362 3363 > 3364 <div class="drawer-menu__link-title"> 3365 3366 3367 3368 <span class=""> 3369 ãã©ã¤ã¢ã« 3370 </span> 3371 </div></a> 3372 3373 3374</li> 3375 3376 3377 3378 <li 3379 class=" 3380 drawer-menu__item 3381 3382 3383 " 3384 data-list-item 3385 > 3386 <a 3387 data-item="link" 3388 class="drawer-menu__link" 3389 href="/collections/gift-under-5000" 3390 3391 > 3392 <div class="drawer-menu__link-title"> 3393 3394 3395 3396 <span class=""> 3397 ï½5,000åæªæºã®ã®ãã 3398 </span> 3399 </div></a> 3400 3401 3402</li> 3403 3404 3405 3406 <li 3407 class=" 3408 drawer-menu__item 3409 3410 3411 " 3412 data-list-item 3413 > 3414 <a 3415 data-item="link" 3416 class="drawer-menu__link" 3417 href="/collections/gift-5000-and-above" 3418 3419 > 3420 <div class="drawer-menu__link-title"> 3421 3422 3423 3424 <span class=""> 3425 5,000å以ä¸ã®ã®ãã 3426 </span> 3427 </div></a> 3428 3429 3430</li> 3431 3432 3433 3434 </ul></li> 3435 3436 3437 3438 <li 3439 class=" 3440 drawer-menu__item 3441 3442 3443 " 3444 data-list-item 3445 > 3446 <a 3447 data-item="link"
3448 class="drawer-menu__link" 3449 href="/collections/bestseller" 3450 3451 > 3452 <div class="drawer-menu__link-title"> 3453 3454 3455 3456 <span class=""> 3457 äººæ° 3458 </span> 3459 </div></a> 3460 3461 3462</li> 3463 3464 3465 3466 <li 3467 class=" 3468 drawer-menu__item 3469 3470 3471 " 3472 data-list-item 3473 > 3474 <a 3475 data-item="parent" 3476 class="drawer-menu__link no-transition" 3477 href="/collections/haircare-all" 3478 3479 data-link="primary" 3480 aria-haspopup="true" 3481 aria-expanded="false" 3482 3483 > 3484 <div class="drawer-menu__link-title"> 3485 3486 3487 3488 <span class=""> 3489 ãã¢ã±ã¢ 3490 </span> 3491 </div><span class="icon icon-new icon-chevron menu-icon"> 3492 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 3493</span> 3494 3495</a> 3496 3497 3498<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 3499 3500 3501 <li class="drawer-menu__item drawer-menu__item--heading"> 3502 <span 3503 class="drawer-menu__item--heading-back-link" 3504 data-item="back" 3505 aria-label="æ»ã" 3506 > 3507 <span class="icon icon-new icon-arrow-custom back-link-icon"> 3508 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 3509</span> 3510 3511 </span> 3512 <a 3513 class="drawer-menu__link" 3514 data-heading="true" 3515 3516 href="/collections/haircare-all" 3517 3518 > 3519 <span class="fs-body-300">ãã¢ã±ã¢</span> 3520 </a> 3521 </li> 3522 3523 3524 3525 3526 <li 3527 class=" 3528 drawer-menu__item 3529 3530 3531 " 3532 data-list-item 3533 > 3534 <a 3535 data-item="link" 3536 class="drawer-menu__link" 3537 href="/collections/haircare-all" 3538 3539 > 3540 <div class="drawer-menu__link-title"> 3541 3542 3543 3544 <span class=""> 3545 ALL 3546 </span> 3547 </div></a> 3548 3549 3550</li> 3551 3552 3553 3554 <li 3555 class=" 3556 drawer-menu__item 3557 3558 3559 " 3560 data-list-item 3561 > 3562 <a 3563 data-item="link" 3564 class="drawer-menu__link" 3565 href="/collections/head-scrub" 3566 3567 > 3568 <div class="drawer-menu__link-title"> 3569 3570 3571 3572 <span class=""> 3573 ãããã¹ã¯ã©ã 3574 </span> 3575 </div></a> 3576 3577 3578</li> 3579 3580 3581 3582 <li 3583 class=" 3584 drawer-menu__item 3585 3586 3587 " 3588 data-list-item 3589 > 3590 <a 3591 data-item="link" 3592 class="drawer-menu__link" 3593 href="/collections/shampoo" 3594 3595 > 3596 <div class="drawer-menu__link-title"> 3597 3598 3599 3600 <span class=""> 3601 ã·ã£ã³ãã¼ 3602 </span> 3603 </div></a> 3604 3605 3606</li> 3607 3608 3609 3610 <li 3611 class=" 3612 drawer-menu__item 3613 3614 3615 " 3616 data-list-item 3617 > 3618 <a 3619 data-item="link" 3620 class="drawer-menu__link" 3621 href="/collections/hair-treatment" 3622 3623 > 3624 <div class="drawer-menu__link-title"> 3625 3626 3627 3628 <span class=""> 3629 ãã¢ã¼ããªã¼ãã¡ã³ã 3630 </span> 3631 </div></a> 3632 3633 3634</li> 3635 3636 3637 3638 <li 3639 class=" 3640 drawer-menu__item 3641 3642 3643 " 3644 data-list-item 3645 > 3646 <a 3647 data-item="link" 3648 class="drawer-menu__link" 3649 href="/collections/haircare-kit" 3650 3651 > 3652 <div class="drawer-menu__link-title"> 3653 3654 3655 3656 <span class=""> 3657 ãã¢ã±ã¢ããã 3658 </span> 3659 </div></a> 3660 3661 3662</li> 3663 3664 3665 3666 </ul></li> 3667 3668 3669 3670 <li 3671 class=" 3672 drawer-menu__item 3673 3674 3675 " 3676 data-list-item 3677 > 3678 <a 3679 data-item="parent" 3680 class="drawer-menu__link no-transition" 3681 href="/collections/bath-bodycare-all" 3682 3683 data-link="primary" 3684 aria-haspopup="true" 3685 aria-expanded="false" 3686 3687 > 3688 <div class="drawer-menu__link-title"> 3689 3690 3691 3692 <span class=""> 3693 ãã¹ï¼ããã£ã±ã¢ 3694 </span> 3695 </div><span class="icon icon-new icon-chevron menu-icon"> 3696 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 3697</span> 3698 3699</a> 3700 3701
3702<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 3703 3704 3705 <li class="drawer-menu__item drawer-menu__item--heading"> 3706 <span 3707 class="drawer-menu__item--heading-back-link" 3708 data-item="back" 3709 aria-label="æ»ã" 3710 > 3711 <span class="icon icon-new icon-arrow-custom back-link-icon"> 3712 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 3713</span> 3714 3715 </span> 3716 <a 3717 class="drawer-menu__link" 3718 data-heading="true" 3719 3720 href="/collections/bath-bodycare-all" 3721 3722 > 3723 <span class="fs-body-300">ãã¹ï¼ããã£ã±ã¢</span> 3724 </a> 3725 </li> 3726 3727 3728 3729 3730 <li 3731 class=" 3732 drawer-menu__item 3733 3734 3735 " 3736 data-list-item 3737 > 3738 <a 3739 data-item="link" 3740 class="drawer-menu__link" 3741 href="/collections/bath-bodycare-all" 3742 3743 > 3744 <div class="drawer-menu__link-title"> 3745 3746 3747 3748 <span class=""> 3749 ALL 3750 </span> 3751 </div></a> 3752 3753 3754</li> 3755 3756 3757 3758 <li 3759 class=" 3760 drawer-menu__item 3761 3762 3763 " 3764 data-list-item 3765 > 3766 <a 3767 data-item="link" 3768 class="drawer-menu__link" 3769 href="/collections/body-scrub" 3770 3771 > 3772 <div class="drawer-menu__link-title"> 3773 3774 3775 3776 <span class=""> 3777 ããã£ã¹ã¯ã©ã 3778 </span> 3779 </div></a> 3780 3781 3782</li> 3783 3784 3785 3786 <li 3787 class=" 3788 drawer-menu__item 3789 3790 3791 " 3792 data-list-item 3793 > 3794 <a 3795 data-item="link" 3796 class="drawer-menu__link" 3797 href="/collections/body-soap" 3798 3799 > 3800 <div class="drawer-menu__link-title"> 3801 3802 3803 3804 <span class=""> 3805 ããã£ã½ã¼ã 3806 </span> 3807 </div></a> 3808 3809 3810</li> 3811 3812 3813 3814 <li 3815 class=" 3816 drawer-menu__item 3817 3818 3819 " 3820 data-list-item 3821 > 3822 <a 3823 data-item="link" 3824 class="drawer-menu__link" 3825 href="/collections/body-cream-mask-milk" 3826 3827 > 3828 <div class="drawer-menu__link-title"> 3829 3830 3831 3832 <span class=""> 3833 ããã£ã¯ãªã¼ã ã»ãã¹ã¯ã»ãã«ã¯ 3834 </span> 3835 </div></a> 3836 3837 3838</li> 3839 3840 3841 3842 <li 3843 class=" 3844 drawer-menu__item 3845 3846 3847 " 3848 data-list-item 3849 > 3850 <a 3851 data-item="link" 3852 class="drawer-menu__link" 3853 href="/collections/body-hairoil" 3854 3855 > 3856 <div class="drawer-menu__link-title"> 3857 3858 3859 3860 <span class=""> 3861 ããã£ã»ãã¢ãªã¤ã« 3862 </span> 3863 </div></a> 3864 3865 3866</li> 3867 3868 3869 3870 <li 3871 class=" 3872 drawer-menu__item 3873 3874 3875 " 3876 data-list-item 3877 > 3878 <a 3879 data-item="link" 3880 class="drawer-menu__link" 3881 href="/collections/bath-addictive" 3882 3883 > 3884 <div class="drawer-menu__link-title"> 3885 3886 3887 3888 <span class=""> 3889 å ¥æµ´å¤ 3890 </span> 3891 </div></a> 3892 3893 3894</li> 3895 3896 3897 3898 <li 3899 class=" 3900 drawer-menu__item 3901 3902 3903 " 3904 data-list-item 3905 > 3906 <a 3907 data-item="link" 3908 class="drawer-menu__link" 3909 href="/collections/foot-care" 3910 3911 > 3912 <div class="drawer-menu__link-title"> 3913 3914 3915 3916 <span class=""> 3917 ãããã±ã¢ 3918 </span> 3919 </div></a> 3920 3921 3922</li> 3923 3924 3925 3926 <li 3927 class=" 3928 drawer-menu__item 3929 3930 3931 " 3932 data-list-item 3933 > 3934 <a 3935 data-item="link" 3936 class="drawer-menu__link" 3937 href="/collections/bath-bodycare-kit" 3938 3939 > 3940 <div class="drawer-menu__link-title"> 3941 3942 3943 3944 <span class=""> 3945 ãã¹&ããã£ã±ã¢ããã 3946 </span> 3947 </div></a> 3948 3949 3950</li> 3951 3952 3953 3954 <li 3955 class=" 3956 drawer-menu__item 3957 3958 3959 " 3960 data-list-item 3961 > 3962 <a 3963 data-item="link" 3964 class="drawer-menu__link" 3965 href="/collections/hand-cream" 3966 3967 > 3968 <div class="drawer-menu__link-title"> 3969 3970 3971 3972 <span class=""> 3973 ãã³ãã¯ãªã¼ã 3974 </span> 3975 </div></a> 3976 3977 3978</li> 3979 3980 3981 3982 <li 3983 class="
3984 drawer-menu__item 3985 3986 3987 " 3988 data-list-item 3989 > 3990 <a 3991 data-item="link" 3992 class="drawer-menu__link" 3993 href="/collections/hand-soap" 3994 3995 > 3996 <div class="drawer-menu__link-title"> 3997 3998 3999 4000 <span class=""> 4001 ãã³ãã½ã¼ã 4002 </span> 4003 </div></a> 4004 4005 4006</li> 4007 4008 4009 4010 </ul></li> 4011 4012 4013 4014 <li 4015 class=" 4016 drawer-menu__item 4017 4018 4019 " 4020 data-list-item 4021 > 4022 <a 4023 data-item="parent" 4024 class="drawer-menu__link no-transition" 4025 href="/collections/facecare-all" 4026 4027 data-link="primary" 4028 aria-haspopup="true" 4029 aria-expanded="false" 4030 4031 > 4032 <div class="drawer-menu__link-title"> 4033 4034 4035 4036 <span class=""> 4037 ãã§ã¤ã¹ã±ã¢ 4038 </span> 4039 </div><span class="icon icon-new icon-chevron menu-icon"> 4040 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 4041</span> 4042 4043</a> 4044 4045 4046<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 4047 4048 4049 <li class="drawer-menu__item drawer-menu__item--heading"> 4050 <span 4051 class="drawer-menu__item--heading-back-link" 4052 data-item="back" 4053 aria-label="æ»ã" 4054 > 4055 <span class="icon icon-new icon-arrow-custom back-link-icon"> 4056 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 4057</span> 4058 4059 </span> 4060 <a 4061 class="drawer-menu__link" 4062 data-heading="true" 4063 4064 href="/collections/facecare-all" 4065 4066 > 4067 <span class="fs-body-300">ãã§ã¤ã¹ã±ã¢</span> 4068 </a> 4069 </li> 4070 4071 4072 4073 4074 <li 4075 class=" 4076 drawer-menu__item 4077 4078 4079 " 4080 data-list-item 4081 > 4082 <a 4083 data-item="link" 4084 class="drawer-menu__link" 4085 href="/collections/facecare-all" 4086 4087 > 4088 <div class="drawer-menu__link-title"> 4089 4090 4091 4092 <span class=""> 4093 ALL 4094 </span> 4095 </div></a> 4096 4097 4098</li> 4099 4100 4101 4102 <li 4103 class=" 4104 drawer-menu__item 4105 4106 4107 " 4108 data-list-item 4109 > 4110 <a 4111 data-item="link" 4112 class="drawer-menu__link" 4113 href="/collections/face-wash" 4114 4115 > 4116 <div class="drawer-menu__link-title"> 4117 4118 4119 4120 <span class=""> 4121 æ´é¡ã»ã¯ã¬ã³ã¸ã³ã° (ãã§ã¤ã¹ããªãã·ã£ã¼) 4122 </span> 4123 </div></a> 4124 4125 4126</li> 4127 4128 4129 4130 <li 4131 class=" 4132 drawer-menu__item 4133 4134 4135 " 4136 data-list-item 4137 > 4138 <a 4139 data-item="link" 4140 class="drawer-menu__link" 4141 href="/collections/facemask" 4142 4143 > 4144 <div class="drawer-menu__link-title"> 4145 4146 4147 4148 <span class=""> 4149 ãã§ã¤ã¹ãã¹ã¯ 4150 </span> 4151 </div></a> 4152 4153 4154</li> 4155 4156 4157 4158 <li 4159 class=" 4160 drawer-menu__item 4161 4162 4163 " 4164 data-list-item 4165 > 4166 <a 4167 data-item="link" 4168 class="drawer-menu__link" 4169 href="/collections/serum-moisturizer" 4170 4171 > 4172 <div class="drawer-menu__link-title"> 4173 4174 4175 4176 <span class=""> 4177 ã»ã©ã ã»ã¢ã¤ã¹ãã£ã©ã¤ã¶ã¼ 4178 </span> 4179 </div></a> 4180 4181 4182</li> 4183 4184 4185 4186 <li 4187 class=" 4188 drawer-menu__item 4189 4190 4191 " 4192 data-list-item 4193 > 4194 <a 4195 data-item="link" 4196 class="drawer-menu__link" 4197 href="/collections/eye-lip-care" 4198 4199 > 4200 <div class="drawer-menu__link-title"> 4201 4202 4203 4204 <span class=""> 4205 ã¢ã¤ã»ãªããã±ã¢ 4206 </span> 4207 </div></a> 4208 4209 4210</li> 4211 4212 4213 4214 </ul></li> 4215 4216 4217 4218 <li 4219 class=" 4220 drawer-menu__item 4221 4222 4223 " 4224 data-list-item 4225 > 4226 <a 4227 data-item="parent" 4228 class="drawer-menu__link no-transition" 4229 href="/collections/home-goods-all" 4230 4231 data-link="primary" 4232 aria-haspopup="true" 4233 aria-expanded="false" 4234 4235 >
4236 <div class="drawer-menu__link-title"> 4237 4238 4239 4240 <span class=""> 4241 ãã¼ã ã»ã°ã㺠4242 </span> 4243 </div><span class="icon icon-new icon-chevron menu-icon"> 4244 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 4245</span> 4246 4247</a> 4248 4249 4250<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 4251 4252 4253 <li class="drawer-menu__item drawer-menu__item--heading"> 4254 <span 4255 class="drawer-menu__item--heading-back-link" 4256 data-item="back" 4257 aria-label="æ»ã" 4258 > 4259 <span class="icon icon-new icon-arrow-custom back-link-icon"> 4260 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 4261</span> 4262 4263 </span> 4264 <a 4265 class="drawer-menu__link" 4266 data-heading="true" 4267 4268 href="/collections/home-goods-all" 4269 4270 > 4271 <span class="fs-body-300">ãã¼ã ã»ã°ããº</span> 4272 </a> 4273 </li> 4274 4275 4276 4277 4278 <li 4279 class=" 4280 drawer-menu__item 4281 4282 4283 " 4284 data-list-item 4285 > 4286 <a 4287 data-item="link" 4288 class="drawer-menu__link" 4289 href="/collections/home-goods-all" 4290 4291 > 4292 <div class="drawer-menu__link-title"> 4293 4294 4295 4296 <span class=""> 4297 ALL 4298 </span> 4299 </div></a> 4300 4301 4302</li> 4303 4304 4305 4306 <li 4307 class=" 4308 drawer-menu__item 4309 4310 4311 " 4312 data-list-item 4313 > 4314 <a 4315 data-item="link" 4316 class="drawer-menu__link" 4317 href="/collections/home-fragrance" 4318 4319 > 4320 <div class="drawer-menu__link-title"> 4321 4322 4323 4324 <span class=""> 4325 ãã¼ã ãã¬ã°ã©ã³ã¹ 4326 </span> 4327 </div></a> 4328 4329 4330</li> 4331 4332 4333 4334 <li 4335 class=" 4336 drawer-menu__item 4337 4338 4339 " 4340 data-list-item 4341 > 4342 <a 4343 data-item="link" 4344 class="drawer-menu__link" 4345 href="/collections/candle" 4346 4347 > 4348 <div class="drawer-menu__link-title"> 4349 4350 4351 4352 <span class=""> 4353 ãã£ã³ãã« 4354 </span> 4355 </div></a> 4356 4357 4358</li> 4359 4360 4361 4362 <li 4363 class=" 4364 drawer-menu__item 4365 4366 4367 " 4368 data-list-item 4369 > 4370 <a 4371 data-item="link" 4372 class="drawer-menu__link" 4373 href="/collections/goods" 4374 4375 > 4376 <div class="drawer-menu__link-title"> 4377 4378 4379 4380 <span class=""> 4381 ã°ã㺠4382 </span> 4383 </div></a> 4384 4385 4386</li> 4387 4388 4389 4390 </ul></li> 4391 4392 4393 4394 <li 4395 class=" 4396 drawer-menu__item 4397 4398 4399 " 4400 data-list-item 4401 > 4402 <a 4403 data-item="link" 4404 class="drawer-menu__link" 4405 href="/collections/fragrance-all" 4406 4407 > 4408 <div class="drawer-menu__link-title"> 4409 4410 4411 4412 <span class=""> 4413 ãã¬ã°ã©ã³ã¹ 4414 </span> 4415 </div></a> 4416 4417 4418</li> 4419 4420 4421 4422 <li 4423 class=" 4424 drawer-menu__item 4425 4426 4427 " 4428 data-list-item 4429 > 4430 <a 4431 data-item="parent" 4432 class="drawer-menu__link no-transition" 4433 href="/collections/all-skus" 4434 4435 data-link="primary" 4436 aria-haspopup="true" 4437 aria-expanded="false" 4438 4439 > 4440 <div class="drawer-menu__link-title"> 4441 4442 4443 4444 <span class=""> 4445 é¦ã 4446 </span> 4447 </div><span class="icon icon-new icon-chevron menu-icon"> 4448 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 4449</span> 4450 4451</a> 4452 4453 4454<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 4455 4456 4457 <li class="drawer-menu__item drawer-menu__item--heading"> 4458 <span 4459 class="drawer-menu__item--heading-back-link" 4460 data-item="back" 4461 aria-label="æ»ã" 4462 > 4463 <span class="icon icon-new icon-arrow-custom back-link-icon"> 4464 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 4465</span> 4466 4467 </span> 4468 <a
4469 class="drawer-menu__link" 4470 data-heading="true" 4471 4472 href="/collections/all-skus" 4473 4474 > 4475 <span class="fs-body-300">é¦ã</span> 4476 </a> 4477 </li> 4478 4479 4480 4481 4482 <li 4483 class=" 4484 drawer-menu__item 4485 4486 4487 " 4488 data-list-item 4489 > 4490 <a 4491 data-item="link" 4492 class="drawer-menu__link" 4493 href="/collections/delicate-jasmine" 4494 4495 > 4496 <div class="drawer-menu__link-title"> 4497 4498 4499 4500 <span class=""> 4501 ããªã±ã¼ãã»ã¸ã£ã¹ãã³ 4502 </span> 4503 </div></a> 4504 4505 4506</li> 4507 4508 4509 4510 <li 4511 class=" 4512 drawer-menu__item 4513 4514 4515 " 4516 data-list-item 4517 > 4518 <a 4519 data-item="link" 4520 class="drawer-menu__link" 4521 href="/collections/green-rose" 4522 4523 > 4524 <div class="drawer-menu__link-title"> 4525 4526 4527 4528 <span class=""> 4529 ã°ãªã¼ã³ã»ãã¼ãº 4530 </span> 4531 </div></a> 4532 4533 4534</li> 4535 4536 4537 4538 <li 4539 class=" 4540 drawer-menu__item 4541 4542 4543 " 4544 data-list-item 4545 > 4546 <a 4547 data-item="link" 4548 class="drawer-menu__link" 4549 href="/collections/patchouli-lavender-vanilla" 4550 4551 > 4552 <div class="drawer-menu__link-title"> 4553 4554 4555 4556 <span class=""> 4557 ããã¥ãªã»ã©ãã³ãã¼ã»ããã© 4558 </span> 4559 </div></a> 4560 4561 4562</li> 4563 4564 4565 4566 <li 4567 class=" 4568 drawer-menu__item 4569 4570 4571 " 4572 data-list-item 4573 > 4574 <a 4575 data-item="link" 4576 class="drawer-menu__link" 4577 href="/collections/white-tea" 4578 4579 > 4580 <div class="drawer-menu__link-title"> 4581 4582 4583 4584 <span class=""> 4585 ãã¯ã¤ããã£ã¼ 4586 </span> 4587 </div></a> 4588 4589 4590</li> 4591 4592 4593 4594 <li 4595 class=" 4596 drawer-menu__item 4597 4598 4599 " 4600 data-list-item 4601 > 4602 <a 4603 data-item="link" 4604 class="drawer-menu__link" 4605 href="/collections/tokyo-japan-exclusive" 4606 4607 > 4608 <div class="drawer-menu__link-title"> 4609 4610 4611 4612 <span class=""> 4613 TOKYO (æ¥æ¬éå®) 4614 </span> 4615 </div></a> 4616 4617 4618</li> 4619 4620 4621 4622 <li 4623 class=" 4624 drawer-menu__item 4625 4626 4627 " 4628 data-list-item 4629 > 4630 <a 4631 data-item="link" 4632 class="drawer-menu__link" 4633 href="/collections/rose-tea" 4634 4635 > 4636 <div class="drawer-menu__link-title"> 4637 4638 4639 4640 <span class=""> 4641 ãã¼ãºã㣠4642 </span> 4643 </div></a> 4644 4645 4646</li> 4647 4648 4649 4650 <li 4651 class=" 4652 drawer-menu__item 4653 4654 4655 " 4656 data-list-item 4657 > 4658 <a 4659 data-item="link" 4660 class="drawer-menu__link" 4661 href="/collections/gentleman" 4662 4663 > 4664 <div class="drawer-menu__link-title"> 4665 4666 4667 4668 <span class=""> 4669 ã¸ã§ã³ãã«ãã³ 4670 </span> 4671 </div></a> 4672 4673 4674</li> 4675 4676 4677 4678 <li 4679 class=" 4680 drawer-menu__item 4681 4682 4683 " 4684 data-list-item 4685 > 4686 <a 4687 data-item="link" 4688 class="drawer-menu__link" 4689 href="/collections/dead-sea" 4690 4691 > 4692 <div class="drawer-menu__link-title"> 4693 4694 4695 4696 <span class=""> 4697 ãããã·ã¼ 4698 </span> 4699 </div></a> 4700 4701 4702</li> 4703 4704 4705 4706 <li 4707 class=" 4708 drawer-menu__item 4709 4710 4711 " 4712 data-list-item 4713 > 4714 <a 4715 data-item="link" 4716 class="drawer-menu__link" 4717 href="/collections/ginger-orange" 4718 4719 > 4720 <div class="drawer-menu__link-title"> 4721 4722 4723 4724 <span class=""> 4725 ã¸ã³ã¸ã£ã¼ãªã¬ã³ã¸ 4726 </span> 4727 </div></a> 4728 4729 4730</li> 4731 4732 4733 4734 <li 4735 class=" 4736 drawer-menu__item 4737 4738 4739 " 4740 data-list-item 4741 > 4742 <a 4743 data-item="link" 4744 class="drawer-menu__link" 4745 href="/collections/citrus-blossom" 4746 4747 > 4748 <div class="drawer-menu__link-title"> 4749 4750 4751 4752 <span class=""> 4753 ã·ãã©ã¹ã»ããããµã 4754 </span> 4755 </div></a> 4756 4757 4758</li> 4759 4760 4761 4762 <li 4763 class=" 4764 drawer-menu__item 4765 4766 4767 " 4768 data-list-item 4769 > 4770 <a 4771 data-item="link" 4772 class="drawer-menu__link" 4773 href="/collections/lavender-apple" 4774 4775 >
4776 <div class="drawer-menu__link-title"> 4777 4778 4779 4780 <span class=""> 4781 ã©ãã³ãã¼ã¢ããã« 4782 </span> 4783 </div></a> 4784 4785 4786</li> 4787 4788 4789 4790 <li 4791 class=" 4792 drawer-menu__item 4793 4794 4795 " 4796 data-list-item 4797 > 4798 <a 4799 data-item="link" 4800 class="drawer-menu__link" 4801 href="/collections/olive-bliss" 4802 4803 > 4804 <div class="drawer-menu__link-title"> 4805 4806 4807 4808 <span class=""> 4809 ãªãªã¼ãã»ããªã¹ 4810 </span> 4811 </div></a> 4812 4813 4814</li> 4815 4816 4817 4818 </ul></li> 4819 4820 4821 4822 <li 4823 class=" 4824 drawer-menu__item 4825 4826 4827 " 4828 data-list-item 4829 > 4830 <a 4831 data-item="parent" 4832 class="drawer-menu__link no-transition" 4833 href="/" 4834 4835 data-link="primary" 4836 aria-haspopup="true" 4837 aria-expanded="false" 4838 4839 > 4840 <div class="drawer-menu__link-title"> 4841 4842 4843 4844 <span class=""> 4845 ç¹éãã¼ã¸ 4846 </span> 4847 </div><span class="icon icon-new icon-chevron menu-icon"> 4848 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 4849</span> 4850 4851</a> 4852 4853 4854<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--1" aria-hidden="true"> 4855 4856 4857 <li class="drawer-menu__item drawer-menu__item--heading"> 4858 <span 4859 class="drawer-menu__item--heading-back-link" 4860 data-item="back" 4861 aria-label="æ»ã" 4862 > 4863 <span class="icon icon-new icon-arrow-custom back-link-icon"> 4864 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 4865</span> 4866 4867 </span> 4868 <a 4869 class="drawer-menu__link" 4870 data-heading="true" 4871 4872 href="/" 4873 4874 > 4875 <span class="fs-body-300">ç¹éãã¼ã¸</span> 4876 </a> 4877 </li> 4878 4879 4880 4881 4882 <li 4883 class=" 4884 drawer-menu__item 4885 4886 4887 " 4888 data-list-item 4889 > 4890 <a 4891 data-item="parent" 4892 class="drawer-menu__link no-transition" 4893 href="/pages/digital_catalogue" 4894 4895 data-link="primary" 4896 aria-haspopup="true" 4897 aria-expanded="false" 4898 4899 > 4900 <div class="drawer-menu__link-title"> 4901 4902 4903 4904 <span class=""> 4905 ã¢ã¤ãã ã©ã¤ã³ããã 4906 </span> 4907 </div><span class="icon icon-new icon-chevron menu-icon"> 4908 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 4909</span> 4910 4911</a> 4912 4913 4914<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--2" aria-hidden="true"> 4915 4916 4917 <li class="drawer-menu__item drawer-menu__item--heading"> 4918 <span 4919 class="drawer-menu__item--heading-back-link" 4920 data-item="back" 4921 aria-label="æ»ã" 4922 > 4923 <span class="icon icon-new icon-arrow-custom back-link-icon"> 4924 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 4925</span> 4926 4927 </span> 4928 <a 4929 class="drawer-menu__link" 4930 data-heading="true" 4931 4932 href="/pages/digital_catalogue" 4933 4934 > 4935 <span class="fs-body-300">ã¢ã¤ãã ã©ã¤ã³ããã</span> 4936 </a> 4937 </li> 4938 4939 4940 4941 4942 <li 4943 class=" 4944 drawer-menu__item 4945 4946 4947 " 4948 data-list-item 4949 > 4950 <a 4951 data-item="link" 4952 class="drawer-menu__link" 4953 href="/pages/bodyritual" 4954 4955 > 4956 <div class="drawer-menu__link-title"> 4957 4958 4959 4960 <span class=""> 4961 3 STEP RITUAL 4962 </span> 4963 </div></a> 4964 4965 4966</li> 4967 4968 4969 4970 <li 4971 class=" 4972 drawer-menu__item 4973 4974 4975 " 4976 data-list-item 4977 > 4978 <a 4979 data-item="link"
4980 class="drawer-menu__link" 4981 href="/pages/scrubs" 4982 4983 > 4984 <div class="drawer-menu__link-title"> 4985 4986 4987 4988 <span class=""> 4989 ã¹ã¿ã¼ã¹ã¯ã©ã㺠4990 </span> 4991 </div></a> 4992 4993 4994</li> 4995 4996 4997 4998 <li 4999 class=" 5000 drawer-menu__item 5001 5002 5003 " 5004 data-list-item 5005 > 5006 <a 5007 data-item="link" 5008 class="drawer-menu__link" 5009 href="/pages/headscrub" 5010 5011 > 5012 <div class="drawer-menu__link-title"> 5013 5014 5015 5016 <span class=""> 5017 ãããã¹ã¯ã©ã 5018 </span> 5019 </div></a> 5020 5021 5022</li> 5023 5024 5025 5026 <li 5027 class=" 5028 drawer-menu__item 5029 5030 5031 " 5032 data-list-item 5033 > 5034 <a 5035 data-item="link" 5036 class="drawer-menu__link" 5037 href="/pages/bodyscrub" 5038 5039 > 5040 <div class="drawer-menu__link-title"> 5041 5042 5043 5044 <span class=""> 5045 ããã£ã¹ã¯ã©ã 5046 </span> 5047 </div></a> 5048 5049 5050</li> 5051 5052 5053 5054 <li 5055 class=" 5056 drawer-menu__item 5057 5058 5059 " 5060 data-list-item 5061 > 5062 <a 5063 data-item="link" 5064 class="drawer-menu__link" 5065 href="/pages/facepolisher" 5066 5067 > 5068 <div class="drawer-menu__link-title"> 5069 5070 5071 5072 <span class=""> 5073 ãã§ã¤ã¹ããªãã·ã£ã¼ 5074 </span> 5075 </div></a> 5076 5077 5078</li> 5079 5080 5081 5082 <li 5083 class=" 5084 drawer-menu__item 5085 5086 5087 " 5088 data-list-item 5089 > 5090 <a 5091 data-item="link" 5092 class="drawer-menu__link" 5093 href="/pages/haircare" 5094 5095 > 5096 <div class="drawer-menu__link-title"> 5097 5098 5099 5100 <span class=""> 5101 ãã¢ã±ã¢ã©ã¤ã³ 5102 </span> 5103 </div></a> 5104 5105 5106</li> 5107 5108 5109 5110 <li 5111 class=" 5112 drawer-menu__item 5113 5114 5115 " 5116 data-list-item 5117 > 5118 <a 5119 data-item="link" 5120 class="drawer-menu__link" 5121 href="/pages/hydrating_shower_oil" 5122 5123 > 5124 <div class="drawer-menu__link-title"> 5125 5126 5127 5128 <span class=""> 5129 ãã¤ãã¬ã¤ãã£ã³ã° ã·ã£ã¯ã¼ãªã¤ã« 5130 </span> 5131 </div></a> 5132 5133 5134</li> 5135 5136 5137 5138 </ul></li> 5139 5140 5141 5142 <li 5143 class=" 5144 drawer-menu__item 5145 5146 5147 " 5148 data-list-item 5149 > 5150 <a 5151 data-item="link" 5152 class="drawer-menu__link" 5153 href="/pages/la_parfumerie" 5154 5155 > 5156 <div class="drawer-menu__link-title"> 5157 5158 5159 5160 <span class=""> 5161 ã© ããã¥ã¼ããªã¼ 5162 </span> 5163 </div></a> 5164 5165 5166</li> 5167 5168 5169 5170 <li 5171 class=" 5172 drawer-menu__item 5173 5174 5175 " 5176 data-list-item 5177 > 5178 <a 5179 data-item="link" 5180 class="drawer-menu__link" 5181 href="/pages/archive" 5182 5183 > 5184 <div class="drawer-menu__link-title"> 5185 5186 5187 5188 <span class=""> 5189 ã20ï¼ OFFãã¨ã·ã«ã«ãã¥ã¼ãã£ã¼ 5190 </span> 5191 </div></a> 5192 5193 5194</li> 5195 5196 5197 5198 <li 5199 class=" 5200 drawer-menu__item 5201 5202 5203 " 5204 data-list-item 5205 > 5206 <a 5207 data-item="link" 5208 class="drawer-menu__link" 5209 href="/pages/bestcosme" 5210 5211 > 5212 <div class="drawer-menu__link-title"> 5213 5214 5215 5216 <span class=""> 5217 2025å¹´ãã¹ãã³ã¹ã¡åè³ã¢ã¤ãã 5218 </span> 5219 </div></a> 5220 5221 5222</li> 5223 5224 5225 5226 <li 5227 class=" 5228 drawer-menu__item 5229 5230 5231 " 5232 data-list-item 5233 > 5234 <a 5235 data-item="parent" 5236 class="drawer-menu__link no-transition" 5237 href="/pages/gift" 5238 5239 data-link="primary" 5240 aria-haspopup="true" 5241 aria-expanded="false" 5242 5243 > 5244 <div class="drawer-menu__link-title"> 5245 5246 5247 5248 <span class=""> 5249 ã®ãã 5250 </span> 5251 </div><span class="icon icon-new icon-chevron menu-icon"> 5252 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 5253</span> 5254 5255</a> 5256 5257 5258<ul class="drawer-menu__list drawer-menu__list--sub drawer-menu-list--2" aria-hidden="true"> 5259 5260 5261 <li class="drawer-menu__item drawer-menu__item--heading"> 5262 <span
5263 class="drawer-menu__item--heading-back-link" 5264 data-item="back" 5265 aria-label="æ»ã" 5266 > 5267 <span class="icon icon-new icon-arrow-custom back-link-icon"> 5268 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19 18.9 4-4L19 10.9m4 4H0" stroke="currentColor" stroke-width="1.1"/></svg> 5269</span> 5270 5271 </span> 5272 <a 5273 class="drawer-menu__link" 5274 data-heading="true" 5275 5276 href="/pages/gift" 5277 5278 > 5279 <span class="fs-body-300">ã®ãã</span> 5280 </a> 5281 </li> 5282 5283 5284 5285 5286 <li 5287 class=" 5288 drawer-menu__item 5289 5290 5291 " 5292 data-list-item 5293 > 5294 <a 5295 data-item="link" 5296 class="drawer-menu__link" 5297 href="/pages/gift_wrapping" 5298 5299 > 5300 <div class="drawer-menu__link-title"> 5301 5302 5303 5304 <span class=""> 5305 ã®ããã©ããã³ã°ã«ã¤ã㦠5306 </span> 5307 </div></a> 5308 5309 5310</li> 5311 5312 5313 5314 <li 5315 class=" 5316 drawer-menu__item 5317 5318 5319 " 5320 data-list-item 5321 > 5322 <a 5323 data-item="link" 5324 class="drawer-menu__link" 5325 href="/pages/engraving_service" 5326 5327 > 5328 <div class="drawer-menu__link-title"> 5329 5330 5331 5332 <span class=""> 5333 å»å°ï¼ã¨ã³ã°ã¬ã¼ãã³ã°ï¼ 5334 </span> 5335 </div></a> 5336 5337 5338</li> 5339 5340 5341 5342 </ul></li> 5343 5344 5345 5346 <li 5347 class=" 5348 drawer-menu__item 5349 5350 5351 " 5352 data-list-item 5353 > 5354 <a 5355 data-item="link" 5356 class="drawer-menu__link" 5357 href="/pages/papaya-loquat" 5358 5359 > 5360 <div class="drawer-menu__link-title"> 5361 5362 5363 5364 <span class=""> 5365 ããã¤ã¤ã»ãã³ 5366 </span> 5367 </div></a> 5368 5369 5370</li> 5371 5372 5373 5374 <li 5375 class=" 5376 drawer-menu__item 5377 5378 5379 " 5380 data-list-item 5381 > 5382 <a 5383 data-item="link" 5384 class="drawer-menu__link" 5385 href="/pages/radiancemask" 5386 5387 > 5388 <div class="drawer-menu__link-title"> 5389 5390 5391 5392 <span class=""> 5393 ã©ãã£ã¢ã³ã¹ãã¹ã¯ 5394 </span> 5395 </div></a> 5396 5397 5398</li> 5399 5400 5401 5402 <li 5403 class=" 5404 drawer-menu__item 5405 5406 5407 " 5408 data-list-item 5409 > 5410 <a 5411 data-item="link" 5412 class="drawer-menu__link" 5413 href="/pages/minty_spark_yuzu" 5414 5415 > 5416 <div class="drawer-menu__link-title"> 5417 5418 5419 5420 <span class=""> 5421 ãã³ãã£ã¹ãã¼ã¯ã»ã¦ãº 5422 </span> 5423 </div></a> 5424 5425 5426</li> 5427 5428 5429 5430 <li 5431 class=" 5432 drawer-menu__item 5433 5434 5435 " 5436 data-list-item 5437 > 5438 <a 5439 data-item="link" 5440 class="drawer-menu__link" 5441 href="/pages/gentleman" 5442 5443 > 5444 <div class="drawer-menu__link-title"> 5445 5446 5447 5448 <span class=""> 5449 ã¸ã§ã³ãã«ãã³ 5450 </span> 5451 </div></a> 5452 5453 5454</li> 5455 5456 5457 5458 <li 5459 class=" 5460 drawer-menu__item 5461 5462 5463 " 5464 data-list-item 5465 > 5466 <a 5467 data-item="link" 5468 class="drawer-menu__link" 5469 href="/pages/deadsea" 5470 5471 > 5472 <div class="drawer-menu__link-title"> 5473 5474 5475 5476 <span class=""> 5477 SABON NOIR 5478 </span> 5479 </div></a> 5480 5481 5482</li> 5483 5484 5485 5486 <li 5487 class=" 5488 drawer-menu__item 5489 5490 5491 " 5492 data-list-item 5493 > 5494 <a 5495 data-item="link" 5496 class="drawer-menu__link" 5497 href="/pages/rosefacecareline" 5498 5499 > 5500 <div class="drawer-menu__link-title"> 5501 5502 5503 5504 <span class=""> 5505 ãã¼ãº ãã§ã¤ã¹ã±ã¢ã©ã¤ã³ 5506 </span> 5507 </div></a> 5508 5509 5510</li> 5511 5512 5513 5514 </ul></li> 5515 </ul> 5516 </div> 5517 5518 5519 <div class="drawer-menu__links-wrapper animation--drawer-menu-item"> 5520 <ul 5521 class="drawer-menu__secondary-links" 5522 data-depth="0" 5523 data-secondary-container="true" 5524 style="--item-height: 42px" 5525 > 5526 5527 <li class="drawer-menu__item drawer-menu__item--account-item" data-list-item>
5528 <span class="icon icon-new icon-header-account "> 5529 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M12.1707 20.9114C7.86823 20.9114 5 21.5693 5 19.2992C5 16.8229 8.14141 15 12.0341 15C15.9268 15 19 16.8229 19 19.2992C19 21.5693 16.5414 20.9114 12.1707 20.9114Z"/> 5530 <path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M17 7.00001C17 9.76143 14.7614 12 12 12C9.23858 12 7 9.76143 7 7.00001C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7.00001Z"/></svg> 5531</span> 5532 5533 <a class="drawer-menu__link" href="/account"> 5534 ç»é² / ãã°ã¤ã³ 5535 </a></li> 5536 5537 5538 <li class="drawer-menu__item drawer-menu__item--social-icons" data-list-item> 5539 <ul class="social-icons social-icons--left" data-count="4"><li> 5540 <a 5541 href="https://facebook.com/sabonjapan" 5542 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Facebook" 5543 target="_blank" 5544 rel="noopener" 5545 > 5546 <span class="icon icon-new icon-facebook "> 5547 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M12 1C5.9247 1 1 5.95019 1 12.0569C1 17.5998 5.0623 22.1774 10.3555 22.9768V14.987H7.6341V12.0802H10.3555V10.1463C10.3555 6.94421 11.9076 5.53888 14.5553 5.53888C15.8236 5.53888 16.4935 5.63286 16.8114 5.67598V8.21244H15.0052C13.881 8.21244 13.4883 9.28386 13.4883 10.4913V12.0802H16.7828L16.3362 14.987H13.4894V23C18.8585 22.2691 23 17.654 23 12.0569C23 5.95019 18.0753 1 12 1Z"/></svg> 5548</span> 5549 5550 </a> 5551 </li><li> 5552 <a 5553 href="https://instagram.com/sabon_japan" 5554 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Instagram" 5555 target="_blank" 5556 rel="noopener" 5557 > 5558 <span class="icon icon-new icon-instagram "> 5559 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" fill="currentColor" /></svg> 5560</span> 5561 5562 </a> 5563 </li><li> 5564 <a 5565 href="https://x.com/SABON_Japan" 5566 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Twitter" 5567 target="_blank" 5568 rel="noopener" 5569 > 5570 <span class="icon icon-new icon-twitter "> 5571 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M13.903 10.464 21.348 2h-1.764l-6.465 7.35L7.955 2H2l7.808 11.114L2 21.99h1.764l6.828-7.761 5.452 7.76H22l-8.098-11.525Zm-2.417 2.747-.791-1.106L4.4 3.299h2.71l5.08 7.107.791 1.106 6.604 9.238h-2.71l-5.389-7.538Z"/></svg> 5572</span> 5573 5574 </a> 5575 </li><li> 5576 <a 5577 href="http://line.me/R/ti/p/@830exmbx" 5578 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on LINE" 5579 target="_blank" 5580 rel="noopener" 5581 > 5582 <span class="icon icon-new icon-line "> 5583 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M14.3633 9.45625V12.9496C14.3633 13.0398 14.2945 13.1086 14.2043 13.1086H13.6457C13.5898 13.1086 13.5426 13.0785 13.5168 13.0441L11.9141 10.8828V12.9539C11.9141 13.0441 11.8453 13.1129 11.7551 13.1129H11.1965C11.1063 13.1129 11.0375 13.0441 11.0375 12.9539V9.46055C11.0375 9.37031 11.1063 9.30156 11.1965 9.30156H11.7508C11.798 9.30156 11.8539 9.32735 11.8797 9.37031L13.4824 11.5316V9.46055C13.4824 9.37031 13.5512 9.30156 13.6414 9.30156H14.2C14.2902 9.29727 14.3
5583633 9.37031 14.3633 9.45195V9.45625ZM10.3371 9.29727H9.77852C9.68828 9.29727 9.61953 9.36602 9.61953 9.45625V12.9496C9.61953 13.0398 9.68828 13.1086 9.77852 13.1086H10.3371C10.4273 13.1086 10.4961 13.0398 10.4961 12.9496V9.45625C10.4961 9.37461 10.4273 9.29727 10.3371 9.29727ZM8.98789 12.2234H7.45821V9.45625C7.45821 9.36602 7.38946 9.29727 7.29922 9.29727H6.74063C6.65039 9.29727 6.58164 9.36602 6.58164 9.45625V12.9496C6.58164 12.9926 6.59453 13.027 6.62461 13.057C6.65469 13.0828 6.68907 13.1 6.73203 13.1H8.975C9.06524 13.1 9.13399 13.0312 9.13399 12.941V12.3824C9.13399 12.3008 9.06524 12.2234 8.9836 12.2234H8.98789ZM17.3109 9.29727H15.0637C14.982 9.29727 14.9047 9.36602 14.9047 9.45625V12.9496C14.9047 13.0312 14.9734 13.1086 15.0637 13.1086H17.3066C17.3969 13.1086 17.4656 13.0398 17.4656 12.9496V12.3867C17.4656 12.2965 17.3969 12.2277 17.3066 12.2277H15.7812V11.6434H17.3066C17.3969 11.6434 17.4656 11.5746 17.4656 11.4844V10.9215C17.4656 10.8313 17.3969 10.7625 17.3066 10.7625H15.7812V10.1738H17.3066C17.3969 10.1738 17.4656 10.1051 17.4656 10.0148V9.45625C17.4613 9.37461 17.3926 9.29727 17.3066 9.29727H17.3109ZM23 5.01329V19.0211C22.9957 21.2211 21.191 23.0043 18.9867 23H4.97891C2.77891 22.9957 0.995711 21.1867 1.00001 18.9867V4.97891C1.0043 2.77891 2.81329 0.995711 5.01329 1.00001H19.0211C21.2211 1.0043 23.0043 2.80899 23 5.01329ZM19.975 11.0332C19.975 7.44961 16.3785 4.53204 11.9656 4.53204C7.55274 4.53204 3.95626 7.44961 3.95626 11.0332C3.95626 14.243 6.80508 16.9371 10.6551 17.4484C11.5918 17.6504 11.4844 17.9941 11.2738 19.2574C11.2395 19.4594 11.1105 20.048 11.9656 19.6914C12.8207 19.3348 16.5762 16.9758 18.2605 15.0422C19.4207 13.766 19.975 12.4727 19.975 11.0418V11.0332Z"/></svg> 5584</span> 5585 5586 </a> 5587 </li></ul> 5588 5589 </li> 5590 5591 </ul> 5592 </div> 5593 5594 </div> 5595 </div></div> 5596 </div> 5597 </div> 5598</section> 5599 5600</header> 5601
5602<script> 5603 // Set heading height at component level 5604 const header = document.querySelector('[data-section-type="header"]'); 5605 document.documentElement.style.setProperty('--height-header', header.offsetHeight + 'px'); 5606</script>
5606 5607
5608<script type="text/javascript"> 5609// karte cart 5610const krtCartCountEl = document.querySelector('[data-js-cart-count]'); 5611if (krtCartCountEl !== null) { 5612 const krtCartCountObserver = new MutationObserver((mutations) => { 5613 mutations.forEach(mutation => { 5614 fetch("/cart.js") 5615 .then(r => r.json()) 5616 .then(cart => { 5617 try { 5618 const items = cart.items.map((item) => ({ 5619 id: item.sku, 5620 name: item.title, 5621 quantity: item.quantity, 5622 I_category_name: item.product_type, 5623 vendor: item.vendor, 5624 price: item.final_price/100, 5625 item_url: item.url, 5626 item_image_url: item.image, 5627 })); 5628 5629 const item_names = items.map((item) => item.name); 5630 const item_prices = items.map((item) => item.price); 5631 5632 krt("send", "cart", { 5633 items: items, 5634 item_names: item_names, 5635 item_prices: item_prices, 5636 Price: cart.total_price/100, 5637 status: cart.item_count>0, 5638 }); 5639 } catch (err) { 5640 krt("send", "_error", { message: err.message }); 5641 } 5642 }); 5643 }); 5644 }); 5645 5646 krtCartCountObserver.observe(krtCartCountEl, { 5647 childList: true, 5648 }); 5649} else { 5650 console.warn('target not found: [data-js-cart-count]'); 5651} 5652</script>
5652<div 5653 class=" 5654 purchase-confirmation-popup 5655 5656 " 5657 data-purchase-confirmation-popup 5658 > 5659 <div class="purchase-confirmation-popup__inner"></div> 5660 </div><div class="flash-alert" data-flash-alert> 5661 <div class="flash-alert__container ff-body fs-body-100"></div> 5662</div> 5663 5664 5665 5666</div> 5667<!-- END sections: header-group --> 5668 <!-- BEGIN sections: overlay-group --> 5669<div id="shopify-section-sections--28500602093749__quick-cart" class="shopify-section shopify-section-group-overlay-group"> 5670</div><div id="shopify-section-sections--28500602093749__popup" class="shopify-section shopify-section-group-overlay-group"> 5671</div> 5672<!-- END sections: overlay-group --> 5673<div 5674 id="MainQuickSearch" 5675 class="quick-search" 5676 data-quick-search 5677 aria-hidden="true" 5678> 5679 <div class="quick-search__overlay" data-overlay></div> 5680 5681 <div class="quick-search__container"> 5682 <button 5683 type="button" 5684 class="quick-search__close" 5685 aria-label="è¿ã" 5686 data-close-icon 5687 > 5688 <span 5689 class="icon-button icon-button-close icon-button--small " 5690 5691> 5692 <span class="icon-button__icon"> 5693 <span class="icon icon-new icon-close "> 5694 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 19L4 17.5L10 11.5L4 5.5L5.5 4L11.5 10L17.5 4L19 5.5L13 11.5L19 17.5L17.5 19L11.5 13L5.5 19Z" fill="currentColor"/></svg> 5695</span> 5696 5697 </span> 5698</span> 5699 5700 </button> 5701 5702 <form 5703 action="/search" 5704 class="quick-search__form" 5705 autocomplete="off" 5706 data-quick-search-form 5707 data-scroll-lock-ignore 5708 > 5709 <div class="quick-search__bar"> 5710 <div class="quick-search__bar-inner"> 5711 <label for="search" class="visually-hidden" aria-label="æ¤ç´¢"></label> 5712 <div class="quick-search__actions"> 5713 <button class="quick-search__submit" type="submit" aria-label="æ¤ç´¢"> 5714 <span class="icon icon-new icon-search "> 5715 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" d="M18.2941 19.3333L22 23M19.5295 10.1667C19.5295 15.2293 15.3815 19.3333 10.2647 19.3333C5.14797 19.3333 1 15.2293 1 10.1667C1 5.10406 5.14797 1 10.2647 1C15.3815 1 19.5295 5.10406 19.5295 10.1667Z"/></svg> 5716</span> 5717 5718 </button> 5719 </div> 5720 <input 5721 class="quick-search__input" 5722 id="search" 5723 type="text" 5724 name="q" 5725 placeholder="æ¤ç´¢" 5726 data-input 5727 > 5728 <input type="hidden" name="options[prefix]" value="last"> 5729 <div class="quick-search__actions"> 5730 <button class="quick-search__clear fs-body-50" type="button" data-clear> 5731 ã¯ãªã¢ 5732 </button> 5733 </div> 5734 </div> 5735 </div> 5736 5737 <div class="quick-search__results-wrapper"> 5738 <div class="quick-search__results" data-results></div> 5739 </div><div class="quick-search__suggested-wrapper"> 5740 <div class="quick-search__suggested"> 5741 <h4 class="quick-search__suggested-header ff-body fs-body-100 t-subdued"> 5742 ãããããã¼ã¯ã¼ã 5743 </h4><a class="quick-search__result" href="/pages/Gift"> 5744 <div class="quick-search__result-details ff-body fs-body-75"> 5745 <div class="quick-search__result-heading">#ããããã®ãã</div> 5746 </div> 5747 </a><a class="quick-search__result" href="/collections/bestseller"> 5748 <div class="quick-search__result-details ff-body fs-body-75"> 5749 <div class="quick-search__result-heading">#人æ°</div> 5750 </div> 5751 </a><a class="quick-search__result" href="/collections/papaya-loquat"> 5752 <div class="quick-search__result-details ff-body fs-body-75"> 5753 <div class="quick-search__result-heading">#æ°ééå®</div> 5754 </div> 5755 </a><a class="quick-search__result" href="/collections/minty-spark-yuzu"> 5756 <div class="quick-search__result-details ff-body fs-body-75"> 5757 <div class="quick-search__result-heading">#å¤ã®ã±ã¢</div> 5758 </div> 5759 </a><a class="quick-search__result" href="/collections/head-scrub"> 5760 <div class="quick-search__result-details ff-body fs-body-75"> 5761 <div class="quick-search__result-heading">#ãããã¹ã¯ã©ã</div> 5762 </div> 5763 </a><a class="quick-search__result" href="/collections/body-soap"> 5764 <div class="quick-search__result-details ff-body fs-body-75"> 5765 <div class="quick-search__result-heading">#ã·ã£ã¯ã¼ãªã¤ã«</div> 5766 </div> 5767 </a> 5768 </div> 5769 </div><div class="quick-search__footer"> 5770 <button type="submit" class="btn btn--primary btn--full">ãã¹ã¦ã®çµæã表示</button> 5771 </div> 5772 </form> 5773 </div> 5774</div> 5775 5776<div class="header-overlay" data-header-overlay> 5777 <div class="header-overlay__inner"></div> 5778 </div> 5779 5780 <main id="main" class="main"> 5781 5782 5783 5784 <section id="shopify-section-template--28500603175093__main" class="shopify-section sbn-custom main-blog">
5784<link href="//sabon.co.jp/cdn/shop/t/70/assets/template-blog.css?v=10933941558992880571789623108" rel="stylesheet" type="text/css" media="all" /> 5785 5786 <div 5787 class=" 5788 blog 5789 section 5790 5791 " 5792 data-page="1" 5793 data-section-id="template--28500603175093__main" 5794 data-section-type="blog" 5795 > 5796 <div class="blog__inner"> 5797 <header class="blog__header page__header animation--blog-header"> 5798 <h1 class="blog__heading ff-heading fs-heading-2-base fs-heading-1-base-ns ta-c"> 5799 ãã¥ã¼ã¹ 5800 </h1></header> 5801 5802 <ul 5803 class="blog__article-list"><li class="blog__article-item"> 5804 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 5805<div 5806 class=" 5807 article-item 5808 article-item--has-no-image 5809 animation--article-item 5810 hover 5811 " 5812 data-image="false" 5813><div class="article-item__content"> 5814 <div class="article-item__content-inner"><div class="article-item__tags"> 5815 <ul class="article-tags"> 5816 <li class="article-tags__item"> 5817 <a 5818href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 5819 > 5820 Store 5821 </a> 5822 </li> 5823 </ul> 5824 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 5825 <a href="/blogs/news/20260918">ä»å°ãã«ã³åºã»ç¥æ¸éªæ¥åºããªãã¥ã¼ã¢ã«ãªã¼ãã³ã®ãç¥ãã</a> 5826 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-09-18T01:34:52Z">2026å¹´9æ18æ¥</time> 5827</p><div class="article-item__excerpt"> 5828 5829<style> 5830 .article-item__excerpt p { 5831 white-space: pre-line; 5832 } 5833 </style> 5834 <div class="article-item__excerpt"><p>SABONä»å°ãã«ã³åºã10æ1æ¥(æ¨)ãSABONç¥æ¸éªæ¥åºã10æ2æ¥(é)ãªãã¥ã¼ã¢ã«ãªã¼ãã³ãããã¾ãã 5835 ããã¾ã§ã®SABONãããä¸ç観ã大åã«ããªãããæ°ããªåºèãã¶ã¤ã³ã§ãããå¤ãã®æ¹ã«å¿å°ãããéããããã â¦</p> 5836 </div> 5837 5838 5839 5840 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 5841 5842 5843 href="/blogs/news/20260918" 5844 5845 5846 class=" 5847 btn 5848 5849 5850 5851 5852 btn--callout" 5853 > 5854 <span>ç¶ããèªã</span> 5855 </a> 5856 </div> 5857 5858 5859 5860</div> 5861 </div></div> 5862 5863 </li><li class="blog__article-item"> 5864 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 5865<div 5866 class=" 5867 article-item 5868 article-item--has-no-image 5869 animation--article-item 5870 hover 5871 " 5872 data-image="false" 5873><div class="article-item__content"> 5874 <div class="article-item__content-inner"><div class="article-item__tags"> 5875 <ul class="article-tags"> 5876 <li class="article-tags__item"> 5877 <a 5878href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 5879 > 5880 Store 5881 </a> 5882 </li> 5883 </ul> 5884 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 5885 <a href="/blogs/news/20260916">ã«ããåºèéå®ãSpecial Campaignã®ãç¥ãã</a> 5886 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-09-16T02:12:39Z">2026å¹´9æ16æ¥</time> 5887</p><div class="article-item__excerpt"> 5888 5889<style> 5890 .article-item__excerpt p { 5891 white-space: pre-line; 5892 } 5893 </style> 5894 <div class="article-item__excerpt"><p>9æ17æ¥(æ¨)ï½9æ23æ¥(æ°´ç¥)ã®æéãã«ããã«ã¼ã10%ãªããã£ã³ãã¼ã³ãéå¬ããã¾ãã 5895 ã«ããåºèéå®ããããç¹å¥ãªãè²·ãä¸ãã®ããããç¨æãããã¾ãã 5896 ãã²ãã®æ©ä¼ã«åºé ã«ãç«ã¡å¯ããã ãããçæ§â¦</p> 5897 </div> 5898 5899 5900 5901 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 5902 5903 5904 href="/blogs/news/20260916" 5905 5906 5907 class=" 5908 btn 5909 5910 5911 5912 5913 btn--callout" 5914 >
5915 <span>ç¶ããèªã</span> 5916 </a> 5917 </div> 5918 5919 5920 5921</div> 5922 </div></div> 5923 5924 </li><li class="blog__article-item"> 5925 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 5926<div 5927 class=" 5928 article-item 5929 article-item--has-no-image 5930 animation--article-item 5931 hover 5932 " 5933 data-image="false" 5934><div class="article-item__content"> 5935 <div class="article-item__content-inner"><div class="article-item__tags"> 5936 <ul class="article-tags"> 5937 <li class="article-tags__item"> 5938 <a 5939href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 5940 > 5941 Store 5942 </a> 5943 </li> 5944 </ul> 5945 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 5946 <a href="/blogs/news/20260911">SABONã©ã¾ã¼ãå·å´åº 䏿ã¯ãã¼ãºã®ãç¥ãã</a> 5947 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-09-11T03:23:57Z">2026å¹´9æ11æ¥</time> 5948</p><div class="article-item__excerpt"> 5949 5950<style> 5951 .article-item__excerpt p { 5952 white-space: pre-line; 5953 } 5954 </style> 5955 <div class="article-item__excerpt"><p>ãã¤ãSABONã©ã¾ã¼ãå·å´åºããå©ç¨ããã ãèª ã«ãããã¨ããããã¾ãã 5956 æ½è¨ãªãã¥ã¼ã¢ã«ã«ä¼´ããSABONã©ã¾ã¼ãå·å´åºã¯ç¾åºç»ã§ã®å¶æ¥ã2026å¹´9æ25æ¥(é)ã«ã¦çµäºãããã¾ãã 5957 ãªã移転å ã¯Plaâ¦</p> 5958 </div> 5959 5960 5961 5962 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 5963 5964 5965 href="/blogs/news/20260911" 5966 5967 5968 class=" 5969 btn 5970 5971 5972 5973 5974 btn--callout" 5975 > 5976 <span>ç¶ããèªã</span> 5977 </a> 5978 </div> 5979 5980 5981 5982</div> 5983 </div></div> 5984 5985 </li><li class="blog__article-item"> 5986 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 5987<div 5988 class=" 5989 article-item 5990 article-item--has-no-image 5991 animation--article-item 5992 hover 5993 " 5994 data-image="false" 5995><div class="article-item__content"> 5996 <div class="article-item__content-inner"><div class="article-item__tags"> 5997 <ul class="article-tags"> 5998 <li class="article-tags__item"> 5999 <a 6000href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6001 > 6002 Store 6003 </a> 6004 </li> 6005 </ul> 6006 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6007 <a href="/blogs/news/20260812">ãç¶å ±ããæ³¨æååã®çºéç¶æ³ã«ã¤ãã¦</a> 6008 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-08-12T04:26:22Z">2026å¹´8æ12æ¥</time> 6009</p><div class="article-item__excerpt"> 6010 6011<style> 6012 .article-item__excerpt p { 6013 white-space: pre-line; 6014 } 6015 </style> 6016 <div class="article-item__excerpt"><p>å¹³ç´ ããSABON OFFICIAL ONLINE STOREããå©ç¨ããã ããèª ã«ãããã¨ããããã¾ãã 6017 6018å è¬ã®ã·ã¹ãã ãã©ãã«ã«ããçºéã¸ã®å½±é¿ã¯æ¹åãã¦ããã¾ãããç¾å¨ã大å¤ã好è©ãããã ããå¤ãã®ã注æãéä¸ãã¦â¦</p> 6019 </div> 6020 6021 6022 6023 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6024 6025 6026 href="/blogs/news/20260812" 6027 6028 6029 class=" 6030 btn 6031 6032 6033 6034 6035 btn--callout" 6036 > 6037 <span>ç¶ããèªã</span> 6038 </a> 6039 </div> 6040 6041 6042 6043</div> 6044 </div></div> 6045 6046 </li><li class="blog__article-item"> 6047 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6048<div 6049 class=" 6050 article-item 6051 article-item--has-no-image 6052 animation--article-item 6053 hover 6054 " 6055 data-image="false" 6056><div class="article-item__content"> 6057 <div class="article-item__content-inner"><div class="article-item__tags"> 6058 <ul class="article-tags"> 6059 <li class="article-tags__item"> 6060 <a 6061href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6062 > 6063 Store 6064 </a> 6065 </li> 6066 </ul> 6067 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6068 <a href="/blogs/news/20260729">çæ¬å°åã®å°éã«ä¼´ãåºèå¶æ¥ã»é éã¸ã®å½±é¿ã«ã¤ãã¦</a> 6069 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-07-29T07:58:48Z">2026å¹´7æ29æ¥</time> 6070</p><div class="article-item__excerpt"> 6071 6072<style> 6073 .article-item__excerpt p { 6074 white-space: pre-line; 6075 } 6076 </style> 6077 <div class="article-item__excerpt"><p>å¹³ç´ ããSABONããæé¡§ããã ããèª ã«ãããã¨ããããã¾ãã 6078 çæ¬å°åãéæºã¨ããå°éã«ãã被害ã«éãããçæ§ã«ãå¿ãããè¦èãç³ãä¸ãã¾ãã 6079 å°éã®å½±é¿ã«ä¼´ããåºèå¶æ¥ããã³ãªã³ã©ã¤ã³ã¹ãã¢ã®ååé éã«â¦</p> 6080 </div> 6081 6082 6083 6084 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6085 6086 6087 href="/blogs/news/20260729" 6088 6089 6090 class=" 6091 btn 6092 6093 6094 6095 6096 btn--callout" 6097 >
6098 <span>ç¶ããèªã</span> 6099 </a> 6100 </div> 6101 6102 6103 6104</div> 6105 </div></div> 6106 6107 </li><li class="blog__article-item"> 6108 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6109<div 6110 class=" 6111 article-item 6112 article-item--has-no-image 6113 animation--article-item 6114 hover 6115 " 6116 data-image="false" 6117><div class="article-item__content"> 6118 <div class="article-item__content-inner"><div class="article-item__tags"> 6119 <ul class="article-tags"> 6120 <li class="article-tags__item"> 6121 <a 6122href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6123 > 6124 Store 6125 </a> 6126 </li> 6127 </ul> 6128 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6129 <a href="/blogs/news/20260724">ãéè¦ãç¾å¨ããæ³¨æååã®çºéé å»¶ã«ã¤ãã¦</a> 6130 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-07-24T07:03:46Z">2026å¹´7æ24æ¥</time> 6131</p><div class="article-item__excerpt"> 6132 6133<style> 6134 .article-item__excerpt p { 6135 white-space: pre-line; 6136 } 6137 </style> 6138 <div class="article-item__excerpt"><p>å¹³ç´ ããSABON OFFICIAL ONLINE STOREããå©ç¨ããã ããèª ã«ãããã¨ããããã¾ãã 6139 6140ç¾å¨ãã·ã¹ãã ãã©ãã«ã®å½±é¿ã«ãããä¸é¨ã®ã注æã«ã¤ãã¾ãã¦é常ããçºéã«ãæéãããã ãå¯è½æ§ããããã¾ãã 6141â¦</p> 6142 </div> 6143 6144 6145 6146 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6147 6148 6149 href="/blogs/news/20260724" 6150 6151 6152 class=" 6153 btn 6154 6155 6156 6157 6158 btn--callout" 6159 > 6160 <span>ç¶ããèªã</span> 6161 </a> 6162 </div> 6163 6164 6165 6166</div> 6167 </div></div> 6168 6169 </li><li class="blog__article-item"> 6170 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6171<div 6172 class=" 6173 article-item 6174 article-item--has-no-image 6175 animation--article-item 6176 hover 6177 " 6178 data-image="false" 6179><div class="article-item__content"> 6180 <div class="article-item__content-inner"><div class="article-item__tags"> 6181 <ul class="article-tags"> 6182 <li class="article-tags__item"> 6183 <a 6184href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6185 > 6186 Store 6187 </a> 6188 </li> 6189 </ul> 6190 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6191 <a href="/blogs/news/20260723">ãéè¦ãã¡ã³ããã³ã¹çµäºã«ä¼´ãä¼å¡ç§»è¡ã®ãé¡ãã¨ãã©ã¤ãã·ã¼ããªã·ã¼æ¹å®</a> 6192 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-07-22T15:00:00Z">2026å¹´7æ23æ¥</time> 6193</p><div class="article-item__excerpt"> 6194 6195<style> 6196 .article-item__excerpt p { 6197 white-space: pre-line; 6198 } 6199 </style> 6200 <div class="article-item__excerpt"><p>ãã¤ãSABONããæé¡§ããã ããèª ã«ãããã¨ããããã¾ãã 6201 ãã®ãã³ã¯ãã·ã¹ãã ã¡ã³ããã³ã¹ã«ä¼´ãããªã³ã©ã¤ã³ã¹ãã¢ããã³ä¼å¡ãµã¼ãã¹ã®ä¸æåæ¢ã«ãçè§£ã»ãååãããã ããèª ã«ãããã¨ããããã¾ããã 6202 ã¡â¦</p> 6203 </div> 6204 6205 6206 6207 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6208 6209 6210 href="/blogs/news/20260723" 6211 6212 6213 class=" 6214 btn 6215 6216 6217 6218 6219 btn--callout" 6220 > 6221 <span>ç¶ããèªã</span> 6222 </a> 6223 </div> 6224 6225 6226 6227</div> 6228 </div></div> 6229 6230 </li><li class="blog__article-item"> 6231 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6232<div 6233 class=" 6234 article-item 6235 article-item--has-no-image 6236 animation--article-item 6237 hover 6238 " 6239 data-image="false" 6240><div class="article-item__content"> 6241 <div class="article-item__content-inner"><div class="article-item__tags"> 6242 <ul class="article-tags"> 6243 <li class="article-tags__item"> 6244 <a 6245href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6246 > 6247 Store 6248 </a> 6249 </li> 6250 </ul> 6251 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6252 <a href="/blogs/news/20260723_2">æ°æ½ä¼å¢ä¸¹åºããªã¼ãã³ã®ãç¥ãã</a> 6253 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-07-17T06:39:35Z">2026å¹´7æ17æ¥</time> 6254</p><div class="article-item__excerpt"> 6255 6256<style> 6257 .article-item__excerpt p { 6258 white-space: pre-line; 6259 } 6260 </style> 6261 <div class="article-item__excerpt"><p>SABONæ°æ½ä¼å¢ä¸¹åºãã8æ26æ¥(æ°´)ãªã¼ãã³ãããã¾ãã 6262 ããã¾ã§ã®SABONãããä¸ç観ã大åã«ããªãããæ°ããªåºèãã¶ã¤ã³ã§ãããå¤ãã®æ¹ã«å¿å°ãããéããããã ãã空éã§ãè¿ããããã¾ãã 6263 6264ãªâ¦</p> 6265 </div> 6266 6267 6268 6269 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6270 6271 6272 href="/blogs/news/20260723_2" 6273 6274 6275 class=" 6276 btn 6277 6278 6279 6280 6281 btn--callout" 6282 >
6283 <span>ç¶ããèªã</span> 6284 </a> 6285 </div> 6286 6287 6288 6289</div> 6290 </div></div> 6291 6292 </li><li class="blog__article-item"> 6293 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6294<div 6295 class=" 6296 article-item 6297 article-item--has-no-image 6298 animation--article-item 6299 hover 6300 " 6301 data-image="false" 6302><div class="article-item__content"> 6303 <div class="article-item__content-inner"><div class="article-item__tags"> 6304 <ul class="article-tags"> 6305 <li class="article-tags__item"> 6306 <a 6307href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6308 > 6309 Store 6310 </a> 6311 </li> 6312 </ul> 6313 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6314 <a href="/blogs/news/20260708">ãµã¤ãã¡ã³ããã³ã¹ã«ä¼´ããªã³ã©ã¤ã³ã¹ãã¢ã»ä¼å¡æ©è½åæ¢ã®ãç¥ãã</a> 6315 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-07-07T15:00:00Z">2026å¹´7æ8æ¥</time> 6316</p><div class="article-item__excerpt"> 6317 6318<style> 6319 .article-item__excerpt p { 6320 white-space: pre-line; 6321 } 6322 </style> 6323 <div class="article-item__excerpt"><p>ãã¤ãSABONããæé¡§ããã ããèª ã«ãããã¨ããããã¾ãã 6324 ãã®åº¦ãããå¿«é©ã«ãªã³ã©ã¤ã³ã¹ãã¢ããã³ä¼å¡ãµã¼ãã¹ããå©ç¨ããã ãããã®æ°ã·ã¹ãã ç§»è¡ã«ä¼´ãã 6325 ä¸è¨ã®æéã«ã¦ãµã¤ãã¡ã³ããã³ã¹ã«ãããªã³ã©ã¤â¦</p> 6326 </div> 6327 6328 6329 6330 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6331 6332 6333 href="/blogs/news/20260708" 6334 6335 6336 class=" 6337 btn 6338 6339 6340 6341 6342 btn--callout" 6343 > 6344 <span>ç¶ããèªã</span> 6345 </a> 6346 </div> 6347 6348 6349 6350</div> 6351 </div></div> 6352 6353 </li><li class="blog__article-item"> 6354 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6355<div 6356 class=" 6357 article-item 6358 article-item--has-no-image 6359 animation--article-item 6360 hover 6361 " 6362 data-image="false" 6363><div class="article-item__content"> 6364 <div class="article-item__content-inner"><div class="article-item__tags"> 6365 <ul class="article-tags"> 6366 <li class="article-tags__item"> 6367 <a 6368href="/blogs/news/tagged/special"class="article-tags__tag fs-body-50" 6369 > 6370 Special 6371 </a> 6372 </li> 6373 </ul> 6374 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6375 <a href="/blogs/news/20260611">SABONÃãã³ããã³æ°å®¿æ±äº¬ ã³ã©ãã¬ã¼ã·ã§ã³ã¢ãã¿ãã¼ã³ãã£ã¼ã®ãç¥ãã</a> 6376 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-06-10T15:00:00Z">2026å¹´6æ11æ¥</time> 6377</p><div class="article-item__excerpt"> 6378 6379<style> 6380 .article-item__excerpt p { 6381 white-space: pre-line; 6382 } 6383 </style> 6384 <div class="article-item__excerpt"><p>2022å¹´ç»å ´ä»¥æ¥ãå¤å£éå®ã³ã¬ã¯ã·ã§ã³ã¨ãã¦äººæ°ãåãããã³ãã£ã¹ãã¼ã¯ã»ã¦ãº ã³ã¬ã¯ã·ã§ã³ãã 6385 æ¸ æ¶¼æããµããããã¼ãã³ãã¨åãããããªã¦ãºãç¹ããªããã¹ãã¼ã¯ãªã³ã°ãã¼ã¢ãã¼ãã®é¦ãã«ã 6386 ãã³ããã³æ°â¦</p> 6387 </div> 6388 6389 6390 6391 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6392 6393 6394 href="/blogs/news/20260611" 6395 6396 6397 class=" 6398 btn 6399 6400 6401 6402 6403 btn--callout" 6404 > 6405 <span>ç¶ããèªã</span> 6406 </a> 6407 </div> 6408 6409 6410 6411</div> 6412 </div></div> 6413 6414 </li><li class="blog__article-item"> 6415 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6416<div 6417 class=" 6418 article-item 6419 article-item--has-no-image 6420 animation--article-item 6421 hover 6422 " 6423 data-image="false" 6424><div class="article-item__content"> 6425 <div class="article-item__content-inner"><div class="article-item__tags"> 6426 <ul class="article-tags"> 6427 <li class="article-tags__item"> 6428 <a 6429href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6430 > 6431 Store 6432 </a> 6433 </li> 6434 </ul> 6435 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6436 <a href="/blogs/news/20260430_2">ã¢ãã¬æµæ¯å¯¿åºããªã¼ãã³ã®ãç¥ãã</a> 6437 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-04-29T15:00:00Z">2026å¹´4æ30æ¥</time> 6438</p><div class="article-item__excerpt"> 6439 6440<style> 6441 .article-item__excerpt p { 6442 white-space: pre-line; 6443 } 6444 </style> 6445 <div class="article-item__excerpt"><p>SABONã¢ãã¬æµæ¯å¯¿åºãã5æ29æ¥(é)ãªã¼ãã³ãããã¾ãã 6446 ããã¾ã§ã®SABONãããä¸ç観ã大åã«ããªãããæ°ããªåºèãã¶ã¤ã³ã§ãããå¤ãã®æ¹ã«å¿å°ãããéããããã ãã空éã¨ãã¦èªçãã¾ãã 6447 6448 â¦</p> 6449 </div> 6450 6451 6452 6453 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6454 6455 6456 href="/blogs/news/20260430_2" 6457 6458 6459 class=" 6460 btn 6461 6462 6463 6464 6465 btn--callout" 6466 >
6467 <span>ç¶ããèªã</span> 6468 </a> 6469 </div> 6470 6471 6472 6473</div> 6474 </div></div> 6475 6476 </li><li class="blog__article-item"> 6477 <link href="//sabon.co.jp/cdn/shop/t/70/assets/template-article.css?v=43640781287107755161789623108" rel="stylesheet" type="text/css" media="all" /> 6478<div 6479 class=" 6480 article-item 6481 article-item--has-no-image 6482 animation--article-item 6483 hover 6484 " 6485 data-image="false" 6486><div class="article-item__content"> 6487 <div class="article-item__content-inner"><div class="article-item__tags"> 6488 <ul class="article-tags"> 6489 <li class="article-tags__item"> 6490 <a 6491href="/blogs/news/tagged/store"class="article-tags__tag fs-body-50" 6492 > 6493 Store 6494 </a> 6495 </li> 6496 </ul> 6497 </div><h4 class="article-item__title ff-heading fs-heading-4-base"> 6498 <a href="/blogs/news/20260410">SABON lâAtelier SPA éåºã®ãç¥ãã</a> 6499 </h4><p class="article-item__meta fs-body-75"><time datetime="2026-04-09T15:00:00Z">2026å¹´4æ10æ¥</time> 6500</p><div class="article-item__excerpt"> 6501 6502<style> 6503 .article-item__excerpt p { 6504 white-space: pre-line; 6505 } 6506 </style> 6507 <div class="article-item__excerpt"><p>æ¥é ãããSABON lâAtelier SPAãããå©ç¨ããã ãã¾ãã¦ãèª ã«ãããã¨ããããã¾ãã 6508 èª ã«åæãªãã5æ17æ¥(æ¥)ããã¡ã¾ãã¦ãéåºãããã¨ã¨ãªãã¾ããã 6509 éåºä»¥æ¥å¤ãã®ã客æ§ã«ãæé¡§ãè³â¦</p> 6510 </div> 6511 6512 6513 6514 <div class="button-block__button button-block__button--justify- button-block__button--justify-mobile- article-item__read-button" ><a 6515 6516 6517 href="/blogs/news/20260410" 6518 6519 6520 class=" 6521 btn 6522 6523 6524 6525 6526 btn--callout" 6527 > 6528 <span>ç¶ããèªã</span> 6529 </a> 6530 </div> 6531 6532 6533 6534</div> 6535 </div></div> 6536 6537 </li></ul> 6538 6539 <div class="blog__pagination animation animation--blog-pagination"> 6540 6541 </div> 6542 </div> 6543 </div> 6544 6545 6546 6547</section> 6548 </main> 6549 6550 <!-- BEGIN sections: footer-group --> 6551<footer id="shopify-section-sections--28500602028213__footer" class="shopify-section shopify-section-group-footer-group footer__parent"><div 6552 class="footer section" 6553 data-section-id="sections--28500602028213__footer" 6554 data-section-type="footer" 6555 style=" 6556 --color-background-input: rgba(33, 33, 33, 0.2); 6557 --color-background-input-hover: rgba(33, 33, 33, 0.25); 6558 --color-background-input-hover-dull: rgba(33, 33, 33, 0.1); 6559 --color-background-input-highlight: rgba(33, 33, 33, 0.35); 6560 --color-text-input: rgba(33, 33, 33, 0.95); 6561 " 6562> 6563 <div class="footer__inner"> 6564 <div class="footer__groups"><div 6565 class=" 6566 footer__group 6567 footer__group--newsletter 6568 footer__group--1 6569 6570 footer__group--first 6571 6572 6573 " 6574 style=" 6575 --desktop-width: 30%; 6576 --desktop-padding: 0%; 6577 6578 " 6579 ><div class="footer__group-content"><div class="footer__newsletter"><ul class="social-icons social-icons--left" data-count="4"><li> 6580 <a 6581 href="https://facebook.com/sabonjapan" 6582 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Facebook" 6583 target="_blank" 6584 rel="noopener" 6585 > 6586 <span class="icon icon-new icon-facebook "> 6587 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M12 1C5.9247 1 1 5.95019 1 12.0569C1 17.5998 5.0623 22.1774 10.3555 22.9768V14.987H7.6341V12.0802H10.3555V10.1463C10.3555 6.94421 11.9076 5.53888 14.5553 5.53888C15.8236 5.53888 16.4935 5.63286 16.8114 5.67598V8.21244H15.0052C13.881 8.21244 13.4883 9.28386 13.4883 10.4913V12.0802H16.7828L16.3362 14.987H13.4894V23C18.8585 22.2691 23 17.654 23 12.0569C23 5.95019 18.0753 1 12 1Z"/></svg> 6588</span> 6589 6590 </a> 6591 </li><li> 6592 <a 6593 href="https://instagram.com/sabon_japan" 6594 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Instagram" 6595 target="_blank" 6596 rel="noopener" 6597 >
6598 <span class="icon icon-new icon-instagram "> 6599 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" fill="currentColor" /></svg> 6600</span> 6601 6602 </a> 6603 </li><li> 6604 <a 6605 href="https://x.com/SABON_Japan" 6606 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Twitter" 6607 target="_blank" 6608 rel="noopener" 6609 > 6610 <span class="icon icon-new icon-twitter "> 6611 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M13.903 10.464 21.348 2h-1.764l-6.465 7.35L7.955 2H2l7.808 11.114L2 21.99h1.764l6.828-7.761 5.452 7.76H22l-8.098-11.525Zm-2.417 2.747-.791-1.106L4.4 3.299h2.71l5.08 7.107.791 1.106 6.604 9.238h-2.71l-5.389-7.538Z"/></svg> 6612</span> 6613 6614 </a> 6615 </li><li> 6616 <a 6617 href="http://line.me/R/ti/p/@830exmbx" 6618 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on LINE" 6619 target="_blank" 6620 rel="noopener" 6621 > 6622 <span class="icon icon-new icon-line "> 6623 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M14.3633 9.45625V12.9496C14.3633 13.0398 14.2945 13.1086 14.2043 13.1086H13.6457C13.5898 13.1086 13.5426 13.0785 13.5168 13.0441L11.9141 10.8828V12.9539C11.9141 13.0441 11.8453 13.1129 11.7551 13.1129H11.1965C11.1063 13.1129 11.0375 13.0441 11.0375 12.9539V9.46055C11.0375 9.37031 11.1063 9.30156 11.1965 9.30156H11.7508C11.798 9.30156 11.8539 9.32735 11.8797 9.37031L13.4824 11.5316V9.46055C13.4824 9.37031 13.5512 9.30156 13.6414 9.30156H14.2C14.2902 9.29727 14.3633 9.37031 14.3633 9.45195V9.45625ZM10.3371 9.29727H9.77852C9.68828 9.29727 9.61953 9.36602 9.61953 9.45625V12.9496C9.61953 13.0398 9.68828 13.1086 9.77852 13.1086H10.3371C10.4273 13.1086 10.4961 13.0398 10.4961 12.9496V9.45625C10.4961 9.37461 10.4273 9.29727 10.3371 9.29727ZM8.98789 12.2234H7.45821V9.45625C7.45821 9.36602 7.38946 9.29727 7.29922 9.29727H6.74063C6.65039 9.29727 6.58164 9.36602 6.58164 9.45625V12.9496C6.58164 12.9926 6.59453 13.027 6.62461 13.057C6.65469 13.0828 6.68907 13.1 6.73203 13.1H8.975C9.06524 13.1 9.13399 13.0312 9.13399 12.941V12.3824C9.13399 12.3008 9.06524 12.2234 8.9836 12.2234H8.98789ZM17.3109 9.29727H15.0637C14.982 9.29727 14.9047 9.36602 14.9047 9.45625V12.9496C14.9047 13.0312 14.9734 13.1086 15.0637 13.1086H17.3066C17.3969 13.1086 17.4656 13.0398 17.4656 12.9496V12.3867C17.4656 12.2965 17.3969 12.2277 17.3066 12.2277H15.7812V11.6434H17.3066C17.3969 11.6434 17.4656 11.5746 17.4656 11.4844V10.9215C17.4656 10.8313 17.3969 10.7625 17.3066 10.7625H15.7812V10.1738H17.3066C17.3969 10.1738 17.4656 10.1051 17.4656 10.0148V9.45625C17.4613 9.37461 17.3926 9.29727 17.3066 9.29727H17.3109ZM23 5.01329V19.0211C22.9957 21.2211 21.191 23.0043 18.9867 23H4.97891C2.77891 22.9957 0.995711 21.1867 1.00001 18.9867V4.97891C1.0043 2.77891 2.81329 0.995711 5.01329 1.00001H19.0211C21.2211 1.0043 23.0043 2.80899 23 5.01329ZM19.975 11.0332C19.975 7.44961 16.3785 4.53204 11.9656 4.53204C7.55274 4.53204 3.95626 7.44961 3.95626 11.0332C3.95626 14.243 6.80508 16.9371 10.6551 17.4484C11.5918 17.6504 11.4844 17.9941 11.2738 19.2574C11.2395 19.4594 11.1105 20.048 11.9656 19.6914C12.8207 19.3348 16.5762 16.9758 18.2605 15.0422C19.4207 13.766 19.975 12.4727 19.975 11.0418V11.0332Z"/></svg> 6624</span> 6625 6626 </a> 6627 </li></ul> 6628</div></div> 6629 </div> 6630 <div 6631 class=" 6632 footer__group 6633 footer__group--links 6634 footer__group--2 6635 footer__group--collapse 6636 6637 6638 6639 " 6640 style=" 6641 --desktop-width: 8%; 6642 --desktop-padding: 0%; 6643 6644 " 6645 ><h4 class="footer__header ff-body footer__header--collapsed">
6646 <span class="footer__heading fs-accent">製åã«ãã´ãª</span> 6647 </h4><button type="button" class="footer__header ff-body" data-header> 6648 <span class="footer__heading fs-accent">製åã«ãã´ãª</span> 6649 <span class="footer__arrow"><span class="icon icon-new icon-chevron-small "> 6650 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6651</span> 6652</span> 6653 </button><div class="footer__group-content"><div class="footer__links fs-body-100"> 6654 6655 <ul> 6656 6657 <li> 6658 <a href="/collections/bestseller">人æ°</a> 6659 </li> 6660 6661 <li> 6662 <a href="/collections/haircare-all">ãã¢ã±ã¢</a> 6663 </li> 6664 6665 <li> 6666 <a href="/collections/bath-bodycare-all">ãã¹ï¼ããã£ã±ã¢</a> 6667 </li> 6668 6669 <li> 6670 <a href="/collections/facecare-all">ãã§ã¤ã¹ã±ã¢</a> 6671 </li> 6672 6673 <li> 6674 <a href="/collections/home-goods-all">ãã¼ã ã»ã°ããº</a> 6675 </li> 6676 6677 <li> 6678 <a href="/collections/fragrance-all">ãã¬ã°ã©ã³ã¹</a> 6679 </li> 6680 6681 <li> 6682 <a href="/collections/gift-all">ã®ãã</a> 6683 </li> 6684 6685 6686 </ul> 6687 6688 </div></div> 6689 </div> 6690 <div 6691 class=" 6692 footer__group 6693 footer__group--links 6694 footer__group--3 6695 footer__group--collapse 6696 6697 6698 6699 " 6700 style=" 6701 --desktop-width: 12%; 6702 --desktop-padding: 0%; 6703 6704 " 6705 ><h4 class="footer__header ff-body footer__header--collapsed"> 6706 <span class="footer__heading fs-accent">ä¼å¡ã¡ãã¥ã¼</span> 6707 </h4><button type="button" class="footer__header ff-body" data-header> 6708 <span class="footer__heading fs-accent">ä¼å¡ã¡ãã¥ã¼</span> 6709 <span class="footer__arrow"><span class="icon icon-new icon-chevron-small "> 6710 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6711</span> 6712</span> 6713 </button><div class="footer__group-content"><div class="footer__links fs-body-100"> 6714 6715 <ul> 6716 6717 <li> 6718 <a href="/account/login">ãã°ã¤ã³</a> 6719 </li> 6720 6721 <li> 6722 <a href="/account/register">æ°è¦ä¼å¡ç»é²</a> 6723 </li> 6724 6725 <li> 6726 <a href="/account?view=history">è³¼å ¥å±¥æ´</a> 6727 </li> 6728 6729 <li> 6730 <a href="/account/login#recover">ãã¹ã¯ã¼ãåçºè¡</a> 6731 </li> 6732 6733 6734 </ul> 6735 6736 </div></div> 6737 </div> 6738 <div 6739 class=" 6740 footer__group 6741 footer__group--links 6742 footer__group--4 6743 footer__group--collapse 6744 6745 6746 6747 " 6748 style=" 6749 --desktop-width: 14%; 6750 --desktop-padding: 0%; 6751 6752 " 6753 ><h4 class="footer__header ff-body footer__header--collapsed"> 6754 <span class="footer__heading fs-accent">FAQ</span> 6755 </h4><button type="button" class="footer__header ff-body" data-header>
6756 <span class="footer__heading fs-accent">FAQ</span> 6757 <span class="footer__arrow"><span class="icon icon-new icon-chevron-small "> 6758 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6759</span> 6760</span> 6761 </button><div class="footer__group-content"><div class="footer__links fs-body-100"> 6762 6763 <ul> 6764 6765 <li> 6766 <a href="/pages/faq">ããããåãåãã</a> 6767 </li> 6768 6769 <li> 6770 <a href="/pages/faq#product">ååã«ã¤ãã¦</a> 6771 </li> 6772 6773 <li> 6774 <a href="/pages/faq#order">ãæ³¨æã«ã¤ãã¦</a> 6775 </li> 6776 6777 <li> 6778 <a href="/pages/faq#payment">ãæ¯æãã«ã¤ãã¦</a> 6779 </li> 6780 6781 <li> 6782 <a href="/pages/faq#gift">ã®ããã©ããã³ã°ã«ã¤ãã¦</a> 6783 </li> 6784 6785 <li> 6786 <a href="/pages/faq#delivery">ååã®ãå±ãã«ã¤ãã¦</a> 6787 </li> 6788 6789 <li> 6790 <a href="/pages/faq#store">åºèæ å ±ã»åºèãµã¼ãã¹ã«ã¤ãã¦</a> 6791 </li> 6792 6793 <li> 6794 <a href="/pages/faq#return">è¿åã»äº¤æã«ã¤ãã¦</a> 6795 </li> 6796 6797 <li> 6798 <a href="/pages/contact">ãåãåãã</a> 6799 </li> 6800 6801 6802 </ul> 6803 6804 </div></div> 6805 </div> 6806 <div 6807 class=" 6808 footer__group 6809 footer__group--links 6810 footer__group--5 6811 footer__group--collapse 6812 6813 6814 6815 " 6816 style=" 6817 --desktop-width: 13%; 6818 --desktop-padding: 0%; 6819 6820 " 6821 ><h4 class="footer__header ff-body footer__header--collapsed"> 6822 <span class="footer__heading fs-accent">ãå©ç¨ã«ã¤ãã¦</span> 6823 </h4><button type="button" class="footer__header ff-body" data-header> 6824 <span class="footer__heading fs-accent">ãå©ç¨ã«ã¤ãã¦</span> 6825 <span class="footer__arrow"><span class="icon icon-new icon-chevron-small "> 6826 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6827</span> 6828</span> 6829 </button><div class="footer__group-content"><div class="footer__links fs-body-100"> 6830 6831 <ul> 6832 6833 <li> 6834 <a href="/pages/terms">ä¼å¡è¦ç´</a> 6835 </li> 6836 6837 <li> 6838 <a href="/pages/privacy">ãã©ã¤ãã·ã¼ã»ããªã·ã¼</a> 6839 </li> 6840 6841 <li> 6842 <a href="/pages/transactionlaw">ç¹å®åå弿³ã«åºã¥ã表è¨</a> 6843 </li> 6844 6845 6846 <li> 6847 <div data-id="cookie_consent_cookie_btn"></div> 6848 </li> 6849 6850 </ul> 6851 6852 </div></div> 6853 </div> 6854 <div 6855 class=" 6856 footer__group 6857 footer__group--links 6858 footer__group--6 6859 footer__group--collapse 6860 6861 footer__group--last 6862 6863 " 6864 style=" 6865 --desktop-width: 7%; 6866 --desktop-padding: 0%; 6867 6868 " 6869 ><h4 class="footer__header ff-body footer__header--collapsed">
6870 <span class="footer__heading fs-accent">ä¼ç¤¾æ å ±</span> 6871 </h4><button type="button" class="footer__header ff-body" data-header> 6872 <span class="footer__heading fs-accent">ä¼ç¤¾æ å ±</span> 6873 <span class="footer__arrow"><span class="icon icon-new icon-chevron-small "> 6874 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6875</span> 6876</span> 6877 </button><div class="footer__group-content"><div class="footer__links fs-body-100"> 6878 6879 <ul> 6880 6881 <li> 6882 <a href="/pages/about-sabon">About SABON</a> 6883 </li> 6884 6885 <li> 6886 <a href="/pages/store">åºèä¸è¦§</a> 6887 </li> 6888 6889 <li> 6890 <a href="/pages/company">ä¼ç¤¾æ¦è¦</a> 6891 </li> 6892 6893 <li> 6894 <a href="https://sabon.teamtailor.com/ja">æ¡ç¨æ å ±</a> 6895 </li> 6896 6897 6898 </ul> 6899 6900 </div></div> 6901 </div> 6902 6903 </div> 6904 6905 <div class="footer__bottom-icons"> 6906 <ul class="social-icons social-icons--left" data-count="4"><li> 6907 <a 6908 href="https://facebook.com/sabonjapan" 6909 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Facebook" 6910 target="_blank" 6911 rel="noopener" 6912 > 6913 <span class="icon icon-new icon-facebook "> 6914 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M12 1C5.9247 1 1 5.95019 1 12.0569C1 17.5998 5.0623 22.1774 10.3555 22.9768V14.987H7.6341V12.0802H10.3555V10.1463C10.3555 6.94421 11.9076 5.53888 14.5553 5.53888C15.8236 5.53888 16.4935 5.63286 16.8114 5.67598V8.21244H15.0052C13.881 8.21244 13.4883 9.28386 13.4883 10.4913V12.0802H16.7828L16.3362 14.987H13.4894V23C18.8585 22.2691 23 17.654 23 12.0569C23 5.95019 18.0753 1 12 1Z"/></svg> 6915</span> 6916 6917 </a> 6918 </li><li> 6919 <a 6920 href="https://instagram.com/sabon_japan" 6921 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Instagram" 6922 target="_blank" 6923 rel="noopener" 6924 > 6925 <span class="icon icon-new icon-instagram "> 6926 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" fill="currentColor" /></svg> 6927</span> 6928 6929 </a> 6930 </li><li> 6931 <a 6932 href="https://x.com/SABON_Japan" 6933 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on Twitter" 6934 target="_blank" 6935 rel="noopener" 6936 > 6937 <span class="icon icon-new icon-twitter "> 6938 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M13.903 10.464 21.348 2h-1.764l-6.465 7.35L7.955 2H2l7.808 11.114L2 21.99h1.764l6.828-7.761 5.452 7.76H22l-8.098-11.525Zm-2.417 2.747-.791-1.106L4.4 3.299h2.71l5.08 7.107.791 1.106 6.604 9.238h-2.71l-5.389-7.538Z"/></svg> 6939</span> 6940 6941 </a> 6942 </li><li> 6943 <a 6944 href="http://line.me/R/ti/p/@830exmbx" 6945 title="SABONï¼ãµãã³ï¼å ¬å¼ãµã¤ã on LINE" 6946 target="_blank" 6947 rel="noopener" 6948 > 6949 <span class="icon icon-new icon-line "> 6950 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6950<path fill="currentColor" d="M14.3633 9.45625V12.9496C14.3633 13.0398 14.2945 13.1086 14.2043 13.1086H13.6457C13.5898 13.1086 13.5426 13.0785 13.5168 13.0441L11.9141 10.8828V12.9539C11.9141 13.0441 11.8453 13.1129 11.7551 13.1129H11.1965C11.1063 13.1129 11.0375 13.0441 11.0375 12.9539V9.46055C11.0375 9.37031 11.1063 9.30156 11.1965 9.30156H11.7508C11.798 9.30156 11.8539 9.32735 11.8797 9.37031L13.4824 11.5316V9.46055C13.4824 9.37031 13.5512 9.30156 13.6414 9.30156H14.2C14.2902 9.29727 14.3633 9.37031 14.3633 9.45195V9.45625ZM10.3371 9.29727H9.77852C9.68828 9.29727 9.61953 9.36602 9.61953 9.45625V12.9496C9.61953 13.0398 9.68828 13.1086 9.77852 13.1086H10.3371C10.4273 13.1086 10.4961 13.0398 10.4961 12.9496V9.45625C10.4961 9.37461 10.4273 9.29727 10.3371 9.29727ZM8.98789 12.2234H7.45821V9.45625C7.45821 9.36602 7.38946 9.29727 7.29922 9.29727H6.74063C6.65039 9.29727 6.58164 9.36602 6.58164 9.45625V12.9496C6.58164 12.9926 6.59453 13.027 6.62461 13.057C6.65469 13.0828 6.68907 13.1 6.73203 13.1H8.975C9.06524 13.1 9.13399 13.0312 9.13399 12.941V12.3824C9.13399 12.3008 9.06524 12.2234 8.9836 12.2234H8.98789ZM17.3109 9.29727H15.0637C14.982 9.29727 14.9047 9.36602 14.9047 9.45625V12.9496C14.9047 13.0312 14.9734 13.1086 15.0637 13.1086H17.3066C17.3969 13.1086 17.4656 13.0398 17.4656 12.9496V12.3867C17.4656 12.2965 17.3969 12.2277 17.3066 12.2277H15.7812V11.6434H17.3066C17.3969 11.6434 17.4656 11.5746 17.4656 11.4844V10.9215C17.4656 10.8313 17.3969 10.7625 17.3066 10.7625H15.7812V10.1738H17.3066C17.3969 10.1738 17.4656 10.1051 17.4656 10.0148V9.45625C17.4613 9.37461 17.3926 9.29727 17.3066 9.29727H17.3109ZM23 5.01329V19.0211C22.9957 21.2211 21.191 23.0043 18.9867 23H4.97891C2.77891 22.9957 0.995711 21.1867 1.00001 18.9867V4.97891C1.0043 2.77891 2.81329 0.995711 5.01329 1.00001H19.0211C21.2211 1.0043 23.0043 2.80899 23 5.01329ZM19.975 11.0332C19.975 7.44961 16.3785 4.53204 11.9656 4.53204C7.55274 4.53204 3.95626 7.44961 3.95626 11.0332C3.95626 14.243 6.80508 16.9371 10.6551 17.4484C11.5918 17.6504 11.4844 17.9941 11.2738 19.2574C11.2395 19.4594 11.1105 20.048 11.9656 19.6914C12.8207 19.3348 16.5762 16.9758 18.2605 15.0422C19.4207 13.766 19.975 12.4727 19.975 11.0418V11.0332Z"/></svg> 6951</span> 6952 6953 </a> 6954 </li></ul> 6955 </div> 6956 <div class="footer__bottom"> 6957 <div class="footer__bottom-left"><div class="footer__credits fs-body-60"> 6958 <p>© 2026 SABON Japan Inc.</p> 6959 </div> 6960 </div> 6961 6962 <div class="footer__bottom-right"></div> 6963 </div> 6964 </div> 6965</div> 6966 6967</footer> 6968<!-- END sections: footer-group --> 6969 6970 <div 6971 class=" 6972 store-availability-drawer 6973 popover 6974 6975 " 6976 data-store-availability-drawer 6977 aria-describedby="drawer-title" 6978 aria-hidden="true" 6979 role="dialog" 6980> 6981 <div class="store-availability-drawer__wash" data-store-availability-drawer-wash></div> 6982 <div class="store-availability-drawer__container"> 6983 <div class="store-availability-drawer__inner"> 6984 <div class="store-availability-drawer__header"> 6985 <div class="store-availability-drawer__product-info"> 6986 <h4 6987 id="drawer-title" 6988 class="store-availability-drawer__store-list-product-title ff-heading fs-heading-5-base" 6989 data-store-availability-product-title 6990 > 6991 å¯ç¨æ§ 6992 </h4> 6993 <p 6994 class="store-availability-drawer__store-list-variant-title fs-body-60 t-opacity-60" 6995 data-store-availability-variant-title 6996 ></p> 6997 </div> 6998 <button 6999 type="button" 7000 class="store-availability-drawer__close" 7001 data-store-availability-close 7002 aria-label="è¿ã" 7003 > 7004 <span 7005 class="icon-button icon-button-close icon-button--small " 7006 7007> 7008 <span class="icon-button__icon"> 7009 <span class="icon icon-new icon-close "> 7010 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 19L4 17.5L10 11.5L4 5.5L5.5 4L11.5 10L17.5 4L19 5.5L13 11.5L19 17.5L17.5 19L11.5 13L5.5 19Z" fill="currentColor"/></svg> 7011</span> 7012 7013 </span> 7014</span> 7015 7016 </button> 7017 </div> 7018 <div class="store-availbility-drawer__product" data-store-availability-product></div> 7019 7020 <div class="store-availbility-drawer__content" data-store-list-container></div> 7021 </div> 7022 </div> 7023</div> 7024 7025 <div 7026 class=" 7027 quick-product--wrap 7028 modal 7029 popover 7030 is-fixed 7031 7032 7033 " 7034 aria-modal="true" 7035 7036 aria-hidden="true" 7037 7038 data-quick-view-modal 7039> 7040 <div class="modal__wash"></div> 7041 7042 <div class="quick-product--modal__inner modal__inner"> 7043 <div class="quick-view-modal__content empty"> 7044 <h3 class="quick-view-modal-loading-indicator"> 7045 <div class="loader"> 7046 <div class="loader__wrap"> 7047 <div class="loader__bar"></div> 7048 </div> 7049</div> 7050 7051 </h3> 7052 </div> 7053 <button 7054 type="button" 7055 data-modal-close 7056 class="modal__close-icon" 7057 aria-label="è¿ã" 7058 >
7059 <span 7060 class="icon-button icon-button-close icon-button--small " 7061 7062> 7063 <span class="icon-button__icon"> 7064 <span class="icon icon-new icon-close "> 7065 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 19L4 17.5L10 11.5L4 5.5L5.5 4L11.5 10L17.5 4L19 5.5L13 11.5L19 17.5L17.5 19L11.5 13L5.5 19Z" fill="currentColor"/></svg> 7066</span> 7067 7068 </span> 7069</span> 7070 7071 </button> 7072 </div> 7073</div> 7074 7075 7076 <div class="modal popover" data-modal> 7077 <div class="modal__wash"></div> 7078 <div class="modal__inner" data-scroll-lock-ignore> 7079 <div class="modal__header"> 7080 <button 7081 type="button" 7082 data-modal-close 7083 class="modal__close-icon" 7084 aria-label="è¿ã" 7085 > 7086 <span 7087 class="icon-button icon-button-close icon-button--small " 7088 7089> 7090 <span class="icon-button__icon"> 7091 <span class="icon icon-new icon-close "> 7092 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 19L4 17.5L10 11.5L4 5.5L5.5 4L11.5 10L17.5 4L19 5.5L13 11.5L19 17.5L17.5 19L11.5 13L5.5 19Z" fill="currentColor"/></svg> 7093</span> 7094 7095 </span> 7096</span> 7097 7098 </button> 7099 </div> 7100 <div class="modal__content rte non-page-rte"></div> 7101 </div> 7102</div> 7103 7104 7105 <div 7106 class=" 7107 back-to-top 7108 back-to-top--bottom-right 7109 " 7110 data-back-to-top 7111 > 7112 <button 7113 type="button" 7114 class="back-to-top__button" 7115 aria-label="ãããã«æ»ã" 7116 data-back-to-top-button 7117 > 7118 <span class="icon icon-new icon-chevron "> 7119 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="1"/></svg> 7120</span> 7121 7122 </button> 7123 </div> 7124 7125 7126 </div> 7127 7128
7128<script> 7129 // karte login 7130 (function() { 7131 const STORAGE_KEY = "krt_login_state"; 7132 const currentState = 'guest'; 7133 const prevState = sessionStorage.getItem(STORAGE_KEY); 7134 if (prevState === currentState) return; 7135 7136 sessionStorage.setItem(STORAGE_KEY, currentState); 7137 try { 7138 krt("send", "login", { 7139 status: currentState !== "guest", 7140 }); 7141 } catch(e) { 7142 if ("krt" in window) { 7143 krt("send", "_error", { message: e.message }); 7144 } else { 7145 console.warn("tracker was not loaded"); 7146 } 7147 } 7148 })(); 7149 </script>
7149 7150 7151
7151<script> 7152 // karte favorite 7153 (function() { 7154 function onSwymLoadCallback(swat) { 7155 let wishlistCacheMap = new Map(); 7156 7157 function getValidCode(code) { 7158 if (code && /^\d{8}$/.test(String(code))) { 7159 return String(code); 7160 } 7161 return ""; 7162 } 7163 7164 function getHandleFromUrl(url) { 7165 if (!url) return ""; 7166 const handle = url.split("/").pop().split("?")[0].split("#")[0]; 7167 return getValidCode(handle); 7168 } 7169 7170 function getItemKey(item) { 7171 const handle = getHandleFromUrl(item.du); 7172 const sku = getValidCode(item.sku); 7173 return handle || sku || ""; 7174 } 7175 7176 function updateWishlistCache(lists) { 7177 wishlistCacheMap.clear(); 7178 const favList = lists.find((list) => list.lname === "My Wishlist"); 7179 if (!favList || !favList.listcontents) return; 7180 7181 favList.listcontents.forEach((item) => { 7182 const key = getItemKey(item); 7183 if (key) { 7184 wishlistCacheMap.set(key, { 7185 source: item.source || "normal", 7186 rawItem: item 7187 }); 7188 } 7189 }); 7190 } 7191 7192 async function fetchProductTitle(handle) { 7193 if (!handle) return ""; 7194 try { 7195 const response = await fetch(`/products/${handle}.js`); 7196 if (response.ok) { 7197 const product = await response.json(); 7198 return product.title || ""; 7199 } 7200 } catch (error) { 7201 console.warn("Failed to fetch product title:", error); 7202 } 7203 return ""; 7204 } 7205 7206 function fetchAndHandleLists(eventData, eventType) { 7207 const eventTargetItemData = eventData.detail.d; 7208 const targetKey 7209 = getHandleFromUrl(eventTargetItemData && eventTargetItemData.du) 7210 || getValidCode(eventTargetItemData && eventTargetItemData.sku) 7211 || ""; 7212 7213 const onSuccess = async function(lists) { 7214 const favList = lists.find((list) => list.lname === "My Wishlist"); 7215 if (!favList) return; 7216 7217 let changedSource = null; 7218 7219 if (eventType === "add") { 7220 const addedItem = favList.listcontents.find((item) => !wishlistCacheMap.has(getItemKey(item))); 7221 if (addedItem) { 7222 changedSource = addedItem.source; 7223 } else { 7224 changedSource = eventTargetItemData.source; 7225 } 7226 } else if (eventType === "remove") { 7227 let removedItemFound = false; 7228 7229 if (targetKey && wishlistCacheMap.has(targetKey)) { 7230 changedSource = wishlistCacheMap.get(targetKey).source; 7231 removedItemFound = true; 7232 } else { 7233 const currentKeys = new Set(favList.listcontents.map(getItemKey)); 7234 for (let [key, cachedData] of wishlistCacheMap.entries()) { 7235 if (!currentKeys.has(key)) { 7236 changedSource = cachedData.source; 7237 removedItemFound = true; 7238 break; 7239 } 7240 } 7241 } 7242 7243 if (!removedItemFound) { 7244 console.log("No actual item removed from the list. Skipping tracking."); 7245 return; 7246 } 7247 } 7248 7249 if (changedSource === "auto-wishlist") { 7250 updateWishlistCache(lists); 7251 return; 7252 } 7253 7254 const exceptAutoAddItems = favList.listcontents.filter((item) => { 7255 return item.source !== "auto-wishlist"; 7256 }); 7257 7258 const mappedItems = exceptAutoAddItems.map((item) => { 7259 const code = getValidCode(item.sku) || getHandleFromUrl(item.du); 7260 if (!code) return null; 7261 return { 7262 item_code: code, 7263 name: item.dt || "", 7264 price: item.pr || 0, 7265 item_page_url: item.du || "", 7266 image: item.iu || "", 7267 }; 7268 }); 7269 const nonNullItems = mappedItems.filter((item) => item !== null); 7270 const sendData = { 7271 items: nonNullItems, 7272 length: nonNullItems.length, 7273 }; 7274 7275 const isRemoveEvent = eventType === "remove"; 7276 const targetCode = getHandleFromUrl(eventTargetItemData.du) || getValidCode(eventTargetItemData.sku); 7277 const image 7278 = /^\/\//.test(eventTargetItemData.iu) 7279 ? `https:${eventTargetItemData.iu}` 7280 : eventTargetItemData.iu; 7281 7282 let targetName = eventTargetItemData.dt; 7283 if (isRemoveEvent || !targetName) { 7284 const fetchedTitle = await fetchProductTitle(targetCode); 7285 if (fetchedTitle) { 7286 targetName = fetchedTitle; 7287 } 7288 } 7289 7290 if (!targetCode) return; 7291 const targetPrefix = isRemoveEvent ? "removed_" : ""; 7292 sendData[targetPrefix + "item_code"] = targetCode; 7293 sendData[targetPrefix + "name"] = targetName || ""; 7294 sendData[targetPrefix + "price"] = eventTargetItemData.pr || 0; 7295 sendData[targetPrefix + "item_page_url"] = eventTargetItemData.du || ""; 7296 sendData[targetPrefix + "image"] = image || ""; 7297 7298 const blankPrefix = isRemoveEvent ? "" : "removed_"; 7299 sendData[blankPrefix + "item_code"] = ""; 7300 sendData[blankPrefix + "name"] = ""; 7301 sendData[blankPrefix + "price"] = 0; 7302 sendData[blankPrefix + "item_page_url"] = ""; 7303 sendData[blankPrefix + "image"] = ""; 7304 7305 updateWishlistCache(lists); 7306 7307 try { 7308 krt("send", "favorite", sendData); 7309 } catch(e) { 7310 if ("krt" in window) { 7311 krt("send", "_error", { message: e.message }); 7312 } else { 7313 console.warn("tracker was not loaded"); 7314 } 7315 } 7316 }; 7317 7318 const onError = function(error) { 7319 console.log("Error while fetching all Lists", error); 7320 }; 7321 7322 swat.fetchLists({ 7323 callbackFn: onSuccess, 7324 errorFn: onError 7325 }); 7326 } 7327 7328 swat.fetchLists({ 7329 callbackFn: (lists) => updateWishlistCache(lists), 7330 errorFn: (err) => console.log("Initial wishlist fetch error:", err) 7331 }); 7332 7333 swat.evtLayer.addEventListener("sw:addedtowishlist", function(data) { 7334 fetchAndHandleLists(data, "add"); 7335 }); 7336 swat.evtLayer.addEventListener("sw:removedfromwishlist", function(data) { 7337 fetchAndHandleLists(data, "remove"); 7338 }); 7339 } 7340 7341 window.SwymCallbacks = window.SwymCallbacks || []; 7342 window.SwymCallbacks.push(onSwymLoadCallback); 7343 })(); 7344 </script>
7344 7345 7346
7346<script src="//www.youtube.com/iframe_api" type="text/javascript"></script>
7346 7347 <link href="//sabon.co.jp/cdn/shopifycloud/shopify-plyr/v1.0/shopify-plyr.css" rel="stylesheet" type="text/css" media="all" /> 7348 7349 <style> </style> 7350<div id="shopify-block-ARUlmdnFuUExUeGlqQ__43034bfa-b90a-4a14-aaa8-527eac735f6f" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: dialogue -->
7350<script> 7351window.dai_market_handle="jp" 7352!function() { 7353 7354let MasterScriptInterval = setInterval(() => { 7355 if (window.DialogueAI != undefined ){ 7356 clearInterval(MasterScriptInterval); 7357 DialogueAI.master_requested = true; 7358 } 7359}, 10) 7360 7361fetch('https://assets.nowdialogue.com/api/merchant/sabon-jp-prod.myshopify.com/master-script?hoster='+encodeURIComponent(window.location.href)) 7362 .then(response => 7363 { 7364 if (!response.ok) { 7365 console.warn(`If you have removed DialogueAI app, please go to you theme.liquid and remove \{\% include 'dialogue' %} `) 7366 } 7367 else return response.json() 7368 } 7369 ) 7370 .then((ms) => { 7371 7372 let DialogueInterval1 = setInterval(async () => { 7373 7374 if (window.DialogueAI != undefined ){ 7375 clearInterval(DialogueInterval1); 7376 7377 DialogueAI.master_requested = true; 7378 DialogueAI.master_response = ms; 7379 DialogueAI.cache_config = ms.cache_config; 7380 DialogueAI.setCartType(ms.cart_type) 7381 7382 // Init constructor 7383 DialogueAI.construct(ms.user_id, ms.store_id); 7384 7385 if(window.Shopify && window.Shopify.designMode){ 7386 DialogueAI.insertShopifyAdminWidget(window.Shopify.shop, false) 7387 } 7388 7389 getDaiInfo(); 7390 // handle received store settings 7391 DialogueAI.setVocabulary(ms.vocabulary) 7392 await DialogueAI.handleSettings(ms.settings); 7393 DialogueAI.first_call = false; 7394 // start time tracking 7395 DialogueAI.startTimeTracking(); 7396 7397 7398 DialogueAI.getShopifyCartToken().then(function(e){ 7399 let info = JSON.parse(localStorage.getItem('dialogue_shopify')) 7400 info['token'] = e; 7401 localStorage.setItem('dialogue_shopify',JSON.stringify(info)); 7402 }); 7403 7404 if(DialogueAI.injectMasterScript){ 7405 DialogueAI.injectMasterScript(ms.script, ms.use_eval); 7406 }else{ 7407 let websiteBodyInterval1 = setInterval(() => { 7408 if (document.body) { 7409 clearInterval(websiteBodyInterval1); 7410 const range = document.createRange(); 7411 const fragment = range.createContextualFragment(ms.script); 7412 document.body.appendChild(fragment); 7413 } 7414 }, 20); 7415 setTimeout(() => {clearInterval(websiteBodyInterval1)}, 8000) 7416 } 7417 } 7418 }, 5); 7419 setTimeout(() => {clearInterval(DialogueInterval1)}, 8000) 7420 7421 }).catch(function() { 7422 console.warn(`If you have removed DialogueAI app, please go to you theme.liquid and remove \{\% include 'dialogue' %} `) 7423 }); 7424 7425}(); 7426 function getDaiInfo(){ 7427 function recalcOriginalPrice(price){ 7428 if (window.Shopify && window.Shopify.currency && window.Shopify.currency.active && window.Shopify.currency.rate) { 7429 return price / window.Shopify.currency.rate; 7430 } 7431 return price 7432 } 7433 DialogueAI.settings.categories = []; 7434 DialogueAI.settings.skus = {}; 7435 window.DialogueShopify = window.DialogueShopify === undefined ? {} : DialogueShopify; 7436 DialogueShopify.page_info = { page_type: "home", id: null }; 7437 7438 DialogueShopify.tags = []; 7439 7440 7441 7442 7443 7444 7445 7446 DialogueShopify.single_vendor = false; 7447 7448 7449 DialogueShopify.locale = "" 7450 7451 DialogueShopify.StoreInfo = { Theme: "" }; 7452 DialogueShopify.conversion_rate = 0 7453 let cart_obj = [] 7454 7455 7456 DialogueAI.settings.cart_price = recalcOriginalPrice(Number(0)/100); 7457 DialogueAI.cart_data.total_price = recalcOriginalPrice(Number(0)/100); 7458 DialogueShopify.cart = {'items': cart_obj, 'total': recalcOriginalPrice(Number(0)/100) }; 7459 7460 7461 let params = (new URL(document.location)).searchParams; 7462 DialogueAI.settings.search = params.get("q") || params.get("search") 7463 } 7464</script>
7464 7465<!-- END app snippet --> 7466</div><div id="shopify-block-AeFhwRjFrd0c5RmJOU__6052823664294247695" class="shopify-block shopify-app-block">
7466<script id="qikify-contact-form-config" type="text/javascript"> 7467 7468 7469 window.qcfData = { 7470 entries: null, 7471 subscription: null, 7472 config: null, 7473 translation: null, 7474 instanceStatus: undefined, 7475 customAppDiscounts: null, 7476 }; 7477 7478 7479 qcfData.entries = [{"id":574800,"name":"Return request form 1","priority":0,"type":null,"data":{"button_display":"fixed","trigger_button_type":"icon","tab_label":"Contact Us","embed_tab_label":"Contact Us","tab_position":"bottom","icon_position":"bottom_right","tab_button_fontsize":"16","embed_tab_button_fontsize":"16","tab_bgcolor":"#3E3E3E","tab_color":"#FFFFFF","show_tab_icon":false,"fixed_icon_button_icon":"letter","embed_button_icon":"letter","button_icon":"letter","mobile_toggle":true,"trigger_button_mobile_type":"icon","button_mobile_position":"bottom_right","button_mobile_position_tab":"bottom","popup_position":"embed","page":"all","template":"popup1","form_bubble_template":"bubble1","popup_layout":"none","popup_size":"lg","typography":{"fontSize":"14","fontFamily":"Lato"},"alignment":"start","submit_btn_align":"right","submit_btn_style":"round","input_label":"placeholder","border_style":"square","help_text_color":"#212121","default_error_message":"Oops! Something's wrong, please check your information and try again.","invalid_error_message":"is invalid","field_message":"field","fields_message":"fields","required_error_message":"is required","schedule":"always","hide_watermark":false,"fields":[{"id":"bcontact-field-387648","name":"custom_Inquiry_category","label":"ãåãåãã種å¥","formType":"custom","formName":"select","type":"select","default_option_placeholder":"Please select an option","choices_v2":"ãªã³ã©ã¤ã³ã¹ãã¢ã«ã¤ãã¦\nååã»åºèã»ä¼å¡ãµã¼ãã¹ã«ã¤ãã¦\nä¼å¡ãµã¼ãã¹ã®éä¼ã»ã¡ã«ãã¬åæ¢ã«ã¤ãã¦\næ¡ç¨ã«ã¤ãã¦\næ³äººåå¼ï¼å¤§å£æ¡ä»¶ï¼ã«ã¤ãã¦","width":"1_1","default_value_v2":"ãªã³ã©ã¤ã³ã¹ãã¢ã«ã¤ãã¦","required":true,"help_text":"ãåãåãã種å¥","el_class":"contact_custom_sel_triger contact_custom_input","conditional":false},{"id":"bcontact-field-159363","name":"custom_Inquiry_category_detail_584916","label":"種å¥è©³ç´°","formType":"custom","formName":"radio","type":"radio","choices_v2":"ããæ³¨æåãååã®åæ±ãè²©å£²ç¶æ³ã«ã¤ãã¦\nããæ³¨æåãã®ããã©ããã³ã°ã«ã¤ãã¦\nããæ³¨æåããã®ä»\nããæ³¨æå¾ããæ³¨æå 容ã®å¤æ´ã«ã¤ãã¦\nããæ³¨æå¾ããã£ã³ã»ã«ã«ã¤ãã¦\nããæ³¨æå¾ãè¿å交æã«ã¤ãã¦\nããæ³¨æå¾ããã®ä»","width":"1_1","radio_display":"vertical","required":false,"el_class":"category_detail category_detail--1","conditional":true,"conditional_parent":"bcontact-field-387648","conditional_parent_value":"ãªã³ã©ã¤ã³ã¹ãã¢ã«ã¤ãã¦"},{"id":"bcontact-field-250777","name":"custom_Inquiry_category_detail_7720_895983","label":"種å¥è©³ç´° ","formType":"custom","formName":"radio","type":"radio","choices_v2":"åºèããµã¼ãã¹ã«ã¤ãã¦\nååã«ã¤ãã¦\nãã®ä»","width":"1_1","radio_display":"vertical","required":false,"el_class":"category_detail category_detail--2","conditional":true,"conditional_parent_value":"ååã»åºèã»ä¼å¡ãµã¼ãã¹ã«ã¤ãã¦","conditional_parent":"bcontact-field-387648"},{"id":"bcontact-field-33576","name":"custom_Inquiry_category_detail_551307","label":"種å¥è©³ç´°ã","formType":"custom","formName":"radio","type":"radio","choices_v2":"æ¡ç¨ã«ã¤ãã¦\nãã®ä»","width":"1_1","radio_display":"vertical","required":false,"el_class":"category_detail category_detail--3","conditional":true,"conditional_parent_value":"æ³äººåå¼ï¼å¤§å£æ¡ä»¶ï¼ã»æ¡ç¨ã«ã¤ãã¦","conditional_parent":"bcontact-field-387648","hide":true},{"id":"bcontact-field-619799","name":"name","label":"åå","formType":"basic","formName":"name","type":"text","width":"1_2","help_text":"åå (å¿ é )","el_class":"contact_custom_input"},{"id":"bcontact-field-701444","name":"custom_number","label":"注æçªå·","formType":"custom","formName":"text","type":"text","width":"1_2","required":false,"conditional":false,"el_class":"contact_custom_input","help_text":"注æçªå·"},{"id":"bcontact-field-626405","type":"email","formType":"basic","formName":"email","name":"email","label":"ã¡ã¼ã«","width":"1_2","help_text":"ã¡ã¼ã« (å¿ é )","el_class":"contact_custom_input"},{"id":"bcontact-field-753976","name":"custom_tel","label":"é»è©±çªå·","formType":"custom","formName":"text","type":"text","width":"1_2","required":true,"help_text":"é»è©±çªå· (å¿ é )","el_class":"contact_custom_input","conditional":true},{"id":"bcontact-field-668133","name":"custom_message","label":"ã¡ãã»ã¼ã¸","formType":"basic","formName":"message","type":"textarea","width":"1_1","help_text":"ã¡ãã»ã¼ã¸","required":true,"el_class":"contact_custom_div"}],"form_popup_template":"popup3","title_label":"ã","description_label":" ","submit_label":"éä¿¡","msg_success":"ãããã¨ããããã¾ããå 容ã確èªã®ããã追ã£ã¦ãé£çµ¡ãããã¾ãã","page_options":"all","radio_display":"block","label_color":"#212121","background_color":"#F9F4ED","border_color":"#B5975F","layout":"left","submit_bgcolor":"#B5975F","title_color":"#B5975F","submit_text_color":"#FFFFFF","description_color":"#B5975F","background_image":"https://cdn.qikify.com/common/contactform/images/popup-image-3.jpg","schedule_time_start":"2026-07-15T07:06:22.533Z","schedule_time_end":"2026-07-16T07:06:22.536Z","re
7479cipient_email":"[email protected]","submission_email_subject":"ãåãåããããã ãããããã¨ããããã¾ãã","submission_email_enable_logo":false,"submission_email_logo":"https://cdn.qikify.com/common/contactform/images/qikify-logo.png","submission_email_logo_width":"200","submission_email_title":"","submission_email_description":"{customer_name}æ§\n\n\nãåãåããããã ãããããã¨ããããã¾ãã<br>\nâ»ãã®ã¡ã¼ã«ã¯ãã·ã¹ãã ããèªåçã«ãéããã¦ãã¾ãã<br>\n\n以ä¸ã®ãåãåãããåãä»ãã¾ããã<br>\né æ¬¡åçãããã¾ãã®ã§ããã°ãããå¾ ã¡ãã ããã¾ããããé¡ããããã¾ãã<br>","submission_email_footer":"","enable_auto_response":true},"status":1,"created_at":"2026-07-15 06:38:43","updated_at":"2026-07-23 05:52:34"}]; 7480 7481 7482 7483 qcfData.subscription = {"name":"contactform-premium","kind":"subscription"}; 7484 7485 7486 7487 qcfData.config = {"captcha":false}; 7488 7489 7490 7491 7492 7493 qcfData.instanceStatus = "activated"; 7494 7495 7496 7497</script>
7497 7498
7499<script src="https://cdn.shopify.com/extensions/01a0c8ca-96a3-7fd2-b639-9454d2a5d055/free-contact-form-1-142/assets/contactform-v2.js" defer="defer"></script>
7499 7500 7501 7502 7503 7504 <style id="qikify-contactform-custom-style"></style> 7505 7506 7507 7508
7508<script id="qikify-contactform-custom-script"></script>
7508 7509 7510 7511 7512</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"> 7513 7514 7515<!-- BEGIN app snippet: swymVersion -->
7515<script>var __SWYM__VERSION__ = '7.0.7';</script>
7515<!-- END app snippet --> 7516<!-- BEGIN app snippet: swymCustomCss --> 7517 7518 7519 7520 7521<style id="swym-custom-css"> 7522 7523</style> 7524 7525<!-- END app snippet --> 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537
7538<script> 7539 (function () { 7540 // Get CompanyLocation Metadata for B2B customer scenerios (SFS) 7541 7542 7543 // Put metafields in window variable 7544 const commonCustomizationSettings = '{"global-settings":{"icon":"heart","primaryColor":"#B4975E","secondaryColor":"#ffffff","storefrontLayoutType":"as-section","buttonType":{"displayIcon":true,"displayText":true,"style":"solid"},"collectionsButtonPosition":{"position":"top-right","verticalOffset":0,"horizontalOffset":0},"pdpButtonPosition":{"position":"default","verticalOffset":0,"horizontalOffset":0},"enableStorefrontLayoutNotification":true,"storefrontLayoutDrawerWidth":400,"launchType":"header","showItemsCount":true,"launchPointPosition":"bottom-right"}}'; 7545 try { 7546 const parsedSettings = JSON.parse(commonCustomizationSettings); 7547 if (parsedSettings) { 7548 window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; 7549 } else { 7550 window.SwymWishlistCommonCustomizationSettings = {}; 7551 } 7552 } catch (e) { 7553 window.SwymWishlistCommonCustomizationSettings = {}; 7554 } 7555 7556 let enabledCommonFeatures = '{"add-to-wishlist-collections-button":false,"add-to-wishlist-pdp-button":false,"auto-add-to-wishlist-from-pdp":{"pdpViewCount":"3","notificationTimeoutDuration":"5","selectedPosition":"TopLeft","enabled":true},"sfl-popup-v2":false,"control-centre":false,"multiple-wishlist":false,"social-count":{"enabledOnCollections":false},"education-layer":true,"advanced-collections-circular-bg":false}'; 7557 try { 7558 enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; 7559 } catch (e) { 7560 enabledCommonFeatures = {}; 7561 } 7562 // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. 7563 window.SwymEnabledCommonFeatures = enabledCommonFeatures; 7564 7565 // Ghost-Intent Configuration 7566 // Defaults to disabled (false). Only enabled when metafields explicitly set to "true". 7567 try { 7568 let ghostIntentConfig = { 7569 isExplicitConsentNeeded: false, 7570 isExplicitConsentNeededEvenForLocalStorage: false, 7571 askForPermissionOnFirstClick: true 7572 }; 7573 7574 7575 7576 window.SwymGhostIntentConfig = ghostIntentConfig; 7577 } catch(e) { 7578 window.SwymGhostIntentConfig = { 7579 isExplicitConsentNeeded: false, 7580 isExplicitConsentNeededEvenForLocalStorage: false, 7581 askForPermissionOnFirstClick: true 7582 }; 7583 } 7584 7585 // Education Layer Configuration 7586 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 7587 7588 7589 window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true; 7590 7591 // Login Nudge Configuration 7592 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 7593 7594 7595 window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true; 7596 7597 // Initialize or ensure SwymViewProducts exists 7598 if (!window.SwymViewProducts) { 7599 window.SwymViewProducts = {}; 7600 } 7601 7602 })(); 7603</script>
7603 7604 7605<!-- BEGIN app snippet: swymLoadConsentManager -->
7606<script> 7607 (function () { 7608 if (document.querySelector("script[data-swym-consent-manager]")) return; 7609 var swymConsentManagerScript = document.createElement("script"); 7610 swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8\/swym-relay-839\/assets\/swym-consent-manager.js"; 7611 swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves 7612 swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true"); 7613 document.head.appendChild(swymConsentManagerScript); 7614 })(); 7615</script>
7615 7616<!-- END app snippet --> 7617
7618<script 7619 7620 id="wishlist-embed-init" 7621 defer 7622 async 7623> 7624 (function () { 7625 window.swymWishlistEmbedLoaded = true; 7626 var fullAssetUrl = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/apps.bundle.js"; 7627 var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); 7628 var swymJsPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; 7629 var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); 7630 window.SwymCurrentJSPath = baseJsPath; 7631 window.SwymAssetBaseUrl = assetBaseUrl; 7632 7633 window.SwymCurrentStorePath = "//swymstore-v3free-01.swymrelay.com"; 7634 7635 function loadSwymShopifyScript() { 7636 var element = ""; 7637 var scriptSrc = ""; 7638 7639 7640 element = "swym-ext-shopify-script"; 7641 window.SwymShopifyCdnInUse = true; 7642 scriptSrc = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-ext-shopify.js"; 7643 7644 7645 if (document.getElementById(element)) { 7646 return; 7647 } 7648 7649 var s = document.createElement("script"); 7650 s.id = element; 7651 s.type = "text/javascript"; 7652 s.async = true; 7653 s.defer = true; 7654 s.src = scriptSrc; 7655 7656 s.onerror = function() { 7657 console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); 7658 // Fallback logic here 7659 element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; 7660 var fallbackJsPathVal = "\/\/freecdn.swymrelay.com\/code\/swym-shopify.js"; 7661 var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); 7662 scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; 7663 7664 var fallbackScript = document.createElement("script"); 7665 fallbackScript.id = element; 7666 fallbackScript.type = "text/javascript"; 7667 fallbackScript.async = true; 7668 fallbackScript.defer = true; 7669 fallbackScript.src = scriptSrc; 7670 var y = document.getElementsByTagName("script")[0]; 7671 y.parentNode.insertBefore(fallbackScript, y); 7672 }; 7673 7674 var x = document.getElementsByTagName("script")[0]; 7675 x.parentNode.insertBefore(s, x); 7676 } 7677 7678 var consentAPICallbackInvoked = false; 7679 function checkConsentAndLoad() { 7680 // Allow app to load in design mode (theme editor) regardless of consent 7681 if (window.Shopify?.designMode) { 7682 loadSwymShopifyScript(); 7683 return; 7684 } 7685 7686 // Ghost-Intent: If merchant enabled explicit consent, block SDK until 7687 // consent is given through our Ghost-Intent flow (sync nudge accept). 7688 // This works on any store regardless of region (EU or non-EU). 7689 var ghostConfig = window.SwymGhostIntentConfig || {}; 7690 if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) { 7691 try { 7692 var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || ''); 7693 if (localStorage.getItem(consentKey) === 'true') { 7694 // Consent was given through our flow â load SDK 7695 loadSwymShopifyScript(); 7696 return; 7697 } 7698 } catch(e) {} 7699 7700 // Check if Shopify native cookie consent was given via the cookie banner. 7701 // If user accepted cookies through Shopify's banner, load SDK normally 7702 // (Ghost-Intent is only needed when NO consent mechanism has been used). 7703 var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 7704 if (shopifyConsentGiven) { 7705 loadSwymShopifyScript(); 7706 return; 7707 } 7708 7709 console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given"); 7710 return; 7711 } 7712 7713 var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); 7714 if(!isCookieBannerVisible) { 7715 loadSwymShopifyScript(); 7716 return; 7717 } 7718 var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 7719 if (shouldLoadSwymScript) { 7720 loadSwymShopifyScript(); 7721 } else { 7722 console.warn("No customer consent to load Swym Wishlist Plus"); 7723 } 7724 } 7725 function initialiseConsentCheck() { 7726 document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); 7727 window.Shopify?.loadFeatures?.( 7728 [{name: 'consent-tracking-api', version: '0.1'}], 7729 error => { 7730 consentAPICallbackInvoked = true; 7731 if (error) { 7732 if(!window.Shopify?.customerPrivacy) { 7733 loadSwymShopifyScript(); 7734 return; 7735 } 7736 } 7737 checkConsentAndLoad(); 7738 } 7739 ); 7740 } 7741 function consentCheckFallback(retryCount) { 7742 if(!consentAPICallbackInvoked) { 7743 if (window.Shopify?.customerPrivacy) { 7744 checkConsentAndLoad(); 7745 } else if (retryCount >= 1) { 7746 console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); 7747 // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected 7748 checkConsentAndLoad(); 7749 } else { 7750 setTimeout(() => consentCheckFallback(retryCount + 1), 1000); 7751 } 7752 } 7753 } 7754 if (document.readyState === "loading") { 7755 document.addEventListener("DOMContentLoaded", initialiseConsentCheck); 7756 window.addEventListener("load", () => consentCheckFallback(0)); 7757 } else { 7758 initialiseConsentCheck(); 7759 } 7760 7761 })(); 7762</script>
7762 7763 7764<!-- BEGIN app snippet: swymSnippet -->
7764<script defer> 7765 (function () { 7766 const currentSwymJSPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; 7767 const currentSwymStorePath = 'https://swymstore-v3free-01.swymrelay.com'; 7768 const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`; 7769 const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; 7770 const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; 7771 const swymSnippet = document.getElementById('wishlist-embed-init'); 7772 if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} 7773 if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} 7774 if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} 7775 })() 7776</script>
vendor: 1 bytes, line 7776
7776
7777<script id="swym-snippet" type="text"> 7778 window.swymLandingURL = document.URL; 7779 window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"JPY","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 7780 window.swymPageLoad = function() { 7781 window.SwymProductVariants = window.SwymProductVariants || {}; 7782 window.SwymHasCartItems = 0 > 0; 7783 window.SwymPageData = {}, window.SwymProductInfo = {}; 7784 var unknown = {et: 0}; 7785 window.SwymPageData = unknown; 7786 7787 window.SwymPageData.uri = window.swymLandingURL; 7788 }; 7789 if(window.selectCallback){ 7790 (function(){ 7791 var originalSelectCallback = window.selectCallback; 7792 window.selectCallback = function(variant){ 7793 originalSelectCallback.apply(this, arguments); 7794 try{ 7795 if(window.triggerSwymVariantEvent){ 7796 window.triggerSwymVariantEvent(variant.id); 7797 } 7798 }catch(err){ 7799 console.warn("Swym selectCallback", err); 7800 } 7801 };})();} 7802 window.swymCustomerId =null; 7803 window.swymCustomerExtraCheck = 7804 null; 7805 var swappName = ("Wishlist" || "Wishlist"); 7806 var swymJSObject = { 7807 pid: "Z5iZL\/6QS9PFGIWTA0ouyMgLowh6BeNKWpV9tdh8wig=", 7808 interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName 7809 }; 7810 window.swymJSShopifyLoad = function(){ 7811 if(window.swymPageLoad) swymPageLoad(); 7812 if(!window._swat) { 7813 (function (s, w, r, e, l, a, y) { 7814 r['SwymRetailerConfig'] = s; 7815 r[s] = r[s] || function (k, v) { 7816 r[s][k] = v; 7817 }; 7818 })('_swrc', '', window); 7819 _swrc('RetailerId', swymJSObject.pid); 7820 _swrc('Callback', function(){initSwymShopify();}); 7821 }else if(window._swat.postLoader){ 7822 _swrc = window._swat.postLoader; 7823 _swrc('RetailerId', swymJSObject.pid); 7824 _swrc('Callback', function(){initSwymShopify();}); 7825 }else{ 7826 initSwymShopify();} 7827 } 7828 if(!window._SwymPreventAutoLoad) { 7829 swymJSShopifyLoad(); 7830 } 7831</script>
7831 7832 7833<style id="safari-flasher-pre"></style>
7834<script> 7835 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 7836 document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; 7837 window.SwymCallbacks = window.SwymCallbacks || []; 7838 window.SwymCallbacks.push(function(tracker) { 7839 tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { 7840 var x = function() { 7841 SwymUtils.onDOMReady(function() { 7842 var d = document.createElement("div"); 7843 d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; 7844 document.head.appendChild(d); 7845 });}; 7846 setTimeout(x, 10); 7847 });});} 7848 window.SwymOverrideMoneyFormat = "Â¥{{amount_no_decimals}}"; 7849</script>
7849 7850<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet --> 7851
7852<script 7853 7854 id="swymSnippetCheckAndActivate" 7855> 7856 (function () { 7857 var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler']; 7858 7859 function removeDuplicateIdNodes(id) { 7860 var nodes = document.querySelectorAll('#' + id); 7861 nodes.forEach(function (node, index) { 7862 if (index > 0) { 7863 node.remove(); 7864 } 7865 }); 7866 } 7867 7868 function cleanupDuplicateSnippetNodes(activeScript) { 7869 if (!activeScript) { 7870 return; 7871 } 7872 var allSwymSnippets = document.querySelectorAll('script#swym-snippet'); 7873 allSwymSnippets.forEach(function (scriptNode) { 7874 if (scriptNode !== activeScript) { 7875 scriptNode.remove(); 7876 } 7877 }); 7878 } 7879 7880 function cleanupDuplicateActivationGuards() { 7881 var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate'); 7882 guardScripts.forEach(function (scriptNode, index) { 7883 if (index > 0) { 7884 scriptNode.removeAttribute('id'); 7885 } 7886 }); 7887 } 7888 7889 function postDomLoad() { 7890 var activeScript = document.querySelector('script#swym-snippet:not([type="text"])'); 7891 if (!activeScript) { 7892 var inactiveScript = document.querySelector('script#swym-snippet[type="text"]'); 7893 if (inactiveScript) { 7894 inactiveScript.type = 'text/javascript'; 7895 new Function(inactiveScript.textContent)(); 7896 activeScript = inactiveScript; 7897 } 7898 } 7899 7900 cleanupDuplicateSnippetNodes(activeScript); 7901 cleanupDuplicateActivationGuards(); 7902 duplicateProneIds.forEach(removeDuplicateIdNodes); 7903 } 7904 7905 if (document.readyState === 'loading') { 7906 document.addEventListener('DOMContentLoaded', postDomLoad); 7907 } else { 7908 postDomLoad(); 7909 } 7910 })(); 7911</script>
7911 7912 7913 7914
7915<script> 7916 (function () { 7917 const themeSchemaName = window.Shopify.theme.schema_name; 7918 7919 if (!window.SwymCallbacks) { 7920 window.SwymCallbacks = []; 7921 } 7922 window.SwymCallbacks.push(swat => { 7923 if (!swat) { 7924 return; 7925 } 7926 7927 // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent 7928 if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) { 7929 window.SwymLocalWishlist.syncToCloud(swat); 7930 } 7931 7932 if (window._SwymSDKOnlyMode) { 7933 return; 7934 } 7935 7936 // ENABLE COMMON FEATURES 7937 let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; 7938 Object.keys(swymEnabledCommonFeatures).forEach(key => { 7939 if (!swymEnabledCommonFeatures[key]) return; 7940 7941 switch (key) { 7942 case 'add-to-wishlist-collections-button': 7943 // Check if app block is already handling the collections button 7944 if (window.SwymCollectionsConfig) { 7945 return; 7946 } 7947 7948 // Check if v2 default collections is handling it 7949 if (window.SwymAdvancedCollectionsWishlistConfig) { 7950 return; 7951 } 7952 7953 // Fallback to old v1 behavior if v2 config is not present 7954 swat?.collectionsApi?.setDefaultCustomizationOptions(); 7955 swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); 7956 7957 break; 7958 case 'add-to-wishlist-pdp-button': 7959 // Check if app block is already handling the PDP button 7960 if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') { 7961 return; 7962 } 7963 7964 if (!(window.SwymPageData && window.SwymPageData.et === 1)) { 7965 // Not initiating pdp button as it is not a product page 7966 return; 7967 } 7968 7969 // Inject addtowishlist.css into the document's <head> 7970 var head = document.head; 7971 var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.css"; 7972 var pdpButtonStylesheetTag = document.createElement('link'); 7973 pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; 7974 pdpButtonStylesheetTag.rel = 'stylesheet'; 7975 pdpButtonStylesheetTag.href = pdpButtonStylesheet; 7976 7977 if (!document.getElementById('swym-pdp-button-stylesheet')) { 7978 head.appendChild(pdpButtonStylesheetTag); 7979 } 7980 7981 var x = document.getElementsByTagName('script')[0]; 7982 function createAndInsertScript(id, src, onLoadCallback) { 7983 var scriptTag = document.createElement('script'); 7984 scriptTag.id = id; 7985 scriptTag.type = 'text/javascript'; 7986 scriptTag.src = src; 7987 scriptTag.onload = onLoadCallback; 7988 x.parentNode.insertBefore(scriptTag, x); 7989 } 7990 7991 var pdpButtonScript = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.js"; 7992 createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () { 7993 const pdpBtnApi = window.WishlistPlusPDPButtonAPI; 7994 if (pdpBtnApi) { 7995 pdpBtnApi.setDefaultCustomizationOptions(swat); 7996 pdpBtnApi.initializePDPButton(swat, true); 7997 } 7998 }); 7999 break; 8000 default: 8001 return; 8002 } 8003 }); 8004 }); 8005 })(); // IIFE to prevent polluting global scope 8006</script>
8006 8007 8008 8009
8010<script> 8011 (function () { 8012 // Get the settings from Shopify's Liquid variables and create the styles 8013 const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; 8014 const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 8015 Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; 8016 const isControlCentreEnabledFromBlockSettings = true; 8017 8018 if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { 8019 // Don't enable control centre if this is disabled and block settings are not enabled 8020 return; 8021 } 8022 8023 let borderRadius = 6; 8024 let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400; 8025 8026 // Check if block settings exist, use them, otherwise fall back to common settings 8027 let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 8028 "#b4975e" : 8029 window.SwymWishlistCommonCustomizationSettings.primaryColor; 8030 8031 let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 8032 "#ffffff" : 8033 window.SwymWishlistCommonCustomizationSettings.secondaryColor; 8034 8035 let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 8036 "#f4f8fe" : null; 8037 let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 8038 "#333333" : null; 8039 8040 // Only use color adjustment functions if we're using common settings 8041 if (!secondaryBgColor || !secondaryTextColor) { 8042 function adjustOpacity(color, opacity) { 8043 if (color[0] === '#') { 8044 color = color.slice(1); 8045 } 8046 8047 if (color.length === 3) { 8048 color = color.split('').map(char => char + char).join(''); 8049 } 8050 8051 const r = parseInt(color.slice(0, 2), 16); 8052 const g = parseInt(color.slice(2, 4), 16); 8053 const b = parseInt(color.slice(4, 6), 16); 8054 8055 return `rgba(${r}, ${g}, ${b}, ${opacity})`; 8056 } 8057 8058 function hexToRgb(color) { 8059 if (color[0] === '#') { 8060 color = color.slice(1); 8061 } 8062 if (color.length === 3) { 8063 color = color.split('').map(c => c + c).join(''); 8064 } 8065 8066 return { 8067 r: parseInt(color.slice(0, 2), 16), 8068 g: parseInt(color.slice(2, 4), 16), 8069 b: parseInt(color.slice(4, 6), 16) 8070 }; 8071 } 8072 8073 function getLuminance({ r, g, b }) { 8074 return 0.299 * r + 0.587 * g + 0.114 * b; 8075 } 8076 8077 function generateSecondaryColors(primaryBgColor, primaryTextColor) { 8078 const secondaryBgOpacity = 0.2; 8079 const secondaryTextOpacity = 0.8; 8080 8081 const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); 8082 8083 const bgRgb = hexToRgb(primaryBgColor); 8084 const bgLuminance = getLuminance(bgRgb); 8085 8086 // Determine whether to use dark or light text for contrast 8087 const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); 8088 const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); 8089 8090 const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; 8091 8092 return { 8093 secondaryBgColor, 8094 secondaryTextColor 8095 }; 8096 } 8097 8098 const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); 8099 secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; 8100 secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; 8101 } 8102 8103 // Create the CSS rule 8104 let styles = ` 8105 .swym-storefront-layout-root-component { 8106 --swym-storefront-layout-ui-border-radius: ${borderRadius}px; 8107 --swym-storefront-layout-button-border-radius: ${borderRadius}px; 8108 --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; 8109 --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; 8110 --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; 8111 --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; 8112 --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; 8113 } 8114 `; 8115 8116 // Create a <style> element and append the styles 8117 let styleSheet = document.createElement("style"); 8118 styleSheet.type = "text/css"; 8119 styleSheet.innerText = styles; 8120 document.head.appendChild(styleSheet); 8121 8122 if (typeof window.SwymStorefrontLayoutContext === 'undefined') { 8123 window.SwymStorefrontLayoutContext = {}; 8124 } 8125 if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ 8126 window.SwymStorefrontLayoutExtensions = {}; 8127 } 8128 8129 // Expose block settings toggle state so ThemeCSSMapping can respect it. 8130 // When true, theme editor color pickers take priority over inherited theme CSS variables. 8131 SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings; 8132 8133 if (isControlCentreEnabledFromBlockSettings) { 8134 // If block settings are enabled, use them 8135 SwymStorefrontLayoutContext.Settings = { 8136 EnableStorefrontLayoutOnLauncher: true, 8137 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 8138 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 8139 StorefrontLayoutDrawerPosition: "left", 8140 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 8141 StorefrontLayoutAsSectionPageURL: "/pages/favorites", 8142 EnableStorefrontLayoutVariantSelector: true, 8143 StorefrontLayoutNotificationPosition: "left", 8144 StorefrontLayoutActionPopupPosition: "left", 8145 StorefrontLayoutNotificationDuration: 5000 8146 }; 8147 } else { 8148 // If only metafield is enabled but no block settings, use common settings 8149 SwymStorefrontLayoutContext.Settings = { 8150 EnableStorefrontLayoutOnLauncher: true, 8151 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 8152 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 8153 StorefrontLayoutDrawerPosition: "left", 8154 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 8155 StorefrontLayoutAsSectionPageURL: "/pages/favorites", 8156 EnableStorefrontLayoutVariantSelector: true, 8157 StorefrontLayoutNotificationPosition: "left", 8158 StorefrontLayoutActionPopupPosition: "left", 8159 StorefrontLayoutNotificationDuration: 5000 8160 }; 8161 } 8162 const storefrontLayoutCallback = (swat) =>{ 8163 SwymStorefrontLayoutContext.swat = swat; 8164 let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; 8165 let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; 8166 SwymStorefrontLayoutContext.Settings = { 8167 ...SwymStorefrontLayoutContext?.Settings, 8168 EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false, 8169 EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), 8170 } 8171 8172 if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ 8173 if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ 8174 var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 8175 detail: { settings: SwymStorefrontLayoutContext?.Settings } 8176 }); 8177 document.dispatchEvent(event); 8178 }else{ 8179 swat.utils.warn(`LayoutInitialized event is not defined.`); 8180 } 8181 }else{ 8182 swat.utils.warn(`Storefront Layout is disabled.`); 8183 document.getElementById("swym-storefront-layout-container")?.remove(); 8184 document.getElementById("swym-storefront-extention-render-container")?.remove(); 8185 } 8186 } 8187 8188 if (!window.SwymCallbacks) { 8189 window.SwymCallbacks = []; 8190 } 8191 window.SwymCallbacks.push(storefrontLayoutCallback); 8192 8193 SwymStorefrontLayoutContext.SwymCustomerData = { 8194 8195 name: null, 8196 email: null 8197 8198 };
8199 SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; 8200 })(); 8201</script>
8201 8202 8203 8204 8205 8206 8207 <div id="swym-storefront-extention-render-container"> 8208 <!-- BEGIN app snippet: swymStorefrontLayout -->
8208<script> 8209 (function () { 8210 const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; 8211 const isControlCentreEnabledFromBlockSettings = true; 8212 const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 8213 Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; 8214 8215 if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { 8216 return; 8217 } 8218 if (typeof window.SwymStorefrontLayoutContext === 'undefined') { 8219 window.SwymStorefrontLayoutContext = {}; 8220 } 8221 8222 // Initialize strings with empty values first to prevent string changes after loadStrings() 8223 SwymStorefrontLayoutContext.Strings = { 8224 title: "", 8225 addToCart: "", 8226 addedToCart: "", 8227 addAllToCartCta: "", 8228 addAllToCartSuccessText: "", 8229 addAllToCartEmptyText: "", 8230 addAllToCartErrorText: "", 8231 soldOut: "", 8232 addingToCart: "", 8233 viewCartCta: "", 8234 moveToCartCta: "", 8235 movingToCartCta: "", 8236 removeSflItemCta: "", 8237 8238 loginHeading: "", 8239 loginText: "", 8240 loginButtonText: "", 8241 loggedUserWelcomeMessage: "", 8242 VariantSelectorBtnText: "", 8243 wishlistTitle: "", 8244 wishlistInfo: "", 8245 emptyWishlistTitle: "", 8246 emptyWishlistDescription: "", 8247 8248 collectionTitle: "", 8249 emptyCarouselCollectionText: "", 8250 emptyCollectionText: "", 8251 emptyCollectionDescription: "", 8252 8253 addToCollectionTitle: "", 8254 removeItemCta: "", 8255 addToCollectionCta: "", 8256 createCollectionCta: "", 8257 saveNewCollectionCta: "", 8258 renameCollectionCta: "", 8259 deleteCollectionCta: "", 8260 shareCollectionCta: "", 8261 saveCollectionCta: "", 8262 editCollectionCta: "", 8263 shareCollectionTitle: "", 8264 shareCollectionMessage: "", 8265 sharedCollectionMessage: "", 8266 updateCollectionTitle: "", 8267 8268 errorMessageListNameRequired: "", 8269 errorMessageListNameRequire3Char: "", 8270 errorMessageListNameAlreadyExist: "", 8271 8272 notificationMessageItemSaved: "", 8273 notificationMessageItemRemoved: "", 8274 notificationMessageAddedToCart: "", 8275 notificationMessageAddedToCollection: "", 8276 notificationMessageCollectionSaved: "", 8277 notificationMessageCollectionDeleted: "", 8278 notificationMessageCollectionUpdated: "", 8279 notificationMessageCollectionUnavailable: "", 8280 notificationMessageSFLItemSaved: "", 8281 notificationMessageSFLItemRemoved: "", 8282 notificationMessageMovedToCart: "", 8283 8284 notificationActionAddToCollection: "", 8285 notificationActionView: "", 8286 notificationActionViewCollection: "", 8287 notificationActionGoToCart: "", 8288 8289 item: "", 8290 items: "", 8291 8292 tabWishlist: "", 8293 tabSavedForLater: "", 8294 tabSavedForYou: "", 8295 8296 savedForLaterTitle: "", 8297 emptySavedForLaterTitle: "", 8298 emptySavedForLaterDescription: "", 8299 8300 awNudgeMessage: "", 8301 awNudgeMessageSub: "", 8302 awNudgeLoginCTA: "", 8303 awNudgeDismiss: "", 8304 8305 emptySingleLoggedInTitle: "", 8306 emptySingleLoggedInDescription: "", 8307 emptySingleLoggedInBullet1: "", 8308 emptySingleLoggedInBullet2: "", 8309 emptySingleLoggedInBullet3: "", 8310 emptySingleLoggedInCTA: "", 8311 8312 emptyMultiLoggedInTitle: "", 8313 emptyMultiLoggedInDescription: "", 8314 emptyMultiLoggedInCreateTitle: "", 8315 emptyMultiLoggedInCreateDescription: "", 8316 emptyMultiLoggedInBrowseLabel: "", 8317 emptyMultiLoggedInCTA: "", 8318 emptyMultiLoggedInTag1: "", 8319 emptyMultiLoggedInTag2: "", 8320 emptyMultiLoggedInTag3: "", 8321 emptyMultiLoggedInTag4: "", 8322 emptyMultiLoggedInTag5: "", 8323 8324 emptyGuestTitle: "", 8325 emptyGuestDescription: "", 8326 emptyGuestSingleNotice: "", 8327 emptyGuestMultiNotice: "", 8328 emptyGuestLoginCTA: "", 8329 emptyGuestBrowseCTA: "", 8330 emptyGuestSignupText: "", 8331 emptyGuestSignupCTA: "", 8332 8333 emptySflTitle: "", 8334 emptySflDescription: "", 8335 emptySflStep1Title: "", 8336 emptySflStep1Description: "", 8337 emptySflStep2Title: "", 8338 emptySflStep2Description: "", 8339 emptySflLoggedInNotice: "", 8340 emptySflGuestNotice: "", 8341 emptySflGoToCartCTA: "", 8342 emptySflLoginCTA: "", 8343 emptySflSignupText: "", 8344 emptySflSignupCTA: "" 8345 }; 8346 8347 SwymStorefrontLayoutContext.stringsLoaded = false;
8348 SwymStorefrontLayoutContext.StorefrontLayoutUrls = SwymStorefrontLayoutContext.StorefrontLayoutUrls || {}; 8349 SwymStorefrontLayoutContext.StorefrontLayoutUrls.Login = "\/customer_authentication\/login?return_to=%2Fblogs%2Fnews%2Ftagged%2Fstore\u0026locale=ja\u0026ui_hint=full\u0026region_country=JP"; 8350 8351 /** 8352 * Function to override Swym's default UI behavior. 8353 **/ 8354 const overrideSwymDefaultUI = (swat) => { 8355 try{ 8356 swat.ui.open = function(){ 8357 window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List; 8358 } 8359 8360 if (swat.ui?.uiRef?.settings?.UI) { 8361 swat.ui.uiRef.settings.UI.NotificationDisabled = true; 8362 } 8363 }catch(e){ 8364 swat.utils?.warn('Error overriding Swym default UI:', e); 8365 } 8366 } 8367 8368 /** 8369 * Callback function to override Swym's default UI behavior based on Storefront Layout settings. 8370 * 8371 * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled. 8372 * - Overrides Swym's default notifications to log notifications instead of displaying them. 8373 * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized. 8374 * 8375 * @param {Object} swat - Swym's UI object used for overriding UI behaviors. 8376 */ 8377 const swymStorefrontLayoutCallback = (swat) =>{ 8378 SwymStorefrontLayoutContext.swat = swat; 8379 8380 overrideSwymDefaultUI(swat); 8381 8382 8383 let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; 8384 if (typeof triggerHeartbeat !== "function") return; 8385 8386 let wishlistNewUiHeartbeatData = ''; 8387 try { 8388 wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {}; 8389 } catch (e) { 8390 wishlistNewUiHeartbeatData = {}; 8391 } 8392 8393 let themeId = window.Shopify.theme.id; 8394 let isDesignMode = !!window.swymDesignMode; 8395 let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId]; 8396 let themeContext = isDesignMode ? 'editor' : themeId; 8397 let extensionData = { 8398 extensionName: "wishlist-new-ui", 8399 extensionType: "app-embed", 8400 metadata: {}, 8401 themeId: themeContext, 8402 extensionSource: "default" 8403 }; 8404 /** Stop heartbeat 8405 triggerHeartbeat(extensionData, lastHeartbeat); 8406 */ 8407 } 8408 8409 if (!window.SwymCallbacks) { 8410 window.SwymCallbacks = []; 8411 } 8412 window.SwymCallbacks.push(swymStorefrontLayoutCallback); 8413 })(); 8414</script>
8414 8415<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/storefront-layout.css">
8416<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/async-wishlist-apis.js" defer="defer"></script>
vendor: 1 bytes, line 8416
8416
8417<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/storefront-layout.js" defer="defer"></script>
vendor: 1 bytes, line 8417
8417
8418<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/storefront-layout-components.js" defer="defer"></script>
8418 8419 8420<swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout> 8421<!-- END app snippet --> 8422 </div> 8423 <!-- BEGIN app snippet: swymEducationTooltip --> 8424 8425 8426 8427 8428 <div id="swym-education-tooltip" aria-hidden="true" 8429 data-toast-desktop-message="æ°ã«ãªãã¾ããï¼ã{{wishlistIcon}}ããã¯ãªãã¯ãã¦{{wishlistName}}ã«ä¿åãã¾ãããã" 8430 data-toast-mobile-message="æ°ã«ãªãã¾ããï¼ã{{wishlistIcon}}ããã¿ãããã¦{{wishlistName}}ã«è¿½å ãã¾ãããã" 8431 data-toast-cta="ä»ããä¿å" 8432 data-tooltip-desktop-message="æ°ã«ãªãã¾ããï¼ã{{wishlistIcon}}ããã¯ãªãã¯ãã¦{{wishlistName}}ã«ä¿åãã¾ãããã" 8433 data-tooltip-mobile-message="æ°ã«ãªãã¾ããï¼ã{{wishlistIcon}}ããã¿ãããã¦{{wishlistName}}ã«è¿½å ãã¾ãããã" 8434 data-button-transition-text-1="å¤ä¸ãï¼ãã¡æ©ããç¥ããã" 8435 data-button-transition-text-2="ãããã売åãã念ã®ããã" 8436 data-button-transition-text-3="æºåãã§ãããããªãã®ãã®ã"> 8437 </div> 8438 8439 <div id="swym-education-tooltip-bubble" class="swym-education-tooltip swym-education-tooltip-above" aria-hidden="true" role="tooltip"> 8440 <div class="swym-education-tooltip-content"> 8441 <span class="swym-education-tooltip-message"></span> 8442 <button class="swym-education-tooltip-close" data-swym-education-tooltip-close aria-label="åæãã¤ã¢ãã°ãéãã"> 8443 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 8444 <path d="M18 6L6 18M6 6l12 12"></path> 8445 </svg> 8446 </button> 8447 </div> 8448 <div class="swym-education-tooltip-arrow"></div> 8449 </div> 8450 8451 <style> 8452 /* Education tooltip â positioned fixed, managed by JS */ 8453 .swym-education-tooltip { 8454 position: fixed; 8455 z-index: 500; 8456 visibility: hidden; 8457 opacity: 0; 8458 transition: opacity 0.2s ease, visibility 0.2s ease; 8459 pointer-events: none; 8460 } 8461 .swym-education-tooltip.swym-education-tooltip-visible { 8462 visibility: visible; 8463 opacity: 1; 8464 pointer-events: auto; 8465 } 8466 .swym-education-tooltip-content { 8467 background: var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); 8468 color: var(--swym-storefront-layout-notification-neutral-text-color, #383d41); 8469 border: 1px solid var(--swym-storefront-layout-notification-neutral-border-color, #d6d8db); 8470 padding: 10px 14px; 8471 border-radius: var(--swym-storefront-layout-ui-border-radius, 10px); 8472 font-size: 13px; 8473 line-height: 1.4; 8474 display: flex; 8475 align-items: center; 8476 gap: 8px; 8477 max-width: 320px; 8478 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 8479 } 8480 .swym-education-tooltip-message { 8481 flex: 1; 8482 } 8483 .swym-education-tooltip-close { 8484 background: none; 8485 border: none; 8486 color: inherit; 8487 cursor: pointer; 8488 padding: 2px; 8489 line-height: 1; 8490 flex-shrink: 0; 8491 opacity: 0.7; 8492 } 8493 .swym-education-tooltip-close:hover { 8494 opacity: 1; 8495 } 8496 8497 /* Button text fade transition for education nudge */ 8498 .swym-btn-text-fade-out { 8499 opacity: 0; 8500 transition: opacity 0.2s ease; 8501 } 8502 .swym-btn-text-fade-in { 8503 opacity: 1; 8504 transition: opacity 0.3s ease; 8505 } 8506 8507 /* Arrow â points down when tooltip is above, up when below */ 8508 .swym-education-tooltip-arrow { 8509 width: 0; 8510 height: 0; 8511 position: absolute; 8512 left: 50%; 8513 transform: translateX(-50%); 8514 } 8515 .swym-education-tooltip-above .swym-education-tooltip-arrow { 8516 bottom: -6px; 8517 border-left: 6px solid transparent; 8518 border-right: 6px solid transparent; 8519 border-top: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); 8520 } 8521 .swym-education-tooltip-below .swym-education-tooltip-arrow { 8522 top: -6px; 8523 border-left: 6px solid transparent; 8524 border-right: 6px solid transparent; 8525 border-bottom: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); 8526 } 8527 8528 /* Hidden data element */ 8529 #swym-education-tooltip { 8530 display: none; 8531 } 8532 8533 @media (max-width: 480px) { 8534 .swym-education-tooltip-content { 8535 max-width: 90vw; 8536 font-size: 12px; 8537 } 8538 } 8539 </style> 8540 8541
8541<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-education-tooltip.js" defer="defer"></script>
8541 8542
8542<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-education.js" defer="defer"></script>
8542 8543 8544<!-- END app snippet --> 8545 8546 8547</div><div id="shopify-block-AY2UyQWxEelVmQW5yR__17833497122523625862" class="shopify-block shopify-app-block">
8548<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-local-wishlist.js" defer></script>
8548 8549 8550<!-- BEGIN app snippet: swymConsentPopup --> 8551 8552 8553 8554 8555 8556 <style id="swym-consent-popup-styles"> 8557 /* Consent popup styles */ 8558 .swym-consent-popup { 8559 position: fixed; 8560 top: 0; 8561 left: 0; 8562 width: 100%; 8563 height: 100%; 8564 z-index: 999999; 8565 display: flex; 8566 align-items: center; 8567 justify-content: center; 8568 opacity: 0; 8569 visibility: hidden; 8570 transition: opacity 0.2s ease, visibility 0.2s ease; 8571 } 8572 .swym-consent-popup[aria-hidden="false"] { 8573 opacity: 1; 8574 visibility: visible; 8575 } 8576 .swym-consent-popup-overlay { 8577 position: absolute; 8578 top: 0; 8579 left: 0; 8580 width: 100%; 8581 height: 100%; 8582 background: rgba(0, 0, 0, 0.5); 8583 cursor: pointer; 8584 } 8585 .swym-consent-popup-content { 8586 position: relative; 8587 background: #fff; 8588 padding: 32px; 8589 border-radius: 12px; 8590 max-width: 440px; 8591 width: 90%; 8592 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); 8593 z-index: 1; 8594 text-align: left; 8595 } 8596 .swym-consent-popup[aria-hidden="false"] .swym-consent-popup-content { 8597 animation: swymPopupSlideIn 0.25s ease; 8598 } 8599 @keyframes swymPopupSlideIn { 8600 from { 8601 opacity: 0; 8602 transform: translateY(-20px) scale(0.95); 8603 } 8604 to { 8605 opacity: 1; 8606 transform: translateY(0) scale(1); 8607 } 8608 } 8609 .swym-consent-popup-close { 8610 position: absolute; 8611 top: 12px; 8612 right: 12px; 8613 background: none; 8614 border: none; 8615 cursor: pointer; 8616 padding: 4px; 8617 color: #666; 8618 transition: color 0.15s ease; 8619 } 8620 .swym-consent-popup-close:hover { 8621 color: #000; 8622 } 8623 .swym-consent-popup-title { 8624 margin: 0 0 12px 0; 8625 font-size: 20px; 8626 font-weight: 600; 8627 color: #111; 8628 text-align: center; 8629 } 8630 .swym-consent-popup-message { 8631 margin: 0 0 24px 0; 8632 font-size: 14px; 8633 line-height: 1.6; 8634 color: #555; 8635 text-align: left; 8636 } 8637 .swym-consent-popup-actions { 8638 display: flex; 8639 gap: 12px; 8640 justify-content: center; 8641 } 8642 /* Secondary buttons â all CTAs have equal weight, outlined style */ 8643 .swym-consent-btn { 8644 flex: 1; 8645 padding: 12px 24px; 8646 font-size: 14px; 8647 font-weight: 500; 8648 border-radius: 6px; 8649 cursor: pointer; 8650 transition: all 0.15s ease; 8651 min-width: 100px; 8652 min-height: 44px; 8653 background: #fff; 8654 color: #111; 8655 border: 1px solid #ccc; 8656 position: relative; 8657 text-align: center; 8658 } 8659 .swym-consent-btn:hover { 8660 background: #f5f5f5; 8661 border-color: #999; 8662 } 8663 /* Disclaimer text under popup actions */ 8664 .swym-consent-popup-disclaimer { 8665 margin: 16px 0 0 0; 8666 font-size: 12px; 8667 line-height: 1.5; 8668 color: #888; 8669 font-style: italic; 8670 text-align: left; 8671 } 8672 /* First CTA (accept button) has bolder font weight */ 8673 .swym-consent-btn[data-swym-consent-accept] { 8674 font-weight: 600; 8675 } 8676 /* Spinner for accept button */ 8677 .swym-consent-btn .swym-consent-spinner { 8678 display: none; 8679 width: 16px; 8680 height: 16px; 8681 border: 2px solid #111; 8682 border-top-color: transparent; 8683 border-radius: 50%; 8684 animation: swymConsentSpin 0.7s linear infinite; 8685 } 8686 .swym-consent-btn.swym-loading { 8687 pointer-events: none; 8688 } 8689 .swym-consent-btn.swym-loading .swym-consent-btn-text { 8690 visibility: hidden; 8691 } 8692 .swym-consent-btn.swym-loading .swym-consent-spinner { 8693 display: block; 8694 position: absolute; 8695 top: 50%; 8696 left: 50%; 8697 transform: translate(-50%, -50%); 8698 } 8699 @keyframes swymConsentSpin { 8700 to { transform: translate(-50%, -50%) rotate(360deg); } 8701 } 8702 .swym-consent-popup-note { 8703 display: none; 8704 } 8705 @media (max-width: 480px) { 8706 .swym-consent-popup-content { 8707 padding: 24px 20px; 8708 margin: 16px; 8709 } 8710 .swym-consent-popup-actions { 8711 flex-direction: column; 8712 } 8713 .swym-consent-btn { 8714 width: 100%; 8715 } 8716 } 8717 /* Ghost-Intent login toast */ 8718 .swym-ghost-toast { 8719 position: fixed; 8720 bottom: 20px; 8721 left: 50%; 8722 transform: translateX(-50%) translateY(100px); 8723 background: #111; 8724 color: #fff; 8725 padding: 14px 20px; 8726 border-radius: 8px; 8727 display: flex; 8728 align-items: center; 8729 gap: 12px; 8730 z-index: 999999; 8731 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 8732 opacity: 0; 8733 transition: opacity 0.3s ease, transform 0.3s ease; 8734 max-width: 90%; 8735 } 8736 .swym-ghost-toast-visible { 8737 opacity: 1; 8738 transform: translateX(-50%) translateY(0); 8739 } 8740 .swym-ghost-toast-message { 8741 font-size: 14px; 8742 } 8743 .swym-ghost-toast-cta { 8744 color: #fff; 8745 text-decoration: underline; 8746 font-weight: 600; 8747 font-size: 14px; 8748 white-space: nowrap; 8749 } 8750 .swym-ghost-toast-close { 8751 background: none; 8752 border: none; 8753 color: #999; 8754 font-size: 18px; 8755 cursor: pointer; 8756 padding: 0 0 0 4px; 8757 line-height: 1; 8758 } 8759 .swym-ghost-toast-close:hover { 8760 color: #fff; 8761 } 8762 /* Confirmation alert (shown after second consent decline) */ 8763 .swym-consent-confirm-alert { 8764 position: fixed; 8765 top: 0; 8766 left: 0; 8767 width: 100%; 8768 height: 100%; 8769 z-index: 9999999; 8770 display: flex; 8771 align-items: center; 8772 justify-content: center; 8773 opacity: 0; 8774 visibility: hidden; 8775 transition: opacity 0.2s ease, visibility 0.2s ease; 8776 } 8777 .swym-consent-confirm-alert[aria-hidden="false"] { 8778 opacity: 1; 8779 visibility: visible; 8780 } 8781 .swym-consent-confirm-overlay { 8782 position: absolute; 8783 top: 0; 8784 left: 0; 8785 width: 100%; 8786 height: 100%; 8787 background: rgba(0, 0, 0, 0.6); 8788 cursor: pointer; 8789 } 8790 .swym-consent-confirm-content { 8791 position: relative; 8792 background: #fff; 8793 padding: 32px; 8794 border-radius: 12px; 8795 max-width: 480px; 8796 width: 90%; 8797 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); 8798 z-index: 1; 8799 text-align: left; 8800 } 8801 .swym-consent-confirm-alert[aria-hidden="false"] .swym-consent-confirm-content {
8802 animation: swymPopupSlideIn 0.25s ease; 8803 } 8804 .swym-consent-confirm-icon { 8805 margin-right: 8px; 8806 } 8807 .swym-consent-confirm-title { 8808 margin: 0 0 12px 0; 8809 font-size: 18px; 8810 font-weight: 600; 8811 color: #111; 8812 text-align: center; 8813 display: flex; 8814 align-items: center; 8815 justify-content: center; 8816 } 8817 .swym-consent-confirm-message { 8818 margin: 0 0 24px 0; 8819 font-size: 14px; 8820 line-height: 1.6; 8821 color: #555; 8822 text-align: left; 8823 } 8824 .swym-consent-confirm-actions { 8825 display: flex; 8826 gap: 12px; 8827 justify-content: center; 8828 } 8829 /* Secondary buttons for confirmation alert â equal weight, outlined */ 8830 .swym-consent-confirm-btn { 8831 flex: 1; 8832 padding: 12px 24px; 8833 font-size: 14px; 8834 font-weight: 500; 8835 border-radius: 6px; 8836 cursor: pointer; 8837 transition: all 0.15s ease; 8838 min-width: 120px; 8839 background: #fff; 8840 color: #111; 8841 border: 1px solid #ccc; 8842 } 8843 .swym-consent-confirm-btn:hover { 8844 background: #f5f5f5; 8845 border-color: #999; 8846 } 8847 .swym-consent-confirm-disclaimer { 8848 margin: 16px 0 0 0; 8849 font-size: 12px; 8850 line-height: 1.5; 8851 color: #888; 8852 font-style: italic; 8853 text-align: left; 8854 } 8855 /* First CTA (accept button) in confirmation alert has bolder font weight */ 8856 .swym-consent-confirm-btn[data-swym-confirm-accept] { 8857 font-weight: 600; 8858 } 8859 @media (max-width: 480px) { 8860 .swym-consent-confirm-content { 8861 padding: 24px 20px; 8862 margin: 16px; 8863 } 8864 .swym-consent-confirm-actions { 8865 flex-direction: column; 8866 } 8867 .swym-consent-confirm-btn { 8868 width: 100%; 8869 } 8870 } 8871 </style> 8872 8873 <div id="swym-consent-popup" class="swym-consent-popup" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="swym-consent-title" 8874 data-login-url="/customer_authentication/login?return_to=%2Fblogs%2Fnews%2Ftagged%2Fstore&locale=ja&ui_hint=full®ion_country=JP" 8875 data-local-only-title="ã¦ã£ãã·ã¥ãªã¹ãããã®ããã¤ã¹ã«ä¿åãã¾ããï¼" 8876 data-local-only-message="ãæ°ã«å ¥ããªã¹ããå§ããã«ã¯ããã®ããã¤ã¹ã«ååãä¿åããå¿ è¦ãããã¾ãã" 8877 data-local-only-accept="OKãããã¤ã¹ã«ä¿å" 8878 data-local-only-decline="ããããä¿åããªã" 8879 data-local-only-note="æå¦ããã¨ãã¦ã£ãã·ã¥ãªã¹ãã«ã¢ã¤ãã ã追å ã§ããªããªãã¾ãã" 8880 data-ghost-title="ãã£ã¨ä¿åãã¾ããï¼ãªã¹ããåæ" 8881 data-ghost-message="ãã®ããã¤ã¹ã«ä¿åã§ãã5ååã®ãã¡{{itemCount}}ååãæ¢ã«ä¿åãã¦ãã¾ããç¡å¶éã®ä¿åã¨ããã¤ã¹éã®ã¢ã¯ã»ã¹ã«ã¯ãã°ã¤ã³ãã¦ãã ããã" 8882 data-ghost-message-full="ãã®ããã¤ã¹ã«{{itemCount}}/5ååãä¿åãã¾ãããããã«ä¿åãã¦ããã¤ã¹éã§åæããã«ã¯ãã°ã¤ã³ãã¦ãã ããã" 8883 data-ghost-disclaimer="å 責äºé ï¼ãã°ã¤ã³ãããã¨ã§ãã¦ã£ãã·ã¥ãªã¹ããã¼ã¿ã®ä¿åã«åæãããã¨ã«ãªãã¾ãã" 8884 data-ghost-accept="ãã°ã¤ã³ãã¦åæ" 8885 data-ghost-decline="ãã®ããã¤ã¹ã«ä¿æ" 8886 data-toast-message="ååãä¿åãã¾ããï¼ãã¹ã¦ã®ããã¤ã¹ã§åæããã«ã¯ãã°ã¤ã³ãã¦ãã ããã" 8887 data-toast-cta="ãã°ã¤ã³ãã¦åæ"> 8888 <div class="swym-consent-popup-overlay" data-swym-consent-close></div> 8889 <div class="swym-consent-popup-content"> 8890 <button type="button" class="swym-consent-popup-close" data-swym-consent-close aria-label="åæãã¤ã¢ãã°ãéãã"> 8891 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 8892 <path d="M18 6L6 18M6 6l12 12"></path> 8893 </svg> 8894 </button> 8895 <h3 id="swym-consent-title" class="swym-consent-popup-title">åæã«ã¤ãã¦</h3> 8896 <p class="swym-consent-popup-message">ååãä¿åãããã¼ã½ãã©ã¤ãºä½é¨ãæä¾ããããã«åæãå¿ è¦ã§ãã</p> 8897 <div class="swym-consent-popup-actions"> 8898 <button type="button" class="swym-consent-btn" data-swym-consent-accept>
8899 <span class="swym-consent-btn-text">åæãã</span> 8900 <span class="swym-consent-spinner" aria-hidden="true"></span> 8901 </button> 8902 <button type="button" class="swym-consent-btn" data-swym-consent-decline>æå¦ãã</button> 8903 </div> 8904 <p class="swym-consent-popup-note swym-consent-popup-disclaimer"></p> 8905 </div> 8906 </div> 8907 8908 <div id="swym-consent-confirm-alert" class="swym-consent-confirm-alert" aria-hidden="true" role="alertdialog" aria-modal="true" aria-labelledby="swym-confirm-title"> 8909 <div class="swym-consent-confirm-overlay" data-swym-confirm-close></div> 8910 <div class="swym-consent-confirm-content"> 8911 <h3 id="swym-confirm-title" class="swym-consent-confirm-title"> 8912 <svg class="swym-consent-confirm-icon" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#d97706" stroke-width="2" aria-hidden="true" focusable="false"> 8913 <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"></path> 8914 <line x1="12" y1="9" x2="12" y2="13"></line> 8915 <line x1="12" y1="17" x2="12.01" y2="17"></line> 8916 </svg> 8917 æ¬å½ã§ããï¼ãã®ããã¤ã¹ã®ã¿ã«ä¿æ 8918 </h3> 8919 <p class="swym-consent-confirm-message" data-confirm-message-template="{{itemCount}}/5ååãæ¢ã«ä¿åãã¦ãã¾ãããã®ããã¤ã¹ã«ã¯ãã以ä¸ä¿åã§ãã¾ãã">{{itemCount}}/5ååãæ¢ã«ä¿åãã¦ãã¾ãããã®ããã¤ã¹ã«ã¯ãã以ä¸ä¿åã§ãã¾ãã</p> 8920 <div class="swym-consent-confirm-actions"> 8921 <button type="button" class="swym-consent-confirm-btn" data-swym-confirm-accept>ãã°ã¤ã³ãã¦åæ</button> 8922 <button type="button" class="swym-consent-confirm-btn" data-swym-confirm-decline>ã¯ãããã®ããã¤ã¹ã®ã¿</button> 8923 </div> 8924 <p class="swym-consent-confirm-disclaimer">å 責äºé ï¼ãã°ã¤ã³ãããã¨ã§ãã¦ã£ãã·ã¥ãªã¹ããã¼ã¿ã®ä¿åã«åæãããã¨ã«ãªãã¾ãã</p> 8925 </div> 8926 </div> 8927 8928 <!-- BEGIN app snippet: swymLoadConsentManager -->
8929<script> 8930 (function () { 8931 if (document.querySelector("script[data-swym-consent-manager]")) return; 8932 var swymConsentManagerScript = document.createElement("script"); 8933 swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8\/swym-relay-839\/assets\/swym-consent-manager.js"; 8934 swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves 8935 swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true"); 8936 document.head.appendChild(swymConsentManagerScript); 8937 })(); 8938</script>
8938 8939<!-- END app snippet --> 8940 8941<!-- END app snippet --> 8942<!-- BEGIN app snippet: swymGhostWishlistDrawer --> 8943 8944 8945<div id="swym-ghost-wishlist-data" style="display:none" 8946 data-title="ãã¤ã¦ã£ãã·ã¥ãªã¹ã" 8947 data-empty-title="ã¦ã£ãã·ã¥ãªã¹ãã¯ç©ºã§ã" 8948 data-empty-description="ååã追å ããã¨ããã«è¡¨ç¤ºããã¾ã" 8949 data-add-to-cart="ã«ã¼ãã«è¿½å " 8950 data-added-to-cart="ã«ã¼ãã«è¿½å æ¸ã¿" 8951 data-remove="åé¤" 8952 data-view-product="ååãè¦ã" 8953 data-consent-cta="ããã¤ã¹éã§åæ" 8954 data-items-count="{{count}} åå" 8955 data-close="éãã" 8956></div> 8957 8958<style id="swym-ghost-wishlist-drawer-styles"> 8959 /* Ghost Wishlist Drawer â overlay */ 8960 .swym-ghost-wl-overlay { 8961 position: fixed; 8962 top: 0; 8963 left: 0; 8964 width: 100%; 8965 height: 100%; 8966 background: rgba(0, 0, 0, 0.4); 8967 z-index: 999998; 8968 opacity: 0; 8969 visibility: hidden; 8970 transition: opacity 0.3s ease, visibility 0.3s ease; 8971 } 8972 .swym-ghost-wl-overlay-visible { 8973 opacity: 1; 8974 visibility: visible; 8975 } 8976 8977 /* Ghost Wishlist Drawer â drawer panel */ 8978 .swym-ghost-wl-drawer { 8979 position: fixed; 8980 top: 0; 8981 right: 0; 8982 width: 400px; 8983 max-width: 90vw; 8984 height: 100%; 8985 background: #fff; 8986 z-index: 999999; 8987 display: flex; 8988 flex-direction: column; 8989 box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1); 8990 transform: translateX(100%); 8991 transition: transform 0.3s ease; 8992 } 8993 .swym-ghost-wl-drawer-open { 8994 transform: translateX(0); 8995 } 8996 8997 /* Drawer header */ 8998 .swym-ghost-wl-header { 8999 display: flex; 9000 align-items: center; 9001 justify-content: space-between; 9002 padding: 20px 24px; 9003 border-bottom: 1px solid #eee; 9004 flex-shrink: 0; 9005 } 9006 .swym-ghost-wl-header-left { 9007 display: flex; 9008 align-items: baseline; 9009 gap: 8px; 9010 } 9011 .swym-ghost-wl-title { 9012 margin: 0; 9013 font-size: 18px; 9014 font-weight: 600; 9015 color: #111; 9016 line-height: 1.2; 9017 } 9018 .swym-ghost-wl-count { 9019 font-size: 13px; 9020 color: #888; 9021 font-weight: 400; 9022 } 9023 .swym-ghost-wl-close { 9024 background: none; 9025 border: none; 9026 cursor: pointer; 9027 padding: 4px; 9028 color: #666; 9029 transition: color 0.15s ease; 9030 display: flex; 9031 align-items: center; 9032 justify-content: center; 9033 } 9034 .swym-ghost-wl-close:hover { 9035 color: #000; 9036 } 9037 9038 /* Items list (scrollable) */ 9039 .swym-ghost-wl-items { 9040 flex: 1; 9041 overflow-y: auto; 9042 padding: 16px 24px; 9043 } 9044 9045 /* Empty state */ 9046 .swym-ghost-wl-empty { 9047 display: flex; 9048 flex-direction: column; 9049 align-items: center; 9050 justify-content: center; 9051 text-align: center; 9052 padding: 60px 20px; 9053 color: #999; 9054 } 9055 .swym-ghost-wl-empty svg { 9056 margin-bottom: 16px; 9057 opacity: 0.5; 9058 } 9059 .swym-ghost-wl-empty-title { 9060 margin: 0 0 8px; 9061 font-size: 16px; 9062 font-weight: 600; 9063 color: #555; 9064 } 9065 .swym-ghost-wl-empty-desc { 9066 margin: 0; 9067 font-size: 14px; 9068 color: #888; 9069 line-height: 1.5; 9070 } 9071 9072 /* Product tile */ 9073 .swym-ghost-wl-item { 9074 display: flex; 9075 gap: 16px; 9076 padding: 16px 0; 9077 border-bottom: 1px solid #f0f0f0; 9078 } 9079 .swym-ghost-wl-item:last-child { 9080 border-bottom: none; 9081 } 9082 9083 /* Product image */ 9084 .swym-ghost-wl-item-image-link { 9085 flex-shrink: 0; 9086 width: 90px; 9087 height: 90px; 9088 display: block; 9089 text-decoration: none; 9090 } 9091 .swym-ghost-wl-item-image { 9092 width: 90px; 9093 height: 90px; 9094 object-fit: cover; 9095 border-radius: 8px; 9096 background: #f5f5f5; 9097 display: block; 9098 } 9099 .swym-ghost-wl-item-image-placeholder { 9100 width: 90px; 9101 height: 90px; 9102 border-radius: 8px; 9103 background: #f5f5f5; 9104 display: flex; 9105 align-items: center; 9106 justify-content: center; 9107 } 9108 9109 /* Product info */ 9110 .swym-ghost-wl-item-info { 9111 flex: 1; 9112 display: flex; 9113 flex-direction: column; 9114 justify-content: center; 9115 min-width: 0; 9116 } 9117 .swym-ghost-wl-item-title { 9118 font-size: 14px; 9119 font-weight: 500; 9120 color: #111; 9121 text-decoration: none; 9122 line-height: 1.4; 9123 margin-bottom: 4px; 9124 display: -webkit-box; 9125 -webkit-line-clamp: 2; 9126 -webkit-box-orient: vertical; 9127 overflow: hidden; 9128 } 9129 .swym-ghost-wl-item-title:hover { 9130 text-decoration: underline; 9131 } 9132 .swym-ghost-wl-item-price { 9133 font-size: 14px; 9134 font-weight: 600; 9135 color: #111; 9136 margin-bottom: 10px; 9137 } 9138 9139 /* Action buttons row */ 9140 .swym-ghost-wl-item-actions { 9141 display: flex; 9142 align-items: center; 9143 gap: 10px; 9144 } 9145 .swym-ghost-wl-item-atc { 9146 display: inline-flex; 9147 align-items: center; 9148 justify-content: center; 9149 padding: 6px 14px; 9150 font-size: 12px; 9151 font-weight: 500; 9152 color: #fff; 9153 background: #111; 9154 border: 1px solid #111; 9155 border-radius: 4px; 9156 cursor: pointer; 9157 text-decoration: none; 9158 transition: background 0.15s ease; 9159 white-space: nowrap; 9160 } 9161 .swym-ghost-wl-item-atc:hover { 9162 background: #333; 9163 color: #fff; 9164 text-decoration: none; 9165 } 9166 /* Add to Cart â loading spinner */ 9167 .swym-ghost-wl-atc-spinner { 9168 display: none; 9169 width: 12px; 9170 height: 12px; 9171 border: 2px solid rgba(255,255,255,0.3); 9172 border-top-color: #fff; 9173 border-radius: 50%; 9174 animation: swym-ghost-wl-spin 0.6s linear infinite; 9175 margin-left: 6px; 9176 } 9177 .swym-ghost-wl-atc-loading .swym-ghost-wl-atc-spinner { 9178 display: inline-block; 9179 } 9180 .swym-ghost-wl-atc-loading { 9181 opacity: 0.7; 9182 pointer-events: none; 9183 } 9184 /* Add to Cart â added state (keeps same style, just disabled) */ 9185 .swym-ghost-wl-atc-added { 9186 pointer-events: none; 9187 opacity: 0.8; 9188 } 9189 @keyframes swym-ghost-wl-spin { 9190 to { transform: rotate(360deg); } 9191 } 9192 .swym-ghost-wl-item-soldout { 9193 font-size: 12px; 9194 color: #999; 9195 font-weight: 500; 9196 } 9197 .swym-ghost-wl-item-remove { 9198 background: none; 9199 border: none; 9200 cursor: pointer; 9201 padding: 4px; 9202 color: #999; 9203 transition: color 0.15s ease; 9204 display: flex; 9205 align-items: center; 9206 justify-content: center; 9207 } 9208 .swym-ghost-wl-item-remove:hover { 9209 color: #e53e3e; 9210 } 9211 9212 /* Footer with consent CTA */ 9213 .swym-ghost-wl-footer { 9214 padding: 16px 24px; 9215 border-top: 1px solid #eee; 9216 flex-shrink: 0; 9217 } 9218 .swym-ghost-wl-consent-btn { 9219 width: 100%; 9220 padding: 12px 20px; 9221 font-size: 14px; 9222 font-weight: 500; 9223 color: #111; 9224 background: #fff; 9225 border: 1px solid #ddd; 9226 border-radius: 6px; 9227 cursor: pointer; 9228 transition: all 0.15s ease; 9229 text-align: center; 9230 } 9231 .swym-ghost-wl-consent-btn:hover { 9232 background: #f5f5f5; 9233 border-color: #ccc; 9234 } 9235 9236 /* Responsive */ 9237 @media (max-width: 480px) { 9238 .swym-ghost-wl-drawer { 9239 width: 100%; 9240 max-width: 100vw; 9241 } 9242 .swym-ghost-wl-header { 9243 padding: 16px 16px; 9244 } 9245 .swym-ghost-wl-items { 9246 padding: 12px 16px; 9247 } 9248 .swym-ghost-wl-item-image-link, 9249 .swym-ghost-wl-item-image, 9250 .swym-ghost-wl-item-image-placeholder { 9251 width: 72px; 9252 height: 72px; 9253 } 9254 .swym-ghost-wl-footer { 9255 padding: 12px 16px; 9256 } 9257 } 9258</style> 9259
9260<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-ghost-wishlist-drawer.js" defer></script>
9260 9261<!-- END app snippet --> 9262 9263 9264 9265 9266 9267 9268 <!-- BEGIN app snippet: advancedCollectionsWishlist --> 9269 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 9284 9285 9286 9287 9288 9289 9290 9291 9292 9293 9294 9295 9296 9297 9298 9299 9300 9301 9302 9303
9304<script 9305 id="swym-advanced-wishlist-collections-config" 9306> 9307 window.SwymAdvancedCollectionsWishlistConfig = { 9308 beforeHtml: "\u003cbutton type=\"button\" class=\"swym-advanced-wishlist-collections\" aria-label=\"{{ADD_TO_WISHLIST}}\" aria-pressed=\"false\" style=\"color:{{ICON_COLOR}}; transform:{{ICON_POSITION}};\"\u003e\u003cdiv class=\"swym-advanced-wishlist-collections-social-count\"\u003e{{SOCIAL_COUNT}}\u003c\/div\u003e\n\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M19.6706 5.4736C17.6806 3.8336 14.7206 4.1236 12.8906 5.9536L12.0006 6.8436L11.1106 5.9536C9.29063 4.1336 6.32064 3.8336 4.33064 5.4736C2.05064 7.3536 1.93063 10.7436 3.97063 12.7836L11.6406 20.4536C11.8406 20.6536 12.1506 20.6536 12.3506 20.4536L20.0206 12.7836C22.0706 10.7436 21.9506 7.3636 19.6706 5.4736Z\" stroke=\"{{ICON_COLOR}}\" stroke-width=\"{{ICON_WIDTH}}\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e", 9309 afterHtml: "\u003cbutton type=\"button\" class=\"swym-advanced-wishlist-collections\" aria-label=\"{{ADDED_TO_WISHLIST}}\" aria-pressed=\"true\" style=\"color:{{ICON_COLOR}}; transform:{{ICON_POSITION}};\"\u003e\u003cdiv class=\"swym-advanced-wishlist-collections-social-count\"\u003e{{SOCIAL_COUNT}}\u003c\/div\u003e\n\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M19.6706 5.4736C17.6806 3.8336 14.7206 4.1236 12.8906 5.9536L12.0006 6.8436L11.1106 5.9536C9.29063 4.1336 6.32064 3.8336 4.33064 5.4736C2.05064 7.3536 1.93063 10.7436 3.97063 12.7836L11.6406 20.4536C11.8406 20.6536 12.1506 20.6536 12.3506 20.4536L20.0206 12.7836C22.0706 10.7436 21.9506 7.3636 19.6706 5.4736Z\" stroke=\"{{ICON_COLOR}}\" stroke-width=\"{{ICON_WIDTH}}\" fill=\"{{ICON_COLOR}}\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e", 9310 ariaLabels: { 9311 viewWishlist: "ååã追å ãã¾ãããã¦ã£ãã·ã¥ãªã¹ããè¦ã", 9312 addToWishlist: "ã¦ã£ãã·ã¥ãªã¹ãã«è¿½å ", 9313 removeFromWishlist: "ã¦ã£ãã·ã¥ãªã¹ãããåé¤", 9314 wishlistAddedAnnouncement: " 人ããã®ååãã¦ã£ãã·ã¥ãªã¹ãã«è¿½å ãã¾ãã" 9315 }, 9316 socialCountEnabled: false, 9317 iconColor: "#B4975E", 9318 iconWidth: "1.5", 9319 iconPosition: "top-right", 9320 buttonWidth: 60, 9321 buttonHeight: 40, 9322 shouldCalculatePosition: true, 9323 socialCountCharWidth: 8, 9324 socialCountPadding: 5, 9325 variantSelectorEnabled: false, 9326 variantSelectorChooseCreateText: "Choose or Create new wishlist", 9327 variantSelectorCreateListPlaceholder: "Enter wish list name", 9328 variantSelectorCreateListTitle: "Name Your Wishlist", 9329 ProductUrlSelector: "a.product-item__image-link", 9330 AttachButtonSelector: ".product-item", 9331 isCollectionPage: false, 9332 disabledProductPaths: [] 9333 }; 9334 9335 // Theme selectors for automated button injection 9336 9337 9338 // Overwrite variant selector text strings with retailer settings once _swat is ready 9339 window.SwymCallbacks = window.SwymCallbacks || []; 9340 window.SwymCallbacks.push(function() { 9341 var s = (window._swat && window._swat.retailerSettings && window._swat.retailerSettings.Strings) || {}; 9342 var c = window.SwymAdvancedCollectionsWishlistConfig; 9343 if (s.CollectionsVariantSelectorChooseActionText) c.variantSelectorChooseCreateText = s.CollectionsVariantSelectorChooseActionText; 9344 if (s.CollectionsCreateListPlaceholder) c.variantSelectorCreateListPlaceholder = s.CollectionsCreateListPlaceholder; 9345 if (s.CollectionsCreateListTitle) c.variantSelectorCreateListTitle = s.CollectionsCreateListTitle; 9346 }); 9347</script>
9347 9348
9349<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/advanced-collections-wishlist.js" defer></script>
9349 9350 9351<style id="swym-advanced-wishlist-collections-styles"> 9352 .swym-advanced-wishlist-collections-container { position: absolute; top: 0; left: 0; padding: 10px; z-index: 5; cursor: pointer; width: 60px; height: 40px; } .swym-advanced-wishlist-collections, .swym-advanced-wishlist-collections svg { cursor: pointer; background: unset; border: unset; display: flex; align-items: center; flex-direction: row-reverse; gap: 5px; color: currentColor; min-width: 24px; min-height: 24px; } .swym-advanced-wishlist-collections svg path { stroke: currentColor; } .swym-advanced-wishlist-collections .swym-advanced-wishlist-collections-social-count { font-size: 14px; font-weight: 500; color: currentColor; } .swym-sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; width: 1px; overflow: hidden; white-space: nowrap; position: absolute; } 9353</style> 9354<!-- END app snippet --> 9355 9356 9357 9358 9359 9360 9361 9362</div>
9362<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9362 9363</body> 9364 <link 9365 rel="preload" 9366 fetchpriority="low" 9367 href="//sabon.co.jp/cdn/shop/t/70/assets/theme-deferred.css?v=122215965563597322171789623128" 9368 as="style" 9369 onload="this.onload=null;this.rel='stylesheet'" 9370 > 9371 <noscript><link rel="stylesheet" href="//sabon.co.jp/cdn/shop/t/70/assets/theme-deferred.css?v=122215965563597322171789623128"></noscript> 9372</html>
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.