PageSourceSearch

https://www.system5.jp/cart

html system5.jp collected 2026-10-02 10:51:53 UTC 431,819 bytes, 11,274 lines download raw bytes

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">&lt;-</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>&quot;&lt;strong class=&quot;q_no_result_text&quot;&gt;&lt;/strong&gt;&quot;に合致する商品は見つかりませんでした。検索条件を変えて再度お試しください。</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, '&amp;')
7753          .replace(/</g, '&lt;')
7754          .replace(/>/g, '&gt;')
7755          .replace(/"/g, '&quot;')
7756          .replace(/'/g, "&#x27;");
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, "&#092;")
9304            .replace(/"/g, "\"")
9305            .replace(/\./g, "&#046;")
9306            .replace(/\*/g, "&#042;")
9307            .replace(/\+/g, "&#043;")
9308            .replace(/\?/g, "&#063;")
9309            .replace(/\^/g, "&#094;")
9310            .replace(/\$/g, "&#036;")
9311            .replace(/\–/g, "&#150;")
9312            .replace(/\|/g, "&#124;")
9313            .replace(/\//g, "&#047;")
9314            .replace(/\{/g, "&#123;")
9315            .replace(/\}/g, "&#125;")
9316            .replace(/\(/g, "&#040;")
9317            .replace(/\)/g, "&#041;")
9318            .replace(/\[/g, "&#091;")
9319            .replace(/\]/g, "&#093;")
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.