1<!doctype html> 2<html class="no-js no-touch" lang="ja"> 3 <head> 4
4<script> 5 window.Store = window.Store || {}; 6 window.Store.id = 56021352609; 7 </script>
7 8 <meta charset="utf-8"> 9 <meta http-equiv="x-ua-compatible" content="IE=edge"> 10 <meta http-equiv="Content-Security-Policy" content="frame-ancestors 'self' *.system5.jp"> 11 12 <link rel="preconnect" href="https://cdn.shopify.com"> 13 <link rel="preconnect" href="https://fonts.shopifycdn.com"> 14 <link rel="preconnect" href="https://v.shopify.com"> 15 <link rel="preconnect" href="https://cdn.shopifycloud.com"> 16 17 <title>ã·ã§ããã³ã°ã«ã¼ã - æ¥åç¨æ®å½±ã»æ åã»é³é¿ã»ããã¼ã³å°éåº ã·ã¹ãã ãã¡ã¤ã</title> 18 19 20 21 22 23 24 <link rel="shortcut icon" href="//www.system5.jp/cdn/shop/files/fabicon_003c88_32x32.png?v=1624872537" type="image/png"> 25 26 27 28 29 30 31 32 <link rel="canonical" href="https://www.system5.jp/cart" /> 33 34 35 <meta name="viewport" content="width=device-width"> 36 <meta name="apple-itunes-app" content="app-id=1586924475"> 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55<meta property="og:site_name" content="ã·ã¹ãã ãã¡ã¤ã"> 56<meta property="og:url" content="https://www.system5.jp/cart"> 57<meta property="og:title" content="ã·ã§ããã³ã°ã«ã¼ã"> 58<meta property="og:type" content="website"> 59<meta property="og:description" content="ã·ã¹ãã ãã¡ã¤ãã¯ãããã¼ã³ãæ¥åç¨ãããªã«ã¡ã©ãããç¨æ åæ©å¨ã»æ®å½±æ©å¨ã®è²©å£²ããä¸å¤è²·åã»ä¿®çãæè¡ã»ããã¼ãªã©å¹ åºããµã¼ãã¹ãå±éãã¦ããå°éåºã§ãã"> 60 61 62 63 64 65 66 67 68 69 70 71 72 73 <meta 74 property="og:image" 75 content="https://www.system5.jp/cdn/shop/files/SNSshare_1200x628_8eb235f5-98e6-414f-954d-a2bf77eb8f62_1204x630.gif?v=1627263977" 76 /> 77 <meta 78 property="og:image:secure_url" 79 content="https://www.system5.jp/cdn/shop/files/SNSshare_1200x628_8eb235f5-98e6-414f-954d-a2bf77eb8f62_1204x630.gif?v=1627263977" 80 /> 81 <meta property="og:image:width" content="1204" /> 82 <meta property="og:image:height" content="630" /> 83 84 85 86 <meta property="og:image:alt" content="Social media image" /> 87 88 89 90 91 92 93 94 95 96 97 <meta name="twitter:site" content="@https://x.com/system5proshop"> 98 99 100 101 102 103 104 105 106<meta name="twitter:title" content="ã·ã§ããã³ã°ã«ã¼ã"> 107<meta name="twitter:description" content="ã·ã¹ãã ãã¡ã¤ãã¯ãããã¼ã³ãæ¥åç¨ãããªã«ã¡ã©ãããç¨æ åæ©å¨ã»æ®å½±æ©å¨ã®è²©å£²ããä¸å¤è²·åã»ä¿®çãæè¡ã»ããã¼ãªã©å¹ åºããµã¼ãã¹ãå±éãã¦ããå°éåºã§ãã"> 108 109 110 111 112 113 114 115 <meta name="twitter:card" content="summary_large_image"> 116 117 118 <meta 119 property="twitter:image" 120 content="https://www.system5.jp/cdn/shop/files/SNSshare_1200x628_8eb235f5-98e6-414f-954d-a2bf77eb8f62_1200x600_crop_center.gif?v=1627263977" 121 /> 122 <meta property="twitter:image:width" content="1200" /> 123 <meta property="twitter:image:height" content="600" /> 124 125 126 <meta property="twitter:image:alt" content="Social media image" /> 127 128 129 130 131 <link rel="preload" href="//www.system5.jp/cdn/fonts/libre_franklin/librefranklin_n6.c976b0b721ea92417572301ef17640150832a2b9.woff2" as="font" crossorigin="anonymous"> 132 <link rel="preload" as="style" href="//www.system5.jp/cdn/shop/t/20/assets/theme.css?v=83515554598036642421762228786"> 133 <link rel="preload" as="style" href="//www.system5.jp/cdn/shop/t/20/assets/custom.css?v=3825527368922062521787296688"> 134
134<script src="https://code.jquery.com/jquery-3.2.1.min.js" defer></script>
134 135 136
136<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
136<meta name="google-site-verification" content="a6cp3vPh1fbknkFmFLZC25FulYTEcJZfNMKJy4bJwtc"> 137<meta name="facebook-domain-verification" content="00bkyxxcb7nu0ah8m0i2d963y3xigb"> 138<meta name="facebook-domain-verification" content="0nxm8dw8xlpri5xq9dl0a32mr1jqvp"> 139<meta name="facebook-domain-verification" content="7gjrmsj9j1vucyus47yp38a59e921l"> 140<meta name="google-site-verification" content="rP0cEoSxphZFv3BbFGhqw99YLlgk7Mp0f8e20RS46oY"> 141<meta name="google-site-verification" content="a6cp3vPh1fbknkFmFLZC25FulYTEcJZfNMKJy4bJwtc"> 142<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56021352609/digital_wallets/dialog"> 143<meta id="in-context-paypal-metadata" data-shop-id="56021352609" data-venmo-supported="false" data-environment="production" data-locale="ja_JP" data-paypal-v4="true" data-currency="JPY"> 144<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.system5.jp/cart"> 145<link rel="alternate" hreflang="ja" href="https://www.system5.jp/cart"> 146<link rel="alternate" hreflang="en" href="https://www.system5.jp/en/cart">
147<script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP&default_configuration_id=11763873"></script>
vendor: 1 bytes, line 147
147
148<script id="shopify-features" type="application/json">{"accessToken":"e4c2b6de7935e65dbc61b337d7a79570","betas":["rich-media-storefront-analytics"],"domain":"www.system5.jp","predictiveSearch":false,"shopId":56021352609,"locale":"ja"}</script>
vendor: 1 bytes, line 148
148
149<script>var Shopify = Shopify || {}; 150Shopify.shop = "xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com"; 151Shopify.locale = "ja"; 152Shopify.currency = {"active":"JPY","rate":"1.0"}; 153Shopify.country = "JP"; 154Shopify.theme = {"name":"Empire 2.0 (æ¬çªç°å¢)","id":132409098401,"schema_name":"Empire","schema_version":"8.1.0","theme_store_id":838,"role":"main"}; 155Shopify.theme.handle = "null"; 156Shopify.theme.style = {"id":null,"handle":null}; 157Shopify.cdnHost = "www.system5.jp/cdn"; 158Shopify.routes = Shopify.routes || {}; 159Shopify.routes.root = "/"; 160Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 161Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 162Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 163Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 163
163
164<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 164
164
165<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 165
165
166<script> 167 window.Shopify = window.Shopify || {}; 168 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 169 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 170 window.Shopify.SignInWithShop.eligible = false; 171</script>
vendor: 1 bytes, line 171
171
172<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 172
172
173<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 173
173
174<script type="module"> 175 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js"); 176 177 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 178 179</script>
vendor: 1 bytes, line 179
179
180<script>(function() { 181 var isLoaded = false; 182 function asyncLoad() { 183 if (isLoaded) return; 184 isLoaded = true; 185 var urls = ["https:\/\/assets.smartwishlist.webmarked.net\/static\/v6\/smartwishlist.js?shop=xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com"]; 186 for (var i = 0; i < urls.length; i++) { 187 var s = document.createElement('script'); 188 s.type = 'text/javascript'; 189 s.async = true; 190 s.src = urls[i]; 191 var x = document.getElementsByTagName('script')[0]; 192 x.parentNode.insertBefore(s, x); 193 } 194 }; 195 if(window.attachEvent) { 196 window.attachEvent('onload', asyncLoad); 197 } else { 198 window.addEventListener('load', asyncLoad, false); 199 } 200})();</script>
vendor: 1 bytes, line 200
200
201<script id="__st">var __st={"a":56021352609,"offset":32400,"reqid":"5c77bd02-2b36-42f6-9980-e32b38509034-1790938313","pageurl":"www.system5.jp\/cart","u":"3d3ad11f1cba","p":"cart"};</script>
vendor: 1 bytes, line 201
201
202<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 202
202
203<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 203
203
204<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.system5.jp/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 204
204
205<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 = "//www.system5.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>
205<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 205
205
206<script> 207 window.Shopify = window.Shopify || {}; 208 window.Shopify.MCP = window.Shopify.MCP || {}; 209 window.Shopify.MCP.enabled = true; 210 window.Shopify.MCP.shop = "xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com"; 211 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.system5.jp\/api\/mcp"; 212 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"]}}]; 213</script>
vendor: 1 bytes, line 213
213
214<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("\/\/www.system5.jp\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 215</script>
vendor: 1 bytes, line 215
215
216<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://www.system5.jp/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js",t.type="module",document.head.appendChild(t)}}; 217</script>
vendor: 1 bytes, line 217
217
218<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 219 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); 220</script>
vendor: 1 bytes, line 220
220
221<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})}})); 222</script>
222 223<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.system5.jp/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 224<style id="shopify-accelerated-checkout-cart"> 225 #shopify-buyer-consent { 226 margin-top: 1em; 227 display: inline-block; 228 width: 100%; 229} 230 231#shopify-buyer-consent.hidden { 232 display: none; 233} 234 235#shopify-subscription-policy-button { 236 background: none; 237 border: none; 238 padding: 0; 239 text-decoration: underline; 240 font-size: inherit; 241 cursor: pointer; 242} 243 244#shopify-subscription-policy-button::before { 245 box-shadow: none; 246} 247 248 </style> 249
250<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
250 251 252 253
254<script> 255 window.BOLD = window.BOLD || {}; 256 window.BOLD.options = window.BOLD.options || {}; 257 window.BOLD.options.settings = window.BOLD.options.settings || {}; 258 window.BOLD.options.settings.v1_variant_mode = window.BOLD.options.settings.v1_variant_mode || true; 259 window.BOLD.options.settings.hybrid_fix_auto_insert_inputs = 260 window.BOLD.options.settings.hybrid_fix_auto_insert_inputs || true; 261</script>
vendor: 1 bytes, line 261
261
262<script>window.BOLD = window.BOLD || {}; 263 window.BOLD.common = window.BOLD.common || {}; 264 window.BOLD.common.Shopify = window.BOLD.common.Shopify || {}; 265 window.BOLD.common.Shopify.shop = { 266 domain: 'www.system5.jp', 267 permanent_domain: 'xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com', 268 url: 'https://www.system5.jp', 269 secure_url: 'https://www.system5.jp',money_format: "Â¥{{amount_no_decimals}}",currency: "JPY" 270 }; 271 window.BOLD.common.Shopify.customer = { 272 id: null, 273 tags: null, 274 }; 275 window.BOLD.common.Shopify.cart = {"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}; 276 window.BOLD.common.template = 'cart';window.BOLD.common.Shopify.formatMoney = function(money, format) { 277 function n(t, e) { 278 return "undefined" == typeof t ? e : t 279 } 280 function r(t, e, r, i) { 281 if (e = n(e, 2), 282 r = n(r, ","), 283 i = n(i, "."), 284 isNaN(t) || null == t) 285 return 0; 286 t = (t / 100).toFixed(e); 287 var o = t.split(".") 288 , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r) 289 , s = o[1] ? i + o[1] : ""; 290 return a + s 291 } 292 "string" == typeof money && (money = money.replace(".", "")); 293 var i = "" 294 , o = /\{\{\s*(\w+)\s*\}\}/ 295 , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}"; 296 switch (a.match(o)[1]) { 297 case "amount": 298 i = r(money, 2, ",", "."); 299 break; 300 case "amount_no_decimals": 301 i = r(money, 0, ",", "."); 302 break; 303 case "amount_with_comma_separator": 304 i = r(money, 2, ".", ","); 305 break; 306 case "amount_no_decimals_with_comma_separator": 307 i = r(money, 0, ".", ","); 308 break; 309 case "amount_with_space_separator": 310 i = r(money, 2, " ", ","); 311 break; 312 case "amount_no_decimals_with_space_separator": 313 i = r(money, 0, " ", ","); 314 break; 315 case "amount_with_apostrophe_separator": 316 i = r(money, 2, "'", "."); 317 break; 318 } 319 return a.replace(o, i); 320 }; 321 window.BOLD.common.Shopify.saveProduct = function (handle, product) { 322 if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') { 323 if (typeof product === 'number') { 324 window.BOLD.common.Shopify.handles[product] = handle; 325 product = { id: product }; 326 } 327 window.BOLD.common.Shopify.products[handle] = product; 328 } 329 }; 330 window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) { 331 if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') { 332 window.BOLD.common.Shopify.variants[variant_id] = variant; 333 } 334 };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {}; 335 window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {}; 336 window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.saveProduct(null, null);window.BOLD.apps_installed = {"Product Options":2} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};window.BOLD.common.cacheParams = window.BOLD.common.cacheParams || {}; 337</script>
vendor: 1 bytes, line 337
337
338<script> 339 window.BOLD.common.cacheParams.options = 1790920579; 340</script>
340 341<link href="//www.system5.jp/cdn/shop/t/20/assets/bold-options.css?v=94042118091337403121707191578" rel="stylesheet" type="text/css" media="all" />
342<script src="https://options.shopapps.site/js/options.js" type="text/javascript"></script>
342 343 344 345 346 347 <link href="//www.system5.jp/cdn/shop/t/20/assets/theme.css?v=83515554598036642421762228786" rel="stylesheet" type="text/css" media="all" /> 348 <link href="//www.system5.jp/cdn/shop/t/20/assets/custom.css?v=3825527368922062521787296688" rel="stylesheet" type="text/css" media="all" /> 349 350 351 352
352<script> 353 window.Theme = window.Theme || {}; 354 window.Theme.version = '8.1.0'; 355 window.Theme.name = 'Empire'; 356 window.Theme.routes = { 357 "root_url": "/", 358 "account_url": "/account", 359 "account_login_url": "/account/login", 360 "account_logout_url": "/account/logout", 361 "account_register_url": "/account/register", 362 "account_addresses_url": "/account/addresses", 363 "collections_url": "/collections", 364 "all_products_collection_url": "/collections/all", 365 "search_url": "/search", 366 "cart_url": "/cart", 367 "cart_add_url": "/cart/add", 368 "cart_change_url": "/cart/change", 369 "cart_clear_url": "/cart/clear", 370 "product_recommendations_url": "/recommendations/products", 371 }; 372 </script>
372 373 374 375 376
376<script src="https://kit.fontawesome.com/e83d073a60.js" crossorigin="anonymous"></script>
376 377
377<script> 378 (function(){ 379 var _CIDN = "cid"; 380 var _PLIDN = "gclid"; 381 var _PMTN = "p"; 382 var _LPTU = "./"; 383 var _param = location.search.substring(1).split("&"); 384 var _ulp = "", _ulcid = "", _ulplid = ""; 385 for(var i = 0; _param[i]; i++){ var kv = _param[i].split("="); if(kv[0] == _PMTN && kv[1].length > 1){ _ulp = kv[1]; } if(kv[0] == _CIDN && kv[1].length > 1){ _ulcid = kv[1]; } if(kv[0] == _PLIDN && kv[1].length > 1){ _ulplid = kv[1]; }} 386 if(_ulp){ _LPTU += "lptag.php?p=" + _ulp; if(_ulcid){ _LPTU += "&cid=" + _ulcid; localStorage.setItem("CL_" + _ulp, _ulcid); } if(_ulplid){ _LPTU += "&plid=" + _ulplid; localStorage.setItem("PL_" + _ulp, _ulplid); } if(_ulcid || _ulplid){ _xhr = new XMLHttpRequest(); _xhr.open("GET", _LPTU); _xhr.onreadystatechange = function(){ if(_xhr.readyState === 4 && _xhr.status !== 200){ if(_ulcid){ document.cookie = "CL_" + _ulp + "=" + decodeURIComponent(_ulcid) + "; expires=" + new Date(new Date().getTime() + (63072000000)).toUTCString() + "; path=/;"; document.cookie = "ACT_" + _ulp + "=js; expires=" + new Date(new Date().getTime() + (63072000000)).toUTCString() + "; path=/;"; } if(_ulplid){ document.cookie = "PL_" + _ulp + "=" + decodeURIComponent(_ulplid) + "; expires=" + new Date(new Date().getTime() + (63072000000)).toUTCString() + "; path=/;"; document.cookie = "APT_" + _ulp + "=js; expires=" + new Date(new Date().getTime() + (63072000000)).toUTCString() + "; path=/;"; }}}; _xhr.send(); }}}()); 387 </script>
387 388 389
389<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
389 390
390<script src="//www.system5.jp/cdn/shop/t/20/assets/jquery-barcode.min.js?v=122272846077442985401683705533" type="text/javascript"></script>
390 391 392
392<script src="//www.system5.jp/cdn/shop/t/20/assets/exif.js?v=93368349351607313281689736402" type="text/javascript"></script>
392 393
393<script src="https://unpkg.com/dayjs"></script>
393 394
394<script src="https://unpkg.com/[email protected]/locale/ja.js"></script>
394 395 396 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"> 397
397<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
397 398
398<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/ja.min.js"></script>
398 399
399<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
399 400 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"> 401 <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.css" rel="stylesheet"> 402
402<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js" type="text/javascript"></script>
402 403
403<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.1/lazysizes.min.js" type="text/javascript"></script>
403 404 405
405<script> 406 lightbox.option({ 407 'showImageNumberLabel': false, 408 'wrapAround': false, 409 'disableScrolling': true 410 }); 411 </script>
411 412 <!--begin-boost-pfs-filter-css--> 413 <link rel="preload stylesheet" href="//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-instant-search.css?v=135888004614027609161683705531" as="style"><link href="//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-custom.css?v=146527860671873291431683769159" rel="stylesheet" type="text/css" media="all" /> 414<style data-id="boost-pfs-style"> 415 .boost-pfs-filter-option-title-text {} 416 417 .boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before {} 418 .boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:before {} 419 .boost-pfs-filter-tree-h .boost-pfs-filter-option-title-heading:before {} 420 421 .boost-pfs-filter-refine-by .boost-pfs-filter-option-title h3 {} 422 423 .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list .boost-pfs-filter-option-item button, 424 .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list .boost-pfs-filter-option-item .boost-pfs-filter-button, 425 .boost-pfs-filter-option-range-amount input, 426 .boost-pfs-filter-tree-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item, 427 .boost-pfs-filter-refine-by-wrapper-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item, 428 .boost-pfs-filter-refine-by .boost-pfs-filter-option-title, 429 .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item>a, 430 .boost-pfs-filter-refine-by>span, 431 .boost-pfs-filter-clear, 432 .boost-pfs-filter-clear-all{} 433 .boost-pfs-filter-tree-h .boost-pfs-filter-pc .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear .refine-by-type, 434 .boost-pfs-filter-refine-by-wrapper-h .boost-pfs-filter-pc .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear .refine-by-type {} 435 436 .boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow .boost-pfs-arrow:before, 437 .boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow .boost-pfs-arrow:before {} 438 439 .boost-pfs-filter-refine-by-wrapper-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after, 440 .boost-pfs-filter-refine-by-wrapper-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before, 441 .boost-pfs-filter-tree-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after, 442 .boost-pfs-filter-tree-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before, 443 .boost-pfs-filter-refine-by-wrapper-h .boost-pfs-filter-pc .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after, 444 .boost-pfs-filter-refine-by-wrapper-h .boost-pfs-filter-pc .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before, 445 .boost-pfs-filter-tree-h .boost-pfs-filter-pc .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after, 446 .boost-pfs-filter-tree-h .boost-pfs-filter-pc .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before {} 447 .boost-pfs-filter-option-range-slider .noUi-value-horizontal {} 448 449 .boost-pfs-filter-tree-mobile-button button, 450 .boost-pfs-filter-top-sorting-mobile button {} 451 .boost-pfs-filter-top-sorting-mobile button>span:after {} 452 </style> 453 454 <!--end-boost-pfs-filter-css--> 455 456 457<style> 458 .ga-products-box .badge--zaikoari,.ga-products-box .badge--toriyose { 459 font-style: normal; 460 font-weight: 700; 461 padding: 0.25rem 0.3125rem !important; 462 text-decoration: none; 463 vertical-align: middle; 464} 465 .ga-carousel_wrapper span.ga-product_price { 466 font-size: 22px !important; 467} 468 .ga-carousel_wrapper span.ga-product_price-container { 469 margin-top: 0.25rem !important; 470} 471 .ga-carousel_wrapper .productitem--vendor { 472 width: 100% !important; 473 clear: both; 474 display: block; 475} 476 .ga-product_title:hover, .productitem--vendor:hover a{ 477 color: #003c88 !important; 478} 479 @media screen and (min-width: 860px){ 480 .ga-carousel_wrapper .productitem { 481 padding: 1rem !important; 482 } 483 } 484 @media screen and (max-width: 859px){ 485 .ga-carousel_wrapper .productitem { 486 padding: .6875rem !important; 487 } 488 } 489</style>
490<script id="globoRelatedProductsTemplate" type="template/html"> 491 {% if box.template.id == 1 or box.template.id == '1' %} 492 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_1 ga-products-box ga-template_themeid_838"> 493 {% if box.title and box.title.text and box.title.text != '' %}<h2 class="ga-title section-title "><span>{{box.title.text}}</span></h2>{% endif %} 494 {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %}<div class="ga-subtitle">{{box.subtitle.text}}</div>{% endif %} 495 <div class="ga-products"> 496 <div class="ga-carousel_wrapper"> 497 <ul class="ga-carousel gowl-carousel" data-products-count="{{products.size}}"> 498 {% for product in products %} 499 {% assign first_available_variant = false %} 500 {% for variant in product.variants %} 501 {% if first_available_variant == false and variant.available %}{% assign first_available_variant = variant %}{% endif %} 502 {% endfor %} 503 {% if first_available_variant == false %}{% assign first_available_variant = product.variants[0] %}{% endif %} 504 {% assign featured_image1 = '' %} 505 {% if product.images[0] %} 506 {% assign featured_image = product.images[0] | img_url: '350x' %} 507 {% if product.images[1] %} 508 {% assign featured_image1 = product.images[1] | img_url: '350x' %} 509 {% endif %} 510 {% else %} 511 {% assign featured_image = 'https://file.system5.jp/uploads/icon/boost-pfs-no-image.gif' %} 512 {% endif %} 513 <li class="ga-product" data-product-id="{{product.id}}"> 514 <div class="productitem"> 515 <a{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}"> 516 {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} 517 <span class="ga-label ga-label_sale">{{translation.sale}}</span> 518 {% endif %} 519 {% unless product.available %} 520 <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> 521 {% endunless %} 522 <figure class="productitem--image"> 523 <img class="productitem--image-primary" src="{{featured_image}}" alt="" /> 524 {% if featured_image1 != '' %} 525 <img class="productitem--image-alternate" src="{{featured_image1}}" alt="" /> 526 {% endif %} 527 {% unless product.type == 'è²·åä¾¡æ ¼' %} 528 {% if first_available_variant and first_available_variant.available %} 529 {% if first_available_variant.inventory_quantity > 0 %} 530 <span class="productitem--badge badge--zaikoari">å¨åº«ãã</span> 531 {% else %} 532 <span class="productitem--badge badge--toriyose">ãåãå¯ã</span> 533 {% endif %} 534 {% endif %} 535 {% endunless %} 536 </figure> 537 538 </a> 539 {% if box.template.elements contains 'price' %} 540 <span class="ga-product_price-container"> 541 {% if first_available_variant.compare_at_price > first_available_variant.price %} 542 <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> 543 {% endif %} 544 <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %}has_compare_at_price{% endif %}">{{first_available_variant.price | money}}</span> 545 546 </span> 547 {% endif %} 548 <a class="ga-product_title "{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}">{{product.title}}</a> 549 {% assign variants_size = product.variants | size %} 550 <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> 551 <select class="ga-product_variant_select {% if variants_size == 1 %}
551ga-hide{% endif %}"> 552 {% for variant in product.variants %} 553 <option{% if first_available_variant.id == variant.id %} selected{% endif %}{% unless variant.available %} disabled{% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}}{% unless variant.available %} - {{translation.sold_out}}{% endunless %}</option> 554 {% endfor %} 555 </select> 556 </div> 557 558 <span class="productitem--vendor"> 559 <a href="/collections/{{ product.vendor }}" title="{{ product.vendor}}">{{ product.vendor }}</a> 560 </span> 561 <div class="productitem_star5_rating"> 562 {% if product.custom_fields.review_average %} 563 <span class="product_list_star5_rating" data-rate="{{ product.custom_fields.review_average }}"></span> 564 <span class="review_average">({{ product.custom_fields.number_of_review }})</span> 565 {% endif %} 566 </div> 567 {% if box.template.elements contains 'addToCartBtn' %} 568 <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> 569 {% endif %} 570 </div> 571 </li> 572 {% endfor %} 573 </ul> 574 </div> 575 </div> 576 </div> 577 {% elsif box.template.id == 2 or box.template.id == '2' %} 578 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_2 ga-products-box ga-template_themeid_838"> 579 {% if box.title and box.title.text and box.title.text != '' %}<h2 class="ga-title section-title "><span>{{box.title.text}}</span></h2>{% endif %} 580 {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %}<div class="ga-subtitle">{{box.subtitle.text}}</div>{% endif %} 581 {% assign total_price = 0 %} 582 <div class="ga-products"> 583 <div class="ga-products_image"> 584 {% for product in products %} 585 {% assign first_available_variant = false %} 586 {% for variant in product.variants %} 587 {% if first_available_variant == false and variant.available %}{% assign first_available_variant = variant %}{% endif %} 588 {% endfor %} 589 {% if first_available_variant == false %}{% assign first_available_variant = product.variants[0] %}{% endif %} 590 {% if first_available_variant.available and box.template.selected %} 591 {% assign total_price = total_price | plus: first_available_variant.price %} 592 {% endif %} 593 {% if product.images[0] %} 594 {% assign featured_image = product.images[0] | img_url: '350x' %} 595 {% else %} 596 {% assign featured_image = no_image_url | img_url: '350x' %} 597 {% endif %} 598 <div id="ga-product_{{product.id}}" class="ga-product {% if forloop.last %}last{% endif %}"> 599 600 <a{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}"> 601 {% unless product.available %} 602 <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> 603 {% endunless %} 604 <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> 605 </a> 606 </div> 607 {% endfor %} 608 <div class="ga-product-form {% unless total_price > 0 %}ga-hide{% endunless %}"> 609 {% if box.template.elements contains 'price' %} 610 <div>{{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span></div> 611 {% endif %} 612 {% if box.template.elements contains 'addToCartBtn' %} 613 <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> 614 {% endif %} 615 </div> 616 </div> 617 </div> 618 <ul class="ga-products-input"> 619 {% for product in products %} 620 {% assign first_available_variant = false %} 621 {% for variant in product.variants %} 622 {% if first_available_variant == false and variant.available %}{% assign first_available_variant = variant %}{% endif %} 623 {% endfor %} 624 {% if first_available_variant == false %}{% assign first_available_variant = product.variants[0] %}{% endif %} 625 {% if product.images[0] %} 626 {% assign featured_image = product.images[0] | img_url: '350x' %} 627 {% else %} 628 {% assign featured_image = no_image_url | img_url: '350x' %} 629 {% endif %} 630 <li class="ga-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> 631 <input {% unless product.available %}disabled{% endunless %} class="selectedItem"{% if box.template.selected and product.available == true %} checked{% endif %} type="checkbox" value="{{product.id}}"/> 632 <a class="ga-product_title"{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}">{% if product.id == cur_product_id %}<strong>{{translation.this_item}} </strong>{% endif %}{{product.title}}{% unless product.available %} - {{translation.sold_out}}{% endunless %}</a> 633 {% assign variants_size = product.variants | size %} 634 <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> 635 <select {% unless product.available %}disabled{% endunless %} class="ga-product_variant_select {% if variants_size == 1 %}
635ga-hide{% endif %}"> 636 {% for variant in product.variants %} 637 <option{% if first_available_variant.id == variant.id %} selected{% endif %}{% unless variant.available %} disabled{% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}}{% unless variant.available %} - {{translation.sold_out}}{% endunless %}</option> 638 {% endfor %} 639 </select> 640 </div> 641 {% if box.template.elements contains 'price' %} 642 <span class="ga-product_price-container"> 643 <span class="ga-product_price money">{{first_available_variant.price | money}}</span> 644 {% if first_available_variant.compare_at_price > first_available_variant.price %} 645 <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> 646 {% endif %} 647 </span> 648 {% endif %} 649 </li> 650 {% endfor %} 651 </ul> 652 </div> 653 {% elsif box.template.id == 3 or box.template.id == '3' %} 654 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_3 ga-products-box ga-template_themeid_838"> 655 {% if box.title and box.title.text and box.title.text != '' %}<h2 class="ga-title section-title "><span>{{box.title.text}}</span></h2>{% endif %} 656 {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %}<div class="ga-subtitle">{{box.subtitle.text}}</div>{% endif %} 657 {% assign total_price = 0 %} 658 <div class="ga-products"> 659 <ul class="ga-products-table"> 660 {% for product in products %} 661 {% assign first_available_variant = false %} 662 {% for variant in product.variants %} 663 {% if first_available_variant == false and variant.available %}{% assign first_available_variant = variant %}{% endif %} 664 {% endfor %} 665 {% if first_available_variant == false %}{% assign first_available_variant = product.variants[0] %}{% endif %} 666 {% if first_available_variant.available and box.template.selected %} 667 {% assign total_price = total_price | plus: first_available_variant.price %} 668 {% endif %} 669 {% if product.images[0] %} 670 {% assign featured_image = product.images[0] | img_url: '100x' %} 671 {% else %} 672 {% assign featured_image = no_image_url | img_url: '100x' %} 673 {% endif %} 674 <li class="ga-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> 675 <div class="product_main"> 676 <input {% unless product.available %}disabled{% endunless %} class="selectedItem"{% if box.template.selected and product.available == true %} checked{% endif %} type="checkbox" value=""/> 677 <a{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}" class="ga-products_image"> 678 {% unless product.available %} 679 <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> 680 {% endunless %} 681 <span> 682 <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> 683 </span> 684 </a> 685 <div> 686 <a class="ga-product_title"{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}">{% if product.id == cur_product_id %}<strong>{{translation.this_item}} </strong>{% endif %}{{product.title}}{% unless product.available %} - {{translation.sold_out}}{% endunless %}</a> 687 </div> 688 </div> 689 {% assign variants_size = product.variants | size %} 690 <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> 691 <select {% unless product.available %}disabled{% endunless %} class="ga-product_variant_select {% if variants_size == 1 %}
691ga-hide{% endif %}"> 692 {% for variant in product.variants %} 693 <option{% if first_available_variant.id == variant.id %} selected{% endif %}{% unless variant.available %} disabled{% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}}{% unless variant.available %} - {{translation.sold_out}}{% endunless %}</option> 694 {% endfor %} 695 </select> 696 </div> 697 {% if box.template.elements contains 'price' %} 698 <span class="ga-product_price-container"> 699 <span class="ga-product_price money">{{first_available_variant.price | money}}</span> 700 {% if first_available_variant.compare_at_price > first_available_variant.price %} 701 <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> 702 {% endif %} 703 </span> 704 {% endif %} 705 </li> 706 {% endfor %} 707 </ul> 708 <div class="ga-product-form{% unless box.template.selected or total_price > 0 %} ga-hide{% endunless %}"> 709 {% if box.template.elements contains 'price' %} 710 <div>{{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span></div> 711 {% endif %} 712 {% if box.template.elements contains 'addToCartBtn' %} 713 <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> 714 {% endif %} 715 </div> 716 </div> 717 </div> 718 {% endif %} 719</script>
719 720 721 722 723 724 <!-- Twitter conversion tracking base code --> 725
725<script> 726 !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); 727 },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', 728 a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); 729 twq('config','o0yu9'); 730 twq('config','phc4o'); 731 </script>
731 732 <!-- End Twitter conversion tracking base code --> 733 <!-- BEGIN app block: shopify://apps/tipo-related-products/blocks/app-embed/75cf2d86-3988-45e7-8f28-ada23c99704f -->
733<script type="text/javascript"> 734 735 736 737 var Globo = Globo || {}; 738 window.Globo.RelatedProducts = window.Globo.RelatedProducts || {}; window.moneyFormat = "Â¥{{amount_no_decimals}}"; window.shopCurrency = "JPY"; 739 window.globoRelatedProductsConfig = { 740 __webpack_public_path__ : "https://cdn.shopify.com/extensions/019c4af9-ea76-7430-ac1b-d9165b0e597c/globo-also-bought-cross-sell-127/assets/", apiUrl: "https://related-products.globo.io/api", alternateApiUrl: "https://related-products.globo.io", 741 shop: "xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com", domain: "www.system5.jp",themeOs20: true, page: 'cart', 742 customer:null, 743 urls: { search: "\/search", collection: "\/collections" }, 744 translation: {"add_to_cart":"Add to cart","added_to_cart":"Added to cart","add_to_cart_short":"ADD","added_to_cart_short":"ADDED","add_selected_to_cart":"Add selected to cart","added_selected_to_cart":"Added selected to cart","sale":"ã»ã¼ã«","total_price":"Total price:","this_item":"This item:","sold_out":"Sold out"}, 745 settings: {"hidewatermark":false,"copyright":null,"redirect":false,"new_tab":false,"image_ratio":"400:500","hidden_tags":"OPTIONS_HIDDEN_PRODUCT\nBOLD_HIDDEN_PRODUCT\nHIDDEN_PRODUCT\nãªã¼ã¯ã·ã§ã³\nmembers_only\nOPTIONS_HIDDEN_PRODUCTS\nBOLD_HIDDEN_PRODUCTS","exclude_tags":"OPTIONS_HIDDEN_PRODUCT\nBOLD_HIDDEN_PRODUCT\nHIDDEN_PRODUCT\nãªã¼ã¯ã·ã§ã³\nmembers_only\nOPTIONS_HIDDEN_PRODUCTS\nBOLD_HIDDEN_PRODUCTS","hidden_collections":[],"carousel_autoplay":false,"carousel_disable_in_mobile":false,"carousel_items":"5","hideprice":false,"discount":{"enable":false,"condition":"any","type":"percentage","value":10},"sold_out":false,"carousel_loop":false,"carousel_rtl":false,"visible_tags":null}, 746 boughtTogetherIds: {}, 747 trendingProducts: [6747972305057,6748780626081,6748460810401,14691157672306,15098378027378,15187490079090,14637011861874,14770233901426,6748028010657,15218486673778,6748811559073,6747328413857,6748028862625,6748040593569,6747792769185,6748426272929,15116243108210,8136342995105,8136343060641,7592014512289,14628732469618,7592014479521,15180788629874,6748122415265,6747421606049,7649477492897,14731278745970,6748827025569,7763992248481,6748410937505,6748817621153,7311688630433,6748811526305,14770233966962,7124697546913,15198985519474,6748781248673,7864725864609,15063976673650,6748781084833,6748796551329,6748683075745,6885411553441,6747310719137,6747310981281,6747654127777,6747349188769,15198462411122,15083820089714,15083820188018], 748 productBoughtTogether: {"type":"product_bought_together","enable":false,"title":{"text":"Frequently Bought Together","color":"#4c4c4c","fontSize":"25","align":"left","trans":{"ja":"","en":""}},"subtitle":{"text":"","color":"#4c5154","fontSize":"18","trans":{"ja":"","en":""}},"limit":"8","maxWidth":"1170","conditions":[{"id":"bought_together","status":1},{"id":"manual","status":1},{"id":"vendor","type":"same","status":1},{"id":"type","type":"same","status":1},{"id":"collection","type":"same","status":1},{"id":"tags","type":"same","status":1},{"id":"global","status":1}],"template":{"id":"2","elements":["price","addToCartBtn","variantSelector","saleLabel"],"productTitle":{"fontSize":"15","color":"#003c88"},"productPrice":{"fontSize":"14","color":"#1c1d1d"},"productOldPrice":{"fontSize":16,"color":"#1c1d1d"},"button":{"fontSize":"14","color":"#ffffff","backgroundColor":"#003c88"},"saleLabel":{"color":"#ffffff","backgroundColor":"#d16032"},"this_item":true,"selected":true},"random":false,"discount":true}, 749 productRelated: {"type":"product_related","enable":true,"title":{"text":"{{product.title | escape}}ãè¦ãããªãã«ããããã®åå","color":"#4c4c4c","fontSize":"20","align":"left","trans":{"ja":"{{product.title | escape}}ãè¦ãããªãã«ããããã®åå","en":"Recommended products for those who have seen {{product.title | escape}}"}},"subtitle":{"text":null,"color":"#4c5154","fontSize":"14","trans":{"ja":null,"en":null}},"limit":20,"maxWidth":"1170","conditions":[{"id":"manual","status":1},{"id":"bought_together","status":1},{"id":"type","type":"same","status":0},{"id":"vendor","type":"same","status":0},{"id":"collection","type":"same","status":0},{"id":"tags","type":"same","status":1},{"id":"global","status":1}],"template":{"id":"1","elements":["price","saleLabel","customCarousel"],"productTitle":{"fontSize":"14","color":"#4c5154"},"productPrice":{"fontSize":"14","color":"#003c88"}
749,"productOldPrice":{"fontSize":"14","color":"#1c1d1d"},"button":{"fontSize":"14","color":"#ffffff","backgroundColor":"#003c88"},"saleLabel":{"color":"#ffffff","backgroundColor":"#f23d7c"},"this_item":false,"selected":false,"customCarousel":{"large":"5","small":5,"tablet":4,"mobile":"2"}},"random":false,"discount":false}, 750 cart: {"type":"cart","enable":true,"title":{"text":"ããããåå","color":"#4c4c4c","fontSize":"20","align":"left","trans":{"ja":"ããããåå","en":"Featured Products"}},"subtitle":{"text":null,"color":"#4c5154","fontSize":"14","trans":{"ja":"","en":""}},"limit":20,"maxWidth":"1170","conditions":[{"id":"manual","status":1},{"id":"bought_together","status":1},{"id":"tags","type":"same","status":1},{"id":"global","status":1}],"template":{"id":"1","elements":["price","saleLabel","customCarousel"],"productTitle":{"fontSize":"14","color":"#4c5154"},"productPrice":{"fontSize":"14","color":"#003c88"},"productOldPrice":{"fontSize":"14","color":"#1c1d1d"},"button":{"fontSize":"14","color":"#ffffff","backgroundColor":"#003c88"},"saleLabel":{"color":"#ffffff","backgroundColor":"#f23d7c"},"this_item":true,"selected":true,"customCarousel":{"large":5,"small":5,"tablet":4}},"random":false,"discount":false}, 751 basis_collection_handle: 'globo_basis_collection', 752 widgets: [], 753 offers: [], 754 view_name: 'globo.alsobought', cart_properties_name: '_bundle', upsell_properties_name: '_upsell_bundle', 755 discounted_ids: [],discount_min_amount: 0,offerdiscounted_ids: [],offerdiscount_min_amount: 0,data: { ids: [],handles: [], vendors: [], types: [], tags: [], collections: [] },cartdata:{ ids: [],handles: [], vendors: [], types: [], tags: [], collections: [] },upselldatas:{},cartitems:[],cartitemhandles: [],manualCollectionsDatas: {},layouts: [], 756 no_image_url: "https://cdn.shopify.com/s/images/admin/no-image-large.gif", 757 manualRecommendations:[], manualVendors:[], manualTags:[], manualProductTypes:[], manualCollections:[], 758 app_version : 2, 759 collection_handle: "", curPlan : "PROFESSIONAL" , 760 }; globoRelatedProductsConfig.settings.hidewatermark= true; 761 globoRelatedProductsConfig.manualTags = []; globoRelatedProductsConfig.data.types = []; 762</script>
762 763<style> 764 765</style>
766<script> 767 document.addEventListener('DOMContentLoaded', function () { 768 document.querySelectorAll('[class*=globo_widget_]').forEach(function (el) { 769 if (el.clientWidth < 600) { 770 el.classList.add('globo_widget_mobile'); 771 } 772 }); 773 }); 774</script>
774 775 776<!-- BEGIN app snippet: globo-alsobought-style --> 777<style> 778 .ga-products-box .ga-product_image:after{padding-top:100%;} 779 @media only screen and (max-width:749px){.return-link-wrapper{margin-bottom:0 !important;}} 780 781 782 783 784 785 786 .ga-products-box .ga-product_image:after{padding-top:125.0%;} 787 788 789 790 791 792 793 794 795 796 797 798 #ga-cart{max-width:1170px;margin:15px auto;} #ga-cart h2{color:#4c4c4c;font-size:20px;text-align:left;} #ga-cart .ga-subtitle{color:#4c5154;font-size:14px;text-align:left;} #ga-cart .ga-product_title, #ga-cart select.ga-product_variant_select{color:#4c5154;font-size:14px;} #ga-cart span.ga-product_price{color:#003c88;font-size:14px;} #ga-cart .ga-product_oldprice{color:#1c1d1d;font-size:14px;} #ga-cart button.ga-product_addtocart, #ga-cart button.ga-addalltocart{color:#ffffff;background-color:#003c88;font-size:14px;} #ga-cart .ga-label_sale{color:#ffffff;background-color:#f23d7c;} 799 </style> 800<!-- END app snippet --><!-- BEGIN app snippet: globo-alsobought-template -->
801<script id="globoRelatedProductsTemplate2" type="template/html"> 802 {% if box.template.id == 1 or box.template.id == '1' %} 803 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_1 ga-products-box ga-template_themeid_{{ theme_store_id }}"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} <div class="ga-products"> <div class="ga-carousel_wrapper"> <div class="ga-carousel gowl-carousel" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <div class="ga-product" data-product-id="{{product.id}}"> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> {% endif %} {% endif %} </div> {% endfor %} </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;">{% if settings.copyright !='' %}{{ settings.copyright }}{%- endif -%}</p>{%- endunless -%} </div> </div> 804 {% elsif box.template.id == 2 or box.template.id == '2' %} 805 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_2 ga-products-box "> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title "> <span>{{box.title.text}}</span> </h2>
805 {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} {% assign total_sale_price = 0 %} <div class="ga-products"> <div class="ga-products_image"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% if first_available_variant.compare_at_price > first_available_variant.price %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.compare_at_price %} {% else %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.price %} {% endif %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <div class="ga-product {% if forloop.last %}last{% endif %}" id="ga-product_{{product.id}}"> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> </a> </div> {% endfor %} {% if settings.setHideprice %} {% else %} <div class="ga-product-form {% unless total_price > 0 %}ga-hide{% endunless %}"> {% if box.template.elements contains 'price' %} <div> {{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span> <span class="ga-product_oldprice ga-product_total_sale_price money {% if total_price >= total_sale_price %} ga-hide {% endif %}">{{ total_sale_price | money}}</span> </div> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> {% endif %} </div> {% endif %} </div> </div> <ul class="ga-products-input"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> <input {% unless product.available %} disabled {% endunless %} class="selectedItem" {% if box.template.selected and product.available == true %} checked {% endif %} type="checkbox" value="{{product.id}}"/> <a class="ga-product_title" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if product.id == cur_product_id %} <strong>{{translation.this_item}} </strong> {% endif %} {{product.title}} {% unless product.available %} - {{translation.sold_out}} {% endunless %} </a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select {% unless product.available %} disabled {% endunless %} aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </li> {% endfor %} </ul> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> 806 {% elsif box.template.id == 3 or box.template.id == '3' %} 807 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_3 ga-products-box "> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title "> <span>{{box.title.text}}</span> </h2>
807 {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} {% assign total_sale_price = 0 %} <div class="ga-products"> <ul class="ga-products-table"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% if first_available_variant.compare_at_price > first_available_variant.price %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.compare_at_price %} {% else %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.price %} {% endif %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '100x' %} {% else %} {% assign featured_image = no_image_url | img_url: '100x' %} {% endif %} <li class="ga-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> <div class="product_main"> <input {% unless product.available %} disabled {% endunless %} class="selectedItem" {% if box.template.selected and product.available == true %} checked {% endif %} type="checkbox" value=""/> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}" class="ga-products_image"> {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <span> <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> </span> </a> <div> <a class="ga-product_title" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if product.id == cur_product_id %} <strong>{{translation.this_item}} </strong> {% endif %} {{product.title}} {% unless product.available %} - {{translation.sold_out}} {% endunless %} </a> </div> </div> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select {% unless product.available %} disabled {% endunless %} aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </li> {% endfor %} </ul> {% if settings.setHideprice %} {% else %} <div class="ga-product-form{% unless box.template.selected or total_price > 0 %} ga-hide{% endunless %}"> {% if box.template.elements contains 'price' %} <div>{{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span> <span class="ga-product_oldprice ga-product_total_sale_price money {% if total_price >= total_sale_price %} ga-hide {% endif %}">{{ total_sale_price | money}}</span> </div> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> {% endif %} </div> {% endif %} </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> 808 {% elsif box.template.id == 4 or box.template.id == '4' %} 809 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_4 ga-products-box"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2>
809 {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} <div class="ga-products"> <div class="ga-products_wrapper"> <ul class="ga-related-products" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product" data-product-id="{{product.id}}"> <div class="ga-product-wp"> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </div> </li> {% endfor %} </ul> {% if settings.setHideprice %} {% else %} <div class="ga-product-form{% unless box.template.selected or total_price > 0 %} ga-hide{% endunless %}"> {% if box.template.elements contains 'price' %} <div class="ga-total-box">{{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span> </div> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> {% endif %} </div> {% endif %} </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> 810 {% elsif box.template.id == 5 or box.template.id == '5' %} 811 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_5 ga-products-box"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2>
811 {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} <div class="ga-products"> <div class="ga-products_wrapper"> <ul class="ga-related-vertical" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product" data-product-id="{{product.id}}"> <a class="ga-product-image-wp" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <div class="ga-related-vertical-content"> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'addToCartBtn' %} <div class="ga-product_addtocart_wp"> <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> </div> {% endif %} {% endif %} </li> {% endfor %} </ul> </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> 812 {% elsif box.template.id == 6 or box.template.id == '6' %} 813 <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_6 ga-products-box"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2>
813 {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} <div class="ga-products"> <div class="ga-carousel_wrapper"> <div class="ga-carousel gowl-carousel" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <div class="ga-product" data-product-id="{{product.id}}"> <a class="ga-product-image-wp" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <div class="ga-related-vertical-content"> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> {% endif %} {% endif %} </div> </div> {% endfor %} </div> </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> 814 {% endif %} 815</script>
815 816 817
818<script id="globoUpsellProductsTemplate2" type="template/html"> 819 {% if box.type == 'thankyou' %} 820 <div class="ga_offer_{{box.id}} ga_up_{{box.type}} ga-arrow-top ga-products-upsell-box ga-cartdraw_products-upsell-box" id="{{box.id}}" > <div class="ga-thankyou-headbox"> <h2 class="ga-title">{{box.title.text}}</h2> {% if box.subtitle %}<div class="ga-subtitle">{{box.subtitle.text}}</div>{% endif %} </div> <div class="ga-upsell-products"> <div class="ga-carousel_wrapper"> <ul class="ga-carousel gowl-carousel" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %}{% assign first_available_variant = variant %}{% endif %} {% endfor %} {% if first_available_variant == false %}{% assign first_available_variant = product.variants[0] %}{% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product ga-upsell-product" data-product-id="{{product.id}}"> <a{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"></div> </a> <a class="ga-product_title"{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option{% if first_available_variant.id == variant.id %} selected{% endif %}{% unless variant.available %} disabled{% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}}{% unless variant.available %} - {{translation.sold_out}}{% endunless %}</option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> {% endif %} {% endif %} </li> {% endfor %} </ul> </div> </div> 821 {% elsif box.type == 'in_cart' %} 822 <div class="ga_offer_{{box.id}} ga_up_{{box.type}} ga-arrow-top ga-products-upsell-box" id="{{box.id}}" > {% if box.title and box.title.text and box.title.text != '' %}<h2 class="ga-title">{{box.title.text}}</h2>{% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text !='' %}<div class="ga-subtitle">{{box.subtitle.text}}</div>{% endif %} <div class="ga-upsell-products"> <ul> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %}{% assign first_available_variant = variant %}{% endif %} {% endfor %} {% if first_available_variant == false %}{% assign first_available_variant = product.variants[0] %}{% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '100x' %} {% else %} {% assign featured_image = no_image_url | img_url: '100x' %} {% endif %} <li class="ga-upsell-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> <div class="product_main"> <a{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}" class="ga-products_image"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <span> <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> </span> </a> </div> <div class="ga-upsell-product-data"> <div class="ga_upsell_cart_baseinfo"> <a class="ga-product_title"{% if settings.new_tab %} target="_blank"{% endif %} href="/products/{{product.handle}}">{% if product.id == cur_product_id %}<strong>{{translation.this_item}} </strong>{% endif %}{{product.title}}{% unless product.available %} - {{translation.sold_out}}{% endunless %}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %} {% if variants_size == 1 %}
822ga-hide{% endif %}"> <select {% unless product.available %}disabled{% endunless %} aria-label="Variant" class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option{% if first_available_variant.id == variant.id %} selected{% endif %}{% unless variant.available %} disabled{% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}}{% unless variant.available %} - {{translation.sold_out}}{% endunless %}</option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'addToCartBtn' %} <div class="ga_upsell_cart_adtocart"> <button class="ga-upsell-product_addtocart" type="button" data-add="{% if translation.added_to_cart_short %}{{translation.add_to_cart_short}}{% else %}ADD{% endif %}" data-added="{% if translation.added_to_cart_short %}{{translation.added_to_cart_short}}{% else %}ADDED{% endif %}">{% if translation.add_to_cart_short %}{{translation.add_to_cart_short}}{% else %}ADD{% endif %}</button> </div> {% endif %} {% endif %} </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'addToCartBtn' %} <div class="ga_upsell_cart_adtocart"> <button class="ga-upsell-product_addtocart" type="button" data-add="{% if translation.added_to_cart_short %}{{translation.add_to_cart_short}}{% else %}ADD{% endif %}" data-added="{% if translation.added_to_cart_short %}{{translation.added_to_cart_short}}{% else %}ADDED{% endif %}">{% if translation.add_to_cart_short %}{{translation.add_to_cart_short}}{% else %}ADD{% endif %}</button> </div> {% endif %} {% endif %} </li> {% endfor %} </ul> </div> </div> <div style="clear:both;"></div> 823 {% endif %} 824</script>
824 825 826<!-- END app snippet --> 827<!-- END app block -->
827<script src="https://cdn.shopify.com/extensions/019c4af9-ea76-7430-ac1b-d9165b0e597c/globo-also-bought-cross-sell-127/assets/globo.alsobought.min.js" type="text/javascript" defer="defer"></script>
827 828<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
829<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: 56021352609,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};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 829
829
830<script> 831 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 832</script>
vendor: 1 bytes, line 832
832
833<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}
833).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: 56021352609,storefrontBaseUrl: "https://www.system5.jp",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.system5.jp/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1263632754","configuration":"{\"eventPixelIdAddToCart\":\"tw-oauwh-q8r42\",\"eventPixelIdSiteVisit\":\"tw-oauwh-q8r46\",\"eventPixelIdPurchase\":\"tw-oauwh-q8r44\",\"eventPixelIdAddedPaymentInfo\":\"tw-oauwh-q8r45\",\"eventPixelIdCheckoutInitiated\":\"tw-oauwh-q8r43\",\"eventPixelIdContentView\":\"tw-oauwh-q8r47\",\"eventPixelIdSearch\":\"tw-oauwh-q8r41\",\"basePixelId\":\"oauwh\",\"adsAccountId\":\"18ce53zsjuh\",\"isDisconnected\":\"0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3df823913fec4164b84eb9879cd9a3dd","type":"APP","apiClientId":6455335,"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":"741802354","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\",\\\"GT-PZQ9WCP\\\"],\\\"target_country\\\":\\\"JP\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/ruFECKja17EYEMrA0PoD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/9cRmCKrZ17EYEMrA0PoD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-T610173S0Q\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/7RFcCPXW17EYEMrA0PoD\\\",\\\"MC-KG0YZ6EH3V\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-T610173S0Q\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/jjUoCO_W17EYEMrA0PoD\\\",\\\"MC-KG0YZ6EH3V\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/jJoACPLW17EYEMrA0PoD\\\",\\\"MC-KG0YZ6EH3V\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-T610173S0Q\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/4vQ4CKva17EYEMrA0PoD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-T610173S0Q\\\",\\\"AW-1062477898\\\/1HvKCK3Z17EYEMrA0PoD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-T610173S0Q\\\"}],\\\"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":"270467233","configuration":"{\"pixel_id\":\"666462684538906\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","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"]},{"id":"92831905","configuration":"{\"tagID\":\"2612444735929\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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"}
833,{"id":"146964850","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Taglog"},{"id":"151224690","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"12","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ã¢ãã£ãªã¨ã¤ã"},{"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":"ã·ã¹ãã ãã¡ã¤ã","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/www.system5.jp"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.system5.jp/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"132409098401","themeStoreId":"838","themePublished":"true","eventMetadataId":"05fa270a-5d05-4d6c-a49c-02bd95514aa0","pageType":"cart","shopId":"56021352609","storefrontBaseUrl":"https:\/\/www.system5.jp","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
833<script> 834 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 835 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 836 window.ShopifyAnalytics.meta.currency = 'JPY'; 837 var meta = {"page":{"pageType":"cart","requestId":"5c77bd02-2b36-42f6-9980-e32b38509034-1790938313"}}; 838 for (var attr in meta) { 839 window.ShopifyAnalytics.meta[attr] = meta[attr]; 840 } 841</script>
vendor: 1 bytes, line 841
841
842<script class="analytics"> 843 (function () { 844 var customDocumentWrite = function(content) { 845 var jquery = null; 846 847 if (window.jQuery) { 848 jquery = window.jQuery; 849 } else if (window.Checkout && window.Checkout.$) { 850 jquery = window.Checkout.$; 851 } 852 853 if (jquery) { 854 jquery('body').append(content); 855 } 856 }; 857 858 var hasLoggedConversion = function(token) { 859 if (token) { 860 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 861 } 862 return false; 863 } 864 865 var setCookieIfConversion = function(token) { 866 if (token) { 867 var twoMonthsFromNow = new Date(Date.now()); 868 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 869 870 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 871 } 872 } 873 874 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 875 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 876 if (trekkie.integrations) { 877 return; 878 } 879 trekkie.methods = [ 880 'identify', 881 'page', 882 'ready', 883 'track', 884 'trackForm', 885 'trackLink' 886 ]; 887 trekkie.factory = function(method) { 888 return function() { 889 var args = Array.prototype.slice.call(arguments); 890 args.unshift(method); 891 trekkie.push(args); 892 if (method == 'track' || method == 'page') { 893 var pageUrl; 894 try { 895 pageUrl = window.location.href; 896 } catch (e) {} 897 var pageReferrer; 898 try { 899 pageReferrer = document.referrer; 900 } catch (e) {} 901 try { 902 if (window.__TREKKIE_SHIM_QUEUE == null) { 903 window.__TREKKIE_SHIM_QUEUE = []; 904 } 905 window.__TREKKIE_SHIM_QUEUE.push({ 906 from: 'trekkie-stub', 907 method: method, 908 args: args.slice(1), 909 pageContext: { 910 url: pageUrl, 911 referrer: pageReferrer 912 } 913 }); 914 } catch (e) { 915 // no-op 916 } 917 } 918 return trekkie; 919 }; 920 }; 921 for (var i = 0; i < trekkie.methods.length; i++) { 922 var key = trekkie.methods[i]; 923 trekkie[key] = trekkie.factory(key); 924 } 925 trekkie.load = function(config) { 926 trekkie.config = config || {}; 927 trekkie.config.initialDocumentCookie = document.cookie; 928 var first = document.getElementsByTagName('script')[0]; 929var script = document.createElement('script'); 930script.type = 'text/javascript'; 931script.onerror = function(e) { 932 var scriptFallback = document.createElement('script'); 933 scriptFallback.type = 'text/javascript'; 934 scriptFallback.onerror = function(error) { 935 var Monorail = { 936 produce: function produce(monorailDomain, schemaId, payload) { 937 var currentMs = new Date().getTime(); 938 var event = { 939 schema_id: schemaId, 940 payload: payload, 941 metadata: { 942 event_created_at_ms: currentMs, 943 event_sent_at_ms: currentMs 944 } 945 }; 946 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 947 }, 948 sendRequest: function sendRequest(endpointUrl, payload) { 949 // Try the sendBeacon API 950 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 951 var blobData = new window.Blob([payload], { 952 type: 'text/plain' 953 }); 954 955 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 956 return true; 957 } // sendBeacon was not successful 958 959 } // XHR beacon 960 961 var xhr = new XMLHttpRequest(); 962 963 try { 964 xhr.open('POST', endpointUrl); 965 xhr.setRequestHeader('Content-Type', 'text/plain'); 966 xhr.send(payload); 967 } catch (e) { 968 console.log(e); 969 } 970 971 return false; 972 }, 973 isIos12: function isIos12() { 974 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 975 } 976 }; 977 Monorail.produce('monorail-edge.shopifysvc.com', 978 'trekkie_storefront_load_errors/1.1', 979 {shop_id: 56021352609, 980 theme_id: 132409098401, 981 app_name: "storefront", 982 context_url: window.location.href, 983 source_url: "//www.system5.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 984 985 }; 986 scriptFallback.async = true; 987 scriptFallback.src = '//www.system5.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 988 first.parentNode.insertBefore(scriptFallback, first); 989}; 990script.async = true; 991script.src = '//www.system5.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 992first.parentNode.insertBefore(script, first); 993 994 }; 995 trekkie.load( 996 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56021352609,"isMerchantRequest":null,"themeId":132409098401,"themeCityHash":"7474480752294396371","contentLanguage":"ja","currency":"JPY","eventMetadataId":"05fa270a-5
996d05-4d6c-a49c-02bd95514aa0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 997 ); 998 999 var loaded = false; 1000 trekkie.ready(function() { 1001 if (loaded) return; 1002 loaded = true; 1003 1004 window.ShopifyAnalytics.lib = window.trekkie; 1005 1006 var originalDocumentWrite = document.write; 1007 document.write = customDocumentWrite; 1008 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1009 document.write = originalDocumentWrite; 1010 1011 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1012 var token = match? match[1]: undefined; 1013 if (!hasLoggedConversion(token)) { 1014 setCookieIfConversion(token); 1015 1016 } 1017 }); 1018 1019 window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"5c77bd02-2b36-42f6-9980-e32b38509034-1790938313","shopifyEmitted":true}); 1020 1021 var eventsListenerScript = document.createElement('script'); 1022 eventsListenerScript.async = true; 1023 eventsListenerScript.src = "//www.system5.jp/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1024 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1025})();</script>
vendor: 1 bytes, line 1025
1025
1026<script 1027 defer 1028 src="https://www.system5.jp/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1029 data-application="storefront-renderer" 1030 data-shop-id="56021352609" 1031 data-render-region="gcp-europe-west1" 1032 data-page-type="cart" 1033 data-theme-instance-id="132409098401" 1034 data-theme-name="Empire" 1035 data-theme-version="8.1.0" 1036 data-monorail-region="shop_domain" 1037 data-resource-timing-sampling-rate="10" 1038 data-shs="true" 1039 data-shs-beacon="true" 1040 data-shs-export-with-fetch="true" 1041 data-shs-logs-sample-rate="1" 1042 data-shs-beacon-endpoint="https://www.system5.jp/api/collect" 1043></script>
1043 1044<meta name="shopify-y" content="e62173a2-90bf-4add-b8f6-1529df8982ed" data-expiration="1822495913000"><meta name="shopify-s" content="5012c2ed-17cc-423d-89a5-a5f219421967" data-expiration="1790940113000"><meta name="new-cookie-storage-activated" content="t"> 1045</head> 1046 1047 <body class="template-cart" data-instant-allow-query-string > 1048 <div style="--background-color: #ffffff"> 1049 1050 1051 1052 </div> 1053 1054
1054<script> 1055 document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js'); 1056 if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor'; 1057 if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch'); 1058 </script>
1058 1059 1060 1061 <noscript><p>ãã®ãã¼ã¸ã¯ JavaScript ã使ç¨ãã¦ãã¾ãã<br>ã使ãã®ãã©ã¦ã¶ã¼ã¯ JavaScript ãç¡å¹ã«ãªã£ã¦ããããJavaScript ã«å¯¾å¿ãã¦ãã¾ããã<br>ãã®ãã¼ã¸ãé©åã«è¡¨ç¤ºããå ´å㯠JavaScriptãæå¹ã«ããããJavaScript ã«å¯¾å¿ãã¦ãããã©ã¦ã¶ã¼ã§ã¢ã¯ã»ã¹ãã¦ãã ããã</p></noscript> 1062 1063 1064 1065 <svg 1066 class="icon-star-reference" 1067 aria-hidden="true" 1068 focusable="false" 1069 role="presentation" 1070 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="3 3 17 17" fill="none" 1071 > 1072 <symbol id="icon-star"> 1073 <rect class="icon-star-background" width="20" height="20" fill="currentColor"/> 1074 <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 1075 </symbol> 1076 <clipPath id="icon-star-clip"> 1077 <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1078 </clipPath> 1079 </svg> 1080 1081 1082 1083 <a class="skip-to-main" href="#site-main">ã³ã³ãã³ãã«ã¹ããã</a> 1084 1085 1086 1087 <div id="shopify-section-static-utility-bar" class="shopify-section"><style data-shopify> 1088 .utility-bar { 1089 background-color: #1b175d; 1090 border-bottom: 1px solid #ffffff; 1091 } 1092 1093 .utility-bar .social-link, 1094 .utility-bar__menu-link { 1095 color: #ffffff; 1096 } 1097 1098 .utility-bar .disclosure__toggle { 1099 --disclosure-toggle-text-color: #ffffff; 1100 --disclosure-toggle-background-color: #1b175d; 1101 } 1102 1103 .utility-bar .disclosure__toggle:hover { 1104 --disclosure-toggle-text-color: #ffffff; 1105 } 1106 1107 .utility-bar .social-link:hover, 1108 .utility-bar__menu-link:hover { 1109 color: #ffffff; 1110 } 1111 1112 .utility-bar .disclosure__toggle::after { 1113 --disclosure-toggle-svg-color: #ffffff; 1114 } 1115 1116 .utility-bar .disclosure__toggle:hover::after { 1117 --disclosure-toggle-svg-color: #ffffff; 1118 } 1119</style> 1120
1121<script 1122 type="application/json" 1123 data-section-type="static-utility-bar" 1124 data-section-id="static-utility-bar" 1125 data-section-data 1126> 1127 { 1128 "settings": { 1129 "mobile_layout": "below" 1130 } 1131 } 1132</script>
1132 1133 1134</div> 1135 1136 <header 1137 class="site-header site-header-nav--open" 1138 id="site-header" 1139 role="banner" 1140 data-site-header 1141 style="display:none;" 1142 > 1143 <div id="shopify-section-static-header" class="shopify-section site-header-wrapper"> 1144 1145 1146 1147 1148
1149<script 1150 type="application/json" 1151 data-section-id="static-header" 1152 data-section-type="static-header" 1153 data-section-data> 1154 { 1155 "settings": { 1156 "sticky_header": true, 1157 "has_box_shadow": true, 1158 "live_search": { 1159 "enable": true, 1160 "enable_images": true, 1161 "enable_content": false, 1162 "money_format": "Â¥{{amount_no_decimals}}", 1163 "show_mobile_search_bar": false, 1164 "context": { 1165 "view_all_results": "ãã¹ã¦ã®çµæãè¦ã", 1166 "view_all_products": "ãã¹ã¦ã®ååãè¦ã", 1167 "content_results": { 1168 "title": "æç¨¿ã¨ãã¼ã¸", 1169 "no_results": "çµæãããã¾ããã" 1170 }, 1171 "no_results_products": { 1172 "title": "ã*terms*ãã®ååã¯ããã¾ããã", 1173 "title_in_category": "I18n Error: Missing interpolation value \u0026quot;categories\u0026quot; for \u0026quot;{{ categories }}ã«ã{{ terms }}ãã®ååã¯ããã¾ããã\u0026quot;", 1174 "message": "ç³ã訳ããã¾ããããä¸è´ããååãè¦ã¤ããã¾ããã§ããã" 1175 } 1176 } 1177 } 1178 } 1179 } 1180</script>
1180 1181 1182 1183 1184 1185 1186<style data-shopify> 1187 1188</style> 1189 1190<div class="add pconly"> 1191 <div class="navitop bg-extend"> 1192 <div class="navitop_inner"> 1193 <div class="navitop_site"> 1194 <div class="navitop_siteDescription"> 1195 <p>æ ªå¼ä¼ç¤¾ã·ã¹ãã ãã¡ã¤ããæ åã»é³é¿ã»ããã¼ã³ã®ãã¼ã¿ã«ã½ãªã¥ã¼ã·ã§ã³</p> 1196 </div> 1197 </div> 1198 <div class="navitop_about"> 1199 <a href="https://www.system5.co.jp" target="_blank" rel="noopener"><img src="https://file.system5.jp/uploads/icon/img_navitop_about.png" alt="About System5"><span>About System5</span></a> 1200 </div> 1201 </div> 1202 </div> 1203 <div class="totalnavi bg-extend"> 1204 <div class="totalnavi_inner"> 1205 <nav> 1206 <ul class="totalnavi_menu"> 1207 <li><a href="/" class="current">ã·ã§ããã³ã°</a></li> 1208 <li><a href="/pages/progear">ã·ã§ã¼ã«ã¼ã äºç´</a></li> 1209 <li><a href="https://used.system5.jp/">ä¸å¤å è²·åæ»å®</a></li> 1210 <li><a href="https://info.system5.jp/proseminar/">ã¤ãã³ã</a></li> 1211 <li><a href="https://info.system5.jp/prosupport/product_support">製åãµãã¼ã</a></li> 1212 </ul> 1213 </nav> 1214 <div class="totalnavi_contents"> 1215 1216 <div class="totalnavi_inquiry"> 1217 <div class="totalnavi_inquiryTel"><svg 1218 xmlns="http://www.w3.org/2000/svg" 1219 xmlns:xlink="http://www.w3.org/1999/xlink" 1220 version="1.1" 1221 id="_x32_" 1222 x="0px" 1223 y="0px" 1224 viewBox="0 0 512 512" 1225 style="enable-background:new 0 0 512 512;" 1226 xml:space="preserve" 1227> 1228 <style type="text/css"> 1229 .st0{fill:#565656;} 1230 </style> 1231 <g> 1232 <path class="st0" d="M257.135,19.179C103.966,19.179,0,97.273,0,218.763c0,74.744,31.074,134.641,91.108,173.176 c4.003,2.572,8.728,2.962,6.954,10.365c-7.159,29.935-19.608,83.276-19.608,83.276c-0.526,2.26,0.321,4.617,2.162,6.03 c1.841,1.402,4.335,1.607,6.381,0.507c0,0,87.864-52.066,99.583-58.573c27.333-15.625,50.877-18.654,68.557-18.654 C376.618,414.89,512,366.282,512,217.458C512,102.036,418.973,19.179,257.135,19.179z M136.911,258.117 c-16.862,0-30.529-13.666-30.529-30.528c0-16.862,13.666-30.539,30.529-30.539c16.872,0,30.538,13.677,30.538,30.539 C167.449,244.451,153.782,258.117,136.911,258.117z M255.994,258.117c-16.861,0-30.528-13.666-30.528-30.528 c0-16.862,13.666-30.539,30.528-30.539c16.873,0,30.539,13.677,30.539,30.539C286.534,244.451,272.867,258.117,255.994,258.117z M375.089,258.117c-16.862,0-30.538-13.666-30.538-30.528c0-16.862,13.676-30.539,30.538-30.539 c16.872,0,30.538,13.677,30.538,30.539C405.627,244.451,391.961,258.117,375.089,258.117z"/> 1233 </g> 1234</svg> 1235<!--ç¸è«ãã¤ã¤ã«Â 050-3187-9555--><a href="https://info.system5.jp/prosupport/contact">ãåãåãã</a></div> 1236 <div class="totalnavi_inquiryMail"><a href="https://info.system5.jp/prosupport/repair_app">交æã»ä¿®çåä»çªå£</a></div> 1237 </div> 1238 1239 </div> 1240 </div> 1241 </div> 1242</div> 1243 1244 1245 1246<div 1247 class=" 1248 site-header-main 1249 1250 " 1251 data-site-header-main 1252 data-site-header-sticky 1253 1254 data-site-header-mobile-search-button 1255 1256> 1257 <button class="site-header-menu-toggle" data-menu-toggle> 1258 <div class="site-header-menu-toggle--button" tabindex="-1"> 1259 <span class="toggle-icon--bar toggle-icon--bar-top"></span> 1260 <span class="toggle-icon--bar toggle-icon--bar-middle"></span> 1261 <span class="toggle-icon--bar toggle-icon--bar-bottom"></span> 1262 <span class="visually-hidden">ã¡ãã¥ã¼</span> 1263 <span class="icontext">ã¡ãã¥ã¼</span> 1264 </div> 1265 </button> 1266 1267 1268 1269 1270 <button 1271 class="site-header-mobile-search-button" 1272 data-mobile-search-button 1273 > 1274 1275 <div class="site-header-mobile-search-button--button" tabindex="-1"> 1276 <svg 1277 aria-hidden="true" 1278 focusable="false" 1279 role="presentation" 1280 xmlns="http://www.w3.org/2000/svg" 1281 width="23" 1282 height="24" 1283 fill="none" 1284 viewBox="0 0 23 24" 1285> 1286 <path d="M21 21L15.5 15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 1287 <circle cx="10" cy="9" r="8" stroke="currentColor" stroke-width="2"/> 1288</svg> 1289 1290 <span class="icontext">æ¤ç´¢</span> 1291 </div> 1292 1293 </button> 1294 1295 1296 1297 <div 1298 class=" 1299 site-header-main-content 1300 1301 " 1302 > 1303 <div class="site-header-logo"> 1304 1305 1306 1307 <a 1308 class="site-logo" 1309 href="/"> 1310 1311 1312 1313 1314 1315 1316 1317 1318 <img 1319 1320 src="//www.system5.jp/cdn/shop/files/logo_system5_409x150_38a4c060-e710-46d1-96ea-b8bbe2c93e41_409x150.png?v=1632819077" 1321 1322 alt="ã·ã¹ãã ãã¡ã¤ã ãªã³ã©ã¤ã³ã·ã§ãã " 1323 1324 1325 data-rimg 1326 srcset="//www.system5.jp/cdn/shop/files/logo_system5_409x150_38a4c060-e710-46d1-96ea-b8bbe2c93e41_409x150.png?v=1632819077 1x" 1327 1328 1329 class="site-logo-image" 1330 style=" 1331 object-fit:cover;object-position:50.0% 50.0%; 1332 1333" 1334 1335 > 1336 1337 1338 1339 1340 1341 </a> 1342 1343 </div> 1344 1345 1346 1347 1348 1349 1350 1351<div class="live-search" data-live-search> 1352 1353 1354 1355 <link href="//www.system5.jp/cdn/shop/t/20/assets/q-unisearch.css?v=80528934653952271421683875493" rel="stylesheet" type="text/css" media="all" /> 1356 1357<form class="q_suggest_form" action="/pages/search" method="get" aria-label="Product" autocomplete="off"> 1358 <div class="q_suggest_form__input_wrapper"> 1359 <div class="q_suggest_form__input_body"> 1360 <button type="button" class="boost-pfs-search-btn-close-suggestion"><-</button> 1361 <input class="q_suggest_form__input" type="text" name="kw" placeholder="ååå/åçª/ãã¼ã¯ã¼ããå ¥å" value="" autocomplete="off"> 1362 <button class="live-search-button mdc-ripple-surface mdc-ripple-upgraded" type="submit" aria-label="æ¤ç´¢ãã" data-live-search-submit="">
1363 <span class="search-icon search-icon--inactive"> 1364 <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21"> 1365 <path fill="currentColor" fill-rule="evenodd" d="M12.514 14.906a8.264 8.264 0 0 1-4.322 1.21C3.668 16.116 0 12.513 0 8.07 0 3.626 3.668.023 8.192.023c4.525 0 8.193 3.603 8.193 8.047 0 2.033-.769 3.89-2.035 5.307l4.999 5.552-1.775 1.597-5.06-5.62zm-4.322-.843c3.37 0 6.102-2.684 6.102-5.993 0-3.31-2.732-5.994-6.102-5.994S2.09 4.76 2.09 8.07c0 3.31 2.732 5.993 6.102 5.993z"></path> 1366 </svg> 1367 </span> 1368 <span class="search-icon search-icon--active"> 1369 <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"> 1370 <g fill-rule="nonzero" fill="currentColor"> 1371 <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path> 1372 <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path> 1373 </g> 1374 </svg> 1375 </span> 1376 </button> 1377 </div> 1378 1379 <div class="q_suggest_result_area_body"> 1380 <div class="q-search-suggestion-popover" data-direction="left"></div> 1381 1382 1383 <div tabindex="0" class="boost-pfs-search-suggestion q_suggest_result_area"> 1384 1385 <!-- ãã¼ã¯ã¼ããµã¸ã§ã¹ã start --> 1386 <div class="boost-pfs-search-suggestion-group" data-group="suggestions" aria-label="æ¤ç´¢ç¨ã¯ã¼ã"> 1387 <ul class="qsuggest_result__keyword"> 1388 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-suggestions boost-pfs-search-suggestion-header" aria-label="æ¤ç´¢ç¨ã¯ã¼ã">æ¤ç´¢ç¨ã¯ã¼ã</li> 1389 1390 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-ui-item" role="option"> 1391 <a tabindex="-1" href="" data-q-link="word" data-q-submit="word"> 1392 <span class="q-input_name" data-q-text="word"></span> 1393 <span class="q-mark_name" data-q-text="mark_category_name"></span> 1394 <span class="q-mark_name" data-q-text="mark_brand_name"></span> 1395 <span class="q-mark_type_name"></span> 1396 </a> 1397 </li> 1398 </ul> 1399 </div><!-- ãã¼ã¯ã¼ããµã¸ã§ã¹ã end --> 1400 1401 <!-- ã«ãã´ãªã¼ãµã¸ã§ã¹ã start --> 1402 <div class="boost-pfs-search-suggestion-group" data-group="collections" aria-label="ã«ãã´ãªã¼"> 1403 <ul class="qsuggest_result__category"> 1404 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-collections boost-pfs-search-suggestion-header" aria-label="ã«ãã´ãªã¼">ã«ãã´ãªã¼</li> 1405 1406 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-ui-item" role="option"> 1407 <a tabindex="-1" href="" data-q-text="direct_category_name" data-q-link="direct_category_id" data-q-submit="direct_category_id"></a> 1408 </li> 1409 </ul> 1410 </div><!-- ã«ãã´ãªã¼ãµã¸ã§ã¹ã end --> 1411 1412 <!-- ãã©ã³ããµã¸ã§ã¹ã start --> 1413 <div class="boost-pfs-search-suggestion-group" data-group="collections" aria-label="ãã©ã³ã"> 1414 <ul class="qsuggest_result__brand"> 1415 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-collections boost-pfs-search-suggestion-header" aria-label="ãã©ã³ã">ãã©ã³ã</li> 1416 1417 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-ui-item" role="option"> 1418 <a tabindex="-1" href="" data-q-text="direct_brand_name" data-q-link="direct_brand_id" data-q-submit="direct_brand_id"></a> 1419 </li> 1420 </ul> 1421 </div><!-- ãã©ã³ããµã¸ã§ã¹ã end --> 1422 1423 1424 <!-- åååãµã¸ã§ã¹ã start --> 1425 <div class="boost-pfs-search-suggestion-group" data-group="products" aria-label="ååå"> 1426 <ul class="qsuggest_result__productname"> 1427 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-products boost-pfs-search-suggestion-header" aria-label="ååå">ååå</li> 1428 1429 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-search-suggestion-item-product boost-pfs-ui-item" aria-label="" data-id="7068803072161" role="option"> 1430 <a tabindex="-1" href="" data-q-productlink="direct_item_handle"> 1431 <div class="boost-pfs-search-suggestion-left"> 1432 <img tabindex="-1" src="" data-q-src="direct_image_path"> 1433 </div> 1434 <div class="boost-pfs-search-suggestion-right"> 1435 <p class="boost-pfs-search-suggestion-product-title" data-q-text="direct_item_name"></p> 1436 <p class="boost-pfs-search-suggestion-product-sku">SKU: <span data-q-text="direct_item_handle"></span></p> 1437 <p class="boost-pfs-search-suggestion-product-vendor" data-q-text="direct_brand_name"></p> 1438 <p class="boost-pfs-search-suggestion-product-price"> 1439 <s data-q-price="direct_compare_at_price" data-q-class="direct_compare_at_price" data-q-remove="direct_compare_at_price"></s>
1440 <span class="boost-pfs-search-suggestion-product-regular-price" data-q-price="direct_price"></span> 1441 </p> 1442 </div> 1443 </a> 1444 </li> 1445 </ul> 1446 </div><!-- åååãµã¸ã§ã¹ã end --> 1447 1448 <!-- ç¹éãµã¸ã§ã¹ã start --> 1449 <div class="boost-pfs-search-suggestion-group" data-group="collections" aria-label="ç¹é"> 1450 <ul class="qsuggest_result__campaign"> 1451 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-collections boost-pfs-search-suggestion-header" aria-label="ç¹é">ç¹é</li> 1452 1453 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-ui-item" role="option"> 1454 <a tabindex="-1" href="" data-q-text="direct_campaign_title" data-q-link="direct_campaign_url" data-q-submit="direct_campaign_id"></a> 1455 </li> 1456 </ul> 1457 </div><!-- ç¹éãµã¸ã§ã¹ã end --> 1458 1459 1460 <!-- åçªãµã¸ã§ã¹ã start --> 1461 <div class="boost-pfs-search-suggestion-group" data-group="products" aria-label="製å"> 1462 <ul class="qsuggest_result__modelnumber"> 1463 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-products boost-pfs-search-suggestion-header" aria-label="製å">製å</li> 1464 1465 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-search-suggestion-item-product boost-pfs-ui-item" aria-label="" data-id="7068803072161" role="option"> 1466 <a tabindex="-1" href="" data-q-productlink="direct_item_handle"> 1467 <div class="boost-pfs-search-suggestion-left"> 1468 <img tabindex="-1" src="" data-q-src="direct_image_path"> 1469 </div> 1470 <div class="boost-pfs-search-suggestion-right"> 1471 <p class="boost-pfs-search-suggestion-product-title" data-q-text="direct_item_name"></p> 1472 <p class="boost-pfs-search-suggestion-product-sku">SKU: <span data-q-text="direct_item_handle"></span></p> 1473 <p class="boost-pfs-search-suggestion-product-vendor" data-q-text="direct_brand_name"></p> 1474 <p class="boost-pfs-search-suggestion-product-price"> 1475 <s data-q-price="direct_compare_at_price" data-q-class="direct_compare_at_price" data-q-remove="direct_compare_at_price"></s> 1476 <span class="boost-pfs-search-suggestion-product-regular-price" data-q-price="direct_price"></span> 1477 </p> 1478 </div> 1479 </a> 1480 </li> 1481 </ul> 1482 </div><!-- åçªãµã¸ã§ã¹ã end --> 1483 1484 1485 <!-- å±¥æ´ãµã¸ã§ã¹ã start --> 1486 <div class="boost-pfs-search-suggestion-group" data-group="collections" aria-label="å±¥æ´"> 1487 <ul class="qsuggest_result__history"> 1488 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-collections boost-pfs-search-suggestion-header" aria-label="å±¥æ´">å±¥æ´</li> 1489 1490 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-ui-item" role="option"> 1491 <a tabindex="-1" href="" data-q-link="word" data-q-submit="word"><b data-q-text="word"></b></a> 1492 </li> 1493 </ul> 1494 </div><!-- å±¥æ´ãµã¸ã§ã¹ã end --> 1495 1496 1497 <!-- ååãµã¸ã§ã¹ã start --> 1498 <div class="boost-pfs-search-suggestion-group" data-group="products" aria-label="åå"> 1499 <ul class="qsuggest_result__items"> 1500 <li class="q_template_suggest_title __SKIP__ boost-pfs-search-suggestion-header-products boost-pfs-search-suggestion-header" aria-label="åå">åå</li> 1501 1502 <li class="q_template_suggest_body boost-pfs-search-suggestion-item boost-pfs-search-suggestion-item-product boost-pfs-ui-item" aria-label="" data-id="7068803072161" role="option"> 1503 <a tabindex="-1" href="" data-q-productlink="direct_item_handle" data-q-submit="direct_item_handle"> 1504 <div class="boost-pfs-search-suggestion-left"> 1505 <img tabindex="-1" src="" data-q-src="direct_image_path"> 1506 </div> 1507 <div class="boost-pfs-search-suggestion-right"> 1508 <p class="boost-pfs-search-suggestion-product-title" data-q-text="direct_item_name"></p> 1509 <p class="boost-pfs-search-suggestion-product-sku">SKU: <span data-q-text="direct_item_handle"></span></p> 1510 <p class="boost-pfs-search-suggestion-product-vendor" data-q-text="direct_brand_name"></p> 1511 <p class="boost-pfs-search-suggestion-product-price"> 1512 <s data-q-price="direct_compare_at_price" data-q-class="direct_compare_at_price" data-q-remove="direct_compare_at_price"></s>
1513 <span class="boost-pfs-search-suggestion-product-regular-price" data-q-price="direct_price"></span> 1514 </p> 1515 </div> 1516 </a> 1517 </li> 1518 </ul> 1519 </div><!-- ååãµã¸ã§ã¹ã end --> 1520 1521 1522 <div class="q_search_result_count" data-group="view-all" aria-label="View All"> 1523 <!-- <a href=""><span>0</span>ä»¶ã®æ¤ç´¢çµæãè¦ã</a> --> 1524 </div> 1525 <div class="q_search_no_result"> 1526 <span>"<strong class="q_no_result_text"></strong>"ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã</span> 1527 </div> 1528 </div> 1529 1530 1531 <div class="qsuggest_result__product"> 1532 </div> 1533 1534</div> 1535 1536 1537 <!-- <button class="live-search-takeover-cancel" type="button" data-live-search-takeover-cancel=""> 1538 åãæ¶ã 1539 </button> --> 1540 1541 </div> 1542 <div class="q_suggest_input_result"></div> 1543</form> 1544 1545 1546 1547 1548</div> 1549 1550 1551 1552 </div> 1553 1554 1555 <div class="site-header-right"> 1556 1557 <div class="site-header-customer"> 1558 1559 <a class="site-header-customer--button" href="/account/login"> 1560 1561 1562 1563 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="_x32_" x="0px" y="0px" viewBox="0 0 512 512" width="28" height="28" xml:space="preserve"> <g> <path class="st0" d="M305.895,307.693c-15.71,5.222-32.45,8.157-49.895,8.157s-34.186-2.935-49.894-8.157 C92.029,326.416,32.331,410.25,32.331,512h223.668h223.67C479.669,410.25,419.981,326.416,305.895,307.693z" style="fill: rgb(204, 204, 204);" /> <path class="st0" d="M255.999,279.581c67.621,0,122.424-54.813,122.424-122.423v-34.735C378.423,54.814,323.621,0,255.999,0 c-67.62,0-122.423,54.814-122.423,122.423v34.735C133.577,224.768,188.379,279.581,255.999,279.581z" style="fill: rgb(204, 204, 204);" /> </g> </svg> 1564 1565 <span class="icontext">ãã°ã¤ã³</span> 1566 </a> 1567 1568 </div> 1569 1570 1571 1572 1573 <div class="site-header-cart"> 1574 <a class="site-header-cart--button" href="/cart"> 1575 <span 1576 class="site-header-cart--count " 1577 data-header-cart-count=""> 1578 </span> 1579 <span class="site-header-cart-icon site-header-cart-icon--svg"> 1580 1581 <svg aria-hidden="true" focusable="false" role="presentation" width="28" height="26" viewBox="0 10 28 26" xmlns="http://www.w3.org/2000/svg"> 1582 <path fill="currentColor" fill-rule="evenodd" d="M26.15 14.488L6.977 13.59l-.666-2.661C6.159 10.37 5.704 10 5.127 10H1.213C.547 10 0 10.558 0 11.238c0 .68.547 1.238 1.213 1.238h2.974l3.337 13.249-.82 3.465c-.092.371 0 .774.212 1.053.243.31.576.465.94.465H22.72c.667 0 1.214-.558 1.214-1.239 0-.68-.547-1.238-1.214-1.238H9.434l.333-1.423 12.135-.589c.455-.03.85-.31 1.032-.712l4.247-9.286c.181-.34.151-.774-.06-1.144-.212-.34-.577-.589-.97-.589zM22.297 36c-1.256 0-2.275-1.04-2.275-2.321 0-1.282 1.019-2.322 2.275-2.322s2.275 1.04 2.275 2.322c0 1.281-1.02 2.321-2.275 2.321zM10.92 33.679C10.92 34.96 9.9 36 8.646 36 7.39 36 6.37 34.96 6.37 33.679c0-1.282 1.019-2.322 2.275-2.322s2.275 1.04 2.275 2.322z"></path> 1583 </svg> 1584 1585 </span> 1586 <span class="visually-hidden">ã«ã¼ããè¦ã</span> 1587 <span class="icontext">ã«ã¼ã</span> 1588 </a> 1589 </div> 1590 1591 </div> 1592</div> 1593 1594<div 1595 class=" 1596 site-navigation-wrapper 1597 1598 site-navigation--has-actions 1599 1600 1601 " 1602 data-site-navigation 1603 id="site-header-nav" 1604> 1605 <nav 1606 class="site-navigation" 1607 aria-label="ã¡ã¤ã³" 1608 > 1609 1610 1611 1612 1613 1614 1615 1616 1617<ul
1618 class="navmenu navmenu-depth-1" 1619 data-navmenu 1620 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 1621> 1622 1623 1624 1625 1626 1627 1628 1629 1630<li 1631 class="navmenu-item navmenu-basic__item navmenu-item-parent navmenu-basic__item-parent navmenu-id-æ®å½±" 1632 1633 data-navmenu-parent 1634 1635 > 1636 1637 <details data-navmenu-details> 1638 <summary 1639 1640 class=" 1641 navmenu-link 1642 navmenu-link-depth-1 1643 navmenu-link-parent 1644 1645 " 1646 1647 aria-haspopup="true" 1648 aria-expanded="false" 1649 data-href="#" 1650 1651 > 1652 æ®å½± 1653 1654 <span 1655 class="navmenu-icon navmenu-icon-depth-1" 1656 data-navmenu-trigger 1657 > 1658 <svg 1659 aria-hidden="true" 1660 focusable="false" 1661 role="presentation" 1662 width="8" 1663 height="6" 1664 viewBox="0 0 8 6" 1665 fill="none" 1666 xmlns="http://www.w3.org/2000/svg" 1667 class="icon-chevron-down" 1668> 1669<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 1670<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 1671</svg> 1672 1673 </span> 1674 1675 1676 </summary> 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693<ul 1694 class=" 1695 navmenu 1696 navmenu-depth-2 1697 navmenu-submenu 1698 1699 " 1700 data-navmenu 1701 1702 data-navmenu-submenu 1703 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 1704> 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 <li 1718 class="navmenu-item navmenu-id-ã«ã¡ã©" 1719 > 1720 <a 1721 class=" 1722 navmenu-link 1723 navmenu-link-depth-2 1724 1725 " 1726 href="/collections/camera" 1727 > 1728 1729 ã«ã¡ã© 1730</a> 1731 </li> 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 <li 1746 class="navmenu-item navmenu-id-ä¸è" 1747 > 1748 <a 1749 class=" 1750 navmenu-link 1751 navmenu-link-depth-2 1752 1753 " 1754 href="/collections/tripod" 1755 > 1756 1757 ä¸è 1758</a> 1759 </li> 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 <li 1774 class="navmenu-item navmenu-id-ã¬ã³ãº" 1775 > 1776 <a 1777 class=" 1778 navmenu-link 1779 navmenu-link-depth-2 1780 1781 " 1782 href="/collections/lens" 1783 > 1784 1785 ã¬ã³ãº 1786</a> 1787 </li> 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 <li 1802 class="navmenu-item navmenu-id-æ®å½±ã¢ã¯ã»ãµãªã¼" 1803 > 1804 <a 1805 class=" 1806 navmenu-link 1807 navmenu-link-depth-2 1808 1809 " 1810 href="/collections/shooting_acc" 1811 > 1812 1813 æ®å½±ã¢ã¯ã»ãµãªã¼ 1814</a> 1815 </li> 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 <li 1830 class="navmenu-item navmenu-id-ã«ã¡ã©ãµãã¼ã-ãªã°" 1831 > 1832 <a 1833 class=" 1834 navmenu-link 1835 navmenu-link-depth-2 1836 1837 " 1838 href="/collections/rig" 1839 > 1840 1841 ã«ã¡ã©ãµãã¼ã/ãªã° 1842</a> 1843 </li> 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 <li 1858 class="navmenu-item navmenu-id-ç¹æ©-ã¹ã¿ãã©ã¤ã¶ã¼" 1859 > 1860 <a 1861 class=" 1862 navmenu-link 1863 navmenu-link-depth-2 1864 1865 " 1866 href="/collections/stabilizer" 1867 > 1868 1869 ç¹æ©ã»ã¹ã¿ãã©ã¤ã¶ã¼ 1870</a> 1871 </li> 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 <li 1886 class="navmenu-item navmenu-id-ç §ææ©æ" 1887 > 1888 <a 1889 class=" 1890 navmenu-link 1891 navmenu-link-depth-2 1892 1893 " 1894 href="/collections/lighting" 1895 > 1896 1897 ç §ææ©æ 1898</a> 1899 </li> 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 <li 1914 class="navmenu-item navmenu-id-ãã£ãªã³ã°ã±ã¼ã¹" 1915 > 1916 <a 1917 class=" 1918 navmenu-link 1919 navmenu-link-depth-2 1920 1921 " 1922 href="/collections/carrying_case" 1923 > 1924 1925 ãã£ãªã³ã°ã±ã¼ã¹ 1926</a> 1927 </li> 1928 1929 1930</ul> 1931 1932 1933 </details> 1934 </li> 1935 1936 1937 1938 1939 1940 1941 1942 1943<li 1944 class="navmenu-item navmenu-basic__item navmenu-item-parent navmenu-basic__item-parent navmenu-id-ãªã¼ãã£ãª" 1945 1946 data-navmenu-parent 1947 1948 > 1949 1950 <details data-navmenu-details> 1951 <summary 1952 1953 class=" 1954 navmenu-link 1955 navmenu-link-depth-1 1956 navmenu-link-parent 1957 1958 " 1959 1960 aria-haspopup="true" 1961 aria-expanded="false" 1962 data-href="#" 1963 1964 > 1965 ãªã¼ãã£ãª 1966
1967 <span 1968 class="navmenu-icon navmenu-icon-depth-1" 1969 data-navmenu-trigger 1970 > 1971 <svg 1972 aria-hidden="true" 1973 focusable="false" 1974 role="presentation" 1975 width="8" 1976 height="6" 1977 viewBox="0 0 8 6" 1978 fill="none" 1979 xmlns="http://www.w3.org/2000/svg" 1980 class="icon-chevron-down" 1981> 1982<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 1983<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 1984</svg> 1985 1986 </span> 1987 1988 1989 </summary> 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006<ul 2007 class=" 2008 navmenu 2009 navmenu-depth-2 2010 navmenu-submenu 2011 2012 " 2013 data-navmenu 2014 2015 data-navmenu-submenu 2016 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 2017> 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 <li 2031 class="navmenu-item navmenu-id-ãã¤ã¯ããã³" 2032 > 2033 <a 2034 class=" 2035 navmenu-link 2036 navmenu-link-depth-2 2037 2038 " 2039 href="/collections/microphone" 2040 > 2041 2042 ãã¤ã¯ããã³ 2043</a> 2044 </li> 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 <li 2059 class="navmenu-item navmenu-id-ãªã¼ãã£ãªã¬ã³ã¼ãã¼-ãã¬ã¼ã¤ã¼" 2060 > 2061 <a 2062 class=" 2063 navmenu-link 2064 navmenu-link-depth-2 2065 2066 " 2067 href="/collections/audio_recorder" 2068 > 2069 2070 ãªã¼ãã£ãªã¬ã³ã¼ãã¼/ãã¬ã¼ã¤ã¼ 2071</a> 2072 </li> 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 <li 2087 class="navmenu-item navmenu-id-ããããã³-ã¤ã¤ãã³" 2088 > 2089 <a 2090 class=" 2091 navmenu-link 2092 navmenu-link-depth-2 2093 2094 " 2095 href="/collections/headphone_earphone" 2096 > 2097 2098 ããããã³ã»ã¤ã¤ãã³ 2099</a> 2100 </li> 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 <li 2115 class="navmenu-item navmenu-id-ãããµã¼" 2116 > 2117 <a 2118 class=" 2119 navmenu-link 2120 navmenu-link-depth-2 2121 2122 " 2123 href="/collections/mixer" 2124 > 2125 2126 ãããµã¼ 2127</a> 2128 </li> 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 <li 2143 class="navmenu-item navmenu-id-ãªã¼ãã£ãªæ©å¨" 2144 > 2145 <a 2146 class=" 2147 navmenu-link 2148 navmenu-link-depth-2 2149 2150 " 2151 href="/collections/audio" 2152 > 2153 2154 ãªã¼ãã£ãªæ©å¨ 2155</a> 2156 </li> 2157 2158 2159</ul> 2160 2161 2162 </details> 2163 </li> 2164 2165 2166 2167 2168 2169 2170 2171 2172<li 2173 class="navmenu-item navmenu-basic__item navmenu-item-parent navmenu-basic__item-parent navmenu-id-ç·¨é-ä¼é" 2174 2175 data-navmenu-parent 2176 2177 > 2178 2179 <details data-navmenu-details> 2180 <summary 2181 2182 class=" 2183 navmenu-link 2184 navmenu-link-depth-1 2185 navmenu-link-parent 2186 2187 " 2188 2189 aria-haspopup="true" 2190 aria-expanded="false" 2191 data-href="#" 2192 2193 > 2194 ç·¨éã»ä¼é 2195 2196 <span 2197 class="navmenu-icon navmenu-icon-depth-1" 2198 data-navmenu-trigger 2199 > 2200 <svg 2201 aria-hidden="true" 2202 focusable="false" 2203 role="presentation" 2204 width="8" 2205 height="6" 2206 viewBox="0 0 8 6" 2207 fill="none" 2208 xmlns="http://www.w3.org/2000/svg" 2209 class="icon-chevron-down" 2210> 2211<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2212<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2213</svg> 2214 2215 </span> 2216 2217 2218 </summary> 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235<ul 2236 class=" 2237 navmenu 2238 navmenu-depth-2 2239 navmenu-submenu 2240 2241 " 2242 data-navmenu 2243 2244 data-navmenu-submenu 2245 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 2246> 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 <li 2260 class="navmenu-item navmenu-id-ãããªãããµã¼-ã¹ã¤ããã£ã¼" 2261 > 2262 <a 2263 class=" 2264 navmenu-link 2265 navmenu-link-depth-2 2266 2267 " 2268 href="/collections/switcher" 2269 > 2270 2271 ãããªãããµã¼/ã¹ã¤ããã£ã¼ 2272</a> 2273 </li> 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 <li 2288 class="navmenu-item navmenu-id-ä¼é-ä¿¡å·å¦ç" 2289 > 2290 <a 2291 class=" 2292 navmenu-link 2293 navmenu-link-depth-2 2294 2295 " 2296 href="/collections/transmission" 2297 > 2298 2299 ä¼é/ä¿¡å·å¦ç 2300</a> 2301 </li> 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 <li 2316 class="navmenu-item navmenu-id-ãã¬ã¼ã¤ã¼-ã¬ã³ã¼ãã¼" 2317 > 2318 <a 2319 class=" 2320 navmenu-link 2321 navmenu-link-depth-2 2322 2323 " 2324 href="/collections/player_recorder" 2325 > 2326 2327 ãã¬ã¼ã¤ã¼/ã¬ã³ã¼ãã¼ 2328</a> 2329 </li> 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 <li 2344 class="navmenu-item navmenu-id-ã¢ãã¿ã¼" 2345 > 2346 <a 2347 class=" 2348 navmenu-link 2349 navmenu-link-depth-2 2350 2351 " 2352 href="/collections/monitor" 2353 > 2354 2355 ã¢ãã¿ã¼ 2356</a> 2357 </li> 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 <li 2372 class="navmenu-item navmenu-id-pcããã¤ã¹-ã½ããã¦ã§ã¢" 2373 > 2374 <a 2375 class=" 2376 navmenu-link 2377 navmenu-link-depth-2 2378 2379 " 2380 href="/collections/pc_device" 2381 > 2382 2383 PCããã¤ã¹/ã½ããã¦ã§ã¢ 2384</a> 2385 </li> 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 <li 2400 class="navmenu-item navmenu-id-ã±ã¼ãã«-ã³ãã¯ã¿" 2401 > 2402 <a 2403 class=" 2404 navmenu-link 2405 navmenu-link-depth-2 2406 2407 " 2408 href="/collections/cable_connector" 2409 > 2410 2411 ã±ã¼ãã«ã»ã³ãã¯ã¿ 2412</a> 2413 </li> 2414 2415 2416</ul> 2417 2418 2419 </details> 2420 </li> 2421 2422 2423 2424 2425 2426 2427 2428 2429<li 2430 class="navmenu-item navmenu-basic__item navmenu-item-parent navmenu-basic__item-parent navmenu-id-è¨é²-黿º" 2431 2432 data-navmenu-parent 2433 2434 > 2435 2436 <details data-navmenu-details> 2437 <summary 2438 2439 class=" 2440 navmenu-link 2441 navmenu-link-depth-1 2442 navmenu-link-parent 2443 2444 " 2445 2446 aria-haspopup="true" 2447 aria-expanded="false" 2448 data-href="#" 2449 2450 > 2451 è¨é²ã»é»æº 2452
2453 <span 2454 class="navmenu-icon navmenu-icon-depth-1" 2455 data-navmenu-trigger 2456 > 2457 <svg 2458 aria-hidden="true" 2459 focusable="false" 2460 role="presentation" 2461 width="8" 2462 height="6" 2463 viewBox="0 0 8 6" 2464 fill="none" 2465 xmlns="http://www.w3.org/2000/svg" 2466 class="icon-chevron-down" 2467> 2468<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2469<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2470</svg> 2471 2472 </span> 2473 2474 2475 </summary> 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492<ul 2493 class=" 2494 navmenu 2495 navmenu-depth-2 2496 navmenu-submenu 2497 2498 " 2499 data-navmenu 2500 2501 data-navmenu-submenu 2502 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 2503> 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 <li 2517 class="navmenu-item navmenu-id-ãã¼ã-è¨é²ã¡ãã£ã¢-ã¡ã¢ãªã¼ã«ã¼ã" 2518 > 2519 <a 2520 class=" 2521 navmenu-link 2522 navmenu-link-depth-2 2523 2524 " 2525 href="/collections/recording_media" 2526 > 2527 2528 ãã¼ãã»è¨é²ã¡ãã£ã¢ã»ã¡ã¢ãªã¼ã«ã¼ã 2529</a> 2530 </li> 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 <li 2545 class="navmenu-item navmenu-id-ãã¬ã¼ã¤ã¼-ã¬ã³ã¼ãã¼" 2546 > 2547 <a 2548 class=" 2549 navmenu-link 2550 navmenu-link-depth-2 2551 2552 " 2553 href="/collections/player_recorder" 2554 > 2555 2556 ãã¬ã¼ã¤ã¼/ã¬ã³ã¼ãã¼ 2557</a> 2558 </li> 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 <li 2573 class="navmenu-item navmenu-id-ããããªã¼-黿º" 2574 > 2575 <a 2576 class=" 2577 navmenu-link 2578 navmenu-link-depth-2 2579 2580 " 2581 href="/collections/power_supply" 2582 > 2583 2584 ããããªã¼ã»é»æº 2585</a> 2586 </li> 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 <li 2601 class="navmenu-item navmenu-id-ã±ã¼ãã«-ã³ãã¯ã¿" 2602 > 2603 <a 2604 class=" 2605 navmenu-link 2606 navmenu-link-depth-2 2607 2608 " 2609 href="/collections/cable_connector" 2610 > 2611 2612 ã±ã¼ãã«ã»ã³ãã¯ã¿ 2613</a> 2614 </li> 2615 2616 2617</ul> 2618 2619 2620 </details> 2621 </li> 2622 2623 2624 2625 2626 2627 2628 2629 2630<li 2631 class="navmenu-item navmenu-basic__item navmenu-id-ããã¼ã³" 2632 2633 2634 2635 > 2636 2637 <a 2638 2639 class=" 2640 navmenu-link 2641 navmenu-link-depth-1 2642 2643 2644 " 2645 2646 href="/collections/drone" 2647 2648 > 2649 ããã¼ã³ 2650 2651 2652 </a> 2653 2654 2655 2656 </details> 2657 </li> 2658 2659 2660 2661 2662 2663 2664 2665 2666<li 2667 class="navmenu-item navmenu-basic__item navmenu-item-parent navmenu-basic__item-parent navmenu-id-ãã®ä»" 2668 2669 data-navmenu-parent 2670 2671 > 2672 2673 <details data-navmenu-details> 2674 <summary 2675 2676 class=" 2677 navmenu-link 2678 navmenu-link-depth-1 2679 navmenu-link-parent 2680 2681 " 2682 2683 aria-haspopup="true" 2684 aria-expanded="false" 2685 data-href="#" 2686 2687 > 2688 ãã®ä» 2689 2690 <span 2691 class="navmenu-icon navmenu-icon-depth-1" 2692 data-navmenu-trigger 2693 > 2694 <svg 2695 aria-hidden="true" 2696 focusable="false" 2697 role="presentation" 2698 width="8" 2699 height="6" 2700 viewBox="0 0 8 6" 2701 fill="none" 2702 xmlns="http://www.w3.org/2000/svg" 2703 class="icon-chevron-down" 2704> 2705<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2706<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2707</svg> 2708 2709 </span> 2710 2711 2712 </summary> 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729<ul 2730 class=" 2731 navmenu 2732 navmenu-depth-2 2733 navmenu-submenu 2734 2735 " 2736 data-navmenu 2737 2738 data-navmenu-submenu 2739 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 2740> 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 <li 2754 class="navmenu-item navmenu-id-ããã¸ã§ã¯ã¿ã¼" 2755 > 2756 <a 2757 class=" 2758 navmenu-link 2759 navmenu-link-depth-2 2760 2761 " 2762 href="/collections/projector" 2763 > 2764 2765 ããã¸ã§ã¯ã¿ã¼ 2766</a> 2767 </li> 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 <li 2782 class="navmenu-item navmenu-id-ãã¬ãä¼è°ã·ã¹ãã " 2783 > 2784 <a 2785 class=" 2786 navmenu-link 2787 navmenu-link-depth-2 2788 2789 " 2790 href="/collections/video_conferencing" 2791 > 2792 2793 ãã¬ãä¼è°ã·ã¹ãã 2794</a> 2795 </li> 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 <li 2810 class="navmenu-item navmenu-id-ãã¸ã¿ã«ãµã¤ãã¼ã¸" 2811 > 2812 <a 2813 class=" 2814 navmenu-link 2815 navmenu-link-depth-2 2816 2817 " 2818 href="/collections/digital_signage" 2819 > 2820 2821 ãã¸ã¿ã«ãµã¤ãã¼ã¸ 2822</a> 2823 </li> 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 <li 2838 class="navmenu-item navmenu-id-ãããª-ãã©ãããªã³ã¿ã¼" 2839 > 2840 <a 2841 class=" 2842 navmenu-link 2843 navmenu-link-depth-2 2844 2845 " 2846 href="/collections/printer" 2847 > 2848 2849 ãããª/ãã©ãããªã³ã¿ã¼ 2850</a> 2851 </li> 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 <li 2866 class="navmenu-item navmenu-id-r-cé¢é£-robomaster" 2867 > 2868 <a 2869 class=" 2870 navmenu-link 2871 navmenu-link-depth-2 2872 2873 " 2874 href="/collections/radio_control" 2875 > 2876 2877 R/Cé¢é£ã»RoboMaster 2878</a> 2879 </li> 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 <li 2894 class="navmenu-item navmenu-id-ãã®ä»" 2895 > 2896 <a 2897 class=" 2898 navmenu-link 2899 navmenu-link-depth-2 2900 2901 " 2902 href="/collections/other" 2903 > 2904 2905 ãã®ä» 2906</a> 2907 </li> 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 <li 2922 class="navmenu-item navmenu-id-ãã©ã³ãä¸è¦§" 2923 > 2924 <a 2925 class=" 2926 navmenu-link 2927 navmenu-link-depth-2 2928 2929 " 2930 href="/pages/brand" 2931 > 2932 2933 ãã©ã³ãä¸è¦§ 2934</a> 2935 </li> 2936 2937 2938</ul> 2939 2940 2941 </details> 2942 </li> 2943 2944 2945 2946 2947 2948 2949 2950 2951<li 2952 class="navmenu-item navmenu-basic__item navmenu-item-parent navmenu-basic__item-parent navmenu-id-ä¸å¤å-ã¯ã±ããå" 2953 2954 data-navmenu-parent 2955 2956 > 2957 2958 <details data-navmenu-details> 2959 <summary 2960 2961 class=" 2962 navmenu-link 2963 navmenu-link-depth-1 2964 navmenu-link-parent 2965 2966 " 2967 2968 aria-haspopup="true" 2969 aria-expanded="false" 2970 data-href="#" 2971 2972 > 2973 ä¸å¤åã»ã¯ã±ããå 2974
2975 <span 2976 class="navmenu-icon navmenu-icon-depth-1" 2977 data-navmenu-trigger 2978 > 2979 <svg 2980 aria-hidden="true" 2981 focusable="false" 2982 role="presentation" 2983 width="8" 2984 height="6" 2985 viewBox="0 0 8 6" 2986 fill="none" 2987 xmlns="http://www.w3.org/2000/svg" 2988 class="icon-chevron-down" 2989> 2990<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2991<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 2992</svg> 2993 2994 </span> 2995 2996 2997 </summary> 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014<ul 3015 class=" 3016 navmenu 3017 navmenu-depth-2 3018 navmenu-submenu 3019 3020 " 3021 data-navmenu 3022 3023 data-navmenu-submenu 3024 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 3025> 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 <li 3039 class="navmenu-item navmenu-id-æ°å ¥è·ä¸å¤å" 3040 > 3041 <a 3042 class=" 3043 navmenu-link 3044 navmenu-link-depth-2 3045 3046 " 3047 href="/collections/this_weeks_used" 3048 > 3049 3050 æ°å ¥è·ä¸å¤å 3051</a> 3052 </li> 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 <li 3067 class="navmenu-item navmenu-id-ã«ã¡ã©ä¸å¤å" 3068 > 3069 <a 3070 class=" 3071 navmenu-link 3072 navmenu-link-depth-2 3073 3074 " 3075 href="/collections/used_camera" 3076 > 3077 3078 ã«ã¡ã©(ä¸å¤å) 3079</a> 3080 </li> 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 <li 3095 class="navmenu-item navmenu-id-ã¬ã³ãºä¸å¤å" 3096 > 3097 <a 3098 class=" 3099 navmenu-link 3100 navmenu-link-depth-2 3101 3102 " 3103 href="/collections/used_lens" 3104 > 3105 3106 ã¬ã³ãº(ä¸å¤å) 3107</a> 3108 </li> 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 <li 3123 class="navmenu-item navmenu-id-ããã¼ã³ä¸å¤å" 3124 > 3125 <a 3126 class=" 3127 navmenu-link 3128 navmenu-link-depth-2 3129 3130 " 3131 href="/collections/used_drone" 3132 > 3133 3134 ããã¼ã³(ä¸å¤å) 3135</a> 3136 </li> 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 <li 3151 class="navmenu-item navmenu-id-ä¸å¤åä¸è¦§" 3152 > 3153 <a 3154 class=" 3155 navmenu-link 3156 navmenu-link-depth-2 3157 3158 " 3159 href="/collections/used" 3160 > 3161 3162 ä¸å¤åä¸è¦§ 3163</a> 3164 </li> 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 <li 3179 class="navmenu-item navmenu-id-ã¢ã¦ãã¬ããåä¸è¦§" 3180 > 3181 <a 3182 class=" 3183 navmenu-link 3184 navmenu-link-depth-2 3185 3186 " 3187 href="/collections/outlet" 3188 > 3189 3190 ã¢ã¦ãã¬ããåä¸è¦§ 3191</a> 3192 </li> 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 <li 3207 class="navmenu-item navmenu-id-ãªã¼ã¯ã·ã§ã³" 3208 > 3209 <a 3210 class=" 3211 navmenu-link 3212 navmenu-link-depth-2 3213 3214 " 3215 href="/pages/proauction" 3216 > 3217 3218 ãªã¼ã¯ã·ã§ã³ 3219</a> 3220 </li> 3221 3222 3223</ul> 3224 3225 3226 </details> 3227 </li> 3228 3229 3230 3231 3232 3233 3234 3235 3236<li 3237 class="navmenu-item navmenu-basic__item navmenu-id-æ°çæ å ±" 3238 3239 3240 3241 > 3242 3243 <a 3244 3245 class=" 3246 navmenu-link 3247 navmenu-link-depth-1 3248 3249 3250 " 3251 3252 href="https://info.system5.jp/whatsnew/" 3253 3254 > 3255 æ°çæ å ± 3256 3257 3258 </a> 3259 3260 3261 3262 </details> 3263 </li> 3264 3265 3266 3267 3268 3269 3270 3271 3272<li 3273 class="navmenu-item navmenu-basic__item navmenu-id-ãã«ã" 3274 3275 3276 3277 > 3278 3279 <a 3280 3281 class=" 3282 navmenu-link 3283 navmenu-link-depth-1 3284 3285 3286 " 3287 3288 href="https://support.system5.jp/hc/ja" 3289 3290 > 3291 ãã«ã 3292 3293 3294 </a> 3295 3296 3297 3298 </details> 3299 </li> 3300 3301 3302 3303 3304 3305 3306 3307 3308<li 3309 class="navmenu-item navmenu-basic__item navmenu-id-æ³äººçªå£" 3310 3311 3312 3313 > 3314 3315 <a 3316 3317 class=" 3318 navmenu-link 3319 navmenu-link-depth-1 3320 3321 3322 " 3323 3324 href="https://www.system5.jp/pages/businesscompany" 3325 3326 > 3327 æ³äººçªå£ 3328 3329 3330 </a> 3331 3332 3333 3334 </details> 3335 </li> 3336 3337 3338 3339 3340 3341 3342 3343 3344<li 3345 class="navmenu-item navmenu-basic__item navmenu-id-ä¸å¤å-è²·åæ»å®" 3346 3347 3348 3349 > 3350 3351 <a 3352 3353 class=" 3354 navmenu-link 3355 navmenu-link-depth-1 3356 3357 3358 " 3359 3360 href="/pages/used" 3361 3362 > 3363 ä¸å¤å è²·åæ»å® 3364 3365 3366 </a> 3367 3368 3369 3370 </details> 3371 </li> 3372 3373 3374 3375 3376 3377 3378 3379 3380<li 3381 class="navmenu-item navmenu-basic__item navmenu-id-ã¤ãã³ã" 3382 3383 3384 3385 > 3386 3387 <a 3388 3389 class=" 3390 navmenu-link 3391 navmenu-link-depth-1 3392 3393 3394 " 3395 3396 href="https://info.system5.jp/proseminar/" 3397 3398 > 3399 ã¤ãã³ã 3400 3401 3402 </a> 3403 3404 3405 3406 </details> 3407 </li> 3408 3409 3410 3411 3412 3413 3414 3415 3416<li 3417 class="navmenu-item navmenu-basic__item navmenu-id-製åãµãã¼ã" 3418 3419 3420 3421 > 3422 3423 <a 3424 3425 class=" 3426 navmenu-link 3427 navmenu-link-depth-1 3428 3429 3430 " 3431 3432 href="https://info.system5.jp/prosupport/product_support" 3433 3434 > 3435 製åãµãã¼ã 3436 3437 3438 </a> 3439 3440 3441 3442 </details> 3443 </li> 3444 3445 3446 3447 3448 3449 3450 3451 3452<li 3453 class="navmenu-item navmenu-basic__item navmenu-id-ãåãåããçªå£ä¸è¦§" 3454 3455 3456 3457 > 3458 3459 <a 3460 3461 class=" 3462 navmenu-link 3463 navmenu-link-depth-1 3464 3465 3466 " 3467 3468 href="https://info.system5.jp/prosupport/contact" 3469 3470 > 3471 ãåãåããçªå£ä¸è¦§ 3472 3473 3474 </a> 3475 3476 3477 3478 </details> 3479 </li> 3480 3481 3482 3483 3484 3485 3486 3487 3488<li 3489 class="navmenu-item navmenu-basic__item navmenu-id-交æ-ä¿®çåä»çªå£" 3490 3491 3492 3493 > 3494 3495 <a 3496 3497 class=" 3498 navmenu-link 3499 navmenu-link-depth-1 3500 3501 3502 " 3503 3504 href="https://info.system5.jp/prosupport/repair_app" 3505 3506 > 3507 交æã»ä¿®çåä»çªå£ 3508 3509 3510 </a> 3511 3512 3513 3514 </details> 3515 </li> 3516 3517 3518 3519 3520 3521 3522 3523 3524<li 3525 class="navmenu-item navmenu-basic__item navmenu-id-ã·ã§ã¼ã«ã¼ã äºç´" 3526 3527 3528 3529 > 3530 3531 <a 3532 3533 class=" 3534 navmenu-link 3535 navmenu-link-depth-1 3536 3537 3538 " 3539 3540 href="/pages/progear" 3541 3542 > 3543 ã·ã§ã¼ã«ã¼ã äºç´ 3544 3545 3546 </a> 3547 3548 3549 3550 </details> 3551 </li> 3552 3553</ul> 3554 3555 3556 3557 3558 </nav> 3559</div> 3560 3561<div class="site-mobile-nav" id="site-mobile-nav" data-mobile-nav tabindex="0">
3562 <div class="mobile-nav-panel" data-mobile-nav-panel> 3563 3564 <ul class="site-header-actions" data-header-actions=""></ul> 3565 3566 <a 3567 class="mobile-nav-close" 3568 href="#site-header-nav" 3569 data-mobile-nav-close> 3570 <svg 3571 aria-hidden="true" 3572 focusable="false" 3573 role="presentation" 3574 xmlns="http://www.w3.org/2000/svg" 3575 width="13" 3576 height="13" 3577 viewBox="0 0 13 13" 3578> 3579 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 3580</svg> 3581 <span class="visually-hidden">éãã</span> 3582 </a> 3583 3584 <div class="mobile-nav-content" data-mobile-nav-content> 3585 3586 3587 3588 3589 3590 3591 3592<ul 3593 class="navmenu navmenu-depth-1" 3594 data-navmenu 3595 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 3596> 3597 3598 3599 3600 3601 3602 3603 3604<li 3605 class="navmenu-item navmenu-item-parent navmenu-id-æ®å½±" 3606 data-navmenu-parent 3607 > 3608 <a 3609 class="navmenu-link navmenu-link-parent " 3610 href="#" 3611 3612 aria-haspopup="true" 3613 aria-expanded="false" 3614 3615 > 3616 æ®å½± 3617 </a> 3618 3619 3620 3621 3622 3623 3624<button 3625 class="navmenu-button" 3626 data-navmenu-trigger 3627 aria-expanded="false" 3628> 3629 <div class="navmenu-button-wrapper" tabindex="-1"> 3630 <span class="navmenu-icon "> 3631 <svg 3632 aria-hidden="true" 3633 focusable="false" 3634 role="presentation" 3635 width="8" 3636 height="6" 3637 viewBox="0 0 8 6" 3638 fill="none" 3639 xmlns="http://www.w3.org/2000/svg" 3640 class="icon-chevron-down" 3641> 3642<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 3643<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 3644</svg> 3645 3646 </span> 3647 <span class="visually-hidden">æ®å½±</span> 3648 </div> 3649</button> 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670<ul 3671 class=" 3672 navmenu 3673 navmenu-depth-2 3674 navmenu-submenu 3675 3676 " 3677 data-navmenu 3678 data-accordion-content 3679 data-navmenu-submenu 3680 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 3681> 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 <li 3695 class="navmenu-item navmenu-id-ã«ã¡ã©" 3696 > 3697 <a 3698 class=" 3699 navmenu-link 3700 navmenu-link-depth-2 3701 3702 " 3703 href="/collections/camera" 3704 > 3705 3706 ã«ã¡ã© 3707</a> 3708 </li> 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 <li 3723 class="navmenu-item navmenu-id-ä¸è" 3724 > 3725 <a 3726 class=" 3727 navmenu-link 3728 navmenu-link-depth-2 3729 3730 " 3731 href="/collections/tripod" 3732 > 3733 3734 ä¸è 3735</a> 3736 </li> 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 <li 3751 class="navmenu-item navmenu-id-ã¬ã³ãº" 3752 > 3753 <a 3754 class=" 3755 navmenu-link 3756 navmenu-link-depth-2 3757 3758 " 3759 href="/collections/lens" 3760 > 3761 3762 ã¬ã³ãº 3763</a> 3764 </li> 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 <li 3779 class="navmenu-item navmenu-id-æ®å½±ã¢ã¯ã»ãµãªã¼" 3780 > 3781 <a 3782 class=" 3783 navmenu-link 3784 navmenu-link-depth-2 3785 3786 " 3787 href="/collections/shooting_acc" 3788 > 3789 3790 æ®å½±ã¢ã¯ã»ãµãªã¼ 3791</a> 3792 </li> 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 <li 3807 class="navmenu-item navmenu-id-ã«ã¡ã©ãµãã¼ã-ãªã°" 3808 > 3809 <a 3810 class=" 3811 navmenu-link 3812 navmenu-link-depth-2 3813 3814 " 3815 href="/collections/rig" 3816 > 3817 3818 ã«ã¡ã©ãµãã¼ã/ãªã° 3819</a> 3820 </li> 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 <li 3835 class="navmenu-item navmenu-id-ç¹æ©-ã¹ã¿ãã©ã¤ã¶ã¼" 3836 > 3837 <a 3838 class=" 3839 navmenu-link 3840 navmenu-link-depth-2 3841 3842 " 3843 href="/collections/stabilizer" 3844 > 3845 3846 ç¹æ©ã»ã¹ã¿ãã©ã¤ã¶ã¼ 3847</a> 3848 </li> 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 <li 3863 class="navmenu-item navmenu-id-ç §ææ©æ" 3864 > 3865 <a 3866 class=" 3867 navmenu-link 3868 navmenu-link-depth-2 3869 3870 " 3871 href="/collections/lighting" 3872 > 3873 3874 ç §ææ©æ 3875</a> 3876 </li> 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 <li 3891 class="navmenu-item navmenu-id-ãã£ãªã³ã°ã±ã¼ã¹" 3892 > 3893 <a 3894 class=" 3895 navmenu-link 3896 navmenu-link-depth-2 3897 3898 " 3899 href="/collections/carrying_case" 3900 > 3901 3902 ãã£ãªã³ã°ã±ã¼ã¹ 3903</a> 3904 </li> 3905 3906 3907</ul> 3908 3909 3910 3911 3912 </li> 3913 3914 3915 3916 3917 3918 3919 3920<li 3921 class="navmenu-item navmenu-item-parent navmenu-id-ãªã¼ãã£ãª" 3922 data-navmenu-parent 3923 > 3924 <a 3925 class="navmenu-link navmenu-link-parent " 3926 href="#" 3927 3928 aria-haspopup="true" 3929 aria-expanded="false" 3930 3931 > 3932 ãªã¼ãã£ãª 3933 </a> 3934 3935 3936 3937 3938 3939 3940<button 3941 class="navmenu-button" 3942 data-navmenu-trigger 3943 aria-expanded="false" 3944> 3945 <div class="navmenu-button-wrapper" tabindex="-1"> 3946 <span class="navmenu-icon "> 3947 <svg 3948 aria-hidden="true" 3949 focusable="false" 3950 role="presentation" 3951 width="8" 3952 height="6" 3953 viewBox="0 0 8 6" 3954 fill="none" 3955 xmlns="http://www.w3.org/2000/svg" 3956 class="icon-chevron-down" 3957> 3958<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 3959<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 3960</svg> 3961 3962 </span> 3963 <span class="visually-hidden">ãªã¼ãã£ãª</span> 3964 </div> 3965</button> 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986<ul
3987 class=" 3988 navmenu 3989 navmenu-depth-2 3990 navmenu-submenu 3991 3992 " 3993 data-navmenu 3994 data-accordion-content 3995 data-navmenu-submenu 3996 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 3997> 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 <li 4011 class="navmenu-item navmenu-id-ãã¤ã¯ããã³" 4012 > 4013 <a 4014 class=" 4015 navmenu-link 4016 navmenu-link-depth-2 4017 4018 " 4019 href="/collections/microphone" 4020 > 4021 4022 ãã¤ã¯ããã³ 4023</a> 4024 </li> 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 <li 4039 class="navmenu-item navmenu-id-ãªã¼ãã£ãªã¬ã³ã¼ãã¼-ãã¬ã¼ã¤ã¼" 4040 > 4041 <a 4042 class=" 4043 navmenu-link 4044 navmenu-link-depth-2 4045 4046 " 4047 href="/collections/audio_recorder" 4048 > 4049 4050 ãªã¼ãã£ãªã¬ã³ã¼ãã¼/ãã¬ã¼ã¤ã¼ 4051</a> 4052 </li> 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 <li 4067 class="navmenu-item navmenu-id-ããããã³-ã¤ã¤ãã³" 4068 > 4069 <a 4070 class=" 4071 navmenu-link 4072 navmenu-link-depth-2 4073 4074 " 4075 href="/collections/headphone_earphone" 4076 > 4077 4078 ããããã³ã»ã¤ã¤ãã³ 4079</a> 4080 </li> 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 <li 4095 class="navmenu-item navmenu-id-ãããµã¼" 4096 > 4097 <a 4098 class=" 4099 navmenu-link 4100 navmenu-link-depth-2 4101 4102 " 4103 href="/collections/mixer" 4104 > 4105 4106 ãããµã¼ 4107</a> 4108 </li> 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 <li 4123 class="navmenu-item navmenu-id-ãªã¼ãã£ãªæ©å¨" 4124 > 4125 <a 4126 class=" 4127 navmenu-link 4128 navmenu-link-depth-2 4129 4130 " 4131 href="/collections/audio" 4132 > 4133 4134 ãªã¼ãã£ãªæ©å¨ 4135</a> 4136 </li> 4137 4138 4139</ul> 4140 4141 4142 4143 4144 </li> 4145 4146 4147 4148 4149 4150 4151 4152<li 4153 class="navmenu-item navmenu-item-parent navmenu-id-ç·¨é-ä¼é" 4154 data-navmenu-parent 4155 > 4156 <a 4157 class="navmenu-link navmenu-link-parent " 4158 href="#" 4159 4160 aria-haspopup="true" 4161 aria-expanded="false" 4162 4163 > 4164 ç·¨éã»ä¼é 4165 </a> 4166 4167 4168 4169 4170 4171 4172<button 4173 class="navmenu-button" 4174 data-navmenu-trigger 4175 aria-expanded="false" 4176> 4177 <div class="navmenu-button-wrapper" tabindex="-1"> 4178 <span class="navmenu-icon "> 4179 <svg 4180 aria-hidden="true" 4181 focusable="false" 4182 role="presentation" 4183 width="8" 4184 height="6" 4185 viewBox="0 0 8 6" 4186 fill="none" 4187 xmlns="http://www.w3.org/2000/svg" 4188 class="icon-chevron-down" 4189> 4190<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4191<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4192</svg> 4193 4194 </span> 4195 <span class="visually-hidden">ç·¨éã»ä¼é</span> 4196 </div> 4197</button> 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218<ul 4219 class=" 4220 navmenu 4221 navmenu-depth-2 4222 navmenu-submenu 4223 4224 " 4225 data-navmenu 4226 data-accordion-content 4227 data-navmenu-submenu 4228 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 4229> 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 <li 4243 class="navmenu-item navmenu-id-ãããªãããµã¼-ã¹ã¤ããã£ã¼" 4244 > 4245 <a 4246 class=" 4247 navmenu-link 4248 navmenu-link-depth-2 4249 4250 " 4251 href="/collections/switcher" 4252 > 4253 4254 ãããªãããµã¼/ã¹ã¤ããã£ã¼ 4255</a> 4256 </li> 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 <li 4271 class="navmenu-item navmenu-id-ä¼é-ä¿¡å·å¦ç" 4272 > 4273 <a 4274 class=" 4275 navmenu-link 4276 navmenu-link-depth-2 4277 4278 " 4279 href="/collections/transmission" 4280 > 4281 4282 ä¼é/ä¿¡å·å¦ç 4283</a> 4284 </li> 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 <li 4299 class="navmenu-item navmenu-id-ãã¬ã¼ã¤ã¼-ã¬ã³ã¼ãã¼" 4300 > 4301 <a 4302 class=" 4303 navmenu-link 4304 navmenu-link-depth-2 4305 4306 " 4307 href="/collections/player_recorder" 4308 > 4309 4310 ãã¬ã¼ã¤ã¼/ã¬ã³ã¼ãã¼ 4311</a> 4312 </li> 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 <li 4327 class="navmenu-item navmenu-id-ã¢ãã¿ã¼" 4328 > 4329 <a 4330 class=" 4331 navmenu-link 4332 navmenu-link-depth-2 4333 4334 " 4335 href="/collections/monitor" 4336 > 4337 4338 ã¢ãã¿ã¼ 4339</a> 4340 </li> 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 <li 4355 class="navmenu-item navmenu-id-pcããã¤ã¹-ã½ããã¦ã§ã¢" 4356 > 4357 <a 4358 class=" 4359 navmenu-link 4360 navmenu-link-depth-2 4361 4362 " 4363 href="/collections/pc_device" 4364 > 4365 4366 PCããã¤ã¹/ã½ããã¦ã§ã¢ 4367</a> 4368 </li> 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 <li 4383 class="navmenu-item navmenu-id-ã±ã¼ãã«-ã³ãã¯ã¿" 4384 > 4385 <a 4386 class=" 4387 navmenu-link 4388 navmenu-link-depth-2 4389 4390 " 4391 href="/collections/cable_connector" 4392 > 4393 4394 ã±ã¼ãã«ã»ã³ãã¯ã¿ 4395</a> 4396 </li> 4397 4398 4399</ul> 4400 4401 4402 4403 4404 </li> 4405 4406 4407 4408 4409 4410 4411 4412<li 4413 class="navmenu-item navmenu-item-parent navmenu-id-è¨é²-黿º" 4414 data-navmenu-parent 4415 > 4416 <a 4417 class="navmenu-link navmenu-link-parent " 4418 href="#" 4419 4420 aria-haspopup="true" 4421 aria-expanded="false" 4422 4423 > 4424 è¨é²ã»é»æº 4425 </a> 4426 4427 4428 4429 4430 4431 4432<button 4433 class="navmenu-button" 4434 data-navmenu-trigger 4435 aria-expanded="false" 4436> 4437 <div class="navmenu-button-wrapper" tabindex="-1"> 4438 <span class="navmenu-icon "> 4439 <svg 4440 aria-hidden="true" 4441 focusable="false" 4442 role="presentation" 4443 width="8" 4444 height="6" 4445 viewBox="0 0 8 6" 4446 fill="none" 4447 xmlns="http://www.w3.org/2000/svg" 4448 class="icon-chevron-down" 4449> 4450<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4451<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4452</svg> 4453 4454 </span> 4455 <span class="visually-hidden">è¨é²ã»é»æº</span> 4456 </div> 4457</button> 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478<ul
4479 class=" 4480 navmenu 4481 navmenu-depth-2 4482 navmenu-submenu 4483 4484 " 4485 data-navmenu 4486 data-accordion-content 4487 data-navmenu-submenu 4488 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 4489> 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 <li 4503 class="navmenu-item navmenu-id-ãã¼ã-è¨é²ã¡ãã£ã¢-ã¡ã¢ãªã¼ã«ã¼ã" 4504 > 4505 <a 4506 class=" 4507 navmenu-link 4508 navmenu-link-depth-2 4509 4510 " 4511 href="/collections/recording_media" 4512 > 4513 4514 ãã¼ãã»è¨é²ã¡ãã£ã¢ã»ã¡ã¢ãªã¼ã«ã¼ã 4515</a> 4516 </li> 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 <li 4531 class="navmenu-item navmenu-id-ãã¬ã¼ã¤ã¼-ã¬ã³ã¼ãã¼" 4532 > 4533 <a 4534 class=" 4535 navmenu-link 4536 navmenu-link-depth-2 4537 4538 " 4539 href="/collections/player_recorder" 4540 > 4541 4542 ãã¬ã¼ã¤ã¼/ã¬ã³ã¼ãã¼ 4543</a> 4544 </li> 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 <li 4559 class="navmenu-item navmenu-id-ããããªã¼-黿º" 4560 > 4561 <a 4562 class=" 4563 navmenu-link 4564 navmenu-link-depth-2 4565 4566 " 4567 href="/collections/power_supply" 4568 > 4569 4570 ããããªã¼ã»é»æº 4571</a> 4572 </li> 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 <li 4587 class="navmenu-item navmenu-id-ã±ã¼ãã«-ã³ãã¯ã¿" 4588 > 4589 <a 4590 class=" 4591 navmenu-link 4592 navmenu-link-depth-2 4593 4594 " 4595 href="/collections/cable_connector" 4596 > 4597 4598 ã±ã¼ãã«ã»ã³ãã¯ã¿ 4599</a> 4600 </li> 4601 4602 4603</ul> 4604 4605 4606 4607 4608 </li> 4609 4610 4611 4612 4613 4614 4615 4616<li 4617 class="navmenu-item navmenu-id-ããã¼ã³" 4618 4619 > 4620 <a 4621 class="navmenu-link " 4622 href="/collections/drone" 4623 4624 > 4625 ããã¼ã³ 4626 </a> 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 </li> 4637 4638 4639 4640 4641 4642 4643 4644<li 4645 class="navmenu-item navmenu-item-parent navmenu-id-ãã®ä»" 4646 data-navmenu-parent 4647 > 4648 <a 4649 class="navmenu-link navmenu-link-parent " 4650 href="#" 4651 4652 aria-haspopup="true" 4653 aria-expanded="false" 4654 4655 > 4656 ãã®ä» 4657 </a> 4658 4659 4660 4661 4662 4663 4664<button 4665 class="navmenu-button" 4666 data-navmenu-trigger 4667 aria-expanded="false" 4668> 4669 <div class="navmenu-button-wrapper" tabindex="-1"> 4670 <span class="navmenu-icon "> 4671 <svg 4672 aria-hidden="true" 4673 focusable="false" 4674 role="presentation" 4675 width="8" 4676 height="6" 4677 viewBox="0 0 8 6" 4678 fill="none" 4679 xmlns="http://www.w3.org/2000/svg" 4680 class="icon-chevron-down" 4681> 4682<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4683<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4684</svg> 4685 4686 </span> 4687 <span class="visually-hidden">ãã®ä»</span> 4688 </div> 4689</button> 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710<ul 4711 class=" 4712 navmenu 4713 navmenu-depth-2 4714 navmenu-submenu 4715 4716 " 4717 data-navmenu 4718 data-accordion-content 4719 data-navmenu-submenu 4720 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 4721> 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 <li 4735 class="navmenu-item navmenu-id-ããã¸ã§ã¯ã¿ã¼" 4736 > 4737 <a 4738 class=" 4739 navmenu-link 4740 navmenu-link-depth-2 4741 4742 " 4743 href="/collections/projector" 4744 > 4745 4746 ããã¸ã§ã¯ã¿ã¼ 4747</a> 4748 </li> 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 <li 4763 class="navmenu-item navmenu-id-ãã¬ãä¼è°ã·ã¹ãã " 4764 > 4765 <a 4766 class=" 4767 navmenu-link 4768 navmenu-link-depth-2 4769 4770 " 4771 href="/collections/video_conferencing" 4772 > 4773 4774 ãã¬ãä¼è°ã·ã¹ãã 4775</a> 4776 </li> 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 <li 4791 class="navmenu-item navmenu-id-ãã¸ã¿ã«ãµã¤ãã¼ã¸" 4792 > 4793 <a 4794 class=" 4795 navmenu-link 4796 navmenu-link-depth-2 4797 4798 " 4799 href="/collections/digital_signage" 4800 > 4801 4802 ãã¸ã¿ã«ãµã¤ãã¼ã¸ 4803</a> 4804 </li> 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 <li 4819 class="navmenu-item navmenu-id-ãããª-ãã©ãããªã³ã¿ã¼" 4820 > 4821 <a 4822 class=" 4823 navmenu-link 4824 navmenu-link-depth-2 4825 4826 " 4827 href="/collections/printer" 4828 > 4829 4830 ãããª/ãã©ãããªã³ã¿ã¼ 4831</a> 4832 </li> 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 <li 4847 class="navmenu-item navmenu-id-r-cé¢é£-robomaster" 4848 > 4849 <a 4850 class=" 4851 navmenu-link 4852 navmenu-link-depth-2 4853 4854 " 4855 href="/collections/radio_control" 4856 > 4857 4858 R/Cé¢é£ã»RoboMaster 4859</a> 4860 </li> 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 <li 4875 class="navmenu-item navmenu-id-ãã®ä»" 4876 > 4877 <a 4878 class=" 4879 navmenu-link 4880 navmenu-link-depth-2 4881 4882 " 4883 href="/collections/other" 4884 > 4885 4886 ãã®ä» 4887</a> 4888 </li> 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 <li 4903 class="navmenu-item navmenu-id-ãã©ã³ãä¸è¦§" 4904 > 4905 <a 4906 class=" 4907 navmenu-link 4908 navmenu-link-depth-2 4909 4910 " 4911 href="/pages/brand" 4912 > 4913 4914 ãã©ã³ãä¸è¦§ 4915</a> 4916 </li> 4917 4918 4919</ul> 4920 4921 4922 4923 4924 </li> 4925 4926 4927 4928 4929 4930 4931 4932<li 4933 class="navmenu-item navmenu-item-parent navmenu-id-ä¸å¤å-ã¯ã±ããå" 4934 data-navmenu-parent 4935 > 4936 <a 4937 class="navmenu-link navmenu-link-parent " 4938 href="#" 4939 4940 aria-haspopup="true" 4941 aria-expanded="false" 4942 4943 > 4944 ä¸å¤åã»ã¯ã±ããå 4945 </a> 4946 4947 4948 4949 4950 4951 4952<button 4953 class="navmenu-button" 4954 data-navmenu-trigger 4955 aria-expanded="false" 4956> 4957 <div class="navmenu-button-wrapper" tabindex="-1"> 4958 <span class="navmenu-icon "> 4959 <svg 4960 aria-hidden="true" 4961 focusable="false" 4962 role="presentation" 4963 width="8" 4964 height="6" 4965 viewBox="0 0 8 6" 4966 fill="none" 4967 xmlns="http://www.w3.org/2000/svg" 4968 class="icon-chevron-down" 4969> 4970<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4971<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4972</svg> 4973 4974 </span> 4975 <span class="visually-hidden">ä¸å¤åã»ã¯ã±ããå</span> 4976 </div> 4977</button> 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998<ul
4999 class=" 5000 navmenu 5001 navmenu-depth-2 5002 navmenu-submenu 5003 5004 " 5005 data-navmenu 5006 data-accordion-content 5007 data-navmenu-submenu 5008 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" 5009> 5010 5011 5012 5013 5014 5015 5016 5017 5018 5019 5020 5021 5022 <li 5023 class="navmenu-item navmenu-id-æ°å ¥è·ä¸å¤å" 5024 > 5025 <a 5026 class=" 5027 navmenu-link 5028 navmenu-link-depth-2 5029 5030 " 5031 href="/collections/this_weeks_used" 5032 > 5033 5034 æ°å ¥è·ä¸å¤å 5035</a> 5036 </li> 5037 5038 5039 5040 5041 5042 5043 5044 5045 5046 5047 5048 5049 5050 <li 5051 class="navmenu-item navmenu-id-ã«ã¡ã©ä¸å¤å" 5052 > 5053 <a 5054 class=" 5055 navmenu-link 5056 navmenu-link-depth-2 5057 5058 " 5059 href="/collections/used_camera" 5060 > 5061 5062 ã«ã¡ã©(ä¸å¤å) 5063</a> 5064 </li> 5065 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 <li 5079 class="navmenu-item navmenu-id-ã¬ã³ãºä¸å¤å" 5080 > 5081 <a 5082 class=" 5083 navmenu-link 5084 navmenu-link-depth-2 5085 5086 " 5087 href="/collections/used_lens" 5088 > 5089 5090 ã¬ã³ãº(ä¸å¤å) 5091</a> 5092 </li> 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 <li 5107 class="navmenu-item navmenu-id-ããã¼ã³ä¸å¤å" 5108 > 5109 <a 5110 class=" 5111 navmenu-link 5112 navmenu-link-depth-2 5113 5114 " 5115 href="/collections/used_drone" 5116 > 5117 5118 ããã¼ã³(ä¸å¤å) 5119</a> 5120 </li> 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 <li 5135 class="navmenu-item navmenu-id-ä¸å¤åä¸è¦§" 5136 > 5137 <a 5138 class=" 5139 navmenu-link 5140 navmenu-link-depth-2 5141 5142 " 5143 href="/collections/used" 5144 > 5145 5146 ä¸å¤åä¸è¦§ 5147</a> 5148 </li> 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 <li 5163 class="navmenu-item navmenu-id-ã¢ã¦ãã¬ããåä¸è¦§" 5164 > 5165 <a 5166 class=" 5167 navmenu-link 5168 navmenu-link-depth-2 5169 5170 " 5171 href="/collections/outlet" 5172 > 5173 5174 ã¢ã¦ãã¬ããåä¸è¦§ 5175</a> 5176 </li> 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 <li 5191 class="navmenu-item navmenu-id-ãªã¼ã¯ã·ã§ã³" 5192 > 5193 <a 5194 class=" 5195 navmenu-link 5196 navmenu-link-depth-2 5197 5198 " 5199 href="/pages/proauction" 5200 > 5201 5202 ãªã¼ã¯ã·ã§ã³ 5203</a> 5204 </li> 5205 5206 5207</ul> 5208 5209 5210 5211 5212 </li> 5213 5214 5215 5216 5217 5218 5219 5220<li 5221 class="navmenu-item navmenu-id-æ°çæ å ±" 5222 5223 > 5224 <a 5225 class="navmenu-link " 5226 href="https://info.system5.jp/whatsnew/" 5227 5228 > 5229 æ°çæ å ± 5230 </a> 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 </li> 5241 5242 5243 5244 5245 5246 5247 5248<li 5249 class="navmenu-item navmenu-id-ãã«ã" 5250 5251 > 5252 <a 5253 class="navmenu-link " 5254 href="https://support.system5.jp/hc/ja" 5255 5256 > 5257 ãã«ã 5258 </a> 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 </li> 5269 5270 5271 5272 5273 5274 5275 5276<li 5277 class="navmenu-item navmenu-id-æ³äººçªå£" 5278 5279 > 5280 <a 5281 class="navmenu-link " 5282 href="https://www.system5.jp/pages/businesscompany" 5283 5284 > 5285 æ³äººçªå£ 5286 </a> 5287 5288 5289 5290 5291 5292 5293 5294 5295 5296 </li> 5297 5298 5299 5300 5301 5302 5303 5304<li 5305 class="navmenu-item navmenu-id-ä¸å¤å-è²·åæ»å®" 5306 5307 > 5308 <a 5309 class="navmenu-link " 5310 href="/pages/used" 5311 5312 > 5313 ä¸å¤å è²·åæ»å® 5314 </a> 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 </li> 5325 5326 5327 5328 5329 5330 5331 5332<li 5333 class="navmenu-item navmenu-id-ã¤ãã³ã" 5334 5335 > 5336 <a 5337 class="navmenu-link " 5338 href="https://info.system5.jp/proseminar/" 5339 5340 > 5341 ã¤ãã³ã 5342 </a> 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 </li> 5353 5354 5355 5356 5357 5358 5359 5360<li 5361 class="navmenu-item navmenu-id-製åãµãã¼ã" 5362 5363 > 5364 <a 5365 class="navmenu-link " 5366 href="https://info.system5.jp/prosupport/product_support" 5367 5368 > 5369 製åãµãã¼ã 5370 </a> 5371 5372 5373 5374 5375 5376 5377 5378 5379 5380 </li> 5381 5382 5383 5384 5385 5386 5387 5388<li 5389 class="navmenu-item navmenu-id-ãåãåããçªå£ä¸è¦§" 5390 5391 > 5392 <a 5393 class="navmenu-link " 5394 href="https://info.system5.jp/prosupport/contact" 5395 5396 > 5397 ãåãåããçªå£ä¸è¦§ 5398 </a> 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 </li> 5409 5410 5411 5412 5413 5414 5415 5416<li 5417 class="navmenu-item navmenu-id-交æ-ä¿®çåä»çªå£" 5418 5419 > 5420 <a 5421 class="navmenu-link " 5422 href="https://info.system5.jp/prosupport/repair_app" 5423 5424 > 5425 交æã»ä¿®çåä»çªå£ 5426 </a> 5427 5428 5429 5430 5431 5432 5433 5434 5435 5436 </li> 5437 5438 5439 5440 5441 5442 5443 5444<li 5445 class="navmenu-item navmenu-id-ã·ã§ã¼ã«ã¼ã äºç´" 5446 5447 > 5448 <a 5449 class="navmenu-link " 5450 href="/pages/progear" 5451 5452 > 5453 ã·ã§ã¼ã«ã¼ã äºç´ 5454 </a> 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 </li> 5465 5466</ul> 5467 5468 5469 5470 5471 <a href="https://info.system5.jp/whatsnew/archives/105374"><img src="https://info.system5.jp/whatsnew/wp-content/uploads/2022/12/news_top_221207_apprelease-1000x522.jpg" style="width:100%;"></a> 5472 5473 </div> 5474 <div class="utility-bar__mobile-disclosure" data-utility-mobile></div> 5475 </div> 5476 5477 <div class="mobile-nav-overlay" data-mobile-nav-overlay></div> 5478</div> 5479 5480 5481 5482</div> 5483 </header> 5484 5485 <div id="shopify-section-static-announcement" class="shopify-section site-announcement">
5485<script 5486 type="application/json" 5487 data-section-id="static-announcement" 5488 data-section-type="static-announcement"> 5489</script>
5489 5490 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 <div 5501 class=" 5502 announcement-bar 5503 5504 " 5505 style=" 5506 color: #000000; 5507 background: #f5f3ed; 5508 "> 5509 5510 5511 5512 <div class="announcement-bar-text"> 5513 <!--<div class="sitenews"> 5514 <a href="https://info.system5.jp/whatsnew/archives/142084" style="text-decoration: none;">ããç¥ãããå¤å£ä¼æ¥ã®ãæ¡å </a> 5515</div>--> 5516 5517<!--<div class="sitenews"> 5518 <a href="https://support.system5.jp/hc/ja/articles/35740822436633" style="text-decoration: none;">ã¯ã¬ã«ä¸è¦ã®ã·ã§ããã³ã°ãã¼ã³ãªã24åã¾ã§ã®åå²éå©ææ°æã0ï¼ ï¼</a> 5519</div>--> 5520 5521<div class="sitenews"> 5522 <a href="https://used.system5.jp/" style="text-decoration: none;">æ åå¶ä½æ©å¨ã»ããã¼ã³é«ä¾¡è²·å宿½ä¸ï¼ä¸è¦ãªæ©æã¯å½åºã«ã売ãä¸ããï¼</a> 5523</div> 5524 5525<div class="spark_banner" id="spark_banner" style="display:none;"> 5526 <a href="https://www.system5.jp/pages/progear" style="width:50%;"> 5527 <img src="https://info.system5.jp/whatsnew/wp-content/uploads/2023/02/img_showroomreserve_1500x160.jpg" alt="PROGEARåèµéã·ã§ã¼ã«ã¼ã ï¼äºç´åªå å¶ï¼ããæ¥åºã®ãç³è¾¼ã¿ã¯ãã¡ã" width="1500" height="160" class="langageClass" lang="ja"> 5528 <img src="https://info.system5.jp/whatsnew/wp-content/uploads/2023/02/img_EN_showroomreserve_PC.jpg" alt="Click here to apply for the PROGEAR Hanzomon Showroom (complete reservation required)" width="1500" height="160" class="langageClass" lang="en" style="display:none;"> 5529 </a> 5530 <a href="https://used.system5.jp/" style="width:50%;"> 5531 <img src="https://www.system5.jp/cdn/shop/files/img_250313_top_kaitori_1.jpg?v=1741916676" alt="é«ä¾¡è²·å Webç³ãè¾¼ã¿&å® é ã§æ¥½ã " width="1500" height="160"> 5532 </a> 5533 <!-- 5534 <a href="https://info.system5.jp/whatsnew/app_sns" style="width:50%;"> 5535 <img src="https://info.system5.jp/whatsnew/wp-content/uploads/2023/10/img_231027_PC_SNSlink_1500x160_1.jpg" alt="ã¹ããã¢ããª&å種SNSã§ææ°æ å ±çºä¿¡ä¸ï¼" width="1500" height="160"> 5536 </a> --> 5537</div> 5538 5539<style> .spark_banner{ text-align:center; font-size: 0px; letter-spacing: 0px; max-width: 1200px; margin: 0 auto; } .spark_banner a, .spark_banner div{ display: inline-block; } .spark_banner img{ max-width:100%; height:auto; } img{image-rendering: -webkit-optimize-contrast;}</style> 5540 </div> 5541 5542 5543 <div class="announcement-bar-text-mobile"> 5544 5545 <!--<div class="sitenews"> 5546 <a href="https://info.system5.jp/whatsnew/archives/142084" style="text-decoration: none;">ããç¥ãããå¤å£ä¼æ¥ã®ãæ¡å </a> 5547</div>--> 5548 5549<!--<div class="sitenewsSP" id="spark_banner_smp" style="font-size: 14px;"> 5550<a href="https://support.system5.jp/hc/ja/articles/35740822436633" style="text-decoration: none;">ã¯ã¬ã«ä¸è¦ã®å岿ãã24åã¾ã§ææ°æ0ï¼ ï¼</a> 5551</div>--> 5552 5553<div class="sitenewsSP" id="spark_banner_smp" style="font-size: 14px;"> 5554<a href="https://used.system5.jp/" style="text-decoration: none;">ã¹ããã§å®çµï¼ä¾¿å©ãªå® é è²·åãå©ç¨ä¸ããï¼</a> 5555</div> 5556
5557<script> 5558 var userAgent = window.navigator.userAgent; 5559 if(userAgent.indexOf('Yappli') == -1){ 5560 document.getElementById('spark_banner').style.display = 'block'; 5561 } 5562 var language; 5563 5564 if (navigator.browserLanguage != null) { 5565 /* Internet Explorer, Opera, ä» */ 5566 language = navigator.browserLanguage.substr(0, 2); 5567 } else if(navigator.userLanguage != null) { 5568 /* Internet Explorerã®å ´å */ 5569 language = navigator.userLanguage.substr(0, 2); 5570 } else if(navigator.language != null) { 5571 /* Chrome, Firefox, Opera, ä» */ 5572 language = navigator.language.substr(0, 2); 5573 } else { 5574 /* ãã®ä» */ 5575 language = "en"; 5576 } 5577 5578 setLanguage(language); 5579 5580function setLanguage(language){ 5581 var element = document.getElementsByClassName("langageClass"); 5582 for (var i = 0; i < element.length; i++) { 5583 if(element[i].getAttribute("lang") == language){ 5584 element[i].style.display = ""; 5585 } 5586 else{ 5587 element[i].style.display = "none"; 5588 } 5589 } 5590} 5591</script>
5591 5592 5593 </div> 5594 </div> 5595 5596 5597 5598<style> #shopify-section-static-announcement .announcement-bar {margin: 0; padding: 0; z-index: 0;} #shopify-section-static-announcement .announcement-bar-text {margin: 0 auto; padding: 0; width: auto;} #shopify-section-static-announcement .announcement-bar-text-mobile {margin: 0 auto; padding: 0; width: auto;} </style></div> 5599 5600 5601 5602
5602<script> 5603 var userAgent = window.navigator.userAgent; 5604 if(userAgent.indexOf('Yappli') == -1){ 5605 document.getElementById('site-header').style.display = 'block'; 5606 } 5607 </script>
5607 5608 5609 <div class="intersection-target" data-header-intersection-target></div> 5610 <div class="site-main-dimmer" data-site-main-dimmer></div> 5611 <main id="site-main" class="site-main" aria-label="Main content" tabindex="-1"> 5612 <div class="globoRecommendationsTop"></div> 5613 <div id="shopify-section-template--16042393567393__main" class="shopify-section cart--section section--canonical"> 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631
5632<script 5633 type="application/json" 5634 data-section-type="static-cart" 5635 data-section-id="template--16042393567393__main" 5636 data-section-data> 5637 { 5638 "settings": { 5639 "shipping": false, 5640 "money_format": "Â¥{{amount_no_decimals}}" 5641 }, 5642 "shipping": { 5643 "calculate_shipping": "éæãè¨ç®ãã", 5644 "calculating": "è¨ç®ä¸", 5645 "customer": false, 5646 "multiple_rates": "*address*åãã®é éæã¯*rate*ãã*number_of_rates*ãå©ç¨ã«ãªãã¾ãã", 5647 "one_rate": "*address*åãããå©ç¨å¯è½ãªé éæã1ã¤è¦ã¤ããã¾ããã", 5648 "no_rates": "ç³ã訳ããã¾ãããããã®ãå±ãå ã«ã¯åºè·ãããã¦ããã¾ããã", 5649 "rate_value": "*rate*ã§*rate_title*", 5650 "zip": "éµä¾¿çªå·", 5651 "shipment_too_heavy": "ç³ã訳ããã¾ãããããã®è·ç©ã¯éããã¦çºéã§ãã¾ããã", 5652 "error_general": "ç³ã訳ããã¾ããããç¾æç¹ã§ã¯éæãè¨ç®ã§ãã¾ããã" 5653 } 5654 } 5655</script>
5655 5656
5657<script> 5658 $(function() { 5659 const formatter = new Intl.NumberFormat('ja-JP') 5660 const subtotal = Number($('#afterSubtotal').text().replace(/[^0-9]/g, '')) 5661 // let shipping = subtotal < 11000 ? 660 : 0 5662 // const total = formatter.format(subtotal + shipping) 5663 const total = formatter.format(subtotal) 5664 const point = Number('') 5665 $('#totalPrice').text("Â¥" + total) 5666 // $('#shipping').text("Â¥" + shipping) 5667 point ? $('#usePoint').attr('max', point > subtotal ? subtotal : point) 5668 : $('#usePoint').attr('max', 0) 5669 5670 $('#usePoint').focusout(function() { 5671 if (typeof $(this).attr('min') !== "undefined" && parseInt($(this).val()) < parseInt($(this).attr('min'))) 5672 $(this).val($(this).attr('min')) 5673 else if (typeof $(this).attr('max') !== "undefined" && parseInt($(this).val()) > parseInt($(this).attr('max'))) 5674 $(this).val($(this).attr('max')) 5675 else if (typeof $(this).attr('min') !== "undefined" && $(this).val() === '') 5676 $(this).val($(this).attr('min')) 5677 5678 const usePoint = Number($('#usePoint').val()) || 0 5679 const afterDiscount = subtotal - usePoint 5680 // shipping = afterDiscount >= 11000 ? 0 : afterDiscount === 0 ? 0 : 660 5681 // const total = formatter.format(afterDiscount + shipping) 5682 const total = formatter.format(afterDiscount) 5683 $('#totalPrice').text("Â¥" + total) 5684 // $('#shipping').text("Â¥" + shipping) 5685 }) 5686 $('.required_area').each(function(i, elem) { 5687 let option_val = $('.required_area_' + i + ' option:selected').val(); 5688 if (option_val == null || option_val == ''){ 5689 $('.required_area_' + i).addClass('error'); 5690 } 5691 }); 5692 $('.required_area select').on('change', function () { 5693 let this_val = $(this).val(); 5694 if (this_val == null || this_val == ''){ 5695 $(this).closest('.required_area').addClass('error'); 5696 }else{ 5697 $(this).closest('.required_area').removeClass('error'); 5698 } 5699 }); 5700 5701 }) 5702</script>
5702 5703<style> 5704 .site-header-sticky .site-header{position: static;} 5705</style> 5706 5707 5708<form 5709 id="form-cart-checkout" 5710 action="/cart" 5711 method="post" 5712 aria-label="cart checkout" 5713> 5714 <input type="hidden" name="attributes[sap_code]" value=""/> 5715 <header class="cart-title"> 5716 <div class="cart-title-left"> 5717 <h1>ã客æ§ã®ã«ã¼ã</h1> 5718 5719 5720 </div> 5721 5722 5723 </header> 5724 5725 <div class="cart_shopinfo"> 5726 <a href="https://info.system5.jp/prosupport/terms" target="_blank"><img src="//www.system5.jp/cdn/shop/files/img_cartpage1430.png?v=3735705530277367395" alt="å¹³æ¥14æ30åã¾ã§ã®æ³¨æã¯å½æ¥çºéï¼å¨åº«åã®ã¿ï¼"></a> 5727 </div> 5728 <div class="center cart_refresh"> 5729 <a onclick="window.location.reload(true);" class="cart_refresh_link">ã«ã¼ãå å®¹ãæ´æ°</a> 5730 </div> 5731 5732 <section class="cartitems--container "> 5733 <div class="cartitems"> 5734 5735 <div class="cartitems-empty"> 5736 <div class="cartitems-empty--inner"> 5737 <p>ã客æ§ã®ã«ã¼ãã«ã¯ä½ãå ¥ã£ã¦ãã¾ãã</p> 5738 5739 5740 <a class="button-primary" href="/collections/all"> 5741 5742 5743 5744 <svg width="25" height="24" viewBox="0 0 25 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H1.33877H1.33883C1.61048 2.00005 2.00378 2.23945 2.10939 2.81599L2.10937 2.816L2.11046 2.82171L5.01743 18.1859C5.12011 18.7286 5.64325 19.0852 6.18591 18.9826C6.21078 18.9779 6.23526 18.9723 6.25933 18.9658C6.28646 18.968 6.31389 18.9692 6.34159 18.9692H18.8179H18.8181C19.0302 18.9691 19.2141 18.9765 19.4075 18.9842L19.4077 18.9842C19.5113 18.9884 19.6175 18.9926 19.7323 18.9959C20.0255 19.0043 20.3767 19.0061 20.7177 18.9406C21.08 18.871 21.4685 18.7189 21.8028 18.3961C22.1291 18.081 22.3266 17.6772 22.4479 17.2384C22.4569 17.2058 22.4642 17.1729 22.4699 17.1396L23.944 8.46865C24.2528 7.20993 23.2684 5.99987 21.9896 6H21.9894H4.74727L4.07666 2.45562L4.07608 2.4525C3.83133 1.12381 2.76159 8.49962e-05 1.33889 0H1.33883H1ZM5.12568 8L6.8227 16.9692H18.8178H18.8179C19.0686 16.9691 19.3257 16.9793 19.5406 16.9877L19.5413 16.9877C19.633 16.9913 19.7171 16.9947 19.7896 16.9967C20.0684 17.0047 20.2307 16.9976 20.3403 16.9766C20.3841 16.9681 20.4059 16.96 20.4151 16.9556C20.4247 16.9443 20.4639 16.8918 20.5077 16.7487L21.9794 8.09186C21.9842 8.06359 21.9902 8.03555 21.9974 8.0078C21.9941 8.00358 21.9908 8.00108 21.989 8H5.12568ZM20.416 16.9552C20.4195 16.9534 20.4208 16.9524 20.4205 16.9523C20.4204 16.9523 20.4199 16.9525 20.4191 16.953L20.416 16.9552ZM10.8666 22.4326C10.8666 23.2982 10.195 24 9.36658 24C8.53815 24 7.86658 23.2982 7.86658 22.4326C7.86658 21.567 8.53815 20.8653 9.36658 20.8653C10.195 20.8653 10.8666 21.567 10.8666 22.4326ZM18.0048 24C18.8332 24 19.5048 23.2982 19.5048 22.4326C19.5048 21.567 18.8332 20.8653 18.0048 20.8653C17.1763 20.8653 16.5048 21.567 16.5048 22.4326C16.5048 23.2982 17.1763 24 18.0048 24Z" fill="currentColor"/> </svg> 5745 5746 ã·ã§ããã³ã°ãç¶ãã 5747 </a> 5748 5749 </div> 5750 </div> 5751 5752 </div> 5753 5754 5755 </section> 5756</form> 5757 5758
5759<script> 5760 const customerId = ''; 5761 const couponId = Number(customerId).toString(36) 5762 5763 function ajaxSubmit(event) { 5764 let submit = true; 5765 const usePoint = Number($('input[name="attributes[use_point]"]').val()); 5766 const disabled = $("#button-submit").prop("disabled"); 5767 if(disabled) { 5768 return false 5769 } 5770 if(usePoint > 0 && customerId) { 5771 $("#button-submit").prop("disabled", true); 5772 $.ajax({ 5773 type: "POST", 5774 url: "/apps/sys5proxy/generate-coupon", 5775 data: JSON.stringify({ 5776 customer_id: customerId, 5777 use_point : usePoint, 5778 }), 5779 contentType: 'application/json', 5780 dataType : "json", 5781 async: false 5782 }).done(function(data, textStatus, XMLHttpRequest){ 5783 var form = $('#form-cart-checkout'); 5784 form.attr('action', form.attr("action") + '?discount='+data.discount_code); 5785 }).fail(function(XMLHttpRequest, status, e){ 5786 $("#button-submit").prop("disabled", false); 5787 if(XMLHttpRequest.status == '429') { 5788 $("#site-busy").text("ç¾å¨ãµã¤ããæ··ã¿åã£ã¦ããã¾ããæéã空ãã¦ã試ããã ããã"); 5789 } else { 5790 $("#site-busy").text("ãã¤ã³ãã®å©ç¨ã«å¤±æãã¾ããã"); 5791 } 5792 submit = false; 5793 }); 5794 } 5795 5796 return submit; 5797 } 5798 5799 $('#form-cart-checkout').submit(ajaxSubmit); 5800 5801 const copyToClipboard = () =>{ 5802 navigator.clipboard.writeText(`ãã¤ã³ãå©ç¨(${couponId})`) 5803 .then( 5804 success => alert('ã¯ã¼ãã³ã³ã¼ããã³ãã¼ãã¾ããã'), 5805 error => alert(`ã¯ã¼ãã³ã³ã¼ãã®ã³ãã¼ã«å¤±æãã¾ãããã¨ã©ã¼å 容:${error}`) 5806 ); 5807 }; 5808 $('.coupon_copy_btn').click(copyToClipboard) 5809 5810 let sent = false 5811 function estimateCreate(){ 5812 if(!sent){ 5813 sent = true 5814 $('.make_estimate').addClass('clicked') 5815 $('.estimate_link').addClass('sent_link') 5816 $.ajax({ 5817 url: "/apps/sys5proxy/create/estimate", 5818 type: "POST", 5819 data: JSON.stringify({ 5820 name: '' + '', 5821 items: '[]', 5822 total_price: '0', 5823 company: '', 5824 email: '', 5825 customer_name: '' + '', 5826 }), 5827 }) 5828 .done(function () { 5829 alert("è¦ç©æ¸ããç»é²ã¡ã¼ã«ã¢ãã¬ã¹å®ã«ãéããããã¾ãããããå±ããªãå ´åã¯è¿·æã¡ã¼ã«ãã©ã«ãçã®ã確èªããé¡ããããã¾ããâ»ç¾æç¹ã§ã¯ã¾ã ãè³¼å ¥æç¶ãã¯ä¸åå®äºãã¦ãã¾ãããååã®ãè³¼å ¥ãå¨åº«ã®ç¢ºä¿ãã叿ã®ã客æ§ã¯å¿ è¦ãªå ´åã¯ãè³¼å ¥æç¶ãã¸é²ãããã¿ã³ãããè³¼å ¥æç¶ããå®äºãã¦ãã ããã") 5830 $('.make_estimate').addClass('sent_btn') 5831 }) 5832 .fail(function () { 5833 alert(`ã¡ã¼ã«ã®éä¿¡ã«å¤±æãã¾ããã大å¤ãææ°ã§ãããå¾ã»ã©ããããã¦ã試ããã ããã`) 5834 $('.estimate_link').removeClass('sent_link') 5835 sent = false 5836 }) 5837 .always(function () { 5838 $('.make_estimate').removeClass('clicked') 5839 }) 5840 } 5841 } 5842 $('.make_estimate, .estimate_link').click(estimateCreate) 5843 5844 let noteErrorFlag_receipt = 0; 5845 let noteErrorFlag_purchase = 0; 5846 $('#note').on('input', function(e) { 5847 const errorHitStrings_receipt = ['é 忏', 'é å証', 'å®å', '使¸', 'ä½ãæ¸ã', 'ãã ãæ¸']; 5848 const errorMessage_receipt = 'é 忏ã¯ãã¤ãã¼ã¸ã®è³¼å ¥å±¥æ´ããPDFå½¢å¼ã§çºè¡ã§ãã¾ãï¼ã³ã³ããæ¯æãNPæãæãã¯å¼ç¤¾ã§ã¯ãªããµã¼ãã¹æä¾å社ããçºè¡ããã¾ãï¼ããã®ãã¼ã¸ã§é åæ¸ã®æç¡ãå®åçã®ãæå®ããã ãã¾ããã®ã§ãäºæ¿ãã ããã'; 5849 let val = $(this).val(); 5850 $.each(errorHitStrings_receipt, function(index, value) { 5851 if (val.indexOf(value) >= 0) { 5852 if(noteErrorFlag_receipt === 0){ 5853 noteErrorFlag_receipt = 1; 5854 alert(errorMessage_receipt); 5855 } 5856 return false; 5857 } else { 5858 noteErrorFlag_receipt = 0; 5859 } 5860 }) 5861 const errorHitStrings_purchase = ['è²·å', 'è²·ãåã', '売å´', '売ããã', 'æ»å®', 'ãããã', 'ããã¨ã', 'ã°ãããã']; 5862 const errorMessage_purchase = 'ãæ©æå£²å´ããæ¤è¨ä¸ã®ã客æ§ã¸ããã¡ãã®å ¥åæ¬ã«ã¯ãä¸å¤è²·åæ©ææ å ±ãå ¥åããªãã§ãã ãããä¸å¤è²·åæ»å®ãã叿ã®ã客æ§ã¯ããä¸è¦æ©æã®å£²å´ãã®é¸æé ç®ã§ã売ãããæ©æããããããé¸ã³ããã ãã¨ããæ³¨æå¾ã«ä¸å¤è²·åãã®æ¡å ã¡ã¼ã«ãå±ãã¾ãããã¡ããããæç¶ãããé¡ããããã¾ãã'; 5863 $.each(errorHitStrings_purchase, function(index, value) { 5864 if (val.indexOf(value) >= 0) { 5865 if(noteErrorFlag_purchase === 0){ 5866 noteErrorFlag_purchase = 1; 5867 alert(errorMessage_purchase); 5868 } 5869 return false;
5870 } else { 5871 noteErrorFlag_purchase = 0; 5872 } 5873 }) 5874 }); 5875 5876 $(function(){ 5877 //éæç¡æã§ãªãã¨ãããã¼è¡¨ç¤º 5878 let totalPrice = Number($('#totalPrice').text().substr(1).replace(/,/, '')); 5879 if(totalPrice < 11000 ){ 5880 $('#add_sale').css('display', 'block'); 5881 } 5882 //ãã¤ã³ãä½¿ç¨æã«æ³¨ææ¸ã表示 5883 let pointFlag = 0; 5884 let $input = $('#usePoint'); 5885 $input.on('input', function(event) { 5886 let value = $input.val(); 5887 if(value > 0 && pointFlag === 0){ 5888 $('#pointUseAttention').css('display', 'block'); 5889 $('#bottomCouponCode').css('display', 'block'); 5890 pointFlag = 1; 5891 } 5892 }); 5893 //åååæ°ã夿´ããã¨ãåèªã¿è¾¼ã¿ 5894 $('input.quantity-selector__input').change(function() { 5895 setTimeout(doReload, 1000); 5896 }); 5897 $('.quantity-selector__button').click(function() { 5898 setTimeout(doReload, 1000); 5899 }); 5900 function doReload() { 5901 window.location.reload(); 5902 } 5903 }); 5904</script>
vendor: 1 bytes, line 5904
5904
5905<script type="text/javascript"> 5906 5907// var _ukwhost = 'uabizstg.ukw.jp'; // æ¬çªã¯ãã¡ãã«åãæ¿ãï¼uabizprd.ukw.jp 5908var _ukwhost = 'uabizprd.ukw.jp'; 5909var _ukwq = []; 5910 5911(function(){ 5912 document.addEventListener('DOMContentLoaded',function(){ 5913 5914 // å ±é 5915 _ukwq.push(['_setClient', 'system5']); 5916 _ukwq.push(['_setReqURL', location.href]); 5917 _ukwq.push(['_setRefURL', document.referrer]); 5918 _ukwq.push(['_setDisplay', isSmartPhone()]); 5919 5920 // ã«ã¼ãã¤ã³ãã¼ã¸ 5921 var __cart_in = []; 5922 5923 if (__cart_in.length) { 5924 _ukwq.push(['_setCartIn', __cart_in.join(',')]); 5925 _ukwq.push(['_sendCartLog']); 5926 } 5927 5928 5929 5930 // å ±éå¦ç 5931 (function () { 5932 var _ukt = document.createElement('script'); _ukt.type = 'text/javascript'; _ukt.async = true; 5933 _ukt.src = '//' + _ukwhost + '/taglog/ukwlg.js'; 5934 var _uks = document.getElementsByTagName('script')[0]; _uks.parentNode.insertBefore(_ukt, _uks); 5935 })(); 5936 5937 // ã¹ãã¼ããã©ã³å¤å® 5938 function isSmartPhone() { 5939 if (navigator.userAgent.match(/iPhone|Android.+Mobile/)) { 5940 return 'sp'; 5941 } else { 5942 return 'pc'; 5943 } 5944 } 5945 5946 }); 5947})(); 5948 5949</script>
5949 5950 5951<link href="//www.system5.jp/cdn/shop/t/20/assets/cart.scss.css?v=174282244377900260861683705526" rel="stylesheet" type="text/css" media="all" /> 5952 5953 5954 5955</div> 5956 <div class="globoRecommendationsBottom"></div> 5957 </main> 5958 5959 <div id="shopify-section-static-footer" class="shopify-section">
5959<script 5960 type="application/json" 5961 data-section-id="static-footer" 5962 data-section-type="static-footer"> 5963</script>
5963 5964 5965<footer role="contentinfo" aria-label="Footer"> 5966 <section class="site-footer-wrapper"> 5967 5968 <div class="site-footer-item"> 5969 <div class="site-footer-blocks column-count-5"> 5970 <div class="site-footer-block-item site-footer-block-menu has-accordion" > 5971 5972 5973 <h2 class="site-footer-block-title" data-accordion-trigger> 5974 ãµãã¼ãã¡ãã¥ã¼ 5975 5976 <span class="site-footer-block-icon accordion--icon"> 5977 <svg 5978 aria-hidden="true" 5979 focusable="false" 5980 role="presentation" 5981 width="14" 5982 height="8" 5983 viewBox="0 0 14 8" 5984 fill="none" 5985 xmlns="http://www.w3.org/2000/svg" 5986> 5987 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 5988 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 5989</svg> 5990 5991 </span> 5992 </h2> 5993 5994 <div class="site-footer-block-content"> 5995 5996 5997 5998 5999 6000 6001 6002 6003 6004 6005 6006 6007 6008<ul 6009 class=" 6010 navmenu 6011 navmenu-depth-1 6012 6013 6014 " 6015 data-navmenu 6016 data-accordion-content 6017 6018 6019> 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 <li 6033 class="navmenu-item navmenu-id-ãåãåããçªå£" 6034 > 6035 <a 6036 class=" 6037 navmenu-link 6038 navmenu-link-depth-1 6039 6040 " 6041 href="https://support.system5.jp/hc/ja/requests/new?ticket_form_id=35178895658777" 6042 > 6043 6044 ãåãåããçªå£ 6045</a> 6046 </li> 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 <li 6061 class="navmenu-item navmenu-id-é éæé-é 鿥æ°" 6062 > 6063 <a 6064 class=" 6065 navmenu-link 6066 navmenu-link-depth-1 6067 6068 " 6069 href="https://support.system5.jp/hc/ja/articles/35090063366425" 6070 > 6071 6072 é éæéã»é éæ¥æ° 6073</a> 6074 </li> 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 <li 6089 class="navmenu-item navmenu-id-製åä¿è¨¼-å»¶é·ä¿è¨¼-procare" 6090 > 6091 <a 6092 class=" 6093 navmenu-link 6094 navmenu-link-depth-1 6095 6096 " 6097 href="https://support.system5.jp/hc/ja/sections/35800055880217" 6098 > 6099 6100 製åä¿è¨¼ã»å»¶é·ä¿è¨¼ã»PROCARE 6101</a> 6102 </li> 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 <li 6117 class="navmenu-item navmenu-id-ä¿®ç-ç¹æ¤" 6118 > 6119 <a 6120 class=" 6121 navmenu-link 6122 navmenu-link-depth-1 6123 6124 " 6125 href="https://support.system5.jp/hc/ja/sections/35089710726553" 6126 > 6127 6128 ä¿®çã»ç¹æ¤ 6129</a> 6130 </li> 6131 6132 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 6143 6144 <li 6145 class="navmenu-item navmenu-id-ãã£ã³ã»ã«-è¿å-交æ" 6146 > 6147 <a 6148 class=" 6149 navmenu-link 6150 navmenu-link-depth-1 6151 6152 " 6153 href="https://support.system5.jp/hc/ja/sections/35800011602329" 6154 > 6155 6156 ãã£ã³ã»ã«ã»è¿åã»äº¤æ 6157</a> 6158 </li> 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 <li 6173 class="navmenu-item navmenu-id-æ¯æãæ¹æ³" 6174 > 6175 <a 6176 class=" 6177 navmenu-link 6178 navmenu-link-depth-1 6179 6180 " 6181 href="https://support.system5.jp/hc/ja/articles/35089999162265" 6182 > 6183 6184 æ¯æãæ¹æ³ 6185</a> 6186 </li> 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 <li 6201 class="navmenu-item navmenu-id-tax-free-æ¶è²»ç¨å ç¨" 6202 > 6203 <a 6204 class=" 6205 navmenu-link 6206 navmenu-link-depth-1 6207 6208 " 6209 href="https://support.system5.jp/hc/ja/articles/35435990993305" 6210 > 6211 6212 Tax-free æ¶è²»ç¨å ç¨ 6213</a> 6214 </li> 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 <li 6229 class="navmenu-item navmenu-id-ããã¼ã³æ¯è¼è¡¨" 6230 > 6231 <a 6232 class=" 6233 navmenu-link 6234 navmenu-link-depth-1 6235 6236 " 6237 href="https://info.system5.jp/dronecompare/" 6238 > 6239 6240 ããã¼ã³æ¯è¼è¡¨ 6241</a> 6242 </li> 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 <li 6257 class="navmenu-item navmenu-id-ã±ã¼ãã«æ©è¦è¡¨" 6258 > 6259 <a 6260 class=" 6261 navmenu-link 6262 navmenu-link-depth-1 6263 6264 " 6265 href="https://info.system5.jp/whatsnew/cable_list" 6266 > 6267 6268 ã±ã¼ãã«æ©è¦è¡¨ 6269</a> 6270 </li> 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 6283 6284 <li 6285 class="navmenu-item navmenu-id-æä½ä¾¡æ ¼ä¿è¨¼å¶åº¦" 6286 > 6287 <a 6288 class=" 6289 navmenu-link 6290 navmenu-link-depth-1 6291 6292 " 6293 href="https://support.system5.jp/hc/ja/articles/35089328679321" 6294 > 6295 6296 æä½ä¾¡æ ¼ä¿è¨¼å¶åº¦ 6297</a> 6298 </li> 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 <li 6313 class="navmenu-item navmenu-id-製åq-a" 6314 > 6315 <a 6316 class=" 6317 navmenu-link 6318 navmenu-link-depth-1 6319 6320 " 6321 href="https://support.system5.jp/hc/ja/categories/35090498915353" 6322 > 6323 6324 製åQ&A 6325</a> 6326 </li> 6327 6328 6329</ul> 6330 6331 </div> 6332 6333</div> 6334<div class="site-footer-block-item site-footer-block-menu has-accordion" > 6335 6336 6337 <h2 class="site-footer-block-title" data-accordion-trigger> 6338 è¦ç´ã»ããªã·ã¼ 6339
6340 <span class="site-footer-block-icon accordion--icon"> 6341 <svg 6342 aria-hidden="true" 6343 focusable="false" 6344 role="presentation" 6345 width="14" 6346 height="8" 6347 viewBox="0 0 14 8" 6348 fill="none" 6349 xmlns="http://www.w3.org/2000/svg" 6350> 6351 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 6352 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 6353</svg> 6354 6355 </span> 6356 </h2> 6357 6358 <div class="site-footer-block-content"> 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372<ul 6373 class=" 6374 navmenu 6375 navmenu-depth-1 6376 6377 6378 " 6379 data-navmenu 6380 data-accordion-content 6381 6382 6383> 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 <li 6397 class="navmenu-item navmenu-id-ãå©ç¨è¦ç´" 6398 > 6399 <a 6400 class=" 6401 navmenu-link 6402 navmenu-link-depth-1 6403 6404 " 6405 href="/policies/terms-of-service" 6406 > 6407 6408 ãå©ç¨è¦ç´ 6409</a> 6410 </li> 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 <li 6425 class="navmenu-item navmenu-id-ç¹å®åå弿³ã«åºã¥ã表è¨" 6426 > 6427 <a 6428 class=" 6429 navmenu-link 6430 navmenu-link-depth-1 6431 6432 " 6433 href="/policies/legal-notice" 6434 > 6435 6436 ç¹å®åå弿³ã«åºã¥ãè¡¨è¨ 6437</a> 6438 </li> 6439 6440 6441 6442 6443 6444 6445 6446 6447 6448 6449 6450 6451 6452 <li 6453 class="navmenu-item navmenu-id-ãã©ã¤ãã·ã¼ããªã·ã¼" 6454 > 6455 <a 6456 class=" 6457 navmenu-link 6458 navmenu-link-depth-1 6459 6460 " 6461 href="/policies/privacy-policy" 6462 > 6463 6464 ãã©ã¤ãã·ã¼ããªã·ã¼ 6465</a> 6466 </li> 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 <li 6481 class="navmenu-item navmenu-id-è¿éããªã·ã¼" 6482 > 6483 <a 6484 class=" 6485 navmenu-link 6486 navmenu-link-depth-1 6487 6488 " 6489 href="/policies/refund-policy" 6490 > 6491 6492 è¿éããªã·ã¼ 6493</a> 6494 </li> 6495 6496 6497 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 <li 6509 class="navmenu-item navmenu-id-ã«ã¹ã¿ãã¼ãã©ã¹ã¡ã³ãããªã·ã¼" 6510 > 6511 <a 6512 class=" 6513 navmenu-link 6514 navmenu-link-depth-1 6515 6516 " 6517 href="/pages/customer-harassment" 6518 > 6519 6520 ã«ã¹ã¿ãã¼ãã©ã¹ã¡ã³ãããªã·ã¼ 6521</a> 6522 </li> 6523 6524 6525</ul> 6526 6527 </div> 6528 6529</div> 6530<div class="site-footer-block-item site-footer-block-menu has-accordion" > 6531 6532 6533 <h2 class="site-footer-block-title" data-accordion-trigger> 6534 ãµã¼ãã¹ 6535 6536 <span class="site-footer-block-icon accordion--icon"> 6537 <svg 6538 aria-hidden="true" 6539 focusable="false" 6540 role="presentation" 6541 width="14" 6542 height="8" 6543 viewBox="0 0 14 8" 6544 fill="none" 6545 xmlns="http://www.w3.org/2000/svg" 6546> 6547 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 6548 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 6549</svg> 6550 6551 </span> 6552 </h2> 6553 6554 <div class="site-footer-block-content"> 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568<ul 6569 class=" 6570 navmenu 6571 navmenu-depth-1 6572 6573 6574 " 6575 data-navmenu 6576 data-accordion-content 6577 6578 6579> 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 <li 6593 class="navmenu-item navmenu-id-ãªã³ã©ã¤ã³ã·ã§ãã" 6594 > 6595 <a 6596 class=" 6597 navmenu-link 6598 navmenu-link-depth-1 6599 6600 " 6601 href="/" 6602 > 6603 6604 ãªã³ã©ã¤ã³ã·ã§ãã 6605</a> 6606 </li> 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 <li 6621 class="navmenu-item navmenu-id-ã·ã§ã¼ã«ã¼ã -progearåèµé" 6622 > 6623 <a 6624 class=" 6625 navmenu-link 6626 navmenu-link-depth-1 6627 6628 " 6629 href="/pages/progear" 6630 > 6631 6632 ã·ã§ã¼ã«ã¼ã ãPROGEARåèµéã 6633</a> 6634 </li> 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 <li 6649 class="navmenu-item navmenu-id-ä¸å¤è²·å" 6650 > 6651 <a 6652 class=" 6653 navmenu-link 6654 navmenu-link-depth-1 6655 6656 " 6657 href="https://used.system5.jp/" 6658 > 6659 6660 ä¸å¤è²·å 6661</a> 6662 </li> 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 6675 6676 <li 6677 class="navmenu-item navmenu-id-ã»ããã¼-ã¤ãã³ã" 6678 > 6679 <a 6680 class=" 6681 navmenu-link 6682 navmenu-link-depth-1 6683 6684 " 6685 href="https://info.system5.jp/proseminar/" 6686 > 6687 6688 ã»ããã¼ã»ã¤ãã³ã 6689</a> 6690 </li> 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704 <li 6705 class="navmenu-item navmenu-id-ãªã¼ã¯ã·ã§ã³" 6706 > 6707 <a 6708 class=" 6709 navmenu-link 6710 navmenu-link-depth-1 6711 6712 " 6713 href="/pages/proauction" 6714 > 6715 6716 ãªã¼ã¯ã·ã§ã³ 6717</a> 6718 </li> 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 <li 6733 class="navmenu-item navmenu-id-ã·ã¹ãã æ§ç¯-æ³äººçªå£" 6734 > 6735 <a 6736 class=" 6737 navmenu-link 6738 navmenu-link-depth-1 6739 6740 " 6741 href="https://www.system5.jp/pages/businesscompany" 6742 > 6743 6744 ã·ã¹ãã æ§ç¯ã»æ³äººçªå£ 6745</a> 6746 </li> 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 <li 6761 class="navmenu-item navmenu-id-ä¸å¤åã試ããµã¼ãã¹" 6762 > 6763 <a 6764 class=" 6765 navmenu-link 6766 navmenu-link-depth-1 6767 6768 " 6769 href="https://info.system5.jp/whatsnew/archives/115896" 6770 > 6771 6772 ä¸å¤åã試ããµã¼ãã¹ 6773</a> 6774 </li> 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 <li 6789 class="navmenu-item navmenu-id-販売代çåºåéã®ãæ¡å " 6790 > 6791 <a 6792 class=" 6793 navmenu-link 6794 navmenu-link-depth-1 6795 6796 " 6797 href="https://support.system5.jp/hc/ja/articles/44044987242265" 6798 > 6799 6800 販売代çåºåéã®ãæ¡å 6801</a> 6802 </li> 6803 6804 6805 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 <li 6817 class="navmenu-item navmenu-id-ã¢ãã£ãªã¨ã¤ãããã°ã©ã " 6818 > 6819 <a 6820 class=" 6821 navmenu-link 6822 navmenu-link-depth-1 6823 6824 " 6825 href="https://shop.system5.jp/" 6826 > 6827 6828 ã¢ãã£ãªã¨ã¤ãããã°ã©ã 6829</a> 6830 </li> 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 <li 6845 class="navmenu-item navmenu-id-å¦ç-æè·å¡åãå²å¼" 6846 > 6847 <a 6848 class=" 6849 navmenu-link 6850 navmenu-link-depth-1 6851 6852 " 6853 href="https://support.system5.jp/hc/ja/articles/56120446699033" 6854 > 6855 6856 å¦çã»æè·å¡åãå²å¼ 6857</a> 6858 </li> 6859 6860 6861</ul> 6862 6863 </div> 6864 6865</div> 6866<div class="site-footer-block-item site-footer-block-menu has-accordion" > 6867 6868 6869 <h2 class="site-footer-block-title" data-accordion-trigger> 6870 ç§ãã¡ã«ã¤ã㦠6871
6872 <span class="site-footer-block-icon accordion--icon"> 6873 <svg 6874 aria-hidden="true" 6875 focusable="false" 6876 role="presentation" 6877 width="14" 6878 height="8" 6879 viewBox="0 0 14 8" 6880 fill="none" 6881 xmlns="http://www.w3.org/2000/svg" 6882> 6883 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 6884 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 6885</svg> 6886 6887 </span> 6888 </h2> 6889 6890 <div class="site-footer-block-content"> 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904<ul 6905 class=" 6906 navmenu 6907 navmenu-depth-1 6908 6909 6910 " 6911 data-navmenu 6912 data-accordion-content 6913 6914 6915> 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 <li 6929 class="navmenu-item navmenu-id-伿¥æ å ±" 6930 > 6931 <a 6932 class=" 6933 navmenu-link 6934 navmenu-link-depth-1 6935 6936 " 6937 href="https://www.system5.co.jp/company/" 6938 > 6939 6940 伿¥æ å ± 6941</a> 6942 </li> 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 6954 6955 6956 <li 6957 class="navmenu-item navmenu-id-æ¥åå 容" 6958 > 6959 <a 6960 class=" 6961 navmenu-link 6962 navmenu-link-depth-1 6963 6964 " 6965 href="https://www.system5.co.jp/service/" 6966 > 6967 6968 æ¥åå 容 6969</a> 6970 </li> 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 <li 6985 class="navmenu-item navmenu-id-csr-sdgs" 6986 > 6987 <a 6988 class=" 6989 navmenu-link 6990 navmenu-link-depth-1 6991 6992 " 6993 href="https://www.system5.co.jp/project/" 6994 > 6995 6996 CSR / SDGs 6997</a> 6998 </li> 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 <li 7013 class="navmenu-item navmenu-id-æ¡ç¨æ å ±" 7014 > 7015 <a 7016 class=" 7017 navmenu-link 7018 navmenu-link-depth-1 7019 7020 " 7021 href="https://www.system5.co.jp/recruit/" 7022 > 7023 7024 æ¡ç¨æ å ± 7025</a> 7026 </li> 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 <li 7041 class="navmenu-item navmenu-id-å ¬å¼ã¹ããã¢ããª" 7042 > 7043 <a 7044 class=" 7045 navmenu-link 7046 navmenu-link-depth-1 7047 7048 " 7049 href="https://info.system5.jp/whatsnew/archives/105374" 7050 > 7051 7052 å ¬å¼ã¹ããã¢ã㪠7053</a> 7054 </li> 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 <li 7069 class="navmenu-item navmenu-id-å ¬å¼ã¢ã³ããµãã¼" 7070 > 7071 <a 7072 class=" 7073 navmenu-link 7074 navmenu-link-depth-1 7075 7076 " 7077 href="https://info.system5.jp/whatsnew/ambassador" 7078 > 7079 7080 å ¬å¼ã¢ã³ããµãã¼ 7081</a> 7082 </li> 7083 7084 7085</ul> 7086 7087 </div> 7088 7089</div> 7090<div class="site-footer-block-item site-footer-block-menu has-accordion" > 7091 7092 7093 <h2 class="site-footer-block-title" data-accordion-trigger> 7094 SNSã»å§å¦¹ãµã¤ã 7095 7096 <span class="site-footer-block-icon accordion--icon"> 7097 <svg 7098 aria-hidden="true" 7099 focusable="false" 7100 role="presentation" 7101 width="14" 7102 height="8" 7103 viewBox="0 0 14 8" 7104 fill="none" 7105 xmlns="http://www.w3.org/2000/svg" 7106> 7107 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 7108 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 7109</svg> 7110 7111 </span> 7112 </h2> 7113 7114 <div class="site-footer-block-content"> 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128<ul 7129 class=" 7130 navmenu 7131 navmenu-depth-1 7132 7133 7134 " 7135 data-navmenu 7136 data-accordion-content 7137 7138 7139> 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 <li 7153 class="navmenu-item navmenu-id-x" 7154 > 7155 <a 7156 class=" 7157 navmenu-link 7158 navmenu-link-depth-1 7159 7160 " 7161 href="https://x.com/system5proshop" 7162 > 7163 7164 X 7165</a> 7166 </li> 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 <li 7181 class="navmenu-item navmenu-id-x-ããã¼ã³" 7182 > 7183 <a 7184 class=" 7185 navmenu-link 7186 navmenu-link-depth-1 7187 7188 " 7189 href="https://x.com/system5drone" 7190 > 7191 7192 Xï¼ããã¼ã³ï¼ 7193</a> 7194 </li> 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 <li 7209 class="navmenu-item navmenu-id-x-ãã¾ãã" 7210 > 7211 <a 7212 class=" 7213 navmenu-link 7214 navmenu-link-depth-1 7215 7216 " 7217 href="https://x.com/system5sales" 7218 > 7219 7220 Xï¼ãã¾ããï¼ 7221</a> 7222 </li> 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 <li 7237 class="navmenu-item navmenu-id-youtube" 7238 > 7239 <a 7240 class=" 7241 navmenu-link 7242 navmenu-link-depth-1 7243 7244 " 7245 href="https://www.youtube.com/user/system5proshop/featured" 7246 > 7247 7248 YouTube 7249</a> 7250 </li> 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 <li 7265 class="navmenu-item navmenu-id-youtube-ããã¼ã³" 7266 > 7267 <a 7268 class=" 7269 navmenu-link 7270 navmenu-link-depth-1 7271 7272 " 7273 href="https://www.youtube.com/system5drone" 7274 > 7275 7276 YouTubeï¼ããã¼ã³ï¼ 7277</a> 7278 </li> 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 <li 7293 class="navmenu-item navmenu-id-facebook" 7294 > 7295 <a 7296 class=" 7297 navmenu-link 7298 navmenu-link-depth-1 7299 7300 " 7301 href="https://www.facebook.com/system5proshop/" 7302 > 7303 7304 Facebook 7305</a> 7306 </li> 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 <li 7321 class="navmenu-item navmenu-id-facebook-ããã¼ã³" 7322 > 7323 <a 7324 class=" 7325 navmenu-link 7326 navmenu-link-depth-1 7327 7328 " 7329 href="https://www.facebook.com/system5drone/" 7330 > 7331 7332 Facebookï¼ããã¼ã³ï¼ 7333</a> 7334 </li> 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 <li 7349 class="navmenu-item navmenu-id-instagram" 7350 > 7351 <a 7352 class=" 7353 navmenu-link 7354 navmenu-link-depth-1 7355 7356 " 7357 href="https://www.instagram.com/system5.jp/" 7358 > 7359 7360 Instagram 7361</a> 7362 </li> 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 <li 7377 class="navmenu-item navmenu-id-line" 7378 > 7379 <a 7380 class=" 7381 navmenu-link 7382 navmenu-link-depth-1 7383 7384 " 7385 href="https://line.me/ti/p/%40system5" 7386 > 7387 7388 LINE 7389</a> 7390 </li> 7391 7392 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 7403 7404 <li 7405 class="navmenu-item navmenu-id-å¶æ¥é¨ããã°" 7406 > 7407 <a 7408 class=" 7409 navmenu-link 7410 navmenu-link-depth-1 7411 7412 " 7413 href="https://system5sales.blog.jp/" 7414 > 7415 7416 å¶æ¥é¨ããã° 7417</a> 7418 </li> 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 <li 7433 class="navmenu-item navmenu-id-djiè£½åæ å ±ãµã¤ã" 7434 > 7435 <a 7436 class=" 7437 navmenu-link 7438 navmenu-link-depth-1 7439 7440 " 7441 href="https://dji-info.system5.jp/" 7442 > 7443 7444 DJIè£½åæ å ±ãµã¤ã 7445</a> 7446 </li> 7447 7448 7449</ul> 7450 7451 </div> 7452 7453</div> 7454 7455 </div> 7456 </div> 7457 7458 7459 <div class="site-footer-item"> 7460 <div class="site-footer-information"> 7461 <div class="site-footer-left"> 7462 7463 7464 7465 7466 <div class="footer_banner"> 7467 <a href="https://info.system5.jp/prosupport/tax-free"><img src="https://file.system5.jp/globalfooter/images/taxfree.jpg" alt="Tax-freeã¢ã¤ã³ã³" width="150" height="70"></a> 7468 <a href="https://isms.jp/lst/ind/CR_ISA_x0020_IS_x0020_0082.html" target="_blank" rel="noopener"><img src="https://file.system5.jp/globalfooter/images/ISMSmark_2022.jpg" alt="ISOãã¼ã¯" width="128" height="80"></a> 7469 <a href="https://entity-search.jipdec.or.jp/pmark/?name=%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%83%95%E3%82%A1%E3%82%A4%E3%83%96&gycat=9&gycode=52" target="_blank" rel="noopener"><img src="https://file.system5.jp/globalfooter/images/Pmark.png" alt="ãã©ã¤ãã·ã¼ãã¼ã¯" width="80" height="80" style="margin:0 5px;"></a> 7470 </div> 7471 <p class="site-footer-credits">å¤ç©å許å¯çªå·ï¼æç¥çå ¬å®å§å¡ä¼ 第54116A112100å·</p> 7472 7473 7474 7475 <p class="site-footer-credits"> 7476 7477 ©2005-2026 System5 Co., Ltd. 7478 </p> 7479 7480 7481 </div> 7482 <div class="site-footer-right"> 7483 <ul class="payment-icons"> 7484 <li class="payment-icons-item"> 7485 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2
74850-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg> 7486 </li> 7487 <li class="payment-icons-item"> 7488 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><circle fill="#EB001B" cx="15" cy="12" r="7"></circle><circle fill="#F79E1B" cx="23" cy="12" r="7"></circle><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg> 7489 </li> 7490 <li class="payment-icons-item"> 7491 <svg width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"></path><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"></path></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"></path><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"></path><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"></path><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"></path></g></svg> 7492 </li> 7493 <li class="payment-icons-item"> 7494 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><g fill="none"><path fill="#000" d="M35,0 L3,0 C1.3,0 0,1.3 0,3 L0,21 C0,22.7 1.4,24 3,24 L35,24 C36.7,24 38,22.7 38,21 L38,3 C38,1.3 36.6,0 35,0 Z" opacity=".07"></path><path fill="#006FCF" d="M35,1 C36.1,1 37,1.9 37,3 L37,21 C37,22.1 36.1,23 35,23 L3,23 C1.9,23 1,22.1 1,21 L1,3 C1,1.9 1.9,1 3,1 L35,1"></path><path fill="#FFF" d="M8.971,10.268 L9.745,12.144 L8.203,12.144 L8.971,10.268 Z M25.046,10.346 L22.069,10.346 L22.069,11.173 L24.998,11.173 L24.998,12.412 L22.075,12.412 L22.075,13.334 L25.052,13.334 L25.052,14.073 L27.129,11.828 L25.052,9.488 L25.046,10.346 L25.046,10.346 Z M10.983,8.006 L14.978,8.006 L15.865,9.941 L16.687,8 L27.057,8 L28.135,9.19 L29.25,8 L34.013,8 L30.494,11.852 L33.977,15.68 L29.143,15.68 L28.065,14.49 L26.94,15.68 L10.03,15.68 L9.536,14.49 L8.406,14.49 L7.911,15.68 L4,15.68 L7.286,8 L10.716,8 L10.983,8.006 Z M19.646,9.084 L17.407,9.084 L15.907,12.62 L14.282,9.084 L12.06,9.084 L12.06,13.894 L10,9.084 L8.007,9.084 L5.625,14.596 L7.18,14.596 L7.674,13.406 L10.27,13.406 L10.764,14.596 L13.484,14.596 L13.484,10.661 L15.235,14.602 L16.425,14.602 L18.165,10.673 L18.165,14.603 L19.623,14.603 L19.647,9.083 L19.646,9.084 Z M28.986,11.852 L31.517,9.084 L29.695,9.084 L28.094,10.81 L26.546,9.084 L20.652,9.084 L20.652,14.602 L26.462,14.602 L28.076,12.864 L29.624,14.602 L31.499,14.602 L28.987,11.852 L28.986,11.852 Z"></path></g></svg> 7495 </li> 7496 7497 7498 <li class="payment-icons-item"> 7499 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path>
7499<path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path></svg> 7500 </li> 7501 <li class="payment-icons-item"> 7502 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-familymart"><title id="pi-familymart">FamilyMart</title><path d="M0 6.1h38v11.81H0z" fill="#fff"></path><path d="M35.89 0H2.11A2.14 2.14 0 0 0 0 2.17V6.1h38V2.2A2.14 2.14 0 0 0 35.92 0z" fill="#00b236"></path><path d="M0 21.8A2.14 2.14 0 0 0 2.08 24h33.81A2.14 2.14 0 0 0 38 21.83v-3.92H0z" fill="#0095e3"></path><path d="M.96 8.98v5.65H2.1v-2.47h2.4v-1.09H2.1v-1h2.44V8.98H.96zm6.92 4.84V12c0-.61-.31-1.38-1.64-1.38a3.32 3.32 0 0 0-1.24.22v1a2 2 0 0 1 1.09-.31c.36 0 .71.12.71.54a2 2 0 0 0-.63-.1A1.38 1.38 0 0 0 4.6 13.4 1.25 1.25 0 0 0 6 14.66a1.46 1.46 0 0 0 .9-.29.7.7 0 0 0 .09.26h1.13c-.12-.11-.24-.34-.24-.81zm-2.2-.54c0-.31.27-.52.65-.52a1 1 0 0 1 .47.11v.67a.83.83 0 0 1-.57.21c-.36 0-.55-.2-.55-.47zm25.53.54V12c0-.61-.31-1.38-1.64-1.38a3.33 3.33 0 0 0-1.24.23v1a2 2 0 0 1 1.09-.31c.36 0 .71.12.71.54a2 2 0 0 0-.63-.1 1.38 1.38 0 0 0-1.57 1.4 1.25 1.25 0 0 0 1.35 1.26 1.45 1.45 0 0 0 .9-.29.81.81 0 0 0 .09.26h1.18c-.14-.09-.24-.32-.24-.79zM29 13.28c0-.31.27-.52.65-.52a1 1 0 0 1 .47.11v.67a.83.83 0 0 1-.57.21c-.34 0-.55-.2-.55-.47zm-16.35-2.63a1.39 1.39 0 0 0-1.13.46 1.26 1.26 0 0 0-1-.46 1.43 1.43 0 0 0-1 .36v-.33h-1v3.95H9.6V12a.72.72 0 0 1 .57-.3c.32 0 .51.22.51.62v2.33h1.1v-2.7a.68.68 0 0 1 .56-.27c.35 0 .51.25.51.62v2.33H14V11.9a1.19 1.19 0 0 0-1.35-1.25zm3.84-1.67h1.08v5.65h-1.08zm8.36 1.76l-1.43-1.76h-1.18v5.65h1.18v-3.89l1.43 1.89 1.42-1.89v3.89h1.19V8.98h-1.19l-1.42 1.76zm-10.18-.05h1.08v3.94h-1.08zm.53-1.79a.7.7 0 1 0 .7.7.7.7 0 0 0-.7-.7zm17.64 2.2v-.41h-1v3.95h1.08v-2.48a1 1 0 0 1 .77-.38 1 1 0 0 1 .61.2v-1.2a1 1 0 0 0-.52-.14 1.1 1.1 0 0 0-.94.46zm3.74 2.53c-.34 0-.47-.26-.47-.56v-1.35H37v-1h-.92V9.2L35 9.66v1h-.58v1H35v1.51c0 .82.33 1.45 1.29 1.45a2 2 0 0 0 .71-.11v-1.04a.6.6 0 0 1-.42.16zm-17.71 2.02h1.21l1.82-4.96h-1.18l-.75 2.13-.82-2.13h-1.23l1.49 3.58-.54 1.38z" fill="#008cd6"></path></svg> 7503 </li> 7504 <li class="payment-icons-item"> 7505 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-lawson"><title id="pi-lawson">Lawson</title><path d="M35 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h32a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3z" fill="#e8e8e8"></path><path d="M35 1a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h32" fill="#fff"></path><path d="M21.67 12.3H24c.2 0 .2.06.2.17v.85c0 .21 0 .29-.35.29H21.7c-.08 0-.19 0-.19-.13v-.66c0-.11 0-.15-.15-.15h-.48c-.07 0-.14 0-.14.15V14c0 .39.16.63.66.63h2.77a.7.7 0 0 0 .77-.74v-1.71c0-.37-.28-.66-.78-.66h-2.43c-.12 0-.23 0-.23-.19v-.78c0-.09 0-.16.2-.16H24c.22 0 .17 0 .17.2V11c0 .12.1.12.21.12h.43c.12 0 .14-.06.14-.15v-.69c0-.69-.24-.93-.81-.93h-2.43c-.63 0-1 0-1 .93v1.34c0 .43.27.63.94.63m4.89-.16v-1.45c0-.2.11-.24.23-.24H29c.15 0 .2 0 .2.16v2.88c0 .17-.1.17-.2.17h-2.24c-.15 0-.22 0-.22-.18zm0 2.52h2.57c.57 0 .86-.19.86-.87v-3.42c0-.63-.26-.93-.83-.93h-2.53c-.53 0-.85.22-.85.93v3.53c0 .44.2.76.79.76M1.94 10.39h.69v3.21H2a.12.12 0 0 0-.12.12v.77
7505a.11.11 0 0 0 .12.12h4a.11.11 0 0 0 .12-.12v-1.76a.12.12 0 0 0-.12-.12h-.52a.12.12 0 0 0-.12.12v.88h-2v-3.22h.65a.12.12 0 0 0 .12-.12v-.76a.12.12 0 0 0-.12-.12H1.94a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12m7.61.82l.59 1.07h-1.2zm-2.82 3.39h2.12a.12.12 0 0 0 .15-.12v-.77a.12.12 0 0 0-.12-.12h-.69l.31-.54h2.08l.3.54h-.64a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12h2.12a.11.11 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12h-.59L10 10.39h.67a.12.12 0 0 0 .12-.12v-.76a.12.12 0 0 0-.12-.12H8.53a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12h.59L7.3 13.61h-.57a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12m4.89-4.23h.64l1.59 3.21h-.65a.12.12 0 0 0-.12.12v.77a.11.11 0 0 0 .12.12h2.12a.12.12 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12h-.59l1.15-2.35L17 13.61h-.63a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12h2.12a.11.11 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12h-.6l1.57-3.21h.62a.12.12 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12H18a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12h.64l-1.16 2.36-1.17-2.36h.62a.12.12 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12h-2.11a.12.12 0 0 0-.12.12v.77
7505a.12.12 0 0 0 .12.12h.62l-1.14 2.34-1.16-2.34h.62a.12.12 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12h-2.14a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12m18.98 4.21h2.12a.11.11 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12H32v-2.3l2.46 2.3h-.55a.12.12 0 0 0-.12.12v.77a.11.11 0 0 0 .12.12h2.12a.11.11 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12h-.68v-3.21h.68a.12.12 0 0 0 .12-.12v-.76a.12.12 0 0 0-.12-.12h-2.09a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12h.67v2.26L32.2 10.4h.53a.12.12 0 0 0 .12-.12v-.77a.12.12 0 0 0-.12-.12H30.6a.12.12 0 0 0-.12.12v.77a.12.12 0 0 0 .12.12h.65v3.21h-.65a.12.12 0 0 0-.12.12v.77a.11.11 0 0 0 .12.12" fill="#007bc2"></path></svg> 7506 </li> 7507 <li class="payment-icons-item"> 7508 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-ministop"><title id="pi-ministop">Ministop</title><defs><style>.c{fill:#004097}</style></defs><path d="M35 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h32a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3z" fill="#e8e8e8"></path><path d="M35 1a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h32" fill="#fff"></path><path class="c" d="M21.19 4a.572.572 0 0 0 .89.72A2.92 2.92 0 0 1 25.43 4c1.56.55 1.78 2.92 1.79 2.95a.55.55 0 0 0 .35.48 3.71 3.71 0 0 1 2.61 3.54 3.06 3.06 0 0 1-.06.6.62.62 0 0 0 .49.67 2.27 2.27 0 0 1 1.89 2.46 3 3 0 0 1-2.43 2.76.55.55 0 0 0-.46.55v2.21H8.87v-8.28a.55.55 0 0 0-.55-.55h-2L13.38 4 16 6.63a.57.57 0 0 0 .8-.81l-3-3a.55.55 0 0 0-.78 0L4.55 11.6a.55.55 0 0 0 .39 1H7.7v8.31a.55.55 0 0 0 .55.55h21.92a.55.55 0 0 0 .55-.55v-2.4a3.89 3.89 0 0 0 2.9-3.75 3.4 3.4 0 0 0-2.34-3.49V11a4.82 4.82 0 0 0-3-4.43c-.12-.78-.61-2.95-2.46-3.61A4 4 0 0 0 21.19 4z"></path><path class="c" d="M12.11 7.84a.76.76 0 0 0-.5.71v3.72a.76.76 0 1 0 1.52 0v-1.66l.49.55a.76.76 0 0 0 .55.27.77.77 0 0 0 .55-.25l.65-.71v1.8a.76.76 0 0 0 1.52 0V8.55A.76.76 0 0 0 15.57 8l-1.36 1.55-1.27-1.49a.76.76 0 0 0-.83-.22zm5.76.71v3.75a.76.76 0 1 0 1.52 0V8.55a.76.76 0 1 0-1.52 0zm7.55 0v3.75a.76.76 0 1 0 1.52 0V8.55a.76.76 0 1 0-1.52 0zm-4.51-.73a.76.76 0 0 0-.55.72v3.75a.76.76 0 1 0 1.52 0V11l1.22 1.76a.76.76 0 0 0 1.38-.44V8.55a.76.76 0 1 0-1.52 0v1.33l-1.22-1.76a.76.76 0 0 0-.83-.3zm-8.38 10.09c-.32.12-.62-.14-.81-.38a.65.65 0 1 0-1 .78 2 2 0 0 0 2.26.77 2 2 0 0 0 1.27-1.81A1.65 1.65 0 0 0 13 15.78c-.73-.23-.84-.47-.86-.52s-.11-.41.5-.38a1 1 0 0 1 .55.34.65.65 0 0 0 1-.79 2.26 2.26 0 0 0-1.51-.84 2 2 0 0 0-1.52.65l-.07.08a1.57 1.57 0 0 0-.2 1.35 2.36 2.36 0 0 0 1.7 1.33.39.39 0 0 1 .32.45.43.43 0 0 1-.38.46zm2.56-4.1a.65.65 0 1 0 0 1.29h2.63a.65.65 0 0 0 0-1.29z"></path><path class="c" d="M15.63 14.59v3.73a.76.76 0 1 0 1.52 0v-3.73a.76.76 0 1 0-1.52 0zm10.66-.89H24.8a.76.76 0 0 0-.76.76v3.86a.76.76 0 1 0 1.52 0v-.89h.72a2.05 2.05 0 0 0 1.95-1.9 1.91 1.91 0 0 0-1.94-1.83zm-.08 2.21h-.55V15h.58s.47.09.47.44-.5.46-.5.46zm-5.47-2.33a2.76 2.76 0 1 0 2.76 2.76 2.76 2.76 0 0 0-2.76-2.76zm0 4a1.16 1.16 0 1 1 1.16-1.16 1.16 1.16 0 0 1-1.16 1.16z"></path></svg> 7509 </li> 7510 <li class="payment-icons-item"> 7511 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-pay_pay"><title id="pi-pay_pay">PayPay</title><path opacity=".07" fill-rule="evenodd" clip-rule="evenodd" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.791 5h-6.245c-.698 0-1.27.552-1.308 1.24 5.229-.148 7.772 1.668 7.373 3.48-.36 1.63-2.019 2.255-4.715 2.46l-.403 1.676h5.298c.721 0 1.311-.59 1.311-1.31V6.309c0-.72-.59-1.309-1.311-1.309zm-.496 4.727c.208-.846-1.158-1.628-3.345-1.923l-.794 3.298c1.833.086 3.915-.464 4.14-1.375zm-5.333 4.129h-.416c-.721 0-1.311-.59-1.311-1.31V7.77a16.56 16.56 0 013.236-.023l-1.51 6.108z" fill="#FA0028"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M17.765 18.491c-.193.426-.51.481-.652.497-.15.018-.31.01-.31.01v-.347c.284 0 .438.022.604-.308l.114-.287-1.043-2.07h.666l.684
75111.377.605-1.376h.432s-.907 2.08-1.1 2.504zm-2.433-.511c-.276 0-.474-.204-.474-.503 0-.3.265-.477.506-.477.122 0 .238.034.282.072v.769c-.077.067-.168.139-.314.139zm-.027-1.993c-.48 0-.728.117-.728.117l.06.178s.18-.083.535-.083c.394 0 .474.19.474.451l-.005.117a2.011 2.011 0 00-.484-.058c-.3 0-.797.185-.797.788 0 .575.438.762.748.762a.946.946 0 00.538-.157v.118h.635v-1.57c0-.496-.495-.663-.976-.663zm-2.67.914v-1.36s.196.002.416.002c.312 0 .656.236.656.64s-.344.719-.656.719h-.416zm.416-1.664h-.902a.149.149 0 00-.149.149v2.834h.635v-1.014h.416c.615 0 1.172-.382 1.172-1.03 0-.649-.557-.939-1.172-.939zm11.979 3.254c-.194.426-.511.481-.653.497-.15.018-.309.01-.309.01v-.347c.283 0 .437.022.604-.308l.113-.287-1.042-2.07h.666l.683 1.377.605-1.376h.433s-.908 2.08-1.1 2.504zm-2.433-.511c-.276 0-.474-.204-.474-.503 0-.3.265-.477.506-.477.121 0 .237.034.282.072v.769c-.078.067-.168.139-.314.139zm-.027-1.993c-.481 0-.728.117-.728.117l.059.178s.18-.083.536-.083c.394 0 .474.19.474.451l-.005.117a2.007 2.007 0 00-.484-.058c-.3 0-.797.185-.797.788 0 .575.437.762.748.762a.946.946 0 00.538-.157v.118h.635v-1.57c0-.496-.495-.663-.976-.663zm-2.67.914v-1.36s.196.002.416.002c.311 0 .655.236.655.64s-.344.719-.655.719H19.9zm.416-1.664h-.903a.149.149 0 00-.148.149v2.834h.635v-1.014h.416c.614 0 1.172-.382 1.172-1.03 0-.649-.558-.939-1.172-.939z" fill="#302B2B"></path></svg> 7512 </li> 7513 <li class="payment-icons-item"> 7514 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="ã¬ã¤ã¤ã¼_1" data-name="ã¬ã¤ã¤ã¼ 1" viewBox="0 0 364.65 58.07" style="border: 1px solid #EDEDED;border-radius: 4px;padding: 0 3px;height: 28.5px;
7514margin-top: 1px;"><defs><style>.cls-1{fill:#00abeb;}.cls-2{fill:url(#æ°è¦ã°ã©ãã¼ã·ã§ã³ã¹ã¦ã©ãã_3);}</style><linearGradient id="æ°è¦ã°ã©ãã¼ã·ã§ã³ã¹ã¦ã©ãã_3" y1="29.03" x2="93.15" y2="29.03" gradientUnits="userSpaceOnUse"><stop offset="0.49" stop-color="#1eace6"/><stop offset="0.49" stop-color="#26aae4"/><stop offset="0.55" stop-color="#5b9cd4"/><stop offset="0.6" stop-color="#8691c7"/><stop offset="0.65" stop-color="#a489be"/><stop offset="0.69" stop-color="#b684b9"/><stop offset="0.72" stop-color="#bd82b7"/><stop offset="0.83" stop-color="#db4693"/><stop offset="0.88" stop-color="#e72d84"/></linearGradient></defs><title id="pi-npkake">NPæãæã</title><polygon class="cls-1" points="137.8 42.66 108.88 9.32 108.78 9.2 105.69 9.2 105.69 48.86 109.42 48.86 109.42 15.4 138.51 48.86 141.53 48.86 141.53 9.2 137.8 9.2 137.8 42.66"/><path class="cls-1" d="M163.21,9.2H152.12V48.86h3.73V30.64h7.08c12.07,0,13.38-7.56,13.38-10.8S175,9.2,163.21,9.2Zm-7.36,3.21h7.25c5.88,0,9.25,2.73,9.25,7.48,0,3.44-1.66,7.53-9.59,7.53h-6.91Z"/><path class="cls-1" d="M191.68,9.2v6.53H196v3.33h-4.34V29.85A36.82,36.82,0,0,0,196,27.93v3.64l-4.34,1.72V44.9a3.86,3.86,0,0,1-1.23,2.9,4.14,4.14,0,0,1-3,1.18h-3.15V45.56h2.15a1.74,1.74,0,0,0,1.21-.48,1.57,1.57,0,0,0,.52-1.21V34.39L186,35a22,22,0,0,1-2.26.55V32.06L188.21,31V19.07h-4.43V15.73h4.43V9.2Z"/><polygon class="cls-1" points="207.79 9.2 207.79 13.04 213.82 13.04 213.82 16.46 207.79 16.46 207.79 23.91 213.82 23.91 213.82 27.29 198.11 27.29 198.11 23.91 204.19 23.91 204.19 16.46 198.11 16.46 198.11 13.04 204.19 13.04 204.19 9.2 207.79 9.2"/><path class="cls-1" d="M207.8,29.85V34h6v3.38h-6v7a22.11,22.11,0,0,0,6-1.55v3.56A27.35,27.35,0,0,1,207.54,48a69.18,69.18,0,0,1-9.43.55V45.15q3.24,0,6.07-.27V37.43h-6.07V34h6.07v-4.2Z"/><polygon class="cls-1" points="220.87 9.2 220.87 23.91 226.35 28.74 226.35 33.26 220.87 28.42 220.87 48.98 217.4 48.98 217.4 9.2 220.87 9.2"/><path class="cls-1" d="M273,21.53h-4.21v16.3a10.5,10.5,0,0,1-2.71,7.57,10,10,0,0,1-7.57,2.84H254.1V44.71h4.21a6.77,6.77,0,0,0,5-1.87,6.88,6.88,0,0,0,1.87-5.1V21.53H247.57V17.88H265.2V10.74h3.61v7.14H273Z"/><path class="cls-1" d="M244.19,44.6A6.19,6.19,0,0,1,239,38.26v-27h-3.57V38.22a9.71,9.71,0,0,0,2.86,7.16,9.54,9.54,0,0,0,5.95,2.79Z"/><path class="cls-1" d="M291.67,9.25v6H297v3.38h-5.34V29.87q2-.59,2.88-.91,1.28-.46,2.47-1v3.56q-2.51,1-5.34,1.82V44.42a4.53,4.53,0,0,1-1.23,3.28A4.66,4.66,0,0,1,286.92,49h-4.61V45.6h3.79a2.13,2.13,0,0,0,1.42-.55,1.68,1.68,0,0,0,.64-1.32V34.25q-2.33.5-3.79.78t-3.29.5V32.06a51.36,51.36,0,0,0,7.08-1.28V18.61h-7.08V15.23h7.08v-6Z"/><path class="cls-1" d="M309.25,9.25l-6.17,35.58H306a21.9,21.9,0,0,0,5.87-.71,13.7,13.7,0,0,0,4.68-2.35l-2.92-12.33h3.52L321.68,49h-3.43l-.87-3.79a16.12,16.12,0,0,1-4.89,2.49,22.4,22.4,0,0,1-6.62.85h-9v-3.7h2.65l6-35.58Z"/><path class="cls-1" d="M357.3,14.69a6.68,6.68,0,0,1,5.31,2.38,9.45,9.45,0,0,1,2,6.38V43h-3.51V23.45a6.84,6.84,0,0,0-.91-3.76,3.31,3.31,0,0,0-2.93-1.57Z"/><path class="cls-1" d="M342.13,40.61A7.47,7.47,0,0,1,340.67,43,3.61,3.61,0,0,1,338,44a3.56,3.56,0,0,1-2.91-1.43A6,6,0,0,1,334,38.72V13h-3.51V38.72a8.93,8.93,0,0,0,2.35,6.61,7.07,7.07,0,0,0,5.2,2.11q5.5,0,7.82-6.83Z"/><path class="cls-2" d="M55.69,58.07c-5.45,0-10.58-2.67-16.62-7.36a14,14,0,0,1-7.42,4.62C23.8,56.89,16,53,7.15,43.16a25.63,25.63,0,0,1-6.9-14.4h0c-.93-6.17,1-8.68,2.7-9.71,3.82-2.24,10.76.27,19.53,7.08,2.79,2.17,5.23,4.14,8.33,6.64l5.84,4.71a63.16,63.16,0,0,0,7.16-4.86c2.53-2.06,4.88-4.15,7.09-6.24l1.48-3.17q1.44-3.1,3-6.41c2.55-5.42,4.91-9.14,7.43-11.68,3-3,6.15-4.32,9.66-3.93A7.87,7.87,0,0,1,75.21,2a10.65,10.65,0,0,1,6.12-2c2.77.08,5.39,1.67,8,4.87C92.66,9,94.78,17.65,91.55,27c-3,8.79-9.32,14.09-15.5,17.28-4.72,8.23-10.61,11.58-15,12.92A18.25,18.25,0,0,1,55.69,58.07Zm-15.45-8.7c7.48,5.78,13.41,8.28,20.33,6.16,3.63-1.11,8.4-3.74,12.54-9.85a47.09,47.09,0,0,1-7.69,2.46c-2.71.62-11.12,1.8-21.7-3.78A45.79,45.79,0,0,1,40.23,49.37ZM8.14,41.61l.33.37C19.52,54.26,26.79,54.49,31.3,53.59a12.2,12.2,0,0,0,6.38-4q-1.57-1.27-3.23-2.7c-1.89-1.62-3.43-3-4.75-4.2-6.87,2.4-13.11,2.5-18.59.29A26.13,26.13,0,0,1,8.14,41.61ZM31.57,42c1.15,1,2.48,2.21,4,3.55q1.68,1.44,3.24,2.71a43.38,43.38,0,0,0,3.32-4.78,49.48,49.48,0,0,1-5.69-3.87,43.51,43.51,0,0,1-4.33,2.15Zm13.06.81C54.62,48.07,62.48,47,65,46.4A44.05,44.05,0,0,0,74.77,43q.85-1.54,1.64-3.31a48.94,48.94,0,0,0,4-23.31C79.84,10.44,78,6.16,75.28,4.17c-3.28,2.4-6.92,6.38-11.09,11-3.37,3.7-7.29,8-11.82,12.31C49.63,33.31,47.12,38.53,44.63,42.83ZM9,30.45a6.61,6.61,0,0,0-3.71,1,3,3,0,0,0-1.39,2.86c.1,1,1,4.3,7.91,7.09,4.82,1.94,10.33,1.93,16.43,0l-1-.93c-3.76-3.48-5.48-5.07-10.49-7.72A16.93,16.93,0,0,0,9,30.45Zm29.18,8.21A47.29,47.29,0,0,0,43.08,42c1.88-3.25,3.79-7.08,5.82-11.35Q47,32.34,44.92,34A61.92,61.92,0,0,1,38.14,38.67ZM76.84,3.14c2.85,2.43,4.76,7,5.32,13A50.79,50.79,0,0,1,78,40.37q-.24.53-.48,1a28.12,28.12,0,0,0,12.32-15C92,20.13,92.08,11.08,87.94,6c-2.26-2.77-4.43-4.15-6.66-4.21A8.46,8.46,0,0,0,76.84,3.14ZM8.92,28.67a19,19,0,0,1,8.61,2.46c5.22,2.76,7.11,4.5,10.87,8l1.7,1.57,1.36-.54A39,39,0,0,0,35,38.43l-5.29-4.27c-3.08-2.5-5.52-4.47-8.3-6.62-7.92-6.15-14.48-8.75-17.55-7-2.31,1.35-2.27,5-1.84,7.91a27.25,27.25,0,0,0,.64,3.19,5.07,5.07,0,0,1,1.62-1.75A8.2,8.2,0,0,1,8.92,28.67ZM71.26,2.91c-5.1,0-9.55,4.58-14.29,14.66q-1.27,2.71-2.47,5.29c3-3.08,5.79-6.1,8.38-8.93,4-4.42,7.46-8.18,10.65-10.67A6.1,6.1,0,0,0,72.25,3,8.86,8.86,0,0,0,71.26,2.91Z"/></svg> 7515 </li> 7516 7517</ul> 7518 7519 </div> 7520 7521 </div> 7522 </div> 7523 </section> 7524</footer> 7525 7526 7527 7528
7528<script> 7529 7530 "use strict"; 7531 7532 // var _ukwhost = 'uabizstg.ukw.jp'; // æ¬çªã¯ãã¡ãã«åãæ¿ã:uabizprd.ukw.jp 7533 var _ukwhost = 'uabizprd.ukw.jp'; // æ¬çªã¯ãã¡ãã«åãæ¿ã:uabizprd.ukw.jp 7534 var _ukwq = []; 7535 7536 (function () { 7537 if (typeof jQuery === "undefined") { 7538 console.warn("jQuery Not Found."); 7539 return; 7540 } 7541 $(function () { 7542 7543 /********************************************* 7544 * 7545 * CONFIGï¼ 7546 * å種è¨å®ã¯ãã¡ãã§è¡ãã¾ãã 7547 * 7548 *********************************************/ 7549 var CONFIG = { 7550 7551 // ãµã¼ãAPIã®URL 7552 // search_api_url: "https://p1bizstg.ukw.jp/p1/v1/system5/", 7553 search_api_url: "https://p1bizprd.ukw.jp/p1/v1/system5/", 7554 7555 // ãµã¸ã§ã¹ãAPIã®URL 7556 // suggest_api_url: "https://s3bizstg.ukw.jp/qsuggest/v1/system5/", 7557 suggest_api_url: "https://s3bizprd.ukw.jp/qsuggest/v1/system5/", 7558 7559 // ãµã¼ãããã¢ã¼ã·ã§ã³APIã®URL 7560 // sp_api_url: 'https://p1bizstg.ukw.jp/p1/v1/system5_sp/', 7561 sp_api_url: 'http://p1bizprd.ukw.jp/p1/v1/system5_sp/', 7562 7563 // é¢é£ã¯ã¼ãAPIã®URL 7564 // rword_api_url: 'https://s3bizstg.ukw.jp/rword/v1/system5/', 7565 rword_api_url: 'https://s3bizprd.ukw.jp/rword/v1/system5/', 7566 7567 search_page_path: '/pages/search', 7568 7569 // ã¦ããµã¼ãã§ä½¿ç¨ããå·¦ãã¡ã»ãã 7570 // åãã¼ï¼apiåå¾é ç®ã«åããã 7571 // titleï¼ãã¡ã»ããã®è¦åºã 7572 facet_type: { 7573 category: { title: "ã«ãã´ãªã¼" }, 7574 maker: { title: "ã¡ã¼ã«ã¼" }, 7575 price: { title: "ä¾¡æ ¼å¸¯" }, 7576 spec: { title: "ã¹ããã¯" }, 7577 type: { title: "æ°å/ä¸å¤/ã¯ã±ããå" }, 7578 status: { title: "è²©å£²ç¶æ³" }, 7579 brand: { title: "ãã©ã³ã" }, 7580 }, 7581 7582 // å·¦ãã¡ã»ããï¼è²©å£²ç¶æ³ï¼statusï¼ 7583 // ãã¼(æ°å)ãçµãè¾¼ã¿ãã¼ 7584 // ã¿ã¤ãã« 7585 facet_status: { 7586 1: "å¨åº«ãã", 7587 2: "ãåãå¯ã", 7588 3: "売å" 7589 }, 7590 7591 // å·¦ãã¡ã»ããï¼æ°å/ä¸å¤/ã¯ã±ããåï¼typeï¼ 7592 // ãã¼(æ°å)ãçµãè¾¼ã¿ãã¼ 7593 // ã¿ã¤ãã« 7594 facet_type_title: { 7595 1: "æ°å", 7596 2: "ä¸å¤", 7597 3: "ã¯ã±ããå" 7598 }, 7599 7600 // ã¦ããµã¼ãã§ä½¿ç¨ããã¯ã¨ãªãã©ã¡ã¼ã¿ï¼åºæ¬çã«è§¦ããªãã 7601 // è¨å®ããé ç®ãæ¤ç´¢çµæã«å©ç¨ããã¾ãã 7602 search_query_params: [ 7603 "kw", // ãã¼ã¯ã¼ãï¼å¿ é ï¼ 7604 "page", // ãã¼ã¸ï¼å¿ é ï¼ 7605 "rows", // 表示æ°ï¼å¿ é ï¼ 7606 "sort", // 並ã³é ï¼å¿ é ï¼ 7607 "fq.price", // ä¾¡æ ¼ 7608 "fq.brand", // ãã©ã³ã 7609 "fq.category", // ã«ãã´ãªã¼ 7610 "fq.type", // æ°å/ä¸å¤/ã¯ã±ããå 7611 "fq.status", //ãè²©å£²ç¶æ³ 7612 "fq.maker", // ã¡ã¼ã«ã¼ 7613 "fq.spec", // ã¹ãã㯠7614 //fq.stock", // å¨åº«æ° 7615 ], 7616 7617 // ä¸¦ã³æ¿ãã®è¨å®ï¼sortï¼ 7618 // åãã¼ï¼apiåå¾é ç®ã«åããã 7619 // sortï¼éé (asc)ãæé (desc)ã®è¨å® 7620 // titleï¼åä¸¦ã³æ¿ãã®è¡¨ç¤ºä¸ã®è¦åºã 7621 sort_type: { 7622 soldout: [ 7623 { sort: 'asc', title: 'ããããé ' }, 7624 ], 7625 price: [ 7626 { sort: 'asc', title: 'ä¾¡æ ¼ã®å®ãé ' }, 7627 { sort: 'desc', title: 'ä¾¡æ ¼ã®é«ãé ' }, 7628 ], 7629 sales: [ 7630 { sort: 'desc', title: '売ä¸ã®é«ãé ' }, 7631 //{ sort: 'asc', title: '売ä¸ã®ä½ãé ' }, 7632 ], 7633 sales_count: [ 7634 { sort: 'desc', title: 'è²©å£²åæ°ã®å¤ãé ' }, 7635 //{ sort: 'asc', title: 'è²©å£²åæ°ã®å°ãªãé ' }, 7636 ], 7637 item_name: [ 7638 { sort: 'asc', title: 'ã¢ã«ãã¡ãããé , A-Z' }, 7639 { sort: 'desc', title: 'ã¢ã«ãã¡ãããé , Z-A' }, 7640 ], 7641 release_date: [ 7642 // { sort: 'asc', title: 'ç»é²é ' }, 7643 { sort: 'desc', title: 'æ°çé ' }, 7644 ], 7645 review_score: [ 7646 { sort: 'desc', title: 'å¹³åã¬ãã¥ã¼ç¹æ°ã®é«ãé ' }, 7647 //{ sort: 'asc', title: 'å¹³åã¬ãã¥ã¼ç¹æ°ã®ä½ãé ' }, 7648 ], 7649 review_count: [ 7650 { sort: 'desc', title: 'ã¬ãã¥ã¼ä»¶æ°ã®å¤ãé ' }, 7651 //{ sort: 'asc', title: 'ã¬ãã¥ã¼ä»¶æ°ã®å°ãªãé ' }, 7652 ], 7653 }, 7654 7655 // 表示件æ°ã®è¨å®(rows) 7656 // trueãããã©ã«ãã«ãªãã¾ãã 7657 search_rows: { 7658 24: true, 7659 36: false, 7660 48: false, 7661 }, 7662 7663 // ãµã¸ã§ã¹ãã«è¡¨ç¤ºããé ç®ãè¨å® 7664 // count: åãµã¸ã§ã¹ãã®è¡¨ç¤ºæ°
7665 // title: ãµã¸ã§ã¹ãçµæã®åè¦åºãæå 7666 suggest_type: { 7667 keyword: { count: 7, title: "æ¤ç´¢ç¨ã¯ã¼ã" }, 7668 category: { count: 1, title: "ã«ãã´ãªã¼" }, 7669 brand: { count: 1, title: "ãã©ã³ã" }, 7670 modelnumber: { count: 2, title: "製å" }, 7671 productname: { count: 2, title: "ååå" }, 7672 campaign: { count: 2, title: "ç¹é" }, 7673 mr_category: { count: 2, title: "ã«ãã´ãªã¼" }, 7674 mr_brand: { count: 2, title: "ãã©ã³ã" }, 7675 history: { count: 10, title: "å±¥æ´" }, 7676 product: { count: 4, title: "åå" }, 7677 }, 7678 7679 7680 // æ¤ç´¢çµæã«è¡¨ç¤ºããã¢ã¤ã³ã³ã®è¨å® 7681 // ãã¼ï¼classå 7682 // å¤ : ã¢ã¤ã³ã³ã§ç¨ããæåå 7683 search_icons: { 7684 sale: 'ã»ã¼ã«', 7685 instock: 'å¨åº«ãã', 7686 backorder: 'ãåãå¯ã', 7687 soldout: '売å', 7688 }, 7689 7690 // é¢é£ã¯ã¼ãã®è¡¨ç¤ºæ° 7691 related_word_rows: 5, 7692 7693 // ãã¼ã¸ãã¼ã·ã§ã³ã§è¡¨ç¤ºãããªã³ã¯æ°ï¼è¨å®ããæ° à 2 + 1 = ç·è¡¨ç¤ºæ° 7694 pagenation_display_count: 2, 7695 7696 7697 /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 7698 ï¼ï¼ï¼ï¼ï¼ï¼ã以ä¸è§¦ããªããï¼ï¼ï¼ï¼ï¼ï¼ 7699 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ 7700 7701 // ãµã¸ã§ã¹ãã®ãã©ã¼ã«ã¹ãå¤ããã¨ãã«çµæãé表示(触ããªã)ã 7702 // true:表示ããã¾ã¾ 7703 show_suggest_on_blur: true, 7704 7705 // ãµã¼ãçµæãéåæã§è¡¨ç¤ºï¼trueã§éåæã«è¡¨ç¤º(触ããªã) 7706 search_result_async: true, 7707 7708 // ãµã¼ãçµæã®è¡¨ç¤ºã¨ãªã¢ã®ã»ã¬ã¯ã¿å 7709 search_result_area_selector: '#q_search_parent', 7710 7711 // ãµã¸ã§ã¹ãã®ãã©ã¼ã ã»ã¬ã¯ã¿å 7712 pagenation_selector: '.q-pagination--link', 7713 7714 // ãµã¸ã§ã¹ãã®ãã©ã¼ã ã»ã¬ã¯ã¿å 7715 forms_selector: '.q_suggest_form', 7716 7717 // ãµã¸ã§ã¹ãã®ãã©ã¼ã ï¼inputã®ã»ã¬ã¯ã¿å 7718 input_selector: '.q_suggest_form__input', 7719 7720 // ãµã¸ã§ã¹ãã®çµæã表示ããã¨ãªã¢è¦ãã®ã»ã¬ã¯ã¿å 7721 result_body_selector: '.q_suggest_result_area_body', 7722 7723 // ãµã¸ã§ã¹ãã®çµæã表示ããã¨ãªã¢ã®ã»ã¬ã¯ã¿å 7724 result_selector: '.q_suggest_result_area', 7725 7726 // éåæèªã¿è¾¼ã¿ã§ã¹ã¯ãã¼ã«ããä½ç½® 7727 smooth_scroll_target: '.template-page', 7728 7729 } 7730 7731 // æ¤ç´¢çµæãã¼ã¸ä»¥å¤ã¯ãªã³ã¯ããã¼ã¸é·ç§»ã«å¤æ´ 7732 var current_path = location.pathname; 7733 if (decodeURIComponent(current_path).indexOf("/pages/category") > -1) { 7734 CONFIG.search_page_path = '/pages/category' 7735 7736 } else { 7737 var $suggest_form_only_search_page = $('.q_suggest_form_only_search_page'); 7738 if ($suggest_form_only_search_page.length) { 7739 $suggest_form_only_search_page.show() 7740 } 7741 } 7742 7743 /*追å 20221114 start*/ 7744 function sanitize(string) { 7745 if (string === null || string === void 0) { 7746 return string 7747 } 7748 return string 7749 .replace(/javascript/g, "") 7750 .replace(/
7750<script/g, "") 7751 .replace(/<\/script/g, "") 7752 .replace(/&/g, '&') 7753 .replace(/</g, '<') 7754 .replace(/>/g, '>') 7755 .replace(/"/g, '"') 7756 .replace(/'/g, "'"); 7757 } 7758 /*追å 20221114 end*/ 7759 7760 if (decodeURIComponent(current_path).indexOf(CONFIG.search_page_path) <= -1) { 7761 CONFIG.search_result_async = false; 7762 } 7763 7764 7765 function getUniCookiesByArray() { 7766 7767 var cookies = document.cookie 7768 var tmp = cookies.split(';') 7769 var arr = [] 7770 7771 for (var i = 0; i < tmp.length; i++) { 7772 var c = tmp[i]; 7773 if (c.indexOf('__ukwlgck=') > -1) { 7774 arr = c.trim().split('=') 7775 } 7776 } 7777 return arr; 7778 } 7779 7780 function formatPriceYen(price) { 7781 var has_yen = typeof arguments[1] !== 'undefined' ? arguments[1] : false; 7782 var config = has_yen ? { style: 'currency', currency: 'JPY' } : {}; 7783 7784 return Intl.NumberFormat('ja-JP', config).format(price); 7785 } 7786 7787 var checkNestAndEmptyObject = function checkNestAndEmptyObject(obj, path) { 7788 var keys = path.split('.'); 7789 for (var i in keys) { 7790 var key = keys[i]; 7791 if (!obj.hasOwnProperty(key)) { return false } 7792 if (obj[key] === null || obj[key] === '') { return false } 7793 7794 if (keys.length > 1) { 7795 return checkNestAndEmptyObject(obj[key], keys.splice(1).join('.')); 7796 } 7797 return true 7798 } 7799 } 7800 7801 function addSmoothScrollEvent(selector) { 7802 var $facet_result__parent = $('.q_facet_result__parent'); 7803 7804 $(selector).bind('click', function () { 7805 if (present($facet_result__parent) && $facet_result__parent.hasClass('boost-pfs-filter-tree-mobile-open')) { 7806 return; 7807 } 7808 7809 var href = $(this).attr("href"); 7810 var target = $(CONFIG.smooth_scroll_target); 7811 var position = target.offset().top - 150; 7812 var speed = 50; 7813 $("html, body").animate({ 7814 scrollTop: position 7815 }, speed, "swing"); 7816 7817 }); 7818 } 7819 7820 function present(value) { 7821 return typeof value !== 'undefined' && value !== null && value !== '' ? value : false; 7822 } 7823 7824 7825 // ã¹ãã¼ããã©ã³å¤å® 7826 function isSmartPhone() { 7827 if (navigator.userAgent.match(/iPhone|Android|iPad/)) { 7828 return 'sp'; 7829 } else { 7830 return 'pc'; 7831 } 7832 } 7833 7834 7835 var HTML = (function HTML() { 7836 7837 var parent_selector = CONFIG.search_result_area_selector; 7838 var child_selector = '.q_search_child'; 7839 7840 function getCurrentUrl() { 7841 return location.protocol + "//" + location.hostname + (location.port ? ":" + location.port : "") + location.pathname 7842 } 7843 7844 // TODO:æ¢åHTMLããã³ãã¬ã¼ãã¨ãã¦å 容置ãæã 7845 function replaceHtmlTemplate() { 7846 7847 } // replaceHtmlTemplate end 7848 7849 // ããã·ã¥ããHTMLè¦ç´ ãçæ 7850 function createElementsWithHash(tags_hash) { 7851 if (!tags_hash) { return '' } 7852 var html = ''; 7853 7854 Object.keys(tags_hash).forEach(function (tag) { 7855 var tags = tags_hash[tag]; 7856 7857 html = '<' + tag; 7858 typeof tags['class'] !== "undefined" ? html += ' class="' + tags['class'] + '"' : ''; 7859 typeof tags['id'] !== "undefined" ? html += ' id="' + tags['id'] + '"' : ''; 7860 7861 if (typeof tags['attributes'] !== "undefined" && tags['attributes'].length) { 7862 for (var i = 0; i < tags['attributes'].length; i++) { 7863 var attr = tags['attributes'][i]; 7864 7865 Object.keys(attr).forEach(function (key) { 7866 html += ' ' + key + '="' + attr[key] + '"' + "\n"; 7867 }); 7868 } 7869 } 7870 html += '>'; 7871 7872 if (typeof tags['text'] !== "undefined" && tags['text'].length) { 7873 for (var i = 0; i < tags['text'].length; i++) { 7874 var text = tags['text'][i]; 7875 7876 Object.keys(text).forEach(function (key) { 7877 html += text[key]; 7878 }); 7879 } 7880 } 7881 7882 if (typeof tags['children'] !== "undefined") { 7883 for (var j = 0; j < tags['children'].length; j++) { 7884 var child = tags['children'][j]; 7885 html += createElementsWithHash(child) + "\n" 7886 } 7887 } 7888 7889 html += '</' + tag + '>'; 7890 }); 7891 return html; 7892 } //createElementsWithHash 7893 7894 7895 // ååã®HTMLã¿ã°ãããã·ã¥ã§ä¸æ¬çæ 7896 function generateElements(item_template, data_hash, adjustment) { 7897 7898 var adjust = arguments[2] !== "undefined" ? arguments[2] : null; 7899 7900 var html = ''; 7901 data_hash.map(function (obj) { 7902 if (typeof obj === 'object' && !Array.isArray(obj)) { 7903 7904 if (!!adjust) { 7905 obj = adjustment(obj); 7906 } 7907 7908 var tmp_template = item_template; 7909 if (typeof obj === 'object' && !Array.isArray(obj)) { 7910 tmp_template = JSON.stringify(tmp_template) 7911 } 7912 7913 Object.keys(obj).map(function (key) { 7914 var rx = new RegExp(" + key + ", "g"); 7915 tmp_template = tmp_template.replace(rx, obj[key]); 7916 }); 7917 7918 if (typeof tmp_template === 'string') { 7919 tmp_template = JSON.parse(tmp_template) 7920 } 7921 7922 html += createElementsWithHash(tmp_template); 7923 } 7924 }); 7925 return html; 7926 7927 } 7928 7929 // generateElements 7930 function createItemListByReplaceHtml(docs) { 7931 var attrs = { 7932 } 7933 var parent = $(parent_selector); 7934 if (!!parent) { 7935 } 7936 } 7937 7938 return { 7939 createElementsWithHash: createElementsWithHash, 7940 generateElements: generateElements, 7941 getCurrentUrl: getCurrentUrl, 7942 } 7943 })(); // HTML 7944 7945 7946 /**************************************** 7947 * 7948 * URLï¼ãã©ã¡ã¼ã¿é¢é£ 7949 * 7950 ****************************************/ 7951 var URL = (function URL() { 7952 7953 var params_setting = CONFIG.search_query_params; 7954 7955 function getParamsSetting() { 7956 return params_setting; 7957 } 7958 7959 // ã¯ã¨ãªãã©ã¡ã¼ã¿ããæå®ãã¼ã®å¤ãåå¾ 7960 function getQueryParam(query_key) { 7961 var url = window.location.href; 7962 query_key = query_key.replace(/[\[\]]/g, "\\$&"); 7963 var regex = new RegExp("[?&]" + query_key + "(=([^&#]*)|&|#|$)"), 7964 results = regex.exec(url); 7965 if (!results) return null; 7966 if (!results[2]) return ''; 7967 return decodeURIComponent(results[2].replace(/\+/g, " ")); 7968 } 7969 7970 // ã¯ã¨ãªãã©ã¡ã¼ã¿ãããã¼é åã®å¤ãããã·ã¥ã§åå¾ 7971 function getQueryParamsToHash() { 7972 var tmp_keys = CONFIG.search_query_params; 7973 var tmp_hash = {} 7974 7975 Object.keys(tmp_keys).map(function (i) { 7976 var key = tmp_keys[i]; 7977 var val = getQueryParam(key); 7978 if (present(val)) { 7979 tmp_hash[key] = val 7980 } 7981 }); 7982 return tmp_hash; 7983 } 7984 7985 function setAndGetQueryParams(query_key_value) { 7986 7987 var tmp_hash = getQueryParamsToHash(); 7988 if (typeof query_key_value !== 'undefined' && typeof query_key_value === 'object' && !Array.isArray(query_key_value)) { 7989 7990 Object.keys(query_key_value).map(function (key) { 7991 tmp_hash[key] = query_key_value[key]; 7992 }) 7993 } 7994 return tmp_hash; 7995 } 7996 7997 function formatQueryParamsToString(hash, separator) { 7998 var separate = present(arguments[1]) ? arguments[1] : ' '; 7999 if (typeof hash === 'object' && !Array.isArray(hash) && Object.keys(hash).length) { 8000 var query = ''; 8001 var obj = Object.keys(hash); 8002 obj.map(function (key, i) {
8003 var tmp_separate = key !== 'sort' ? separate : ' '; 8004 query += String(key).trim() + '=' + String(hash[key]).trim().replace(/\s/g, tmp_separate); 8005 8006 if (i !== obj.length - 1) { 8007 query += '&' 8008 } 8009 }); 8010 return query 8011 8012 } else { 8013 return ''; 8014 } 8015 } 8016 8017 function setAndGetQueryParamsString(query_key_value) { 8018 var hash = setAndGetQueryParams(query_key_value); 8019 return formatQueryParamsToString(hash); 8020 } 8021 8022 return { 8023 getParamsSetting: getParamsSetting, 8024 getQueryParam: getQueryParam, 8025 getQueryParamsToHash: getQueryParamsToHash, 8026 setAndGetQueryParams: setAndGetQueryParams, 8027 formatQueryParamsToString: formatQueryParamsToString, 8028 setAndGetQueryParamsString: setAndGetQueryParamsString, 8029 } 8030 })(); 8031 8032 8033 8034 /************************* 8035 * 8036 * ãµã¼ãé¢é£ 8037 * 8038 *************************/ 8039 var qSEARCH = (function qSEARCH() { 8040 8041 var $q_search_result__parent = $('.q_search_result__parent'); 8042 var $canonical = $('link[rel="canonical"]') 8043 var $range = document.getElementById('q-range-slider-parent'); 8044 var $price_facet_parent_area = $('.q-facet-parent-price'); 8045 var searched_facet_data; 8046 8047 /** 8048 * HTMLãã³ãã¬ã¼ããããµã¸ã§ã¹ãçµæãªã¹ããçæ 8049 * @param {object} docs : ãµã¸ã§ã¹ããã¨ã®APIåå¾ãã¼ã¿ 8050 * @param {string} key : ãµã¸ã§ã¹ãã®ãã¼ 8051 * @returns ãµã¸ã§ã¹ãçµæã®åæ° 8052 */ 8053 function generateResultHtmlFromTemplate(docs) { 8054 var suggest_title_selector = 'q_search_result__parent'; 8055 var suggest_body_selector = 'q_search_result__template'; 8056 8057 var $template_parent = $('.' + suggest_title_selector); 8058 var $template_body = $template_parent.find('.' + suggest_body_selector); 8059 8060 8061 // ãµã¼ãçµæãªã¹ã 8062 if ($template_parent.length && $template_body.length) { 8063 $template_parent.empty(); 8064 8065 for (var i = 0; i < docs.length; i++) { 8066 var item = docs[i]; 8067 var $tmp_template = $template_body.clone(); 8068 $tmp_template.removeClass(suggest_body_selector); 8069 8070 ['href', 'item-handle', 'brand-url', 'brandurl-async', 'src', 'text', 'flag', 'stock', 'id', 'price', 'sale', 'remove', 'review'].map(function (attr_key) { 8071 8072 var selector_key = 'data-q-' + attr_key; 8073 $tmp_template.find('[' + selector_key + ']').each(function () { 8074 8075 var data_key = $(this).attr(selector_key); 8076 var has_data = typeof item[data_key] !== 'undefined' ? item[data_key] : null; 8077 8078 // htmlã®datasetã«åããã¦å¤æ´ 8079 switch (attr_key) { 8080 case 'text': 8081 has_data ? $(this).append(item[data_key]) : ''; 8082 break; 8083 case 'href': 8084 has_data ? $(this).attr(attr_key, item[data_key]) : ''; 8085 break; 8086 case 'item-handle': 8087 has_data ? $(this).attr('href', 'https://www.system5.jp/products/' + item['item_handle']) : ''; 8088 break; 8089 case 'review': 8090 if (has_data) { 8091 if (data_key === "review_score") { 8092 $(this).attr('data-rate', has_data) 8093 } else if (data_key === "review_count") { 8094 $(this).text('(' + has_data + ')') 8095 } 8096 } else { 8097 $(this).remove(); 8098 } 8099 break; 8100 case 'product-url': 8101 has_data ? $(this).attr('href', '?' + URL.setAndGetQueryParamsString({ 'fq.maker': item[data_key] })) : ''; 8102 break; 8103 case 'brand-url': 8104 has_data ? $(this).attr('href', '?fq.brand=' + item[data_key]) : ''; 8105 //has_data ? $(this).attr('href', '?' + URL.setAndGetQueryParamsString({ 'fq.maker': item[data_key] })) : ''; 8106 break; 8107 case 'brand-url-async': 8108 has_data ? $(this).attr('data-q-search', JSON.stringify({ "fq.brand": encodeURIComponent(item[data_key]) })) : ''; 8109 break; 8110 case 'src': 8111 has_data ? $(this).attr(attr_key, item[data_key]) : ''; 8112 break; 8113 case 'sale': 8114 if (present("compare_at_price") && item["compare_at_price"] !== "0") { 8115 //$(this).remove() 8116 has_data ? $(this).addClass('productitem--sale') : ''; 8117 } 8118 break; 8119 case 'price': 8120 if (has_data) { 8121 var status = item['status'] || '' 8122 if (status !== '3') { 8123 $(this).append('Â¥' + formatPriceYen(Number(item[data_key]))) 8124 } 8125 } 8126 break; 8127 case 'remove': 8128 if (present("compare_at_price") && item["compare_at_price"] === "0") { 8129 $(this).remove() 8130 } 8131 break; 8132 default: 8133 break; 8134 } 8135 8136 }); 8137 }); 8138 8139 var $icon_parent = $tmp_template.find('.productitem--image .productitem--badge'); 8140 if ($icon_parent.length) { 8141 Object.keys(CONFIG.search_icons).map(function (key) { 8142 8143 if (key === 'sale' && present(item['compare_at_price']) && present(item['price']) && Number(item['compare_at_price']) > Number(item['price'])) { 8144 $icon_parent.append('<span class="badge--' + key + '">' + CONFIG.search_icons[key] + '</span>') 8145 } 8146 if (key === 'instock' && present(item['status']) && item['status'] === "1") { 8147 $icon_parent.append('<span class="badge--' + key + '">' + CONFIG.search_icons[key] + '</span>') 8148 } 8149 if (key === 'backorder' && item['status'] === "2") { 8150 $icon_parent.append('<span class="badge--' + key + '">' + CONFIG.search_icons[key] + '</span>') 8151 } 8152 if (key === 'soldout' && item['status'] === "3") { 8153 $icon_parent.append('<span class="badge--' + key + '">' + CONFIG.search_icons[key] + '</span>') 8154 } 8155 8156 }) 8157 } 8158 8159 $template_parent.append($tmp_template); 8160 } 8161 $template_parent.append($template_body); 8162 } 8163 return docs.length 8164 } 8165 8166 function showNumFoundZeroAlert() { 8167 var $zero_found_area = $('.q-searched-word-zero-found'); 8168 var $text = $zero_found_area.find('.q-searched-word-zero-found-text'); 8169 var searched_word = URL.getQueryParam('kw') 8170 searched_word = sanitize(searched_word); // 追å 20221114 8171 8172 if ($text.length && present(searched_word)) { 8173 $text.text(searched_word); 8174 $zero_found_area.show(); 8175 } else { 8176 $zero_found_area.hide(); 8177 } 8178 } 8179 8180 function hideNumFoundZeroAlert() { 8181 var $zero_found_area = $('.q-searched-word-zero-found'); 8182 $zero_found_area.hide(); 8183 } 8184 8185 function submitSearchOnAsync(dataset_json, is_keep_params) { 8186 var query = '' 8187 var hash = typeof dataset_json !== 'undefined' ? dataset_json : {}; 8188 hash = typeof hash === 'string' ? JSON.parse(hash) : hash; 8189 8190 var keep = typeof is_keep_params !== 'undefined' ? is_keep_params : false;
8191 if (keep) { 8192 hash = URL.setAndGetQueryParams(hash); 8193 query = URL.formatQueryParamsToString(hash, ' '); 8194 } 8195 8196 if (typeof history.pushState !== 'undefined') { 8197 history.pushState(null, null, location.pathname + '?' + query); 8198 window.addEventListener('popstate', function () { 8199 8200 requestAPI(); 8201 }); 8202 } 8203 requestAPI(hash); 8204 } 8205 8206 function addSubmitSearchEvent(is_keep_params) { 8207 var $async_link = $("[data-q-search]"); 8208 if ($async_link.length) { 8209 $async_link.each(function () { 8210 var touch = true; 8211 $(this).on('touchstart', function () { 8212 touch = true 8213 }) 8214 $(this).on('touchmove', function () { 8215 touch = false 8216 }) 8217 8218 $(this).on('click touchend', function (e) { 8219 if (isSmartPhone() === "sp" && !touch) { 8220 return 8221 } 8222 8223 if (CONFIG.search_result_async) { 8224 e.preventDefault(); 8225 var dataset_json = $(this).data('q-search'); 8226 submitSearchOnAsync(dataset_json, is_keep_params) 8227 } 8228 }) 8229 }) 8230 } 8231 } 8232 8233 function getDefaultRow() { 8234 8235 var arr = Object.keys(CONFIG.search_rows); 8236 8237 for (var i = 0; i < arr.length; i++) { 8238 var key = arr[i]; 8239 var is_default = CONFIG.search_rows[key]; 8240 if (is_default) { 8241 return key 8242 } 8243 } 8244 } 8245 8246 function generatePagination(total_num_found) { 8247 var US_RESULT_MAX_COUNT = 4000; 8248 var is_over_max = total_num_found > US_RESULT_MAX_COUNT; 8249 8250 var parent = $('.q_search_pagination_parent'); 8251 if (!parent.length) { return } 8252 8253 8254 var html = $("<div>"); 8255 var display_count = CONFIG.pagenation_display_count || 5; 8256 var current_page = URL.getQueryParam('page') ? Number(URL.getQueryParam('page')) : 1; 8257 var current_rows = URL.getQueryParam('rows') ? Number(URL.getQueryParam('rows')) : getDefaultRow(); 8258 8259 var total_page = is_over_max ? Math.floor(total_num_found / current_rows) : Math.ceil(total_num_found / current_rows) 8260 current_page = current_page > total_page ? total_page : current_page; 8261 current_page = current_page < 1 ? 1 : current_page; 8262 8263 // ç¾å¨ã®ãã¼ã¸ä»¥å 8264 for (let i = 1; i <= display_count + 1; i++) { 8265 var tmp_before_page = current_page - i; 8266 var $tmp_element = $('<li>'); 8267 8268 if (tmp_before_page === 1 && current_page !== 1) { 8269 if (1 < i && i <= display_count + 1 && tmp_before_page !== 1) { 8270 $tmp_element.addClass("pagination--ellipsis"); 8271 $tmp_element.append(genaratePaginationEllipsis()); 8272 html.prepend($tmp_element); 8273 8274 } 8275 $tmp_element.append(genaratePaginationList(1)); 8276 html.prepend($tmp_element); 8277 break 8278 } 8279 else if (tmp_before_page > 0) { 8280 8281 if (i <= display_count) { 8282 8283 $tmp_element.append(genaratePaginationList(tmp_before_page)); 8284 html.prepend($tmp_element); 8285 8286 } else { 8287 8288 $tmp_element.append(genaratePaginationPreviousList(current_page - 1)); 8289 html.prepend($tmp_element); 8290 8291 $tmp_element.append(genaratePaginationList(1)); 8292 html.prepend($tmp_element); 8293 8294 if (1 < i && i <= display_count + 1) { 8295 $tmp_element.addClass("pagination--ellipsis"); 8296 $tmp_element.append(genaratePaginationEllipsis()); 8297 html.prepend($tmp_element); 8298 } 8299 8300 break 8301 } 8302 8303 } 8304 } 8305 $tmp_element = $('<li class="pagination--active"><span class="pagination--item">' + current_page + '</span></li>'); 8306 html.append($tmp_element); 8307 8308 8309 // ç¾å¨ã®ãã¼ã¸ä»¥é 8310 for (let i = 1; i <= display_count + 1; i++) { 8311 var tmp_before_page = current_page + i; 8312 var $tmp_element = $('<li>'); 8313 8314 8315 if (tmp_before_page >= total_page && current_page !== total_page) { 8316 if (1 < i && i <= display_count + 1 && tmp_before_page !== total_page) { 8317 8318 $tmp_element.addClass("pagination--ellipsis"); 8319 $tmp_element.append(genaratePaginationEllipsis()); 8320 html.append($tmp_element); 8321 } 8322 8323 $tmp_element.append(genaratePaginationList(total_page)); 8324 html.append($tmp_element); 8325 8326 break 8327 } 8328 else if (tmp_before_page < total_page) { 8329 8330 if (i <= display_count) { 8331 8332 $tmp_element.append(genaratePaginationList(tmp_before_page)); 8333 html.append($tmp_element); 8334 8335 } else { 8336 if (1 < i && i <= display_count + 1) { 8337 $tmp_element.addClass("pagination--ellipsis"); 8338 $tmp_element.append(genaratePaginationEllipsis()); 8339 html.append($tmp_element); 8340 } 8341 8342 $tmp_element.append(genaratePaginationList(total_page)); 8343 html.append($tmp_element); 8344 8345 $tmp_element.append(genaratePaginationNextList(current_page + 1)); 8346 html.append($tmp_element); 8347 8348 break 8349 } 8350 8351 } 8352 } 8353 8354 parent.empty(); 8355 parent.append(html); 8356 8357 } 8358 8359 function genaratePaginationList(page) { 8360 return $('<a />', { class: 'pagination--item ' + CONFIG.pagenation_selector.replace(/\.|#/, ''), text: page, href: '?' + URL.setAndGetQueryParamsString({ page: page }) }) 8361 .attr('data-q-search', JSON.stringify({ page: page })) 8362 } 8363 8364 function genaratePaginationEllipsis() { 8365 return $('<span />', { class: 'pagination--item', text: "..." }) 8366 } 8367 8368 function genaratePaginationPreviousList(page) { 8369 return $('<a />', { class: 'pagination--previous ' + CONFIG.pagenation_selector.replace(/\.|#/, ''), text: 'åã¸', href: '?' + URL.setAndGetQueryParamsString({ page: page }) }) 8370 .attr('data-q-search', JSON.stringify({ page: page })) 8371 } 8372 8373 function genaratePaginationNextList(page) { 8374 return $('<a />', { class: 'pagination--next ' + CONFIG.pagenation_selector.replace(/\.|#/, ''), text: '次ã¸', href: '?' + URL.setAndGetQueryParamsString({ page: page }) }) 8375 .attr('data-q-search', JSON.stringify({ page: page })) 8376 } 8377 8378 function generateSearchRowSelector() { 8379 var rows = Object.keys(CONFIG.search_rows); 8380 8381 var $parent = $('.boost-pfs-filter-top-show-limit'); 8382 if (!$parent.length) { return } 8383 8384 $parent.empty()
8385 $parent.prepend('<li><span class="utils-showby-title">表示件æ°</span></li>'); 8386 8387 var params_rows = URL.getQueryParam('rows'); 8388 8389 rows.map(function (key) { 8390 var li = $('<li>') 8391 8392 var isActive = CONFIG.search_rows[key] || false; 8393 present(params_rows) && key === params_rows ? isActive = true : isActive = false; 8394 if (!present(params_rows) && CONFIG.search_rows[key]) { 8395 isActive = true 8396 } 8397 8398 li.append($('<a>', { 8399 class: 'utils-showby-item' + (isActive ? ' active' : ''), 8400 text: String(key) + 'ä»¶', 8401 href: '?' + sanitize(URL.setAndGetQueryParamsString({ rows: key })) // 追å 20221114 8402 }) 8403 .attr('data-q-search', JSON.stringify({ rows: key }))); 8404 8405 $parent.append(li); 8406 }) 8407 8408 } 8409 8410 function getDefaultRows() { 8411 var rows = present(CONFIG.search_rows) ? Object.keys(CONFIG.search_rows) : {}; 8412 if (rows.length) { 8413 for (let i = 0; i < rows.length; i++) { 8414 const key = rows[i]; 8415 if (CONFIG.search_rows[key]) { 8416 return key; 8417 } 8418 } 8419 } else { 8420 return 24; 8421 } 8422 } 8423 8424 function getSelectedFirstHierCategoryName(facet) { 8425 var category_facet = checkNestAndEmptyObject(facet, 'category') ? facet.category : [] 8426 if (category_facet.length <= 0) { return } 8427 8428 var category_name = '' 8429 var path_category_id = getPathCategoryId(); 8430 if (!present(path_category_id)) { 8431 var query_first_hier_category_id = URL.getQueryParam("fq.category") 8432 if (present(query_first_hier_category_id)) { 8433 var tmp_arr = query_first_hier_category_id.split(/\^|\|/) 8434 tmp_arr = tmp_arr.filter(function (a) { 8435 return a.indexOf(":") <= -1 8436 }) 8437 path_category_id = tmp_arr.join('') 8438 } 8439 } 8440 8441 if (!present(path_category_id)) { return } 8442 8443 8444 for (let i = 0; i < category_facet.length; i++) { 8445 const c = category_facet[i]; 8446 if (c.id === path_category_id) { 8447 category_name = c.name 8448 break 8449 } 8450 } 8451 return category_name; 8452 } 8453 8454 function getCurrentBrandName(id) { 8455 var name = '' 8456 if (present(searched_facet_data) && present(searched_facet_data['brand'])) { 8457 for (let i = 0; i < searched_facet_data['brand'].length; i++) { 8458 const b = searched_facet_data['brand'][i]; 8459 if (b['id'] == id) { 8460 name = b['name'] 8461 } 8462 } 8463 } 8464 return name 8465 } 8466 8467 function showTotalNum(num) { 8468 var $result_header = $('.boost-pfs-search-result-header'); 8469 var $result_panel = $('.boost-pfs-search-result-panel-item button'); 8470 var $total_panel = $('.boost-pfs-search-total-result'); 8471 8472 var searchedKw = URL.getQueryParam("kw"); 8473 searchedKw = sanitize(searchedKw) // 追å 20221114 8474 var searchedBrand = URL.getQueryParam("fq.brand"); 8475 8476 if ($result_header.length && CONFIG.search_page_path !== '/pages/category') { 8477 var t = present(searchedKw) ? 'ã' + searchedKw + 'ãã®æ¤ç´¢çµæ' : 'Search'; 8478 8479 var searchedBrand_arr = present(searchedBrand) ? searchedBrand.split(/\^|\|/) : []; 8480 if (t === 'Search' && searchedBrand_arr.length == 1) { 8481 var brand_name = getCurrentBrandName(searchedBrand_arr[0]) 8482 t = brand_name !== '' ? brand_name : t; 8483 } 8484 $result_header.text(t) 8485 } 8486 8487 if ($result_panel.length && $total_panel.length) { 8488 $total_panel.empty() 8489 $result_panel.text('製å (' + num + ')'); 8490 8491 var result = '' 8492 var end_text = CONFIG.search_page_path !== '/pages/category' ? 'ä»¶ã®æ¤ç´¢çµæ' : 'ä»¶ã®ç»é²æ°' 8493 result += '<strong>' + num + '</strong>' + end_text; 8494 $total_panel.append(result); 8495 } 8496 } 8497 8498 function generateFacets(facet) { 8499 8500 Object.keys(CONFIG.facet_type).map(function (key) { 8501 8502 switch (key) { 8503 case "category": 8504 generateFacet_category(facet[key], key); 8505 break; 8506 case "maker": 8507 generateFacet_maker(facet[key], key); 8508 break; 8509 case "brand": 8510 generateFacet_brand(facet[key], key); 8511 break; 8512 case "type": 8513 generateFacet_type(facet[key], key); 8514 break; 8515 case "status": 8516 generateFacet_status(facet[key], key); 8517 break; 8518 case "spec": 8519 generateFacet_spec(facet[key], key); 8520 break; 8521 case "price": 8522 generateFacet_price(facet[key], key); 8523 break; 8524 8525 default: 8526 break; 8527 } 8528 8529 }); 8530 } 8531 8532 var tmp_facet_list = [] 8533 function checkChildrenId(facet_arr, compare_val, key) { 8534 for (var i = 0; i < facet_arr.length; i++) { 8535 var item = facet_arr[i]; 8536 var obj = {} 8537 if (compare_val.indexOf(item.id) > -1) { 8538 present(item.id) ? obj['id'] = item.id : ''; 8539 present(item.name) ? obj['name'] = item.name : ''; 8540 obj['facet_key'] = key; 8541 8542 tmp_facet_list.push(obj); 8543 } 8544 if (present(item.children)) { 8545 checkChildrenId(item.children, compare_val, key) 8546 } 8547 } 8548 } 8549 8550 // ãã¡ã»ããã®çµãè¾¼ã¿æ¸ã¿ã®HTMLã使 8551 function generateSelectedFacetsList(facet) { 8552 8553 var html = ''; 8554 tmp_facet_list = [] 8555 8556 var params_obj = URL.getQueryParamsToHash(); 8557 var facet_types = Object.keys(CONFIG.facet_type); 8558 if (!Object.keys(params_obj).length && !facet_types.length) { return } 8559 8560 var $parent = $('.boost-pfs-filter-refine-by-wrapper'); 8561 if (!$parent.length) { return } 8562 $parent.empty(); 8563 8564 Object.keys(params_obj).map(function (key) { 8565 var tmp_key = key.replace('fq.', ''); 8566 if (!present(facet[tmp_key])) { 8567 return 8568 } 8569 var compare_val = params_obj[key].split(/\^|\|/) || ''; 8570 var facet_arr = facet[tmp_key] || ''; 8571 checkChildrenId(facet_arr, compare_val, tmp_key) 8572 }); 8573 8574 // typeã®é¸æç¶æ 8575 var facet_type_title = CONFIG.facet_type[params_obj['fq.type']]; 8576 if (present(params_obj['fq.type'])) { 8577 var type_arr = params_obj['fq.type'].split("|"); 8578 for (var j = 0; j < type_arr.length; j++) { 8579 var type = type_arr[j]; 8580 tmp_facet_list.push({ id: type, name: CONFIG.facet_type_title[type], facet_key: 'type' }); 8581 } 8582 } 8583 8584 // statusã®é¸æç¶æ 8585 var facet_status_title = CONFIG.facet_status[params_obj['fq.status']]; 8586 if (present(params_obj['fq.status'])) { 8587 var status_arr = params_obj['fq.status'].split("|"); 8588 for (var j = 0; j < status_arr.length; j++) { 8589 var status = status_arr[j]; 8590 tmp_facet_list.push({ id: status, name: CONFIG.facet_status[status], facet_key: 'status' }); 8591 } 8592 } 8593 8594 8595 // priceã®é¸æç¶æ 8596 if ($price_facet_parent_area.length && present(params_obj['fq.price'])) { 8597 var price_arr = params_obj['fq.price'].split("|"); 8598 for (var j = 0; j < price_arr.length; j++) { 8599 var price = price_arr[j]; 8600 var price_name_arr = price.split(':') 8601 var price_name = present(price_name_arr[0]) ? price_name_arr[0] : '' 8602 price_name += 'ï½' 8603 price_name += present(price_name_arr[1]) ? price_name_arr[1] : '' 8604 8605 tmp_facet_list.push({ id: price, name: price_name, facet_key: 'price' }); 8606 } 8607 } 8608 8609 // price(ç¯å²)ã®é¸æç¶æ 8610 if (!!$range) { 8611 present(params_obj['fq.price']) ? tmp_facet_list.push({ id: params_obj['fq.price'], name: params_obj['fq.price'].replace(/:|%3A/g, ' - '), facet_key: 'price' }) : null; 8612 } 8613 8614 8615 if (!tmp_facet_list.length) { 8616 return 8617 } 8618 8619 var clear_params_obj = {} 8620 Object.keys(CONFIG.facet_type).map(function (key) { 8621 clear_params_obj['fq.' + key] = '' 8622 }); 8623 clear_params_obj['page'] = '1' 8624 var clear_params = URL.setAndGetQueryParams(clear_params_obj); 8625 var clear_query = URL.formatQueryParamsToString(clear_params); 8626 8627 html += '<div class="boost-pfs-filter-refine-by">'; 8628 html += '<div class="boost-pfs-filter-option-title">'; 8629 html += '<div class="boost-pfs-filter-option-title-heading" role="heading" aria-level="2"><span>çµãè¾¼ã¿</span></div>'; 8630 html += '<a href="' + CONFIG.search_page_path + '?' + clear_query + '" aria-label="Clear all filters" class="boost-pfs-filter-button boost-pfs-filter-clear-all">ãã¹ã¦è§£é¤</a>'; 8631 html += '</div>'; 8632 html += '<div class="boost-pfs-filter-refine-by-items">'; 8633 8634 tmp_facet_list.map(function (_obj) { 8635 var id = _obj.id || ''; 8636 var name = _obj.name || ''; 8637 var facet_key = _obj.facet_key || ''; 8638 var facet_title = CONFIG.facet_type[facet_key].title || ''; 8639 var facet_param_key = 'fq.' + facet_key; 8640 var fq_obj = {} 8641 8642 var current_param_array = URL.getQueryParam(facet_param_key).split(/\^|\|/); 8643 8644 var id_index = current_param_array.indexOf(id); 8645 if (id_index > -1) { 8646 current_param_array.splice(id_index, 1) 8647 fq_obj[facet_param_key] = current_param_array.join("^"); 8648 } 8649 var path_category_id = getPathCategoryId() 8650 fq_obj['page'] = 1 8651 8652 html += '<div class="refine-by-item boost-pfs-filter-option-label">'; 8653 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString(fq_obj) + '"'; 8654 html += path_category_id !== id ? ' data-q-search=\'' + JSON.stringify(fq_obj) + '\'>' : '>'; 8655 html += '<button class="boost-pfs-filter-button boost-pfs-filter-clear">'; 8656 html += '<span class="refine-by-type">'; 8657 html += '<span class="refine-by-option">
8657' + facet_title + ': </span>'; 8658 html += '<span class="refine-by-value">' + name + '</span>'; 8659 html += '</span>'; 8660 html += '</button>'; 8661 html += '</a>'; 8662 html += '</div>' + "\n"; 8663 }); 8664 html += '</div>'; 8665 html += '</div>'; 8666 8667 $parent.append(html); 8668 } 8669 8670 function generateFacet_category(facet_obj, facet_name) { 8671 if (!present(facet_obj)) { return } 8672 8673 var facet_title = present(CONFIG.facet_type[facet_name].title) ? CONFIG.facet_type[facet_name].title : 'ã«ãã´ãªã¼'; 8674 8675 var current_this_facet_param = URL.getQueryParam('fq.category'); 8676 8677 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split(/\^|\|/) : [] 8678 8679 var $facet_parent = $('.q-facet-parent-' + facet_name); 8680 $facet_parent.empty() 8681 8682 var html = ''; 8683 html += '<div class="boost-pfs-filter-option boost-pfs-filter-option-multi-level-collections boost-pfs-filter-option-list boost-pfs-filter-option-ã«ãã´ãªã¼ boost-pfs-filter-no-scrollbar boost-pfs-filter-option-column-1">'; 8684 8685 html += '<div class="boost-pfs-filter-option-title">'; 8686 html += '<button aria-controls="boost-pfs-filter-tree-pf-c-kategor" aria-label="Filter by' + facet_title + '" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true">' 8687 html += '<span class="boost-pfs-filter-option-title-text">' + facet_title + '<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 8688 html += '<p class="boost-pfs-filter-selected-items-mobile"></p>'; 8689 html += '<button aria-label="Clear filter by ' + facet_title + '" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 8690 html += '</div>'; 8691 html += '<div class="boost-pfs-filter-option-content" id="boost-pfs-filter-tree-pf-c-kategor">'; 8692 html += '<div class="boost-pfs-filter-option-content-inner">'; 8693 html += '<ul class="q-facet-parent-category boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multi-level-collections boost-pfs-filter-option-item-list-multiple-list boost-pfs-filter-option-multi-level-list boost-pfs-filter-option-first-level-list">'; 8694 8695 var html_inner = '' 8696 8697 for (var i = 0; i < facet_obj.length; i++) { 8698 var facet = facet_obj[i]; 8699 8700 var first_index_of = present(facet['id']) && present(current_this_facet_param) ? current_this_facet_param.indexOf(facet['id']) : -1; 8701 var first_hier_opened = '' 8702 if (first_index_of > -1) { 8703 html_inner = '' 8704 first_hier_opened = ' selected boost-pfs-open' 8705 } 8706 var path_category_id = getPathCategoryId() 8707 var first_category_count = present(facet['count']) ? '(' + facet['count'] + ')' : '' 8708 var first_link_id = path_category_id === facet['id'] || current_this_facet_param === facet['id'] ? '' : facet['id']; 8709 8710 // 第ä¸é層 8711 html_inner += '<li class="boost-pfs-filter-option-multi-level-item boost-pfs-filter-option-first-level-item">'; 8712 html_inner += '<div class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + first_hier_opened + '">'; 8713 html_inner += '<a class="boost-pfs-filter-button" data-action="select-filter-item" href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.category": first_link_id, "page": 1 }) + '"'; 8714 8715 html_inner += facet["id"] !== '' & path_category_id !== facet['id'] ? ' data-q-search=\'' + JSON.stringify({ "fq.category": first_link_id, "page": 1 }) + '\'>' : '>'; 8716 8717 html_inner += '<span class="boost-pfs-filter-option-value">' + facet['name'] + first_category_count + '</span>'; 8718 html_inner += '</a>'; 8719 html_inner += '<button class="boost-pfs-filter-button boost-pfs-filter-button-arrow" data-action="expand-filter-item" aria-label="Expand/Collapse ' + facet['name'] + '">'; 8720 html_inner += '<span class="boost-pfs-arrow"></span>'; 8721 html_inner += '</button>'; 8722 html_inner += '</div>'; 8723 html_inner += '<div class="boost-pfs-filter-option-multi-level-list boost-pfs-filter-option-second-level-list">'; 8724 8725 // 第äºé層 8726 if (present(facet['children'])) { 8727 8728 for (var j = 0; j < facet['children'].length; j++) { 8729 var second_child = facet['children'][j]; 8730 //var second_obj = getFacetMultipleParams(second_child, facet_params_array, i) 8731 8732 var second_index_of = present(second_child['id']) && present(current_this_facet_param) ? current_this_facet_param.indexOf(second_child['id']) :
8732-1; 8733 var second_hier_opened = '' 8734 if (second_index_of > -1) { 8735 second_hier_opened = ' selected boost-pfs-open' 8736 } 8737 var second_category_count = present(second_child['count']) ? '(' + second_child['count'] + ')' : '' 8738 var second_link_id = current_this_facet_param === second_child['id'] ? '' : second_child['id']; 8739 8740 8741 html_inner += '<div class="boost-pfs-filter-option-multi-level-item boost-pfs-filter-option-second-level-item">'; 8742 html_inner += '<div class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + second_hier_opened + '">'; 8743 html_inner += '<a class="boost-pfs-filter-button" data-action="select-filter-item" href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.category": second_link_id, "page": 1 }) + '"'; 8744 html_inner += ' data-q-search=\'' + JSON.stringify({ "fq.category": second_link_id, "page": 1 }); 8745 html_inner += '\'>'; 8746 //html_inner += '<span class="boost-pfs-check-box' + second_obj.is_selected + '"></span>'; 8747 html_inner += '<span class="boost-pfs-filter-option-value">' + second_child['name'] + second_category_count + '</span>'; 8748 html_inner += '</a>'; 8749 8750 if (present(second_child['children'])) { 8751 html_inner += '<button class="boost-pfs-filter-button boost-pfs-filter-button-arrow" data-action="expand-filter-item" aria-label="Expand/Collapse ' + second_child['name'] + '">'; 8752 html_inner += '<span class="boost-pfs-arrow"></span>'; 8753 html_inner += '</button>'; 8754 } 8755 8756 html_inner += '</div>'; 8757 8758 // 第ä¸é層 8759 if (present(second_child['children'])) { 8760 html_inner += '<div class="boost-pfs-filter-option-multi-level-list boost-pfs-filter-option-third-level-list">'; 8761 8762 for (var k = 0; k < second_child['children'].length; k++) { 8763 var third_child = second_child['children'][k]; 8764 //var third_obj = getFacetMultipleParams(third_child, facet_params_array, i) 8765 8766 var third_index_of = present(third_child['id']) && present(current_this_facet_param) ? current_this_facet_param.indexOf(third_child['id']) : -1; 8767 var third_hier_opened = '' 8768 if (third_index_of > -1) { 8769 third_hier_opened = ' selected boost-pfs-open' 8770 } 8771 var third_category_count = present(third_child['count']) ? '(' + third_child['count'] + ')' : '' 8772 var third_link_id = current_this_facet_param === third_child['id'] ? '' : third_child['id']; 8773 8774 8775 html_inner += '<div class="boost-pfs-filter-option-multi-level-item boost-pfs-filter-option-third-level-item">'; 8776 html_inner += '<div class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + third_hier_opened + '">'; 8777 html_inner += '<a class="boost-pfs-filter-button" data-action="select-filter-item" href="' + '?' + URL.setAndGetQueryParamsString({ "fq.category": third_link_id, "page": 1 }) + '"'; 8778 html_inner += ' data-q-search=\'' + JSON.stringify({ "fq.category": third_link_id, "page": 1 }); 8779 html_inner += '\'>'; 8780 //html_inner += '<span class="boost-pfs-check-box' + third_obj.is_selected + '"></span>'; 8781 html_inner += '<span class="boost-pfs-filter-option-value">' + third_child['name'] + third_category_count + '</span>'; 8782 html_inner += '</a>'; 8783 8784 html_inner += '</div>'; 8785 html_inner += '<div class="boost-pfs-filter-option-multi-level-list boost-pfs-filter-option-third-level-list">'; 8786 8787 html_inner += '</div>'; 8788 html_inner += '</div>'; 8789 } 8790 html_inner += '</div>'; 8791 } 8792 } 8793 html_inner += '</div>'; 8794 8795 8796 } 8797 html_inner += '</div>'; 8798 html_inner += '</li>'; 8799 8800 if (first_index_of > -1) { 8801 break 8802 } 8803 } 8804 8805 html += html_inner; 8806 html += '</ul>'; 8807 html += '</div>'; 8808 html += '</div>'; 8809 html += '</div>'; 8810 8811 $facet_parent.append(html); 8812 } 8813 8814 function generateFacet_maker(facet_obj, facet_name) { 8815 if (!present(facet_obj)) { return } 8816 8817 var facet_title = present(CONFIG.facet_type[facet_name].title) ? CONFIG.facet_type[facet_name].title : 'ã¡ã¼ã«ã¼'; 8818 var current_this_facet_param = URL.getQueryParam('fq.maker'); 8819 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split('|') : [] 8820 8821 var $facet_parent = $('.q-facet-parent-' + facet_name); 8822 $facet_parent.empty() 8823 8824 var html = ''; 8825 html += '<div class="boost-pfs-filter-option boost-pfs-filter-has-scrollbar boost-pfs-filter-option-list boost-pfs-filter-option-ã¡ã¼ã«ã¼ boost-pfs-filter-has-scrollbar boost-pfs-filter-option-column-1">'; 8826 html += '<div class="boost-pfs-filter-option-title"><button aria-controls="boost-pfs-filter-tree-pf-v-meka" aria-label="Filter by ã¡ã¼ã«ã¼" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true"><span class="boost-pfs-filter-option-title-text">ã¡ã¼ã«ã¼<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 8827 html += '<p class="boost-pfs-filter-selected-items-mobile"></p><button aria-label="Clear filter by ã¡ã¼ã«ã¼" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 8828 html += '</div>'; 8829 html += '<div class="boost-pfs-filter-option-content boost-pfs-filter-has-searchbox" id="boost-pfs-filter-tree-pf-v-meka">'; 8830 html += '<div class="boost-pfs-filter-option-show-search-box-wrapper">'; 8831 html += '<input role="textbox" aria-label="Search Options" class="boost-pfs-filter-option-show-search-box" type="text" autocomplete="on" placeholder="ã¡ã¼ã«ã¼ãæ¤ç´¢">'; 8832 html += '</div>'; 8833 html += '<div class="boost-pfs-filter-option-content-inner">'; 8834 html += '<ul class="boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multiple-list">'; 8835 8836 for (var i = 0; i < facet_obj.length; i++) { 8837 var facet = facet_obj[i]; 8838 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 8839 var index_of = tmp_array.indexOf(facet['id']) 8840 var is_selected = index_of > -1 ? ' selected' : ''; 8841 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('|'); 8842 var keep_param = tmp_array.join('|') 8843 var tmp_id = present(is_selected) ? keep_param : facet['id'] + (present(keep_param) ? '|' + keep_param : ''); 8844 tmp_id = present(is_selected) && facet_params_array.length <= 1 ? keep_param : tmp_id; 8845 var facet_count = present(facet['count']) ? '(' + facet['count'] + ')' : '' 8846 8847 html += '<li class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + is_selected + '">'; 8848 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.maker": tmp_id, "page": 1 }) + '"'; 8849 html += ' data-q-search=\'' + JSON.stringify({ "fq.maker": tmp_id, "page": 1 }); 8850 html += '\'>'; 8851 html += '<button role="checkbox" class="boost-pfs-filter-button">'; 8852 html += '<span class="boost-pfs-check-box"></span>'; 8853 html += '<span class="boost-pfs-filter-option-value">' + facet['name'] + facet_count + '</span>'; 8854 html += '<span class="boost-pfs-filter-option-amount" aria-label=""></span>'; 8855 html += '</button>'; 8856 html += '</a>'; 8857 html += '</li>'; 8858 } 8859 html += '</ul>'; 8860 html += '</div>
8860<button class="boost-pfs-filter-button boost-pfs-filter-apply-button">Apply</button>'; 8861 html += '</div>'; 8862 html += '</div>'; 8863 8864 $facet_parent.append(html); 8865 } 8866 8867 function generateFacet_brand(facet_obj, facet_name) { 8868 if (!present(facet_obj)) { return } 8869 8870 var facet_title = present(CONFIG.facet_type[facet_name].title) ? CONFIG.facet_type[facet_name].title : 'ãã©ã³ã'; 8871 var current_this_facet_param = URL.getQueryParam('fq.brand'); 8872 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split('|') : [] 8873 8874 var $facet_parent = $('.q-facet-parent-' + facet_name); 8875 $facet_parent.empty() 8876 8877 var html = ''; 8878 html += '<div class="boost-pfs-filter-option boost-pfs-filter-has-scrollbar boost-pfs-filter-option-list boost-pfs-filter-option-ãã©ã³ã boost-pfs-filter-has-scrollbar boost-pfs-filter-option-column-1">'; 8879 html += '<div class="boost-pfs-filter-option-title"><button aria-controls="boost-pfs-filter-tree-pf-v-meka" aria-label="Filter by ãã©ã³ã" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true"><span class="boost-pfs-filter-option-title-text">ãã©ã³ã<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 8880 html += '<p class="boost-pfs-filter-selected-items-mobile"></p><button aria-label="Clear filter by ãã©ã³ã" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 8881 html += '</div>'; 8882 html += '<div class="boost-pfs-filter-option-content boost-pfs-filter-has-searchbox" id="boost-pfs-filter-tree-pf-v-meka">'; 8883 html += '<div class="boost-pfs-filter-option-show-search-box-wrapper">'; 8884 html += '<input role="textbox" aria-label="Search Options" class="boost-pfs-filter-option-show-search-box" type="text" autocomplete="on" placeholder="ãã©ã³ããæ¤ç´¢">'; 8885 html += '</div>'; 8886 html += '<div class="boost-pfs-filter-option-content-inner">'; 8887 html += '<ul class="boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multiple-list">'; 8888 8889 for (var i = 0; i < facet_obj.length; i++) { 8890 var facet = facet_obj[i]; 8891 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 8892 var index_of = tmp_array.indexOf(facet['id']) 8893 var is_selected = index_of > -1 ? ' selected' : ''; 8894 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('|'); 8895 var keep_param = tmp_array.join('|') 8896 var tmp_id = present(is_selected) ? keep_param : facet['id'] + (present(keep_param) ? '|' + keep_param : ''); 8897 tmp_id = present(is_selected) && facet_params_array.length <= 1 ? keep_param : tmp_id; 8898 tmp_id = sanitize(tmp_id); // 追å 20221114 8899 var facet_count = present(facet['count']) ? '(' + facet['count'] + ')' : '' 8900 8901 8902 html += '<li class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + is_selected + '">'; 8903 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.brand": tmp_id, "page": 1 }) + '"'; 8904 html += ' data-q-search=\'' + JSON.stringify({ "fq.brand": tmp_id, "page": 1 }); 8905 html += '\'>'; 8906 html += '<button role="checkbox" class="boost-pfs-filter-button">'; 8907 html += '<span class="boost-pfs-check-box"></span>'; 8908 html += '<span class="boost-pfs-filter-option-value">' + facet['name'] + facet_count + '</span>'; 8909 html += '<span class="boost-pfs-filter-option-amount" aria-label=""></span>'; 8910 html += '</button>'; 8911 html += '</a>'; 8912 html += '</li>'; 8913 8914 } 8915 html += '</ul>'; 8916 html += '</div><button class="boost-pfs-filter-button boost-pfs-filter-apply-button">Apply</button>'; 8917 html += '</div>'; 8918 html += '</div>'; 8919 8920 $facet_parent.append(html); 8921 } 8922 8923 function getFacetMultipleParams(facet, facet_params_array, i) { 8924 var _obj = {} 8925 var path_category_id = ""; 8926 if (CONFIG.search_page_path == '/pages/category') { 8927 path_category_id = getPathCategoryId(); 8928 } 8929 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 8930 8931 var index_of = tmp_array.indexOf(facet['id']) 8932 8933 var is_selected = index_of > -1 ? ' selected' : ''; 8934 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('^'); 8935 var keep_param = tmp_array.join('^') 8936 var tmp_id = present(is_selected) ? keep_param : facet['id'] + (present(keep_param) ? '^' + keep_param : ''); 8937 tmp_id = present(is_selected) && facet_params_array.length <= 1 ? keep_param : tmp_id; 8938 8939 _obj["is_selected"] = is_selected 8940 _obj["tmp_id"] = tmp_id 8941 8942 return _obj 8943 } 8944 8945 function generateFacet_status(facet_obj, facet_name) { 8946 8947 var $facet_parent = $('.q-facet-parent-' + facet_name); 8948 if (!present(facet_obj) && !$facet_parent.length) { return } 8949 8950 var current_this_facet_param = URL.getQueryParam('fq.status'); 8951 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split('|') : [] 8952 $facet_parent.empty() 8953 8954 var html = ''; 8955 html += '<div class="boost-pfs-filter-option boost-pfs-filter-option-list boost-pfs-filter-option-è²©å£²ç¶æ³ boost-pfs-filter-no-scrollbar boost-pfs-filter-option-column-1">'; 8956 html += '<div class="boost-pfs-filter-option-title"><button aria-controls="boost-pfs-filter-tree-pf-st-fan4-mai4-zhuang4-kuang4" aria-label="Filter by è²©å£²ç¶æ³" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true"><span class="boost-pfs-filter-option-title-text">è²©å£²ç¶æ³<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 8957 html += '<p class="boost-pfs-filter-selected-items-mobile"></p><button aria-label="Clear filter by è²©å£²ç¶æ³" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 8958 html += '</div>'; 8959 html += '<div class="boost-pfs-filter-option-content" id="boost-pfs-filter-tree-pf-st-fan4-mai4-zhuang4-kuang4">'; 8960 html += '<div class="boost-pfs-filter-option-content-inner">'; 8961 html += '<ul class="boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multiple-list">'; 8962 8963 var length = Object.keys(facet_obj).length
8964 Object.keys(facet_obj).forEach(function (key) { 8965 8966 var facet = facet_obj[key]; 8967 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 8968 var index_of = tmp_array.indexOf(String(key)) 8969 var is_selected = index_of > -1 ? ' selected' : ''; 8970 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('|'); 8971 var keep_param = tmp_array.join('|') 8972 var tmp_id = present(is_selected) ? keep_param : key + (present(keep_param) ? '|' + keep_param : ''); 8973 tmp_id = present(is_selected) && facet_params_array.length <= 1 ? keep_param : tmp_id; 8974 var facet_count = present(facet) ? '(' + facet + ')' : '' 8975 var title = present(CONFIG.facet_status[key]) ? CONFIG.facet_status[key] : '' 8976 8977 // var is_selected = Number(current_this_facet_param) === i ? ' selected' : ''; 8978 // var tmp_id = present(is_selected) ? '' : i; 8979 8980 html += '<li class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + is_selected + '">'; 8981 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.status": tmp_id, "page": 1 }) + '"'; 8982 html += ' role="checkbox" class="boost-pfs-filter-button"'; 8983 html += ' data-q-search=\'' + JSON.stringify({ "fq.status": tmp_id, "page": 1 }); 8984 html += '\'>'; 8985 html += '<span class="boost-pfs-check-box"></span>'; 8986 html += '<span class="boost-pfs-filter-option-value">' + title + facet_count + '</span>'; 8987 html += '<span class="boost-pfs-filter-option-amount" aria-label=""></span>'; 8988 html += '</a>'; 8989 html += '</li>'; 8990 8991 }); 8992 html += '</ul>'; 8993 html += '</div><button class="boost-pfs-filter-button boost-pfs-filter-apply-button">Apply</button>'; 8994 html += '</div>'; 8995 html += '</div>'; 8996 8997 $facet_parent.append(html); 8998 8999 } 9000 9001 function generateSortSelector() { 9002 var $form_field_select = $('select.form-field-select'); 9003 if ($form_field_select.length) { 9004 var html = '' 9005 9006 Object.keys(CONFIG.sort_type).map(function (key) { 9007 var arr = CONFIG.sort_type[key]; 9008 if (arr.length) { 9009 for (var i = 0; i < arr.length; i++) { 9010 var sort_info = arr[i]; 9011 var sort_flow = present(sort_info['sort']) ? sort_info['sort'] : ''; 9012 var title = present(sort_info['title']) ? sort_info['title'] : ''; 9013 var value = key + ' ' + sort_flow; 9014 var is_current_value = encodeURIComponent(value) === encodeURIComponent(URL.getQueryParam('sort')); 9015 9016 html += '<option value="' + value + '"' + (is_current_value ? ' selected' : '') + '>' + title + '</option>' 9017 } 9018 } 9019 9020 }); 9021 $form_field_select.empty(); 9022 $form_field_select.append(html); 9023 $form_field_select.on('change', function () { 9024 var val = $(this).val(); 9025 //val = encodeURIComponent(val); 9026 var json = JSON.stringify({ sort: val }) 9027 submitSearchOnAsync(json, true); 9028 }); 9029 } 9030 } 9031 9032 // æ°å/ä¸å¤/ã¯ã±ããå 9033 function generateFacet_type(facet_obj, facet_name) { 9034 if (!present(facet_obj)) { return } 9035 var facet_title = present(CONFIG.facet_type[facet_name].title) ? CONFIG.facet_type[facet_name].title : 'æ°å/ä¸å¤/ã¯ã±ããå'; 9036 var current_this_facet_param = URL.getQueryParam('fq.type'); 9037 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split('|') : [] 9038 9039 var $facet_parent = $('.q-facet-parent-' + facet_name); 9040 $facet_parent.empty() 9041 9042 var html = ''; 9043 html += '<div class="boost-pfs-filter-option boost-pfs-filter-option-list boost-pfs-filter-option-' + facet_title + ' boost-pfs-filter-has-scrollbar boost-pfs-filter-option-column-1">'; 9044 html += ' <div class="boost-pfs-filter-option-title"><button aria-controls="boost-pfs-filter-tree-pf-pt-wakeari" aria-label="Filter by ' + facet_title + '" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true"><span class="boost-pfs-filter-option-title-text">' + facet_title + '<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 9045 html += ' <p class="boost-pfs-filter-selected-items-mobile"></p><button aria-label="Clear filter by ' + facet_title + '" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 9046 html += ' </div>'; 9047 html += ' <div class="boost-pfs-filter-option-content" id="boost-pfs-filter-tree-pf-pt-wakeari">'; 9048 html += ' <div class="boost-pfs-filter-option-content-inner">'; 9049 html += ' <ul class="boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multiple-list">'; 9050
9051 Object.keys(facet_obj).forEach(function (key) { 9052 9053 var facet = facet_obj[key]; 9054 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 9055 var index_of = tmp_array.indexOf(String(key)) 9056 var is_selected = index_of > -1 ? ' selected' : ''; 9057 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('|'); 9058 var keep_param = tmp_array.join('|') 9059 var tmp_id = present(is_selected) ? keep_param : key + (present(keep_param) ? '|' + keep_param : ''); 9060 tmp_id = present(is_selected) && facet_params_array.length <= 1 ? keep_param : tmp_id; 9061 var facet_count = present(facet) ? '(' + facet + ')' : '' 9062 var title = present(CONFIG.facet_type_title[key]) ? CONFIG.facet_type_title[key] : '' 9063 9064 9065 html += '<li class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + is_selected + '">'; 9066 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.type": tmp_id, "page": 1 }) + '"'; 9067 html += ' role="checkbox" class="boost-pfs-filter-button"'; 9068 html += ' data-q-search=\'' + JSON.stringify({ "fq.type": tmp_id, "page": 1 }); 9069 html += '\'>'; 9070 html += '<span class="boost-pfs-check-box"></span>'; 9071 html += '<span class="boost-pfs-filter-option-value">' + title + facet_count + '</span>'; 9072 html += '<span class="boost-pfs-filter-option-amount" aria-label=""></span>'; 9073 html += '</button>'; 9074 html += '</a>'; 9075 html += '</li>'; 9076 }) 9077 html += '</ul>'; 9078 html += '</div><button class="boost-pfs-filter-button boost-pfs-filter-apply-button">Apply</button>'; 9079 html += '</div>'; 9080 html += '</div>'; 9081 9082 $facet_parent.append(html); 9083 } 9084 9085 // ã¹ãã㯠9086 function generateFacet_spec(facet_obj, facet_name) { 9087 if (!present(facet_obj)) { return } 9088 9089 var title = CONFIG.facet_type_title; 9090 var facet_title = present(CONFIG.facet_type[facet_name].title) ? CONFIG.facet_type[facet_name].title : 'ã¹ããã¯'; 9091 var current_this_facet_param = URL.getQueryParam('fq.spec'); 9092 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split('|') : [] 9093 9094 var $facet_parent = $('.q-facet-parent-' + facet_name); 9095 $facet_parent.empty() 9096 9097 var html = ''; 9098 html += '<div class="boost-pfs-filter-option boost-pfs-filter-option-list boost-pfs-filter-option-' + facet_title + ' boost-pfs-filter-has-scrollbar boost-pfs-filter-option-column-1">'; 9099 html += ' <div class="boost-pfs-filter-option-title"><button aria-controls="boost-pfs-filter-tree-pf-pt-wakeari" aria-label="Filter by ' + facet_title + '" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true"><span class="boost-pfs-filter-option-title-text">' + facet_title + '<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 9100 html += ' <p class="boost-pfs-filter-selected-items-mobile"></p><button aria-label="Clear filter by ' + facet_title + '" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 9101 html += ' </div>'; 9102 html += ' <div class="boost-pfs-filter-option-content" id="boost-pfs-filter-tree-pf-pt-wakeari">'; 9103 html += ' <div class="boost-pfs-filter-option-content-inner">'; 9104 html += ' <ul class="boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multiple-list">'; 9105 9106 var length = Object.keys(facet_obj).length; 9107 for (var i = 1; i < length; i++) { 9108 var facet = facet_obj[i - 1]; 9109 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 9110 var index_of = tmp_array.indexOf(String(i)) 9111 var is_selected = index_of > -1 ? ' selected' : ''; 9112 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('|'); 9113 var keep_param = tmp_array.join('|') 9114 var tmp_id = present(is_selected) ? keep_param : i + (present(keep_param) ? '|' + keep_param : ''); 9115 tmp_id = present(is_selected) && facet_params_array.length <= 1 ? keep_param : tmp_id; 9116 var facet_count = present(facet['count']) ? '(' + facet['count'] + ')' : '' 9117 9118 html += '<li class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + is_selected + '">'; 9119 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.spec": tmp_id }) + '"'; 9120 html += ' role="checkbox" class="boost-pfs-filter-button"'; 9121 html += ' data-q-search=\'' + JSON.stringify({ "fq.spec": tmp_id }); 9122 html += '\'>'; 9123 html += '<span class="boost-pfs-check-box"></span>'; 9124 html += '<span class="boost-pfs-filter-option-value">' + facet.name + facet_count + '</span>'; 9125 html += '<span class="boost-pfs-filter-option-amount" aria-label=""></span>'; 9126 html += '</button>'; 9127 html += '</a>'; 9128 html += '</li>'; 9129 } 9130 html += '</ul>'; 9131 html += '</div>
9131<button class="boost-pfs-filter-button boost-pfs-filter-apply-button">Apply</button>'; 9132 html += '</div>'; 9133 html += '</div>'; 9134 9135 $facet_parent.append(html); 9136 } 9137 9138 // ä¾¡æ ¼ 9139 function generateFacet_price(facet_obj, facet_name) { 9140 if (!present(facet_obj)) { return } 9141 9142 var facet_title = present(CONFIG.facet_type[facet_name].title) ? CONFIG.facet_type[facet_name].title : 'ä¾¡æ ¼ï¼ï¿¥ï¼'; 9143 var current_this_facet_param = URL.getQueryParam('fq.price'); 9144 var facet_params_array = present(current_this_facet_param) ? current_this_facet_param.split('|') : [] 9145 9146 var $facet_parent = $('.q-facet-parent-' + facet_name); 9147 $facet_parent.empty() 9148 9149 var html = ''; 9150 html += '<div class="boost-pfs-filter-option boost-pfs-filter-option-list boost-pfs-filter-option-' + facet_title + ' boost-pfs-filter-has-scrollbar boost-pfs-filter-option-column-1">'; 9151 html += ' <div class="boost-pfs-filter-option-title"><button aria-controls="boost-pfs-filter-tree-pf-pt-wakeari" aria-label="Filter by ' + facet_title + '" tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading" aria-expanded="true"><span class="boost-pfs-filter-option-title-text">' + facet_title + '<span class="boost-pfs-filter-option-title-count"></span></span></button>'; 9152 html += ' <p class="boost-pfs-filter-selected-items-mobile"></p><button aria-label="Clear filter by ' + facet_title + '" class="boost-pfs-filter-button boost-pfs-filter-clear" style="display: none;">è§£é¤</button>'; 9153 html += ' </div>'; 9154 html += ' <div class="boost-pfs-filter-option-content" id="boost-pfs-filter-tree-pf-pt-wakeari">'; 9155 html += ' <div class="boost-pfs-filter-option-content-inner">'; 9156 html += ' <ul class="boost-pfs-filter-option-item-list boost-pfs-filter-option-item-list-multiple-list">'; 9157 9158 var length = Object.keys(facet_obj).length; 9159 for (var i = 0; i < length; i++) { 9160 var facet = facet_obj[i]; 9161 var tmp_array = JSON.parse(JSON.stringify(facet_params_array)); 9162 9163 var low_high_id = '' 9164 low_high_id += present(facet['low']) ? facet['low'] : ''; 9165 low_high_id += ':' 9166 low_high_id += present(facet['high']) ? facet['high'] : ''; 9167 9168 var index_of = tmp_array.indexOf(low_high_id) 9169 var is_selected = index_of > -1 ? ' selected' : ''; 9170 9171 index_of > -1 ? tmp_array.splice(index_of, 1) : tmp_array.join('|'); 9172 var keep_param = tmp_array.join('|') 9173 low_high_id = present(is_selected) ? '' : low_high_id; 9174 9175 var facet_count = present(facet['count']) ? '(' + facet['count'] + ')' : '' 9176 9177 var low_high_name = 'ï¿¥' 9178 var low_yen = present(facet['low']) && !Number.isNaN(Number(facet['low'])) ? formatPriceYen(Number(facet['low'])) : ''; 9179 var high_yen = present(facet['high']) && !Number.isNaN(Number(facet['high'])) ? formatPriceYen(Number(facet['high'])) : ''; 9180 9181 low_high_name += low_yen 9182 low_high_name += 'ï½' 9183 low_high_name += high_yen 9184 9185 9186 9187 var low_high_count = present(facet['count']) ? '(' + facet['count'] + ')' : '' 9188 9189 9190 html += '<li class="boost-pfs-filter-option-item boost-pfs-filter-option-label' + is_selected + '">'; 9191 html += '<a href="' + CONFIG.search_page_path + '?' + URL.setAndGetQueryParamsString({ "fq.price": low_high_id, "page": 1 }) + '"'; 9192 html += ' role="checkbox" class="boost-pfs-filter-button"'; 9193 html += ' data-q-search=\'' + JSON.stringify({ "fq.price": low_high_id, "page": 1 }); 9194 html += '\'>'; 9195 //html += '<span class="boost-pfs-check-box"></span>'; 9196 html += '<span class="boost-pfs-filter-option-value">' + low_high_name + facet_count + '</span>'; 9197 html += '<span class="boost-pfs-filter-option-amount" aria-label=""></span>'; 9198 html += '</button>'; 9199 html += '</a>'; 9200 html += '</li>'; 9201 } 9202 html += '</ul>'; 9203 html += '</div>
9203<button class="boost-pfs-filter-button boost-pfs-filter-apply-button">Apply</button>'; 9204 html += '</div>'; 9205 html += '</div>'; 9206 9207 $facet_parent.append(html); 9208 } 9209 9210 9211 function addEventToggleAccordionToFacet() { 9212 var $action_elements = $('[data-action*="expand-filter-item"]'); 9213 if ($action_elements.length) { 9214 $action_elements.each(function () { 9215 $(this).on('click', function () { 9216 toggleAccordionFacet($(this)); 9217 }); 9218 }) 9219 } 9220 } 9221 9222 function toggleAccordionFacet($btn) { 9223 var $parent = $btn.parents('.boost-pfs-filter-option-item'); 9224 var $accordion = $parent.siblings('.boost-pfs-filter-option-multi-level-list'); 9225 9226 if ($accordion.length) { 9227 $accordion.slideToggle(10, function () { 9228 if ($parent.length) { 9229 $parent.hasClass('boost-pfs-open') ? $parent.removeClass('boost-pfs-open') : $parent.addClass('boost-pfs-open'); 9230 } 9231 }); 9232 } 9233 } 9234 9235 function initOpenAccordionFacet() { 9236 var $second_parent = $('.boost-pfs-filter-option-second-level-list'); 9237 9238 $second_parent.each(function () { 9239 var $second_box = $(this).find(".boost-pfs-filter-option-second-level-item > .boost-pfs-filter-option-item .boost-pfs-check-box.selected") 9240 9241 var $second_accordion = $(this); 9242 if ($second_box.length) { 9243 $(this).slideDown(10); 9244 } 9245 9246 var $third_parent = $(this).find('.boost-pfs-filter-option-third-level-list'); 9247 $third_parent.each(function () { 9248 var $third_box = $(this).find(".boost-pfs-filter-option-third-level-item > .boost-pfs-filter-option-item .boost-pfs-check-box.selected") 9249 9250 if ($third_box.length) { 9251 $(this).slideDown(10); 9252 $second_accordion.slideDown(10); 9253 } 9254 }) 9255 9256 }) 9257 } 9258 9259 function addEventNarrowDownMakerList() { 9260 var $input = $('.boost-pfs-filter-option-show-search-box'); 9261 var $makers = $('.q-facet-parent-maker .boost-pfs-filter-option-item'); 9262 9263 if ($input.length && $makers.length) { 9264 $input.on('input', function () { 9265 var text = $(this).val(); 9266 text = escapeText(text) 9267 $makers.each(function () { 9268 var maker_name = $(this).find('.boost-pfs-filter-option-value').text(); 9269 var reg = new RegExp(text, "i") 9270 if (!reg.test(maker_name)) { 9271 $(this).hide() 9272 } else { 9273 $(this).show() 9274 } 9275 }) 9276 }); 9277 } 9278 } 9279 9280 function addEventNarrowDownBrandList() { 9281 var $input = $('.boost-pfs-filter-option-show-search-box'); 9282 var $brands = $('.q-facet-parent-brand .boost-pfs-filter-option-item'); 9283 9284 if ($input.length && $brands.length) { 9285 $input.on('input', function () { 9286 var text = $(this).val(); 9287 text = escapeText(text) 9288 $brands.each(function () { 9289 var brand_name = $(this).find('.boost-pfs-filter-option-value').text(); 9290 9291 var reg = new RegExp(text, "i") 9292 if (!reg.test(brand_name)) { 9293 $(this).hide() 9294 } else { 9295 $(this).show() 9296 } 9297 }) 9298 }); 9299 } 9300 } 9301 9302 function escapeText(text) { 9303 return text.replace(/\\/g, "\") 9304 .replace(/"/g, "\"") 9305 .replace(/\./g, ".") 9306 .replace(/\*/g, "*") 9307 .replace(/\+/g, "+") 9308 .replace(/\?/g, "?") 9309 .replace(/\^/g, "^") 9310 .replace(/\$/g, "$") 9311 .replace(/\â/g, "–") 9312 .replace(/\|/g, "|") 9313 .replace(/\//g, "/") 9314 .replace(/\{/g, "{") 9315 .replace(/\}/g, "}") 9316 .replace(/\(/g, "(") 9317 .replace(/\)/g, ")") 9318 .replace(/\[/g, "[") 9319 .replace(/\]/g, "]") 9320 } 9321 9322 9323 /*----------------------- 9324 ã¬ã³ã¸ã¹ã©ã¤ãã¼ 9325 -----------------------*/ 9326 function setRangeSlider() { 9327 if (!$range) { 9328 return 9329 } 9330 // APIãå ã«æå°å¤ï¼æå¤§å¤ãè¨å® 9331 var facet = present(arguments[0]) ? arguments[0] : '' 9332 var min_range = 0; 9333 var max_high = present(facet) && checkNestAndEmptyObject(facet, 'price') ? facet.price[facet.price.length - 1].high : null; 9334 var max_range = present(max_high) && max_high !== '*' ? Number(max_high) : 9999999; 9335 9336 9337 // ãã©ã¡ã¼ã¿ãå ã«æå°å¤ï¼æå¤§å¤ãè¨å® 9338 var params = URL.getQueryParam('fq.price'); 9339 var params_arr = present(params) ? params.split(':') : [] 9340 var current_min_range = present(params_arr[0]) && params_arr[0] >= min_range ? params_arr[0] : min_range; 9341 var current_max_range = present(params_arr[1]) && params_arr[1] <= max_range ? params_arr[1] : max_range; 9342 9343 min_range = Number(min_range); 9344 max_range = Number(max_range); 9345 9346 typeof $range.noUiSlider !== 'undefined' ? $range.noUiSlider.destroy() : ''; 9347 9348 noUiSlider.create($range, { 9349 start: [current_min_range, current_max_range], // ãã³ãã«ã®åæä½ç½®ãæå®ãæ°ãå¢ããã°ãã³ãã«ã®æ°ãå¢ããã 9350 step: 1, // ã¹ã©ã¤ããåããæå°ç¯å²ãæå®ã 9351 margin: 1, // ãã³ãã«éã®æä½è·é¢ãæå®ã 9352 connect: true, // ãã³ãã«éãè²å¡ããããã©ãã 9353 direction: 'ltr', // ã©ã¡ããå§ç¹ã«ããããltr(Left To Right) or rtl(Right To Left)ã 9354 orientation: 'horizontal', // ã¹ã©ã¤ãã¼ã®æ¹åãæ¨ªåãã縦ãã縦ã®å ´åã¯ãcssã§rangeã®heightãé©å½ã«è¨å®ããªãã¨ã¤ã¶ãã¦ãã¾ãã 9355 behaviour: 'tap-drag', // ãã³ãã«ã®åããæ¹ã 9356 range: { 9357 'min': min_range, 9358 'max': max_range 9359 }, // ã¹ã©ã¤ãã¼ã®å§ç¹ã¨çµç¹ 9360 padding: [0, 0], 9361 // pips: { //pipã使ãã¨ãã¹ã©ã¤ãã¼ã«ç®çããã¤ãã 9362 // mode: 'positions', // stepãã¨ã«å¤§ããªç®çããã¤ãã 9363 // values: [0, 50 ,100], 9364 // density: 5 // densityã¯rangeã§æå®ããç¯å²ã®ä½%ãã¨ã«å°ããªç®çããæ¯ãã(ããã©ã«ã1) 9365 // } // ä»åã¯100ã®ç¯å²ã«å¯¾ãã¦ã10ãã¹ãããããã¤density 5ãªã
9365®ã§ã10æ¯ã«å¤§ããªç®çãã5æ¯ã«å°ããªç®çãã 9366 }); 9367 var noUi_draggable = $('.noUi-handle-lower'); 9368 var html = ''; 9369 html += '<div class="noUi-color-bar">' 9370 noUi_draggable.after(html); 9371 9372 // ã¤ãã³ãã追å 9373 var $input_min_range = $('.boost-pfs-filter-option-range-amount-min') 9374 var $input_max_range = $('.boost-pfs-filter-option-range-amount-max') 9375 var $handel_left = $('#q-range-slider-parent .noUi-origin:first-of-type') 9376 var $handel_right = $('#q-range-slider-parent .noUi-origin:last-of-type') 9377 var $color_bar = $('#q-range-slider-parent .noUi-color-bar') 9378 9379 $range.noUiSlider.on('update', function (values, handle) { 9380 if ($input_min_range.length) { 9381 $input_min_range.val(parseInt(values[0])); 9382 9383 } 9384 if ($input_max_range.length) { 9385 $input_max_range.val(parseInt(values[1])) 9386 } 9387 9388 if ($handel_left.length && $handel_right.length && $color_bar.length) { 9389 var pos_left = $handel_left.offset().left; 9390 var pos_right = $handel_right.offset().left; 9391 var diff = present(pos_right) && present(pos_left) && pos_right - pos_left > 0 ? pos_right - pos_left - 10 + 'px' : '97%'; 9392 $color_bar.width(diff) 9393 } 9394 9395 9396 }); 9397 9398 $range.noUiSlider.on('end', function (values, handle) { 9399 var arr = []; 9400 present(values[0]) ? arr.push(parseInt(values[0])) : ''; 9401 present(values[1]) ? arr.push(parseInt(values[1])) : ''; 9402 9403 var dataset_json = { 9404 "fq.price": arr.join(':') 9405 } 9406 9407 9408 if (CONFIG.search_result_async) { 9409 dataset_json = JSON.stringify(dataset_json); 9410 submitSearchOnAsync(dataset_json, true) 9411 } else { 9412 var hash = URL.setAndGetQueryParams(dataset_json); 9413 var query = URL.formatQueryParamsToString(hash, ':'); 9414 location.assign(CONFIG.search_page_path + '?' + query) 9415 } 9416 9417 var target = $(CONFIG.smooth_scroll_target); 9418 var position = target.offset().top - 150; 9419 var speed = 50; 9420 $("html, body").animate({ 9421 scrollTop: position 9422 }, speed, "swing"); 9423 return false; 9424 9425 }); 9426 } 9427 9428 function generateFallback(fallback) { 9429 var $fallback_parent = $('.q-search-fallback') 9430 if ($fallback_parent.length) { 9431 9432 var fallback_type = present(fallback.type) ? fallback.type : ''; 9433 if (fallback_type === "word_delete") { 9434 var keyword = present(fallback.keyword) ? fallback.keyword : ''; 9435 var searched_word = URL.getQueryParam('kw'); 9436 searched_word = sanitize(searched_word); // 追å 20221115 9437 var replaced_delete_word = present(searched_word) ? searched_word.replace(keyword, '') : searched_word; 9438 9439 var html = ""; 9440 html += '<div class="q-search-fallback__body">'; 9441 html += '<p class="fallback__before">'; 9442 html += '<span class="fallback__before_word">' + searched_word + '</span><span class="fallback__word_small">ã§ã¯ååãè¦ã¤ããã¾ããã§ããã</span>'; 9443 html += '</p>'; 9444 html += '<p class="fallback__after">'; 9445 html += '<span class="fallback__after_word">' + keyword + '</span><span class="fallback__after_word_strike">' + replaced_delete_word.trim() + '</span>ã®æ¤ç´¢çµæã表示ãã¦ãã¾ãã'; 9446 html += '</p>'; 9447 html += '</div>'; 9448 9449 $fallback_parent.empty() 9450 $fallback_parent.append(html) 9451 } 9452 9453 } 9454 } 9455 9456 function getAllItemsID(docs) { 9457 var tmp_arr = []; 9458 for (var i = 0; i < docs.length; i++) { 9459 var item = docs[i]; 9460 if (present(item.item_handle)) { 9461 tmp_arr.push(item.item_handle) 9462 } 9463 } 9464 return tmp_arr; 9465 } 9466 9467 var taglog_data = { 9468 setClient: 'system5', 9469 setReqURL: location.href, 9470 setRefURL: document.referrer, 9471 setDisplay: isSmartPhone(), 9472 setNumDisp: present(URL.getQueryParam('rows')) ? URL.getQueryParam('rows') : 24, 9473 setNumHit: 0, 9474 setNumPage: 1, 9475 setWord: URL.getQueryParam('kw') || '', 9476 setSearchResult: [], 9477 setSort: URL.getQueryParam('sort') || 'score desc', 9478 setCategory: URL.getQueryParam('fq.category') || '', 9479 setMaker: URL.getQueryParam('fq.maker') || '', 9480 setBrand: URL.getQueryParam('fq.brand') || '', 9481 setFilter: [], 9482 setP1ReqID: 0, 9483 setFallbackType: "", 9484 setFallbackWord: "", 9485 } 9486 9487 /************************* 9488 * 9489 * ã¿ã°ãã°é¢é£ 9490 * 9491 *************************/ 9492 function sendTaglog(_taglog_data) { 9493 _ukwq = []; 9494 _taglog_data.setClient = 'system5'; 9495 _taglog_data.setReqURL = location.href; 9496 _taglog_data.setRefURL = document.referrer; 9497 _taglog_data.setDisplay = isSmartPhone(); 9498 _taglog_data.setNumDisp = present(URL.getQueryParam('rows')) ? URL.getQueryParam('rows') : 24; 9499 _taglog_data.setNumPage = URL.getQueryParam('page') || 1; 9500 _taglog_data.setNumPage = _taglog_data.setNumHit <= 0 ? 0 : _taglog_data.setNumPage; 9501 9502 _taglog_data.setWord = URL.getQueryParam('kw') || ''; 9503 _taglog_data.setSort = URL.getQueryParam('sort') || ''; 9504 _taglog_data.setCategory = URL.getQueryParam('fq.category') || ''; 9505 _taglog_data.setMaker = URL.getQueryParam('fq.maker') || ''; 9506 _taglog_data.setBrand = URL.getQueryParam('fq.brand') || ''; 9507 9508 _taglog_data.setFilter.length = 0; 9509 URL.getQueryParam('fq.price') ? _taglog_data.setFilter.push('price') : '' 9510 URL.getQueryParam('fq.type') ? _taglog_data.setFilter.push('type') : '' 9511 URL.getQueryParam('fq.status') ? _taglog_data.setFilter.push('status') : '' 9512 URL.getQueryParam('fq.spec') ? _taglog_data.setFilter.push('spec') : '' 9513 URL.getQueryParam('fq.condition') ? _taglog_data.setFilter.push('condition') : '' 9514 URL.getQueryParam('fq.stock') ? _taglog_data.setFilter.push('stock') : '' 9515 9516 // å ±é 9517 _ukwq.push(['_setClient', _taglog_data.setClient]); 9518 _ukwq.push(['_setReqURL', _taglog_data.setReqURL]); 9519 _ukwq.push(['_setRefURL', _taglog_data.setRefURL]); 9520 _ukwq.push(['_setDisplay', _taglog_data.setDisplay]); 9521 _ukwq.push(['_setLoginID', ""]); 9522 9523 // æ¤ç´¢ãã¼ã¸ç¨
9524 _ukwq.push(['_setNumHit', _taglog_data.setNumHit]); 9525 _ukwq.push(['_setNumDisp', _taglog_data.setNumDisp]); 9526 _ukwq.push(['_setNumPage', _taglog_data.setNumPage]); 9527 _ukwq.push(['_setSearchResult', _taglog_data.setSearchResult.join(",")]); 9528 _ukwq.push(['_setSort', _taglog_data.setSort]); 9529 _ukwq.push(['_setWord', _taglog_data.setWord]); 9530 _ukwq.push(['_setCategory', _taglog_data.setCategory]); 9531 _ukwq.push(['_setMaker', _taglog_data.setMaker]); 9532 _ukwq.push(['_setBrand', _taglog_data.setBrand]); 9533 _ukwq.push(['_setFilter', _taglog_data.setFilter.join(',')]); 9534 _ukwq.push(['_setP1ReqID', _taglog_data.setP1ReqID]); 9535 9536 _ukwq.push(['_setFallbackType', _taglog_data.setFallbackType]); 9537 _ukwq.push(['_setFallbackWord', _taglog_data.setFallbackWord]); 9538 9539 _ukwq.push(['_sendSearchLog']); 9540 9541 // å ±éå¦ç 9542 (function () { 9543 var _ukt = document.createElement('script'); _ukt.type = 'text/javascript'; _ukt.async = true; 9544 _ukt.src = '//' + _ukwhost + '/taglog/ukwlg.js'; 9545 var _uks = document.getElementsByTagName('script')[0]; _uks.parentNode.insertBefore(_ukt, _uks); 9546 })(); 9547 9548 } 9549 9550 function getPathCategoryId() { 9551 var categories = '' 9552 if (CONFIG.search_page_path == '/pages/category') { 9553 var current_category_query = URL.getQueryParam("fq.category"); 9554 9555 var path_category = location.pathname.match(/\/category\/\d+?\/?/) ? location.pathname.replace(/\/pages\/category\//, "").replace(/\//, '') : ''; 9556 if (path_category !== '') { 9557 categories = path_category 9558 } 9559 } 9560 return categories; 9561 } 9562 9563 function openFacetsWithSelected() { 9564 var $facet_area_title = $('.boost-pfs-filter-option-title') 9565 if ($facet_area_title.length) { 9566 $facet_area_title.each(function () { 9567 var $facet_area = $(this).next('.boost-pfs-filter-option-content') 9568 if ($facet_area.length) { 9569 var selected = $facet_area.find('.selected') 9570 if (selected.length) { 9571 $(this).addClass('js--open') 9572 } 9573 } 9574 }) 9575 } 9576 } 9577 9578 function addEventToggleFacetsContent() { 9579 var $facet_area_title = $('.boost-pfs-filter-option-title') 9580 if ($facet_area_title.length) { 9581 $facet_area_title.each(function () { 9582 $(this).on('click', function () { 9583 $(this).toggleClass('js--open') 9584 }) 9585 }) 9586 } 9587 } 9588 9589 function loadingOnSearch() { 9590 var $loading = $('#q-search-loading'); 9591 $loading.addClass('js--show'); 9592 9593 var $facet_result__parent = $('.q_facet_result__parent'); 9594 if (present($facet_result__parent) && $facet_result__parent.hasClass('boost-pfs-filter-tree-mobile-open')) { 9595 return; 9596 } 9597 var href = $(this).attr("href"); 9598 var target = $(CONFIG.smooth_scroll_target); 9599 var position = target.offset().top - 150; 9600 var speed = 50; 9601 $("html, body").animate({ 9602 scrollTop: position 9603 }, speed, "swing"); 9604 9605 } 9606 9607 9608 function endLoadingOnSearch() { 9609 var $loading = $('#q-search-loading'); 9610 $loading.removeClass('js--show'); 9611 } 9612 9613 var search_request_timer; 9614 9615 /*----------------------- 9616 ãµã¼ãAPIåå¾ 9617 -----------------------*/ 9618 function requestAPI() { 9619 9620 if (CONFIG.search_result_async) { 9621 //var $loading = $('#q-search-loading'); 9622 //$loading.addClass('js--show'); 9623 loadingOnSearch() 9624 } 9625 9626 // å¿ é 9627 var params = URL.getQueryParamsToHash(); 9628 9629 if (CONFIG.search_page_path == '/pages/category') { 9630 var path_category_id = getPathCategoryId() 9631 if (present(path_category_id)) { 9632 var current_query = URL.getQueryParam("fq.category") 9633 var current_query_arr = present(current_query) ? current_query.split(/\^|\|/) : [] 9634 9635 if (current_query_arr.length <= 0) { 9636 9637 var filtered_query_arr = [] 9638 filtered_query_arr = current_query_arr.filter(function (val) { 9639 return val != path_category_id && val !== '' 9640 }); 9641 filtered_query_arr.push(path_category_id) 9642 9643 var query = URL.setAndGetQueryParamsString({ "fq.category": filtered_query_arr.join("^") }) 9644 9645 history.pushState(null, null, location.pathname + '?' + query); 9646 params["fq.category"] = filtered_query_arr.join("^") 9647 9648 } 9649 } 9650 } 9651 9652 params["rows"] = present(URL.getQueryParam('rows')) ? URL.getQueryParam('rows') : getDefaultRows(); 9653 9654 var param_sort = URL.getQueryParam('sort'); 9655 var init_sort = present(Object.keys(CONFIG.sort_type)[0]) ? Object.keys(CONFIG.sort_type)[0] : ""
9656 var asc_desc = present(CONFIG.sort_type[init_sort]) && present(CONFIG.sort_type[init_sort][0]) && present(CONFIG.sort_type[init_sort][0].sort) ? CONFIG.sort_type[init_sort][0]["sort"] : ''; 9657 params["sort"] = present(param_sort) ? param_sort : init_sort + ' ' + asc_desc; 9658 params["wt"] = "jsonp"; 9659 params["cli"] = 'system5'; 9660 9661 var facet_types = present(CONFIG.facet_type) && Object.keys(CONFIG.facet_type).length ? Object.keys(CONFIG.facet_type) : []; 9662 params["facet"] = facet_types.join(","); 9663 9664 var _kw = URL.getQueryParam('kw') 9665 if (present(_kw)) { 9666 var is_include = /ã.+?ã/.test(_kw); 9667 if (is_include) { 9668 params["qf"] = 'clearance' 9669 } 9670 } 9671 9672 search_request_timer = setTimeout(function () { 9673 $.ajax({ 9674 type: "get", 9675 url: CONFIG.search_api_url, 9676 data: params, 9677 dataType: 'jsonp', 9678 jsonp: 'cbk', 9679 jsonpCallback: 'callback_search', 9680 crossDomain: true, 9681 cache: false, 9682 timeout: 5000 9683 }) 9684 .done(function (data) { 9685 9686 // ååãã¼ã¿ã®æç¡ 9687 var responseHeader = checkNestAndEmptyObject(data, 'responseHeader') ? data.responseHeader : {}; 9688 var fallback = checkNestAndEmptyObject(data, "responseHeader.fallback") ? data.responseHeader.fallback : null; 9689 var response = checkNestAndEmptyObject(data, 'response') ? data.response : {}; 9690 var docs = checkNestAndEmptyObject(data, 'response.docs') ? data.response.docs : {}; 9691 var numFound = checkNestAndEmptyObject(data, 'response.numFound') ? data.response.numFound : 0; 9692 var facet = checkNestAndEmptyObject(data, 'facet') ? data.facet : {}; 9693 searched_facet_data = facet; 9694 9695 generateSearchRowSelector(); 9696 9697 if (Object.keys(responseHeader).length) { 9698 taglog_data.setP1ReqID = present(responseHeader.reqID) ? responseHeader.reqID : 1; 9699 } 9700 9701 // ãµã¼ãååä¸è¦§ã表示 9702 generateResultHtmlFromTemplate(docs) 9703 taglog_data.setSearchResult = getAllItemsID(docs) 9704 9705 9706 if (numFound <= 0) { 9707 showNumFoundZeroAlert() 9708 const head = document.querySelector('head'); 9709 const meta = document.createElement('meta'); 9710 meta.setAttribute('name', 'robots'); 9711 meta.setAttribute('content', 'noindex,nofollow'); 9712 head.appendChild(meta); 9713 } else { 9714 hideNumFoundZeroAlert() 9715 } 9716 9717 // ãã¼ã¸ãã¼ã·ã§ã³ã表示 9718 if (numFound) { 9719 generatePagination(numFound); 9720 taglog_data.setNumHit = numFound; 9721 } 9722 9723 // ãã¡ã»ããã表示 9724 if (Object.keys(facet).length) { 9725 generateFacets(facet); 9726 9727 setRangeSlider(facet); 9728 generateSelectedFacetsList(facet); 9729 initOpenAccordionFacet(); 9730 9731 openFacetsWithSelected() 9732 addEventToggleFacetsContent() 9733 9734 if (CONFIG.search_page_path == '/pages/category') { 9735 var $result_header = $('.q-search-category-header'); 9736 if ($result_header.length) { 9737 var category_name = getSelectedFirstHierCategoryName(facet) 9738 if (category_name !== '') { 9739 $result_header.text("") 9740 $result_header.text(category_name) 9741 } 9742 } 9743 } 9744 } 9745 9746 // ãã©ã¼ã«ããã¯ã表示 9747 if (fallback && Object.keys(fallback).length) { 9748 generateFallback(fallback); 9749 taglog_data.setFallbackType = present(fallback.type) ? fallback.type : '' 9750 taglog_data.setFallbackWord = present(fallback.keyword) ? fallback.keyword : '' 9751 } 9752 9753 if (CONFIG.search_result_async) { 9754 addSubmitSearchEvent(true); 9755 endLoadingOnSearch(); 9756 } 9757 9758 generateSortSelector(); 9759 showTotalNum(numFound); 9760 addEventToggleAccordionToFacet(); 9761 addEventNarrowDownMakerList(); 9762 addEventNarrowDownBrandList(); 9763 9764 // title, canonical 9765 if (CONFIG.search_page_path == '/pages/category') { 9766 if (checkNestAndEmptyObject(facet, 'category')) { 9767 var current_path_category = location.pathname.replace(/\/pages\/category\//, '').replace(/\//, ''); 9768 if (present(current_path_category)) { 9769 var category_title = '' 9770 for (var i = 0; i < facet['category'].length; i++) { 9771 var item = facet['category'][i]; 9772 if (typeof item['id'] !== 'undefined' && item['id'] == current_path_category) {
9773 category_title = item['name'] 9774 } 9775 } 9776 document.title = present(category_title) ? category_title + ' â SYSTEM5' : 'ã«ãã´ãªã¼' 9777 present($canonical) ? $canonical.prop('href', location.href) : '' 9778 } 9779 } 9780 } else { 9781 var searched_word = URL.getQueryParam("kw"); 9782 searched_word = sanitize(searched_word); // 追å 20221114 9783 document.title = present(searched_word) ? '"' + searched_word + '" ã®æ¤ç´¢çµæï¼' + numFound + 'ä»¶ â SYSTEM5' : 'æ¤ç´¢ â SYSTEM5' 9784 present($canonical) ? $canonical.prop('href', location.href) : '' 9785 } 9786 9787 9788 // ã¿ã°ãã° 9789 var current_path = location.pathname; 9790 if (decodeURIComponent(current_path).indexOf(CONFIG.search_page_path) > -1) { 9791 sendTaglog(taglog_data); 9792 } 9793 9794 // ãµã¼ãããã¢ã¼ã·ã§ã³ 9795 var $q_search_promotion_area = $('.q_search_promotion_area'); 9796 if ($q_search_promotion_area.length) { 9797 SPrequestAPI(); 9798 } 9799 9800 if (typeof search_request_timer !== 'undefined') { 9801 clearTimeout(search_request_timer) 9802 } 9803 }) 9804 .fail(function (error, msg) { 9805 if (typeof search_request_timer !== 'undefined') { 9806 clearTimeout(search_request_timer) 9807 } 9808 requestAPI(); 9809 console.error(error, msg); 9810 }); 9811 }, 500); 9812 } 9813 9814 return { 9815 requestAPI: requestAPI, 9816 setRangeSlider: setRangeSlider 9817 } 9818 })(); 9819 9820 if (location.pathname.match(CONFIG.search_page_path)) { 9821 qSEARCH.requestAPI() 9822 } 9823 9824 function addCloseFacetMenuEvent_sp() { 9825 if (isSmartPhone() === "sp") { 9826 var $sidebar = $('.productgrid--sidebar'); 9827 var $facet_parent = $('.q_facet_result__parent'); 9828 var $show_facet_menu_btn = $('.boost-pfs-filter-tree-mobile-button'); 9829 var $site_main = $('#site-main'); 9830 var $fs_chat = $('._fs_chat'); 9831 9832 if ($facet_parent.length && $sidebar.length && $show_facet_menu_btn.length && $site_main.length) { 9833 //$show_facet_menu_btn.css("display", "block"); 9834 9835 var $buttons = $(".boost-pfs-filter-tree-mobile-button button, .boost-pfs-filter-close, .boost-pfs-filter-mobile-toolbar-items") 9836 if ($buttons.length) { 9837 9838 $buttons.each(function () { 9839 $(this).on("click touchend", function (e) { 9840 e.preventDefault() 9841 e.stopPropagation() 9842 9843 if ($facet_parent.hasClass("boost-pfs-filter-tree-mobile-open")) { 9844 $sidebar.css("display", "none"); 9845 $facet_parent.removeClass("boost-pfs-filter-tree-mobile-open"); 9846 $site_main.css('z-index', '') 9847 $("html, body").css("overflow", "") 9848 9849 if ($fs_chat.length) { 9850 $fs_chat.css("z-index", "") 9851 } 9852 } 9853 else { 9854 scrollTo({ 9855 top: 0, 9856 left: 0, 9857 behavior: "auto" 9858 }) 9859 $sidebar.css("display", "block"); 9860 $facet_parent.addClass("boost-pfs-filter-tree-mobile-open"); 9861 $site_main.css('z-index', '5000') 9862 $("html, body").css("overflow", "hidden") 9863 9864 if ($fs_chat.length) { 9865 $fs_chat.css("z-index", "900") 9866 } 9867 } 9868 }); 9869 }); 9870 } 9871 } 9872 } 9873 } 9874 addCloseFacetMenuEvent_sp() 9875 9876 9877 /***************************** 9878 * 9879 * ãµã¸ã§ã¹ãé¢é£ 9880 * 9881 *****************************/ 9882 function qSUGGEST(ele) { 9883 9884 // åæå 9885 var result_lists_selector = 'q_suggest_result'; 9886 9887 var form_width = ele.clientWidth; // ãã©ã¼ã ã®å¹ 9888 var form_height = ele.clientHeight; // ãã©ã¼ã ã®é«ã 9889 9890 var q_suggest_result_area; 9891 var current_result_select = 0; 9892 var $current_result_select_list; 9893 var current_result_select_number = -1; 9894 9895 var result_width; 9896 var result_height; 9897 9898 // ãµã¸ã§ã¹ãçµæã®DOMãä¸è¦§åå¾ 9899 function setCurrentResultList() { 9900 $current_result_select_list = ele.find('.' + result_lists_selector); 9901 } 9902 9903 // å ¥åã¤ã³ãããã®æ å ±åæå 9904 var $input_field = ele.find(CONFIG.input_selector); 9905 if (!!$input_field) { 9906 $input_field.autocomplete = "off"; 9907 var initKw = URL.getQueryParam("kw"); 9908 present(initKw) ? $input_field.val(initKw) : ''; 9909 9910 var suggest_product_area = ele.find('.qsuggest_result__product'); 9911 var width_percent = 0.6; 9912 9913 result_width = $input_field.outerWidth() || 100;
9913 // ãã¼ã¯ã¼ãã¤ã³ãããã®å¹ 9914 result_height = $input_field.outerHeight() || 50; // ãã¼ã¯ã¼ãã¤ã³ãããã®é«ã 9915 9916 q_suggest_result_area = ele.find(CONFIG.result_selector); // ãµã¸ã§ã¹ãçµæã®è¡¨ç¤ºã¨ãªã¢ 9917 if (q_suggest_result_area.length) { 9918 q_suggest_result_area.width(result_width * width_percent) 9919 } 9920 if (suggest_product_area.length) { 9921 var width = result_width * (1 - width_percent) - 40; 9922 var pos = { "left": result_width * width_percent + 10 } 9923 suggest_product_area.width(width) 9924 suggest_product_area.css(pos) 9925 } 9926 } 9927 // åæå end 9928 9929 9930 /** 9931 * ãµã¸ã§ã¹ãçµæã®è¡¨ç¤ºå¦ç 9932 * @param {object} response : APIåå¾ãã¼ã¿ 9933 */ 9934 function displaySuggestResult(response) { 9935 var current_result_count = 0; 9936 9937 if (!!q_suggest_result_area) { 9938 9939 // ãµã¸ã§ã¹ããªãã·ã§ã³æ©è½ã追å 9940 Object.keys(CONFIG.suggest_type).map(function (key) { 9941 let suggests = checkNestAndEmptyObject(response, key) ? response[key] : {}; 9942 current_result_count += generateResultHtmlFromTemplate(suggests, key); 9943 }); 9944 setCurrentResultList(); 9945 addEventRequestAPIproductLists(); 9946 //current_result_count >= 1 ? HideNoResultMessage() : ShowNoResultMessage(); 9947 } 9948 return current_result_count 9949 } 9950 9951 var suggest_index = 0; 9952 /** 9953 * HTMLãã³ãã¬ã¼ããããµã¸ã§ã¹ãçµæãªã¹ããçæ 9954 * @param {object} suggests : ãµã¸ã§ã¹ããã¨ã®APIåå¾ãã¼ã¿ 9955 * @param {string} key : ãµã¸ã§ã¹ãã®ãã¼ 9956 * @returns ãµã¸ã§ã¹ãçµæã®åæ° 9957 */ 9958 function generateResultHtmlFromTemplate(suggests, key) { 9959 var suggest_title_selector = 'q_template_suggest_title'; 9960 var suggest_body_selector = 'q_template_suggest_body'; 9961 9962 var count = CONFIG.suggest_type[key] && CONFIG.suggest_type[key].count ? CONFIG.suggest_type[key].count : 5; 9963 var title = CONFIG.suggest_type[key] && CONFIG.suggest_type[key].title ? CONFIG.suggest_type[key].title : ''; 9964 var items = checkNestAndEmptyObject(suggests, "docs.item") ? suggests.docs.item : [] 9965 9966 var $template_parent = $(ele).find('.qsuggest_result__' + key); 9967 var $template_title = $(ele).find('.qsuggest_result__' + key + ' .' + suggest_title_selector); 9968 var $template_body = $(ele).find('.qsuggest_result__' + key + ' .' + suggest_body_selector); 9969 9970 if (!$template_parent.length) { 9971 return 0 9972 } 9973 9974 if (!Object.keys(items).length) { 9975 $template_parent.empty(); 9976 $template_parent.append($template_title); 9977 $template_parent.append($template_body); 9978 return 0 9979 } 9980 $template_parent.empty(); 9981 9982 // åãµã¸ã§ã¹ãã®çµæã¿ã¤ãã« 9983 if ($template_title.length) { 9984 var $tmp_title = $template_title.clone(); 9985 $tmp_title.removeClass(suggest_title_selector); 9986 $tmp_title.text(title); 9987 $template_parent.append($tmp_title); 9988 $template_parent.append($template_title); 9989 } 9990 9991 // åãµã¸ã§ã¹ãã®çµæãªã¹ã 9992 if ($template_body.length) { 9993 for (var i = 0; i < count; i++) { 9994 var item = items[i] 9995 if (typeof item === 'undefined') { return items.length } 9996 9997 if (key === 'productname') { 9998 var has_stock = present(item['stock']) ? Number(item['stock']) > 0 : true; 9999 if (!has_stock) { 10000 continue 10001 } 10002 } 10003 10004 var $tmp_template = $template_body.clone(); 10005 $tmp_template.removeClass(suggest_body_selector).addClass(result_lists_selector); 10006 10007 ['price', 'text', 'class', 'href', 'productlink', 'link', 'src', 'submit', 'remove',].map(function (attr_key) { 10008 var selector_key = 'data-q-' + attr_key; 10009 $tmp_template.find('[' + selector_key + ']').each(function () { 10010 var data_key = $(this).attr(selector_key); 10011 10012 var has_data = typeof item[data_key] !== 'undefined' ? item[data_key] : null; 10013 10014 // htmlã®datasetã«åããã¦å¤æ´ 10015 switch (attr_key) { 10016 case 'price': 10017 has_data ? $(this).prepend(formatPriceYen(item[data_key], true)) : ''; 10018 break; 10019 case 'text': 10020 if (has_data && (data_key === "mark_category_name" || data_key === "mark_brand_name" || data_key === "direct_category_name")) { 10021 has_data = has_data.replace(/\|/g, ' ï¼ ') 10022 } 10023 has_data ? $(this).prepend(has_data) : ''; 10024 break; 10025 case 'class': 10026 has_data ? $(this).addClass(data_key) : ''; 10027 break; 10028 case 'href': 10029 has_data ? $(this).attr('href', '/pages/search' + item[data_key]) : ''; 10030 break; 10031 case 'remove': 10032 if (present(item["direct_compare_at_price"]) && item["direct_compare_at_price"] === "0") { 10033 $(this).remove() 10034 } 10035 break; 10036 case 'productlink': 10037 has_data ? $(this).attr('href', 'https://www.system5.jp/products/' + item[data_key]) : ''; 10038 $(this).attr('data-q-suggest-index', suggest_index++); 10039 10040 break; 10041 case 'link': 10042 var link = '/pages/search' + '?kw=' + item[data_key]; 10043 10044 if (present(item['mark_category_id'])) { 10045 var first_hier_category_id = '' 10046 var hier_category_id = item['mark_category_id'] 10047 var arr = item['mark_category_id'].split('|') 10048 if (arr.length > 1) { 10049 first_hier_category_id = arr[0] + '^'
10050 hier_category_id = hier_category_id.replace(/\|/g, ':') 10051 } 10052 link += '&fq.category=' + first_hier_category_id + hier_category_id 10053 10054 var $siblings = $(this).find('.q-mark_type_name') 10055 if ($siblings.length) { 10056 $siblings.text(CONFIG.suggest_type.mr_category.title) 10057 } 10058 10059 } 10060 else if (present(item['mark_brand_id'])) { 10061 link += '&fq.brand=' + item['mark_brand_id'] 10062 10063 var $siblings = $(this).find('.q-mark_type_name') 10064 if ($siblings.length) { 10065 $siblings.text(CONFIG.suggest_type.mr_brand.title) 10066 } 10067 } 10068 else if (present(item['direct_category_id'])) { 10069 var first_hier_category_id = '' 10070 var hier_category_id = item['direct_category_id'] 10071 var arr = item['direct_category_id'].split('|') 10072 if (arr.length > 1) { 10073 first_hier_category_id = arr[0] + '^'
10074 hier_category_id = hier_category_id.replace(/\|/g, ':') 10075 } 10076 link = '/pages/search' + '?' + 'fq.category=' + first_hier_category_id + hier_category_id 10077 } 10078 else if (present(item['direct_brand_id'])) { 10079 link = '/pages/search' + '?' + 'fq.brand=' + item['direct_brand_id'] 10080 } 10081 else if (present(item['direct_campaign_url'])) { 10082 link = item['direct_campaign_url'] 10083 } 10084 has_data ? $(this).attr('href', link) : ''; 10085 10086 break; 10087 case 'src': 10088 has_data ? $(this).attr(attr_key, item[data_key]) : ''; 10089 break; 10090 case 'submit': 10091 var link = {}; 10092 link['kw'] = item[data_key]; 10093 if (present(item['mark_category_id'])) { 10094 var first_hier_category_id = '' 10095 var hier_category_id = item['mark_category_id'] 10096 var arr = item['mark_category_id'].split('|') 10097 if (arr.length > 1) { 10098 first_hier_category_id = arr[0] + '^';
10099 hier_category_id = hier_category_id.replace(/\|/g, ':'); 10100 } 10101 10102 link['fq.category'] = first_hier_category_id + hier_category_id 10103 } 10104 else if (present(item['mark_brand_name'])) { 10105 link['fq.brand'] = item['mark_brand_id'] 10106 } 10107 else if (present(item['direct_category_id'])) { 10108 link['kw'] = ''; 10109 10110 var first_hier_category_id = '' 10111 var hier_category_id = item['direct_category_id'] 10112 var arr = item['direct_category_id'].split('|') 10113 if (arr.length > 1) { 10114 first_hier_category_id = arr[0] + '^' 10115 hier_category_id = hier_category_id.replace(/\|/g, ':') 10116 } 10117 link['fq.category'] = first_hier_category_id + hier_category_id 10118 } 10119 else if (present(item['direct_brand_id'])) { 10120 link['kw'] = ''; 10121 link['fq.brand'] = item['direct_brand_id'] 10122 } 10123 10124 $(this).attr('data-q-suggest-index', suggest_index++); 10125 has_data ? $(this).attr('data-q-submit', JSON.stringify(link)) : ''; 10126 10127 $(this).on('click touchstart', function (e) { 10128 e.preventDefault(); 10129 var that = e.currentTarget 10130 var _index = that.dataset.qSuggestIndex; 10131 var hash = getClickedSuggestObject(_index); 10132 10133 Object.keys(link).map(function (key) { 10134 typeof hash[key] !== 'undefined' ? hash[key] = link[key] : ''; 10135 }); 10136 10137 var query = URL.formatQueryParamsToString(hash) 10138 location.assign('/pages/search' + '?' + query); 10139 //submitSuggests(dataset_json); 10140 }); 10141 break; 10142 default: 10143 break; 10144 } 10145 10146 }); 10147 }); 10148 $template_parent.append($tmp_template); 10149 $template_parent.append($template_body); 10150 } 10151 } 10152 return items.length > 0 ? 1 : 0; 10153 } 10154 10155 function showSuggestTotalCount(numFound) { 10156 var $result_area = ele.find('.q_search_result_count'); 10157 var $result_link = $result_area.find('a'); 10158 var $result_text = $result_area.find('span'); 10159 10160 if ($result_link.length) { 10161 $result_link.attr('href', '?kw=' + $input_field.val()); 10162 } 10163 if ($result_text.length) { 10164 $result_text.text(numFound) 10165 } 10166 } 10167 10168 function ShowNoResultMessage() { 10169 var $search_no_result = ele.find('.q_search_no_result'); 10170 if ($search_no_result.length && $input_field.length) { 10171 var $_text = $search_no_result.find('.q_no_result_text'); 10172 10173 $_text.text($input_field.val()) 10174 $search_no_result.show(); 10175 ele.find('.q_search_result_count').hide(); 10176 } 10177 } 10178 function HideNoResultMessage() { 10179 ele.find('.q_search_no_result').hide(); 10180 ele.find('.q_search_result_count').show(); 10181 } 10182 10183 // ãµã¸ã§ã¹ãçµæã表示 10184 function showSuggestResultArea() { 10185 if (!q_suggest_result_area) { return } 10186 q_suggest_result_area.show(); 10187 var $result_body_selector = ele.find(CONFIG.result_body_selector); 10188 if ($result_body_selector.length) { 10189 $result_body_selector.show(); 10190 $result_body_selector.width(result_width); 10191 } 10192 }; 10193 10194 // ãµã¸ã§ã¹ãçµæãé表示 10195 function hideSuggestResultArea() { 10196 if (!q_suggest_result_area) { return }; 10197 q_suggest_result_area.hide(); 10198 ele.find(CONFIG.result_body_selector).hide(); 10199 } 10200 10201 // ãµã¸ã§ã¹ãçµæããã¼ãã¼ãå ¥åã§ç§»å 10202 function moveSuggestResultList(direction) { 10203 if (typeof $current_result_select_list === 'undefined') return; 10204 10205 var max_length = $current_result_select_list.length; 10206 var old_number = current_result_select_number; 10207 var number = current_result_select_number + direction; 10208 number = number < 0 ? -1 : number; 10209 number = number < max_length ? number : max_length - 1; 10210 current_result_select_number = number; 10211 10212 typeof $current_result_select_list[old_number] !== 'undefined' ? $current_result_select_list[old_number].classList.remove('js--selected') : ''; 10213 typeof $current_result_select_list[number] !== 'undefined' ? $current_result_select_list[number].classList.add('js--selected') : null; 10214 10215 requestAPI_product_each_select($current_result_select_list[number]); 10216 } // moveSuggestResultList 10217 10218 function addEventRequestAPIproductLists() { 10219 if ($current_result_select_list.length) { 10220 10221 $current_result_select_list.on('mouseenter', function (e) { 10222 e.stopPropagation() 10223 if (e.target != e.currentTarget) { 10224 return 10225 } 10226 var child = $(this).find('[data-q-suggest-index]') 10227 var index = child.attr('data-q-suggest-index'); 10228 if (present(index)) { 10229 requestAPI_product_each_select($current_result_select_list[index]); 10230 } 10231 }); 10232 } 10233 } 10234 10235 // ãµã¸ã§ã¹ãçµæãã¤ã³ãããã«å ¥å 10236 function getClickedSuggestObject(number) { 10237 var $clicked_select_list = ele.find('[data-q-suggest-index]'); 10238 if (!$input_field || !$clicked_select_list.length) return; 10239 var _result = $clicked_select_list[number]; 10240 if (_result) { 10241 var _obj = typeof _result.dataset.qSubmit !== 'undefined' ? JSON.parse(_result.dataset.qSubmit) : {}; 10242 return _obj 10243 } 10244 return {}; 10245 } // getClickedSuggestObject 10246 10247 function submitSelectedLinkWitoutObject(number) { 10248 var $select_list = ele.find('[data-q-suggest-index]'); 10249 if (!$input_field || !$select_list.length) return; 10250 10251 var link_btn = present($select_list[number]) ? $select_list[number] : null; 10252 link_btn = present(link_btn) && !!link_btn.querySelector('a') ? link_btn.querySelector('a') : link_btn; 10253 if (link_btn) { 10254 link_btn.click(); 10255 } 10256 } // submitSelectedLinkWitoutObject 10257 10258 function getSuggestTypeCount() { 10259 var total = 0 10260 Object.keys(CONFIG.suggest_type).map(function (key) {
10261 var _count = present(CONFIG.suggest_type[key].count) ? CONFIG.suggest_type[key].count : 0; 10262 total += _count 10263 }) 10264 return total 10265 } 10266 10267 function generateProductSuggestResult(docs) { 10268 docs.length = CONFIG.suggest_type.product.count; 10269 var $parent = $('.qsuggest_result__product'); 10270 10271 if (!$parent.length) { return } 10272 var html = ''; 10273 var suggest_title = present(CONFIG.suggest_type.title) ? CONFIG.suggest_type.title : 'ãªã¹ã¹ã¡åå'; 10274 10275 html += '<div class="qsuggest_result__product_head">' 10276 html += '<h5 class="qsuggest_result__product_head_text">' + suggest_title + '</h5>' 10277 html += '</div>' + "\n" 10278 10279 var html_inner = '' 10280 10281 docs.map(function (v) { 10282 var has_status = true; 10283 if (present(v["status"])) { 10284 has_status = v["status"] == "3" ? false : true 10285 } 10286 10287 if (has_status) { 10288 html_inner += '<div class="qsuggest_result__product_body">' 10289 html_inner += '<a href="https://www.system5.jp/collections/all/products/' + v.item_handle + '">' 10290 html_inner += '<figure class="qsuggest_result__product_image">' 10291 html_inner += '<img src="' + v.image_path + '">' 10292 html_inner += '</figure>' 10293 html_inner += '<div class="qsuggest_result__product_detail">' 10294 html_inner += '<p class="qsuggest_result__product_title">' 10295 html_inner += v.item_name 10296 html_inner += '</p>' 10297 html_inner += '<p class="qsuggest_result__product_sku">SKU: <span>' + v.item_handle + '</span></p>'; 10298 html_inner += '<p class="qsuggest_result__product_vendor">' + v.brand_name + '</p>'; 10299 html_inner += '<p class="qsuggest_result__product_price">' 10300 if (present(v.compare_at_price) && Number(v.compare_at_price) > 0) { 10301 html_inner += '<s>' + formatPriceYen(v.compare_at_price, true) + '</s>' 10302 } 10303 html_inner += '<span class="qsuggest_result__product_regular-price">' + formatPriceYen(v.price, true) + '</span>' 10304 html_inner += '</p>' 10305 html_inner += '</div>' 10306 html_inner += '</a>' 10307 html_inner += '</div>' + "\n" 10308 } 10309 }); 10310 10311 $parent.empty(); 10312 if (html_inner !== '') { 10313 html += html_inner; 10314 $parent.show() 10315 $parent.append(html); 10316 } else { 10317 $parent.hide() 10318 } 10319 } 10320 10321 function emptyProductSuggestResult() { 10322 10323 var $parent = $('.qsuggest_result__product'); 10324 if (!$parent.length) { return } 10325 $parent.empty(); 10326 } 10327 10328 // ãµã¸ã§ã¹ãAPIã®ãã©ã¡ã¼ã¿ 10329 var suggest_request_timer; 10330 var suggest_input_timer; 10331 var params = {}; 10332 params["cli"] = params["cli"] || 'system5'; 10333 params["wt"] = params["wt"] || "jsonp"; 10334 10335 // ãµã¸ã§ã¹ãAPIåå¾ 10336 function requestAPI(word) { 10337 suggest_index = 0; 10338 params['kw'] = word.trim() || ''; 10339 params['rows'] = getSuggestTypeCount() || 10; 10340 params['dr_category'] = present(CONFIG.suggest_type['category']) ? CONFIG.suggest_type['category'].count : ''; 10341 params['dr_brand'] = present(CONFIG.suggest_type['brand']) ? CONFIG.suggest_type['brand'].count : ''; 10342 params['dr_modelnumber'] = present(CONFIG.suggest_type['modelnumber']) ? CONFIG.suggest_type['modelnumber'].count : ''; 10343 params['dr_productname'] = present(CONFIG.suggest_type['productname']) ? CONFIG.suggest_type['productname'].count : ''; 10344 params['dr_campaign'] = present(CONFIG.suggest_type['campaign']) ? CONFIG.suggest_type['campaign'].count : ''; 10345 params['mr_category'] = present(CONFIG.suggest_type['mr_category']) ? CONFIG.suggest_type['mr_category'].count : ''; 10346 params['mr_brand'] = present(CONFIG.suggest_type['mr_brand']) ? CONFIG.suggest_type['mr_brand'].count : ''; 10347 params['history'] = present(CONFIG.suggest_type['history']) ? 'on' : 'off'; 10348 present("") ? params['loginid'] = "" : ""; 10349 var cookie_arr = getUniCookiesByArray(); 10350 if (cookie_arr.length > 0) { 10351 var uid = present(cookie_arr[1]) ? cookie_arr[1].split('_')[0] : '' 10352 params['uid'] = uid; 10353 } 10354 10355 if (typeof suggest_request_timer !== 'undefined') { 10356 clearTimeout(suggest_request_timer) 10357 } 10358 10359 suggest_request_timer = setTimeout(function () { 10360 10361 $.ajax({ 10362 type: "get", 10363 url: CONFIG.suggest_api_url, 10364 data: params, 10365 dataType: 'jsonp', 10366 jsonp: 'cbk', 10367 jsonpCallback: 'callback', 10368 crossDomain: true, 10369 cache: false, 10370 timeout: 1000 10371 }) 10372 .done(function (data) { 10373 10374 var response = checkNestAndEmptyObject(data, "response") ? data.response : null; 10375 var numFound = checkNestAndEmptyObject(data, "response.numFound") ? data.response.numFound : null; 10376 var current_result_count = 0; 10377 10378 if (!!response) { 10379 current_result_count = displaySuggestResult(response) 10380 } 10381 !!numFound ? showSuggestTotalCount(numFound) : showSuggestTotalCount(0); 10382 //requestAPI_product(word); 10383 10384 10385 if (typeof suggest_input_timer !== 'undefined') { 10386 clearTimeout(suggest_input_timer) 10387 } 10388 suggest_input_timer = setTimeout(function () { 10389 if (current_result_count >= 1) { 10390 showSuggestResultArea(); 10391 } else { 10392 hideSuggestResultArea(); 10393 } 10394 }, 100); 10395 10396 }) 10397 .fail(function (error, msg) { 10398 console.error("ERROR::", error, 'MESSAGE::', msg); 10399 }); 10400 10401 }, 500); 10402 10403 10404 } // requestAPI 10405 10406 var product_params = {} 10407 var suggest_recommend_product_timer; 10408 10409 // ååãµã¸ã§ã¹ãä¸è¦§ã表示 10410 function requestAPI_product_each_select(selected_list) { 10411 var submit_link = $(selected_list).find('[data-q-submit]') 10412 if (!submit_link.length) { return } 10413 10414 var submit_json = submit_link.attr('data-q-submit') 10415 if (!present(submit_json)) { return } 10416 10417 product_params = {} 10418 product_params["wt"] = "jsonp"; 10419 product_params["cli"] = 'system5'; 10420 product_params["rows"] = CONFIG.suggest_type.product.count; 10421 submit_json = JSON.parse(submit_json); 10422 10423 Object.keys(submit_json).map(function (key) { 10424 if (present(submit_json[key])) { 10425 product_params[key] = submit_json[key] 10426 } 10427 }); 10428 10429 suggest_recommend_product_timer = setTimeout(function () { 10430 $.ajax({ 10431 type: "get", 10432 url: CONFIG.search_api_url, 10433 data: product_params, 10434 dataType: 'jsonp', 10435 jsonp: 'cbk', 10436 jsonpCallback: 'callback', 10437 crossDomain: true, 10438 cache: false, 10439 timeout: 5000 10440 }) 10441 .done(function (data) { 10442 var docs = checkNestAndEmptyObject(data, 'response.docs') ? data.response.docs : {}; 10443 10444 if (Object.keys(docs).length) { 10445 generateProductSuggestResult(docs) 10446 10447 var qsuggest_result__product = ele.find('.qsuggest_result__product') 10448 if (isSmartPhone() === 'sp' && qsuggest_result__product.length) { 10449 var pos = ele.find('.q_suggest_result_area').height(); 10450 qsuggest_result__product.css({ 10451 "top": pos + "px", 10452 }); 10453 } 10454 } 10455 }) 10456 .fail(function (error, msg) { 10457 emptyProductSuggestResult(); 10458 console.error("ERROR::", error, 'MESSAGE::', msg); 10459 }); 10460 }, 200); 10461 } 10462 10463 /** 10464 * ãµã¸ã§ã¹ããæ¤ç´¢å®è¡ 10465 * @param {json} dataset_json : htmlã®'data-q-submit'屿§å ã®JSON 10466 * @param {boolean} is_keep_params : trueã§ã¯ã¨ãªãã©ã¡ã¼ã¿ãç¶æãã 10467 */ 10468 function submitSuggests(hash, is_keep_params) { 10469 var query = ''; 10470 //var hash = typeof dataset_json !== 'undefined' ? JSON.parse(dataset_json) : {}; 10471 var keep = typeof is_keep_params !== 'undefined' ? is_keep_params : false;
10472 if (keep) { 10473 hash = URL.setAndGetQueryParams(hash); 10474 } 10475 query = URL.formatQueryParamsToString(hash) 10476 location.assign('/pages/search' + '?' + query); 10477 10478 } //submitSuggests 10479 10480 /** 10481 * ãµã¸ã§ã¹ãã¤ã³ãããã®æä½ã¤ãã³ã 10482 */ 10483 if (!!$input_field) { 10484 $input_field.on("input", function (e) { 10485 let word = e.target.value; 10486 requestAPI(word); 10487 current_result_select_number = -1 10488 }); 10489 10490 $input_field.on('focus', function (e) { 10491 let word = e.target.value; 10492 10493 requestAPI(word); 10494 setCurrentResultList(); 10495 10496 }); 10497 10498 // ååãã¼ã§ç§»å 10499 $input_field.on('keydown', function (e) { 10500 var code = e.keyCode; 10501 10502 switch (code) { 10503 case 38: // ä¸ãã¼ 10504 e.preventDefault(); 10505 moveSuggestResultList(-1) 10506 break; 10507 case 40: // ä¸ãã¼ 10508 e.preventDefault(); 10509 moveSuggestResultList(1) 10510 break; 10511 case 13: // Enter 10512 if (current_result_select_number >= 0) { //é¸æä¸ 10513 e.preventDefault(); 10514 var dataset_json = getClickedSuggestObject(current_result_select_number); 10515 //current_result_select_number = -1; //ã»ã¬ã¯ãè§£é¤ 10516 10517 if (present(dataset_json) && Object.keys(dataset_json).length) { 10518 submitSuggests(dataset_json); 10519 } else { 10520 submitSelectedLinkWitoutObject(current_result_select_number) 10521 } 10522 } else { 10523 e.preventDefault(); 10524 var dataset_json = { kw: String(e.target.value) } 10525 submitSuggests(dataset_json); 10526 } 10527 break; 10528 default: 10529 break; 10530 } 10531 }); 10532 10533 10534 $input_field.on('blur', function () { 10535 if (!CONFIG.show_suggest_on_blur) { 10536 setTimeout(function () { 10537 hideSuggestResultArea(); 10538 }, 0); 10539 }; 10540 }); 10541 } 10542 10543 10544 return { 10545 requestAPI: requestAPI, 10546 hideSuggestResultArea: hideSuggestResultArea 10547 } 10548 } 10549 10550 // ãµã¸ã§ã¹ããã©ã¼ã 以å¤ãã¯ãªãã¯ããã¨ãã«ãµã¸ã§ã¹ãã¨ãªã¢ãé表示 10551 var excluded_element_hide_suggest = [ 10552 CONFIG.forms_selector, 10553 CONFIG.input_selector, 10554 CONFIG.result_body_selector, 10555 CONFIG.result_selector, 10556 ".qsuggest_result__product", 10557 ".boost-pfs-search-suggestion-group", 10558 "[data-q-suggest-index]" 10559 ] 10560 $(document).on('click touchend', function (e) { 10561 setTimeout(function () { 10562 if (!$(e.target).is(excluded_element_hide_suggest.join(','))) { 10563 $(CONFIG.result_body_selector).hide() 10564 $(CONFIG.result_selector).hide() 10565 } 10566 }, 50); 10567 }); 10568 10569 var $html = $('html') 10570 var $sp_input_form_close_btn = $(".q_suggest_form__input_wrapper .boost-pfs-search-btn-close-suggestion") 10571 var $live_search = $('.live-search') 10572 var $site_main_dimmer = $('.site-main-dimmer') 10573 10574 if ($sp_input_form_close_btn.length) { 10575 $sp_input_form_close_btn.on('click touchend', function (e) { 10576 e.preventDefault() 10577 e.stopPropagation(); 10578 if (e.target == e.currentTarget) { 10579 $html.removeClass("scroll-locked"); 10580 $live_search.removeClass('allow-scroll-while-locked live-search--takeover'); 10581 $live_search.attr('data-animation', ''); 10582 $live_search.attr('data-animation-state', ''); 10583 $site_main_dimmer.attr('data-animation-state', ''); 10584 10585 var $open_btn = $(".site-header-mobile-search-button--button"); 10586 if ($open_btn.length) { 10587 $open_btn.on('click touchstart', function () { 10588 $html.addClass("scroll-locked"); 10589 $live_search.addClass('allow-scroll-while-locked live-search--takeover'); 10590 $live_search.attr('data-animation', 'closed=>open'); 10591 $live_search.attr('data-animation-state', 'open'); 10592 $site_main_dimmer.attr('data-animation-state', 'open'); 10593 }) 10594 } 10595 } 10596 }) 10597 10598 10599 } 10600 10601 10602 // ãµã¸ã¥ã¹ãå¦çããããã©ã¼ã ã«ãµã¸ã§ã¹ãé¢é£ãåæè¨å® 10603 var q_suggest_word_forms = $(CONFIG.forms_selector); 10604 if (q_suggest_word_forms.length) { 10605 q_suggest_word_forms.each(function () { 10606 new qSUGGEST($(this)); 10607 }) 10608 } 10609 10610 /***************************** 10611 * 10612 * ãµã¼ãããã¢ã¼ã·ã§ã³ 10613 * 10614 *****************************/ 10615 var sp_request_timer; 10616 function SPrequestAPI() { 10617 10618 // å¿ é 10619 var params = {} 10620 var q = URL.getQueryParam('kw') || ''; 10621 var request_category = URL.getQueryParam('fq.category'); 10622 present(request_category) ? q = '_CATEGORY_' + request_category : ''; 10623 10624 params["q"] = q; 10625 params["wt"] = "jsonp"; 10626 10627 if (typeof sp_request_timer !== 'undefined') { 10628 clearTimeout(sp_request_timer) 10629 } 10630 10631 sp_request_timer = setTimeout(function () { 10632 10633 $.ajax({ 10634 type: "get", 10635 url: CONFIG.sp_api_url, 10636 data: params, 10637 dataType: 'jsonp', 10638 jsonp: 'cbk', 10639 jsonpCallback: 'callback_sp', 10640 crossDomain: true, 10641 cache: false, 10642 timeout: 1000 10643 }) 10644 .done(function (data) { 10645 10646 var docs = checkNestAndEmptyObject(data, 'response.docs') ? data.response.docs : []; 10647 var $promotion_area = $('.q_search_promotion_area'); 10648 10649 if ($promotion_area.length) { 10650 $promotion_area.empty(); 10651 for (var i = 0; i < docs.length; i++) { 10652 var item = docs[i]; 10653 var html = present(item.html) ? item.html + "\n" : ''; 10654 $promotion_area.append(html) 10655 } 10656 } 10657 }) 10658 .fail(function (error, msg) { 10659 console.error(error, msg); 10660 }); 10661 10662 }, 500); 10663 } 10664 10665 10666 10667 /***************************** 10668 * 10669 * é¢é£ã¯ã¼ã 10670 * 10671 *****************************/ 10672 var qWORD = (function qWORD() { 10673 10674 function generateRelatedWordList(arr) { 10675 var $related_word_rapper = $('.q_related_word_rapper .q_related_word_list'); 10676 if (!$related_word_rapper.length) { return } 10677 $related_word_rapper.empty(); 10678 10679 var html = ''; 10680 html += '<li>é¢é£ã¯ã¼ãï¼</li>' 10681 10682 for (let i = 0; i < arr.length; i++) { 10683 const item = arr[i]; 10684 10685 html += '<li><a href="' + '?kw=' + item["word"] + '">' + item["word"] + '</a></li>' 10686 } 10687 $related_word_rapper.append(html); 10688 } 10689 10690 function requestAPI() { 10691 10692 // å¿ é 10693 var params = {} 10694 params["kw"] = URL.getQueryParam('kw') || ''; 10695 params["wt"] = "jsonp"; 10696 params["rows"] = CONFIG.related_word_rows || 10; 10697 10698 if (!present(params["kw"])) { 10699 return 10700 } 10701 10702 $.ajax({ 10703 type: "get", 10704 url: CONFIG.rword_api_url, 10705 data: params, 10706 dataType: 'jsonp', 10707 jsonp: 'cbk', 10708 jsonpCallback: 'callback', 10709 crossDomain: true, 10710 cache: false, 10711 timeout: 1000 10712 }) 10713 .done(function (data) { 10714 10715 var response = checkNestAndEmptyObject(data, 'response') ? data.response : {}; 10716 var items = checkNestAndEmptyObject(data, 'response.relatedWord.docs.item') ? data.response.relatedWord.docs.item : {}; 10717 10718 if (Object.keys(items).length) { 10719 generateRelatedWordList(items); 10720 } 10721 10722 10723 }) 10724 .fail(function (error, msg) { 10725 console.error(error, msg); 10726 }); 10727 } 10728 10729 return { 10730 requestAPI: requestAPI 10731 } 10732 10733 })() 10734 10735 var $q_related_word_rapper = $('.q_related_word_rapper'); 10736 if ($q_related_word_rapper.length) { 10737 qWORD.requestAPI(); 10738 } 10739 }); 10740 })(); 10741 10742</script>
10742 10743 10744 10745 10746 10747 10748</div> 10749 10750 10751 <div style="display: none;" aria-hidden="true" data-templates> 10752 10753 <div 10754 class="message-banner--container" 10755 role="alert" 10756 data-message-banner 10757 > 10758 <div class="message-banner--outer"> 10759 <div class="message-banner--inner" data-message-banner-content></div> 10760 10761 <button 10762 class="message-banner--close" 10763 type="button" 10764 aria-label="éãã" 10765 data-message-banner-close 10766 ><svg 10767 aria-hidden="true" 10768 focusable="false" 10769 role="presentation" 10770 xmlns="http://www.w3.org/2000/svg" 10771 width="13" 10772 height="13" 10773 viewBox="0 0 13 13" 10774> 10775 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 10776</svg></button> 10777 </div> 10778 </div> 10779 10780 10781 10782 <section class="atc-banner--container" role="log" data-atc-banner> 10783 <div class="atc-banner--outer"> 10784 <div class="atc-banner--inner"> 10785 <div class="atc-banner--product"> 10786 <h2 class="atc-banner--product-title"> 10787 <span class="atc-banner--product-title--icon"> 10788 10789 10790 10791 <svg class="icon-checkmark " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="evenodd" d="M6.23 9.1L2.078 5.2 0 7.15 6.23 13 18 1.95 15.923 0z" /> </svg> 10792 10793 </span> 10794 ã客æ§ã®ã«ã¼ãã«è¿½å ãã¾ããï¼ 10795 </h2> 10796 10797 <div class="atc--product"> 10798 <div class="atc--product-image" data-atc-banner-product-image> 10799 <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 10800 </div> 10801 <div class="atc--product-details"> 10802 <h2 class="atc--product-details--title" data-atc-banner-product-title></h2> 10803 <span class="atc--product-details--options" data-atc-banner-product-options></span> 10804 <span class="atc--product-details--price"> 10805 <span class="atc--product-details--price-quantity" data-atc-banner-product-price-quantity></span> 10806 <span class="atc--product-details--price-value money" data-atc-banner-product-price-value></span> 10807 <span class="atc--product-details--price-discounted money" data-atc-banner-product-price-discounted></span> 10808 <span class="atc--product-details--unit-price hidden" data-atc-banner-unit-price> 10809 ** total_quantity ** | ** unit_price ** / ** unit_measure ** 10810 </span> 10811 </span> 10812 <ul class="discount-list" data-atc-banner-product-discounts> 10813 <li class="discount-list-item"> 10814 10815 10816 10817 <svg class="icon-sale-tag " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="350" height="350" viewB
10817ox="0 0 350 350" fill="none"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 197.826C0 192.95 1.93821 188.275 5.38762 184.83L179.459 10.7587C186.348 3.86966 195.692 -0.000356971 205.435 2.46966e-08H334.782C343.187 2.46966e-08 350 6.81304 350 15.2173V144.565C350 154.308 346.13 163.651 339.241 170.541L165.17 344.612C161.725 348.061 157.049 350 152.174 350C147.299 350 142.624 348.061 139.179 344.612L5.38762 210.821C1.93821 207.376 0 202.701 0 197.826ZM304.348 68.4786C304.348 81.085 294.128 91.3046 281.521 91.3046C268.915 91.3046 258.695 81.085 258.695 68.4786C258.695 55.8721 268.915 45.6525 281.521 45.6525C294.128 45.6525 304.348 55.8721 304.348 68.4786Z" fill="currentColor"/> </svg> 10818 10819 <span class="discount-title"></span> 10820 (-<span class="money discount-amount"></span>) 10821 </li> 10822 </ul> 10823 <span class="atc--line-item-subscriptions" data-atc-banner-product-subscription-title></span> 10824 </div> 10825 </div> 10826 </div> 10827 10828 <div class="atc-banner--cart"> 10829 <div class="atc-banner--cart-subtotal"> 10830 <span class="atc-subtotal--label"> 10831 ã«ã¼ãå°è¨ 10832 </span> 10833 <span class="atc-subtotal--price money" data-atc-banner-cart-subtotal></span> 10834 </div> 10835 10836 <footer class="atc-banner--cart-footer"> 10837 <a class="button-secondary atc-button--viewcart" href="/cart" data-atc-banner-cart-button> 10838 ã«ã¼ããè¦ãï¼<span></span>ï¼ 10839 </a> 10840 <form 10841 action="/cart" 10842 method="post" 10843 aria-label="cart checkout" 10844 > 10845 <button class="button-primary atc-button--checkout" type="submit" name="checkout"> 10846 10847 <span>ãã§ãã¯ã¢ã¦ã</span> 10848 </button> 10849 </form> 10850 </footer> 10851 </div> 10852 </div> 10853 10854 <button 10855 class="atc-banner--close" 10856 type="button" 10857 aria-label="éãã" 10858 data-atc-banner-close 10859 ><svg 10860 aria-hidden="true" 10861 focusable="false" 10862 role="presentation" 10863 xmlns="http://www.w3.org/2000/svg" 10864 width="13" 10865 height="13" 10866 viewBox="0 0 13 13" 10867> 10868 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 10869</svg></button> 10870 </div> 10871 </section> 10872 10873 10874 </div> 10875 10876 10877 10878 <div class="modal" data-modal-container aria-label="modal window" data-trap-focus> 10879 <div class="modal-inner" data-modal-inner> 10880 <button 10881 class="modal-close" 10882 type="button" 10883 aria-label="éãã" 10884 data-modal-close 10885 > 10886 <svg 10887 aria-hidden="true" 10888 focusable="false" 10889 role="presentation" 10890 xmlns="http://www.w3.org/2000/svg" 10891 width="13" 10892 height="13" 10893 viewBox="0 0 13 13" 10894> 10895 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 10896</svg> 10897 </button> 10898 <div class="modal-content" data-modal-content></div> 10899 </div> 10900 </div> 10901 10902 <div class="modal-1" data-modal-container-1 aria-label="modal window"> 10903 <div class="modal-inner" data-modal-inner> 10904 <button 10905 class="modal-close" 10906 type="button" 10907 aria-label="éãã" 10908 data-modal-1-close 10909 > 10910 <svg 10911 aria-hidden="true" 10912 focusable="false" 10913 role="presentation" 10914 xmlns="http://www.w3.org/2000/svg" 10915 width="13" 10916 height="13" 10917 viewBox="0 0 13 13" 10918> 10919 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 10920</svg> 10921 </button> 10922 <div class="modal-content" data-modal-content></div> 10923 </div> 10924 </div> 10925 10926 10927 10928 10929 10930 10931 <div 10932 class="pswp" 10933 tabindex="-1" 10934 role="dialog" 10935 aria-hidden="true" 10936 aria-label="製åãºã¼ã ãã¤ã¢ãã°" 10937 data-photoswipe 10938 > 10939 10940 10941 <div class="pswp__bg"></div> 10942 10943 10944 <div class="pswp__scroll-wrap"> 10945 10946 <div class="pswp__container" aria-hidden="true"> 10947 <div class="pswp__item"></div> 10948 <div class="pswp__item"></div> 10949 <div class="pswp__item"></div> 10950 </div> 10951 10952 10953 <div class="pswp__ui pswp__ui--hidden"> 10954 <div class="pswp__top-bar"> 10955 10956 <div class="pswp__counter"></div> 10957 <button class="pswp__button pswp__button--close" title="éãã">
10958 <span tabindex="-1"> 10959 10960 10961 10962 <svg class="icon-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> 10963 10964 </span> 10965 </button> 10966 <button class="pswp__button pswp__button--share" title="Share"></button> 10967 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 10968 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 10969 10970 10971 10972 <div class="pswp__preloader"> 10973 <div class="pswp__preloader__icn"> 10974 <div class="pswp__preloader__cut"> 10975 <div class="pswp__preloader__donut"></div> 10976 </div> 10977 </div> 10978 </div> 10979 </div> 10980 10981 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 10982 <div class="pswp__share-tooltip"></div> 10983 </div> 10984 10985 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> 10986 </button> 10987 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> 10988 </button> 10989 10990 <div class="pswp__caption"> 10991 <div class="pswp__caption__center"></div> 10992 </div> 10993 </div> 10994 </div> 10995 <div class="product-zoom--thumbnails" data-photoswipe-thumbs> 10996 <button 10997 class="gallery-navigation--scroll-button scroll-left" 10998 aria-label="Scroll thumbnails left" 10999 data-gallery-scroll-button 11000 > 11001 <svg 11002 aria-hidden="true" 11003 focusable="false" 11004 role="presentation" 11005 width="14" 11006 height="8" 11007 viewBox="0 0 14 8" 11008 fill="none" 11009 xmlns="http://www.w3.org/2000/svg" 11010> 11011 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 11012 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 11013</svg> 11014 11015 </button> 11016 <button 11017 class="gallery-navigation--scroll-button scroll-right" 11018 aria-label="Scroll thumbnails right" 11019 data-gallery-scroll-button 11020 > 11021 <svg 11022 aria-hidden="true" 11023 focusable="false" 11024 role="presentation" 11025 width="14" 11026 height="8" 11027 viewBox="0 0 14 8" 11028 fill="none" 11029 xmlns="http://www.w3.org/2000/svg" 11030> 11031 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 11032 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 11033</svg> 11034 11035 </button> 11036 <div class="product-zoom--thumb-scroller" data-photoswipe-thumb-scroller></div> 11037 </div> 11038 </div> 11039 11040 11041 11042 11043 11044 11045 11046 11047 11048 11049 11050 11051 11052
11052<script> 11053 ( 11054 function () { 11055 var classes = { 11056 block: 'pxu-lia-block', 11057 element: 'pxu-lia-element', 11058 }; 11059 11060 document 11061 .querySelectorAll('[type="application/pxs-animation-mapping+json"]') 11062 .forEach(function (mappingEl) { 11063 const section = mappingEl.parentNode; 11064 try { 11065 const mapping = JSON.parse(mappingEl.innerHTML); 11066 mapping.elements.forEach(function (elementSelector) { 11067 section 11068 .querySelectorAll(elementSelector) 11069 .forEach(function (element) { element.classList.add(classes.element); }); 11070 }); 11071 11072 mapping.blocks.forEach(function (blockSelector) { 11073 section 11074 .querySelectorAll(blockSelector) 11075 .forEach(function (block) { block.classList.add(classes.block); }); 11076 }); 11077 } catch (error) { 11078 console.warn('Unable to parse animation mapping', mappingEl, error); 11079 } 11080 }); 11081 } 11082 )() 11083 </script>
11083 11084 11085 11086
11086<script 11087 src="//www.system5.jp/cdn/shop/t/20/assets/empire.js?v=67153953184716969821695794338" 11088 data-scripts 11089 data-shopify-api-url="//www.system5.jp/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" 11090 data-shopify-countries="/services/javascripts/countries.js" 11091 data-shopify-common="//www.system5.jp/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" 11092 data-shopify-cart="//www.system5.jp/cdn/shop/t/20/assets/jquery.cart.js?v=32051" 11093 data-pxu-polyfills="//www.system5.jp/cdn/shop/t/20/assets/polyfills.min.js?v=56456865783534203841678951629" 11094 > 11095 </script>
11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 11108 11109
11109<script type="application/ld+json"> 11110 { 11111 "@context": "http://schema.org", 11112 "@type": "BreadcrumbList", 11113 "itemListElement": [ 11114 11115 { 11116 "@type": "ListItem", 11117 "position": 1, 11118 "item": { 11119 "@id": "https://www.system5.jp/cart", 11120 "name": "ã«ã¼ã" 11121 } 11122 } 11123 11124 ] 11125 } 11126 </script>
11126 11127 11128 11129 11130 11131 11132 11133 11134
11135<script type="application/ld+json"> 11136 { 11137 "@context": "http://schema.org", 11138 "@type": "WebSite", 11139 "name": "ã·ã¹ãã ãã¡ã¤ã", 11140 "url": "https://www.system5.jp" 11141 } 11142</script>
11142 11143 11144 11145
11145<script> 11146 (function () { 11147 function handleFirstTab(e) { 11148 if (e.keyCode === 9) { // the "I am a keyboard user" key 11149 document.body.classList.add('user-is-tabbing'); 11150 window.removeEventListener('keydown', handleFirstTab); 11151 } 11152 } 11153 window.addEventListener('keydown', handleFirstTab); 11154 })(); 11155 </script>
11155 11156 11157 11158 <link href="//www.system5.jp/cdn/shop/t/20/assets/ripple.css?v=100240391239311985871678951629" rel="stylesheet" type="text/css" media="all" /> 11159 11160 11161
11161<script 11162 src="//www.system5.jp/cdn/shop/t/20/assets/instantPage.min.js?v=155152858718089142721678951629" 11163 type="module" 11164 defer 11165 > 11166 </script>
11166 11167 11168 11169 11170 <!--begin-boost-pfs-js--> 11171
11171<script> 11172 /* Declare bcSfFilterConfig variable */ 11173 var boostPFSAppConfig = { 11174 api: { 11175 filterUrl: 'https://services.mybcapps.com/bc-sf-filter/filter', 11176 searchUrl: 'https://services.mybcapps.com/bc-sf-filter/search', 11177 suggestionUrl: 'https://services.mybcapps.com/bc-sf-filter/search/suggest', 11178 productsUrl: 'https://services.mybcapps.com/bc-sf-filter/search/products', 11179 analyticsUrl: 'https://lambda.mybcapps.com/e' 11180 }, 11181 shop: { 11182 name: 'ã·ã¹ãã ãã¡ã¤ã', 11183 url: 'https://www.system5.jp', 11184 domain: 'xn-ceujb3a8efk0hxa9noas0jze3a3oc.myshopify.com', 11185 currency: 'JPY', 11186 money_format: "Â¥{{amount_no_decimals}}", 11187 money_format_with_currency: "Â¥{{amount_no_decimals}} JPY" 11188 }, 11189 general: { 11190 file_url: "//www.system5.jp/cdn/shop/files/?v=32051", 11191 asset_url: "//www.system5.jp/cdn/shop/t/20/assets/boost-pfs.js?v=32051", 11192 collection_id: 0, 11193 collection_handle: "", 11194 collection_product_count: 0, 11195 11196 11197 theme_id: 132409098401, 11198 collection_tags: null, 11199 current_tags: null, 11200 default_sort_by: "", 11201 swatch_extension: "png", 11202 no_image_url: "//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-no-image.gif?v=34481108032090902481683875493", 11203 search_term: "", 11204 template: "cart",currencies: ["JPY"], 11205 current_currency:"JPY",published_locales: {"ja":true,"en":false}, 11206 current_locale:"ja", 11207 isInitFilter:false, 11208 addOnVisualMerchandising: null 11209 }, 11210 11211 settings: {"general":{"productAndVariantAvailable":false,"availableAfterFiltering":false,"activeFilterScrollbar":true,"showFilterOptionCount":false,"showSingleOption":false,"showOutOfStockOption":true,"collapseOnPCByDefault":false,"collapseOnMobileByDefault":false,"keepToggleState":true,"showRefineBy":true,"capitalizeFilterOptionValues":true,"paginationType":"default","showLoading":true,"activeScrollToTop":true,"swatchImageVersion":1,"changeMobileButtonLabel":false,"sortingAvailableFirst":true,"customSortingList":"best-selling|relevance|manual|price-ascending|price-descending|title-ascending|title-descending|created-descending|created-ascending","enableCollectionSearch":true,"collectionSearchLabel":"æ¤ç´¢","enableAjaxCart":true,"ajaxCartStyle":"slide","selectOptionInProductItem":false},"search":{"enableSuggestion":false,"showSuggestionProductVendor":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":true,"showSuggestionProductImage":true,"productAvailable":false,"suggestionBlocks":[{"type":"suggestions","label":"æ¤ç´¢ç¨ã¯ã¼ã","status":"active","number":5},{"type":"collections","label":"ã«ãã´ãªã¼","status":"active","number":3,"excludedValues":[]},{"type":"products","label":"製å","status":"active","number":3},{"type":"pages","label":"Blog & Pages","status":"disabled","number":3}],"suggestionNoResult":{"search_terms":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"products":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"searchPanelBlocks":{"products":{"label":"製å","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":false,"displayImage":false,"excludedValues":[]},"pages":{"label":"Pages","pageSize":25,"active":false,"displayImage":false},"searchTermSuggestions":{"label":"Popular searches","type":"manually","active":false,"backup":[],"searchTermList":[]},"mostPopularProducts":{"label":"Trending products","type":"manually","active":false,"backup":[],"productList":[]},"searchTips":{"label":"æ¤ç´¢ã®ãã³ã","searchTips":"ã¹ãã«ãå確èªãã¦ãã ããã{{ breakline }}ããä¸è¬çãªåèªãç¨ãã¦æ¤ç´¢ãã¦ãã ããã{{ breakline }}å ¥åãããã¼ã¯ã¼ããæ¸ããã¦ãã ããã{{ breakline }}製åã¿ã¤ãããã©ã³ããã¢ãã«çªå·ãã¾ãã¯è£½åæ©è½ã§æ¤ç´¢ãã¦ã¿ã¦ãã ããã"},"searchEmptyResultMessages":{"label":"ãç³ã訳ããã¾ãããã{{ terms }}ãã®çµæãè¦ã¤ããã¾ããã§ããã{{ breakline }}ã§ããããããããªãã§ãã ãããã¤ã¥ãã確èªããããããããå ·ä½çã§ãªãåèªã§æ¤ç´¢ãã試ããã ãããã"}},"searchBoxOnclick":{"recentSearch":{"label":"æè¿ã®æ¤ç´¢ã¯ã¼ã","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[]},"productSuggestion":{"label":"Trending products","status":false,"data":[]}},"suggestionStyle":"style1","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"backSettings":{"offSensitive":false}
11211,"actionlist":{"qvBtnBackgroundColor":"rgba(255||255||255||1)","qvBtnTextColor":"rgba(61||66||70||1)","qvBtnBorderColor":"rgba(255||255||255||1)","qvBtnHoverBackgroundColor":"rgba(61||66||70||1)","qvBtnHoverTextColor":"rgba(255||255||255||1)","qvBtnHoverBorderColor":"rgba(61||66||70||1)","atcBtnBackgroundColor":"rgba(0||0||0||1)","atcBtnTextColor":"rgba(255||255||255||1)","atcBtnBorderColor":"rgba(0||0||0||1)","atcBtnHoverBackgroundColor":"rgba(61||66||70||1)","atcBtnHoverTextColor":"rgba(255||255||255||1)","atcBtnHoverBorderColor":"rgba(61||66||70||1)","alStyle":"bc-al-style4","qvEnable":true,"atcEnable":true},"labelTranslations":{"en":{"refineDesktop":"Filter","refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close":"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","listView":"List view","gridView":"Grid view","gridViewColumns":"Grid view {{ count }} Columns","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","sortByOptions":{"sorting":"Sort by","best-selling":"Best selling","relevance":"Relevance","manual":"Manual","price-ascending":"Price ascending","price-descending":"Price descending","title-ascending":"Title ascending","title-descending":"Title descending","created-descending":"Created descending","created-ascending":"Created ascending"},"recommendation":{},"search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up â check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing found for \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Blogs & Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."},"suggestion":{"viewAll":"View all {{ count }} products","didYouMean":"Did you mean: {{ terms }}","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Popular suggestions","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Sorry, nothing found for \"{{ terms }}\".","noSuggestionProducts":"Sorry, nothing found for \"{{ terms }}\"."},"action_list":{"qvBtnLabel":"Quick View","qvAddToCartBtnLabel":"Add To Cart","qvSoldOutLabel":"Sold Out","qvSaleLabel":"Sale","qvViewFullDetails":"View Full Details","qvQuantity":"Quantity","atcAvailableLabel":"Add to Cart","atcSelectOptionsLabel":"Select Options","atcSoldOutLabel":"Sold Out","atcMiniCartSubtotalLabel":"Subtotal","atcMiniCartCheckoutLabel":"Checkout","atcMiniCartShopingCartLabel":"Your Cart","atcMiniCartEmptyCartLabel":"Your Cart Is Currently Empty","atcMiniCartViewCartLabel":"View cart","atcAddingToCartBtnLabel":"Adding","atcAddedToCartBtnLabel":"Added!","atcMiniCartCountItemLabel":"item","atcMiniCartCountItemLabelPlural":"items"},"defaultTheme":{"toolbarViewAs":"View as","toolbarProduct":"Product","toolbarProducts":"Products","productItemSoldOut":"Sold out","productItemSale":"Sale","productItemFrom":"from"},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"}},"ja":{"refineDesktop":"ãã£ã«ã¿ã¼","refine":"çµãè¾¼ã¿","refineMobile":"çµãè¾¼ã¿","refineMobileCollapse":"ãã£ã«ã¿ãé ã","clear":"è§£é¤","clearAll":"ãã
11211¹ã¦è§£é¤","viewMore":"ããã«è¡¨ç¤º","viewLess":"è¡¨ç¤ºãæ¸ãã","apply":"éä¿¡","applyAll":"å
¨ã¦ã«é©ç¨","close":"éãã","back":"æ»ã","showLimit":"表示","collectionAll":"ãã¹ã¦","under":"ä¸","above":"ä¸","ratingStar":"ã¹ã¿ã¼","ratingStars":"æ","ratingUp":"& ä¸","showResult":"çµãè¾¼ã¿çµæãè¦ã","searchOptions":"ã¡ã¼ã«ã¼ãæ¤ç´¢","inCollectionSearch":"ãã®ã«ãã´ãªå
ã§æ¤ç´¢","loadPreviousPage":"åã®ãã¼ã¸ãèªã¿è¾¼ã","listView":"ä¸è¦§è¡¨ç¤º","gridView":"ã°ãªãããã¥ã¼","gridViewColumns":"ã°ãªãããã¥ã¼ {{ count }} å","loadMore":"{{ amountProduct }} åã®ååãããã«èªã¿è¾¼ã","loadMoreTotal":"{{ from }}ï½{{ to }}/{{ total }} åã®åå","sortByOptions":{"sorting":"以ä¸ã«ããä¸¦ã³æ¿ãï¼","best-selling":"æå®ãªã","relevance":"é¢é£åº¦ã®é«ãé ","manual":"ãªã¹ã¹ã¡","price-ascending":"ä¾¡æ ¼ã®å®ãé ","price-descending":"ä¾¡æ ¼ã®é«ãé ","title-ascending":"ã¢ã«ãã¡ãããé , A-Z","title-descending":"ã¢ã«ãã¡ãããé , Z-A","created-descending":"æ°çé ","created-ascending":"ç»é²é "},"recommendation":{"homepage-680780":"Just dropped","homepage-520573":"Best Sellers","collectionpage-845408":"Just dropped","collectionpage-742632":"Most Popular Products","productpage-603604":"Recently viewed","productpage-686181":"Frequently Bought Together","cartpage-837440":"Still interested in this?","cartpage-865546":"Similar Products"},"search":{"generalTitle":"æ¤ç´¢çµæ","resultHeader":"ã{{ terms }}ãã®æ¤ç´¢çµæ","resultNumber":"æ¤ç´¢çµæï¼{{ count }}ä»¶","seeAllProducts":"ãã¹ã¦ã®ååã表示","resultEmpty":"ãç³ã訳ããã¾ãããã{{ terms }}ãã®çµæãè¦ã¤ããã¾ããã§ããã{{ breakline }}ã§ããããããããªãã§ãã ãããã¤ã¥ãã確èªããããããããå
·ä½çã§ãªãåèªã§æ¤ç´¢ãã試ããã ãããã","resultEmptyWithSuggestion":"ç³ã訳ããã¾ããããã{{ terms }}ãã§ã¯ä½ãè¦ã¤ããã¾ããã§ããã代ããã«æ¬¡ã®ã¢ã¤ãã ããã§ãã¯ãã¦ã¿ã¦ãã ãã","searchTotalResult":"{{ count }} ã®çµæã表示","searchTotalResults":"{{ count }} ä»¶ã®çµæã表示","searchPanelProduct":"製å","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"æ¤ç´¢ã®ãã³ã","searchTipsContent":"ã¹ãã«ãå確èªãã¦ãã ããã{{ breakline }}ããä¸è¬çãªåèªãç¨ãã¦æ¤ç´¢ãã¦ãã ããã{{ breakline }}å
¥åãããã¼ã¯ã¼ããæ¸ããã¦ãã ããã{{ breakline }}製åã¿ã¤ãããã©ã³ããã¢ãã«çªå·ãã¾ãã¯è£½åæ©è½ã§æ¤ç´¢ãã¦ã¿ã¦ãã ããã"},"suggestion":{"viewAll":"{{ count }}ä»¶ã®æ¤ç´¢çµæãè¦ã","didYouMean":"{{ terms }} ã§ããï¼","searchBoxPlaceholder":"ååå/åçª/ãã¼ã¯ã¼ããå
¥å","suggestQuery":"代ããã« {{ terms }} ã®æ¤ç´¢çµæã表示ãã¦ãã¾ã","instantSearchSuggestionsLabel":"æ¤ç´¢ç¨ã¯ã¼ã","instantSearchCollectionsLabel":"ã«ãã´ãªã¼","instantSearchProductsLabel":"製å","instantSearchPagesLabel":"Blog & Pages","searchBoxOnclickRecentSearchLabel":"æè¿ã®æ¤ç´¢ã¯ã¼ã","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"ãæ¢ãã®çµãè¾¼ã¿æ¡ä»¶ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã","noSearchResult":"ãæ¢ãã®æ¤ç´¢æ¡ä»¶ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã","noProducts":"ãã®ã«ãã´ãªã§è¡¨ç¤ºã§ããååã¯è¦ã¤ããã¾ããã§ããã","noSuggestionResult":"\"{{ terms }}\"ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã","noSuggestionProducts":"\"{{ terms }}\"ã«åè´ããååã¯è¦ã¤ããã¾ããã§ããã"},"action_list":{"qvBtnLabel":"ã¯ã¤ãã¯ãã¥ã¼","qvAddToCartBtnLabel":"ã«ã¼ãã«è¿½å ","qvSoldOutLabel":"å®å£²","qvSaleLabel":"販売","qvViewFullDetails":"ã
11211ã¹ã¦ã®è©³ç´°ã表示","qvQuantity":"æ°é","atcAvailableLabel":"ã«ã¼ãã«å
¥ãã","atcSelectOptionsLabel":"ãªãã·ã§ã³ã鏿ãã","atcSoldOutLabel":"売ãåã","atcMiniCartSubtotalLabel":"å°è¨","atcMiniCartCheckoutLabel":"ãã§ãã¯ã¢ã¦ã","atcMiniCartShopingCartLabel":"ã«ã¼ã","atcMiniCartEmptyCartLabel":"ã客æ§ã®ã«ã¼ãã¯ç¾å¨ç©ºã§ã","atcMiniCartViewCartLabel":"ã«ã¼ãã®ä¸èº«ã表示","atcAddingToCartBtnLabel":"追å ä¸","atcAddedToCartBtnLabel":"è¿½å æ¸ã¿","atcMiniCartCountItemLabel":"ã¢ã¤ãã ","atcMiniCartCountItemLabelPlural":"ã¢ã¤ãã "},"defaultTheme":{"toolbarViewAs":"ã¨ãã¦è¡¨ç¤º","toolbarProduct":"åå","toolbarProducts":"åå","productItemSoldOut":"å®å£²","productItemSale":"販売","productItemFrom":"ãã"},"recentlyViewed":{"recentProductHeading":"æè¿è¦ãåå"},"mostPopular":{"popularProductsHeading":"人æ°åå"}}},"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""},"label":{"refineDesktop":"ãã£ã«ã¿ã¼","refine":"çµãè¾¼ã¿","refineMobile":"çµãè¾¼ã¿","refineMobileCollapse":"ãã£ã«ã¿ãé ã","clear":"è§£é¤","clearAll":"ãã¹ã¦è§£é¤","viewMore":"ããã«è¡¨ç¤º","viewLess":"è¡¨ç¤ºãæ¸ãã","apply":"éä¿¡","applyAll":"å
¨ã¦ã«é©ç¨","close"
11211:"éãã","back":"æ»ã","showLimit":"表示","collectionAll":"ãã¹ã¦","under":"ä¸","above":"ä¸","ratingStar":"ã¹ã¿ã¼","ratingStars":"æ","ratingUp":"& ä¸","showResult":"çµãè¾¼ã¿çµæãè¦ã","searchOptions":"ã¡ã¼ã«ã¼ãæ¤ç´¢","inCollectionSearch":"ãã®ã«ãã´ãªå
ã§æ¤ç´¢","loadPreviousPage":"åã®ãã¼ã¸ãèªã¿è¾¼ã","listView":"ä¸è¦§è¡¨ç¤º","gridView":"ã°ãªãããã¥ã¼","gridViewColumns":"ã°ãªãããã¥ã¼ {{ count }} å","loadMore":"{{ amountProduct }} åã®ååãããã«èªã¿è¾¼ã","loadMoreTotal":"{{ from }}ï½{{ to }}/{{ total }} åã®åå","sortByOptions":{"sorting":"以ä¸ã«ããä¸¦ã³æ¿ãï¼","best-selling":"æå®ãªã","relevance":"é¢é£åº¦ã®é«ãé ","manual":"ãªã¹ã¹ã¡","price-ascending":"ä¾¡æ ¼ã®å®ãé ","price-descending":"ä¾¡æ ¼ã®é«ãé ","title-ascending":"ã¢ã«ãã¡ãããé , A-Z","title-descending":"ã¢ã«ãã¡ãããé , Z-A","created-descending":"æ°çé ","created-ascending":"ç»é²é "},"recommendation":{"homepage-680780":"Just dropped","homepage-520573":"Best Sellers","collectionpage-845408":"Just dropped","collectionpage-742632":"Most Popular Products","productpage-603604":"Recently viewed","productpage-686181":"Frequently Bought Together","cartpage-837440":"Still interested in this?","cartpage-865546":"Similar Products"},"search":{"generalTitle":"æ¤ç´¢çµæ","resultHeader":"ã{{ terms }}ãã®æ¤ç´¢çµæ","resultNumber":"æ¤ç´¢çµæï¼{{ count }}ä»¶","seeAllProducts":"ãã¹ã¦ã®ååã表示","resultEmpty":"ãç³ã訳ããã¾ãããã{{ terms }}ãã®çµæãè¦ã¤ããã¾ããã§ããã{{ breakline }}ã§ããããããããªãã§ãã ãããã¤ã¥ãã確èªããããããããå
·ä½çã§ãªãåèªã§æ¤ç´¢ãã試ããã ãããã","resultEmptyWithSuggestion":"ç³ã訳ããã¾ããããã{{ terms }}ãã§ã¯ä½ãè¦ã¤ããã¾ããã§ããã代ããã«æ¬¡ã®ã¢ã¤ãã ããã§ãã¯ãã¦ã¿ã¦ãã ãã","searchTotalResult":"{{ count }} ã®çµæã表示","searchTotalResults":"{{ count }} ä»¶ã®çµæã表示","searchPanelProduct":"製å","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"æ¤ç´¢ã®ãã³ã","searchTipsContent":"ã¹ãã«ãå確èªãã¦ãã ããã{{ breakline }}ããä¸è¬çãªåèªãç¨ãã¦æ¤ç´¢ãã¦ãã ããã{{ breakline }}å
¥åãããã¼ã¯ã¼ããæ¸ããã¦ãã ããã{{ breakline }}製åã¿ã¤ãããã©ã³ããã¢ãã«çªå·ãã¾ãã¯è£½åæ©è½ã§æ¤ç´¢ãã¦ã¿ã¦ãã ããã"},"suggestion":{"viewAll":"{{ count }}ä»¶ã®æ¤ç´¢çµæãè¦ã","didYouMean":"{{ terms }} ã§ããï¼","searchBoxPlaceholder":"ååå/åçª/ãã¼ã¯ã¼ããå
¥å","suggestQuery":"代ããã« {{ terms }} ã®æ¤ç´¢çµæã表示ãã¦ãã¾ã","instantSearchSuggestionsLabel":"æ¤ç´¢ç¨ã¯ã¼ã","instantSearchCollectionsLabel":"ã«ãã´ãªã¼","instantSearchProductsLabel":"製å","instantSearchPagesLabel":"Blog & Pages","searchBoxOnclickRecentSearchLabel":"æè¿ã®æ¤ç´¢ã¯ã¼ã","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"ãæ¢ãã®çµãè¾¼ã¿æ¡ä»¶ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã","noSearchResult":"ãæ¢ãã®æ¤ç´¢æ¡ä»¶ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã","noProducts":"ãã®ã«ãã´ãªã§è¡¨ç¤ºã§ããååã¯è¦ã¤ããã¾ããã§ããã","noSuggestionResult":"\"{{ terms }}\"ã«åè´ããååã¯è¦ã¤ããã¾ããã§ãããæ¤ç´¢æ¡ä»¶ãå¤ãã¦å度ã試ããã ããã","noSuggestionProducts":"\"{{ terms }}\"ã«åè´ããååã¯è¦ã¤ããã¾ããã§ããã"},"action_list":{"qvBtnLabel":"ã¯ã¤ãã¯ãã¥ã¼","qvAddToCartBtnLabel":"ã«ã¼ãã«è¿½å ","qvSoldOutLabel":"å®å£²","qvSaleLabel":"販売","qvViewFullDetails":"ã
11211ã¹ã¦ã®è©³ç´°ã表示","qvQuantity":"æ°é","atcAvailableLabel":"ã«ã¼ãã«å ¥ãã","atcSelectOptionsLabel":"ãªãã·ã§ã³ã鏿ãã","atcSoldOutLabel":"売ãåã","atcMiniCartSubtotalLabel":"å°è¨","atcMiniCartCheckoutLabel":"ãã§ãã¯ã¢ã¦ã","atcMiniCartShopingCartLabel":"ã«ã¼ã","atcMiniCartEmptyCartLabel":"ã客æ§ã®ã«ã¼ãã¯ç¾å¨ç©ºã§ã","atcMiniCartViewCartLabel":"ã«ã¼ãã®ä¸èº«ã表示","atcAddingToCartBtnLabel":"追å ä¸","atcAddedToCartBtnLabel":"è¿½å æ¸ã¿","atcMiniCartCountItemLabel":"ã¢ã¤ãã ","atcMiniCartCountItemLabelPlural":"ã¢ã¤ãã "},"defaultTheme":{"toolbarViewAs":"ã¨ãã¦è¡¨ç¤º","toolbarProduct":"åå","toolbarProducts":"åå","productItemSoldOut":"å®å£²","productItemSale":"販売","productItemFrom":"ãã"},"recentlyViewed":{"recentProductHeading":"æè¿è¦ãåå"},"mostPopular":{"popularProductsHeading":"人æ°åå"}},"searchEmptyResultMessages":{"label":"ãç³ã訳ããã¾ãããã{{ terms }}ãã®çµæãè¦ã¤ããã¾ããã§ããã{{ breakline }}ã§ããããããããªãã§ãã ãããã¤ã¥ãã確èªããããããããå ·ä½çã§ãªãåèªã§æ¤ç´¢ãã試ããã ãããã"}}, 11212 11213 swatch_settings: { 11214 11215 }, 11216 11217 default_sort_order: {"search":"","all":"","281028231329":"manual"}, 11218 11219 }; 11220 function mergeObject(obj1, obj2){ 11221 var obj3 = {}; 11222 for (var attr in obj1) { obj3[attr] = obj1[attr]; } 11223 for (var attr in obj2) { obj3[attr] = obj2[attr]; } 11224 return obj3; 11225 } 11226 if (typeof boostPFSConfig == 'undefined') { 11227 boostPFSConfig = {}; 11228 } 11229 if (typeof boostPFSAppConfig != 'undefined') { 11230 boostPFSConfig = mergeObject(boostPFSConfig, boostPFSAppConfig); 11231 } 11232 if (typeof boostPFSThemeConfig != 'undefined') { 11233 boostPFSConfig = mergeObject(boostPFSConfig, boostPFSThemeConfig); 11234 } 11235</script>
11235 11236 11237<!-- Include Resources -->
11237<script defer src="//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-core-instant-search.js?v=46757101307968623471683705539"></script>
11237 11238
11238<script defer src="//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-instant-search.js?v=19688897146452381801683705535"></script>
11238<!-- Initialize App -->
11239<script defer src="//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-init.js?v=8317161029896936481736997116"></script>
11239 11240 11241 11242 11243 <!-- Instant search no result JSON data --> 11244
11244<script type="application/json" id="boost-pfs-instant-search-products-not-found-json"> 11245 { 11246 "search_terms": [], 11247 "products": [] 11248 } 11249</script>
11249 11250
11251<script defer src="//www.system5.jp/cdn/shop/t/20/assets/boost-pfs-analytics-custom.js?v=161314685702743820801736997117"></script>
11251 11252 <!--end-boost-pfs-js--> 11253
11253<script> 11254 // IE ãã©ããå¤å® 11255 var ua, isIE, array, version; 11256 ua = window.navigator.userAgent.toLowerCase(); 11257 isIE = (ua.indexOf('msie') >= 0 || ua.indexOf('trident') >= 0); 11258 // IE ã®å ´åããªãã¤ã¬ã¯ã 11259 if (isIE) { 11260 location.href = 'https://info.system5.jp/whatsnew/archives/101626'; 11261 } 11262 //ãã¢ããªä»¥å¤ã§ã¯app_hideã表示 11263 if(userAgent.indexOf('Yappli') == -1){ 11264 $('.app_hide').css('display', 'block'); 11265 } 11266 </script>
11266 11267 <!-- WorldShopping Checkout --> 11268
11268<script type="text/javascript" charset="UTF-8" async="true" src="https://checkout-api.worldshopping.jp/v1/script?token=system5_jp"></script>
11268 11269 <!-- End WorldShopping Checkout --> 11270 11271 <style> </style>
11272<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11272 11273</body> 11274</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.