(function(html){var s=document.createElement("script");if(s.async!==true){extractLegacy(html);return}if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",function(){append(html)})}else{append(html)}function extractLegacy(html){var div=document.createElement("div");div.innerHTML=html;var len=div.childNodes.length;for(var i=0;i<len;i++){var elem=div.childNodes[i];if(elem.nodeType===Node.ELEMENT_NODE){if(elem.nodeName!=="SCRIPT"){document.write(elem.outerHTML)}else if(elem.src){document.write(elem.outerHTML)}else{var fname="inlinecallback"+i;window[fname]=Function(elem.innerHTML);document.write('<script src="data:text/javascript,'+fname+'()"><\/script>')}}}}function append(html){var div=document.createElement("div");div.style.display="none";div.innerHTML=html;var s;var scripts=document.createDocumentFragment();while(s=div.querySelector("script")){var s2=document.createElement("script");s2.async=false;if(s.src){s2.src=s.src}else{var blob=new Blob([s.innerHTML]);var url=URL.createObjectURL(blob);s2.onload=s2.onerror=function(){URL.revokeObjectURL(url)};s2.src=url}if(s.charset){s2.charset=s.charset}if(s.type){s2.type=s.type}div.removeChild(s);scripts.appendChild(s2)}div.appendChild(scripts);appendBody(div)}function appendBody(element){if(document.body){document.body.appendChild(element)}else{setTimeout(function(){appendBody(element)},0)}}})("<script type=\"text/javascript\" src=\"//mizuno-f-s.snva.jp/js/search/v1.0.0/suggest.js\" charset=\"utf-8\"></script>\n<script type=\"text/javascript\" src=\"//mizuno-f-s.snva.jp/~mizuno/?action=static&path=search.js&contentType=text/javascript\" charset=\"utf-8\"></script>\n<script type=\"text/javascript\" src=\"//mizuno-f-s.snva.jp/js/search/v1.0.0/beacon.js\" charset=\"utf-8\"></script>\n\n<script>\n//jQuery.scrollTo(0, 800);\n</script>\n\n<script>\n/* === === === js連携タグ === === === */\nNpSearchMizuno.main({\n\tserver: \"mizuno-f-s.snva.jp\", // アクセス先サーバー名\n\taid: \"mizuno\", // アカウント名\n  timeout: 10000,\n\tselectors: [\".js_npsearch_main\", \".js_npsearch_breadcrumb\", /* \".js_npsearch_searchbox\" */],\n\tadditionalParams: {\n\t\t\"view\": \"ajax_new\", \"n12c\": \"onSale\",\n\t\t\"s11o\": \"1\", \"s12o\": \"1\", \"s13o\": \"1\",\n\t\t\"s14o\": \"1\", \"s15o\": \"1\", \"s16o\": \"1\",\n\t\t\"s17o\": \"1\",\n\t},\n});\n</script>\n\n<script>\nwindow.NaviPlus = window.NaviPlus || {};\nNaviPlus.SearchLib = NaviPlus.SearchLib || {};\n\n// サジェスト領域を非表示にする\nNaviPlus.SearchLib.hideSuggestContainer = function() {\n\tvar elem_pc = document.querySelector(\".bl_npSuggestContainer\");\n\tif (elem_pc) {\n\t\telem_pc.style.display = \"none\";\n\t}\n\tvar elem_sp = document.querySelector(\".bl_npSuggestContainerMobile\");\n\tif (elem_sp) {\n\t\telem_sp.style.display = \"none\";\n\t}\n};\n\n// テキストボックスの中身をqパラメータの値で上書きする\nNaviPlus.SearchLib.updateSearchBoxValue = function() {\n\tvar q = location.search.match(/(\\?|&)q=([^&]*)&?/);\n\tq = q ? q[2] : \"\";\n\tdocument.querySelector(\"#js_npsearch_searchbox\").value = decodeURI(q);\n\tdocument.querySelector(\"#js_npsearch_searchbox_sp\").value = decodeURI(q);\n};\n\nNaviPlus.SearchLib.setChangePriceEvent = function() {\n\t// 価格スライダーのデザインや動きをセット(https://refreshless.com/nouislider/)\n\tvar stepSlider = NaviPlus.SliCompatible.setPriceSlider();\n\t// 価格で絞り込み検索をするためのファンクション\n\tvar narrowPrice = function () {\n\t\tvar column = document.getElementById(\"js_npsearch_priceSlider\").getAttribute(\"data-npsearch-pricecol\");\n\t\tvar resetUrl = document.getElementById(\"js_npsearch_priceSlider\").getAttribute(\"data-npsearch-price-resetlink\");\n\t\tresetUrl = !resetUrl ? window.location.search : resetUrl;\n\t\tvar nl = column.replace(\"number\", \"n\") + \"l\";\n\t\tvar nh = column.replace(\"number\", \"n\") + \"h\";\n\t\tvar lowPrice = document.getElementById(\"slider_box_low\").value | 0;\n\t\tvar highPrice = document.getElementById(\"slider_box_high\").value | 0;\n\t\tvar query = {};\n\t\tquery[nl] = lowPrice;\n\t\tquery[nh] = highPrice;\n\t\tNpSearchMizuno.submitAjax(query, resetUrl);\n\t}\n\t// 下限価格が更新されたとき\n\tdocument.getElementById(\"slider_box_low\").addEventListener('change', function (e) {\n\t\tnarrowPrice();\n\t\tjQuery.scrollTo(0, 800);\n\t});\n\t// 上限価格が更新されたとき\n\tdocument.getElementById(\"slider_box_high\").addEventListener('change', function (e) {\n\t\tnarrowPrice();\n\t\tjQuery.scrollTo(0, 800);\n\t});\n\t// 価格スライダーを動かしたとき\n\tstepSlider.noUiSlider.on(\"set\", function (values) {\n\t\tnarrowPrice();\n\t\tjQuery.scrollTo(0, 800);\n\t});\n};\n\n// アイテムに「チェックした商品とカテゴリ」表示用のイベントを貼る\nNaviPlus.SearchLib.setRecommendItemEvent = function() {\n\tvar recoitems = document.querySelectorAll(\"[data-npsearch-recoitem]\");\n\tArray.prototype.slice.call(recoitems, 0).forEach(function (elem, index) {\n\t\telem.addEventListener(\"click\", function (e) {\n\t\t\tvar grpId = e.currentTarget.getAttribute(\"data-npsearch-recoitem-grpid\");\n\t\t\tvar title = e.currentTarget.getAttribute(\"data-npsearch-recoitem-title\");\n\t\t\tvar image = e.currentTarget.getAttribute(\"data-npsearch-recoitem-image\");\n\t\t\tif (grpId) {\n\t\t\t\tNpSearchMizuno.recoStorage.setItem(grpId, title, image);\n\t\t\t}\n\t\t})\n\t});\n};\n\n// 絞り込み項目(スポーツ)に「チェックした商品とカテゴリ」表示用のイベントを貼る\nNaviPlus.SearchLib.setRecommendCategoryEvent = function() {\n\t// PC版のファセット\n\tvar recocategoriesPc = document.querySelectorAll(\"[data-npsearch-recocategory-pc]\");\n\tArray.prototype.slice.call(recocategoriesPc, 0).forEach(function (elem, index) {\n\t\telem.addEventListener(\"click\", function (e) {\n\t\t\tvar dispNo = e.currentTarget.getAttribute(\"data-npsearch-recocategory-dispno\");\n\t\t\tvar dispNm = e.currentTarget.getAttribute(\"data-npsearch-recocategory-dispnm\");\n\t\t\tif (dispNo) {\n\t\t\t\tNpSearchMizuno.recoStorage.setCategory(dispNo, dispNm);\n\t\t\t}\n\t\t})\n\t});\n\t// SP版のファセット\n\tvar recocategoriesSp = document.querySelectorAll(\"[data-npsearch-recocategory-sp]\");\n\tArray.prototype.slice.call(recocategoriesSp, 0).forEach(function (elem, index) {\n\t\telem.addEventListener(\"change\", function (e) {\n\t\t\tvar target = e.currentTarget;\n\t\t\tvar dispNo = target.options[target.selectedIndex].getAttribute(\"data-npsearch-recocategory-dispno\");\n\t\t\tvar dispNm = target.options[target.selectedIndex].getAttribute(\"data-npsearch-recocategory-dispnm\");\n\t\t\tif (dispNo) {\n\t\t\t\tNpSearchMizuno.recoStorage.setCategory(dispNo, dispNm);\n\t\t\t}\n\t\t})\n\t});\n};\n// チェックした商品とカテゴリのアイテム要素を生成する\nNaviPlus.SearchLib.createRecommendItemElem = function(grpId, title, image) {\n\tvar img = document.createElement(\"img\");\n\timg.setAttribute(\"alt\", title);\n\timg.setAttribute(\"height\", \"161\");\n\timg.setAttribute(\"width\", \"161\");\n\timg.setAttribute(\"src\", image);\n\timg.setAttribute(\"onerror\", \"this.src='/static/mallDefault/images/v2/goods/img161_noimg.jpg'\");\n\tvar a = document.createElement(\"a\");\n\tvar itemUrlBase = NaviPlus.SearchLib.getCustomInfo(\"js_npsearch_custominfo_recoitemurlbase\");\n\tvar slashPos = itemUrlBase.lastIndexOf(\"/\");\n\tvar previousSectionUrl = itemUrlBase.substring(0, slashPos);\n\tif(itemUrlBase.indexOf(\"dispNo=\") !== -1){\n\t\tvar laterSectionUrl = itemUrlBase.slice(slashPos);\n\t\ta.setAttribute(\"href\", previousSectionUrl + grpId + laterSectionUrl + '/');\n\t}else{\n\t\ta.setAttribute(\"href\", previousSectionUrl + grpId + '/');\n\t}\n\tvar p = document.createElement(\"p\");\n\tp.setAttribute(\"class\", \"img\");\n\tvar div = document.createElement(\"div\");\n\tdiv.setAttribute(\"class\", \"list\");\n\ta.appendChild(img);\n\tp.appendChild(a);\n\tdiv.appendChild(p);\n\treturn div;\n};\n\n// チェックした商品とカテゴリのカテゴリ要素を生成する\nNaviPlus.SearchLib.createRecommendCategoryElem = function(dispNo, dispNm) {\n\tvar params = {\"dispNo\": [dispNo], \"banner\": dispNo};\n\tvar closedDispNo = NaviPlus.SearchLib.getCustomInfo(\"js_npsearch_custominfo_closeddispno\");\n\tif (closedDispNo) {\n\t\tparams[\"dispNo\"].push(closedDispNo);\n\t}\n\tvar a = document.createElement(\"a\");\n\ta.textContent = dispNm;\n\ta.setAttribute(\"href\", \"?\" + NpSearchMizuno.util.hashToQuery(params));\n\ta.setAttribute(\"onclick\", \"NpSearchMizuno.submitAjax(\" + JSON.stringify(params) + \");return false;\");\n\treturn a;\n};\n\n// チェックした商品とカテゴリのエリアを表示する\nNaviPlus.SearchLib.displayRecommendArea = function() {\n\tvar items = NpSearchMizuno.recoStorage.getItems();\n\tvar categories = NpSearchMizuno.recoStorage.getCategories();\n\tif (items.length == 0 && categories.length == 0) {\n\t\tdocument.getElementById(\"js_npsearch_reco_pc\").style.display = \"none\";\n\t\tdocument.getElementById(\"js_npsearch_reco_sp\").style.display = \"none\";\n\t} else if (categories.length == 0) {\n\t\tdocument.getElementById(\"js_npsearch_recocategoryListWrap_pc\").style.display = \"none\";\n\t\tdocument.getElementById(\"js_npsearch_recocategoryListWrap_sp\").style.display = \"none\";\n\t}\n\t// チェックした商品とカテゴリ(表示)\n\tvar recoitemListPc = document.getElementById(\"js_npsearch_recoitemList_pc\");\n\tvar recoitemListSp = document.getElementById(\"js_npsearch_recoitemList_sp\");\n\tfor (var i in items) {\n\t\tvar grpId = items[i].goodsNo;\n\t\tvar title = items[i].title;\n\t\tvar image = items[i].image;\n\t\trecoitemListPc.appendChild(NaviPlus.SearchLib.createRecommendItemElem(grpId, title, image));\n\t\trecoitemListSp.appendChild(NaviPlus.SearchLib.createRecommendItemElem(grpId, title, image));\n\t}\n\tvar recoCategoryListPc = document.getElementById(\"js_npsearch_recocategoryList_pc\");\n\tvar recoCategoryListSp = document.getElementById(\"js_npsearch_recocategoryList_sp\");\n\tfor (var i in categories) {\n\t\tvar dispNo = categories[i].dispNo;\n\t\tvar dispNm = categories[i].dispNm;\n\t\trecoCategoryListPc.appendChild(NaviPlus.SearchLib.createRecommendCategoryElem(dispNo, dispNm));\n\t\trecoCategoryListSp.appendChild(NaviPlus.SearchLib.createRecommendCategoryElem(dispNo, dispNm));\n\t}\n};\n\nNaviPlus.SearchLib.getCustomInfo = function(id) {\n\treturn document.getElementById(id).getAttribute(\"data-npsearch-custominfo-value\");\n}\n\nNaviPlus.SearchLib.collectHiddenParams = function(config, query) {\n\t// form内のinput要素(hidden)を収集\n\tvar hiddens = config.form.querySelectorAll(\"input[type=\\\"hidden\\\"]\");\n\tArray.prototype.slice.call(hiddens, 0).forEach(function (elem, index) {\n\t\tvar name = elem.name;\n\t\tvar value = elem.value;\n\t\tif (!value) {\n\t\t\treturn;\n\t\t}\n\t\tif (name.match(/\\[\\]$/)) {\n\t\t\tvar subName = name.substring(0, name.length - 2);\n\t\t\tif (!query[subName]) {\n\t\t\t\tquery[subName] = [];\n\t\t\t}\n\t\t\tquery[subName].push(value);\n\t\t} else {\n\t\t\tquery[name] = value;\n\t\t}\n\t});\n}\n\nNaviPlus.SearchLib.setBeacon = function() {\n\t// 検索画面表示ビーコン\n\tNpBeacon.pvBeacon(\n\t\t{\n\t\t\t\"server\": \"mizuno-f-s.snva.jp\", // アクセス先サーバ(必須)\n\t\t\t\"aid\": \"mizuno\", // アカウントID(必須)\n\t\t\t\"parameters\": {\n\t\t\t\t\"k_uid\": function(e) { return NpSearchMizuno.searchUtil.getUid(); },\n\t\t\t\t\"itemid\": NpBeacon.util.ParameterUtil.searchAttributeAll(\"[data-npsearchbeacon-itemid]\", \"data-npsearchbeacon-itemid\"),\n\t\t\t\t\"qid\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-npsearchbeacon-qid]\", \"data-npsearchbeacon-qid\"),\n\t\t\t\t\"querystring\": function(e) {return location.search;},\n\t\t\t\t\"page_url\": NpBeacon.util.ParameterUtil.getUrl(),\n\t\t\t\t\"date\": NpBeacon.util.ParameterUtil.getDate()\n\t\t\t}\n\t\t}\n\t);\n\n\t// 閲覧ボタンクリックビーコン\n\tNpBeacon.clickBeacon(\n\t\t{\n\t\t\t\"server\": \"mizuno-f-s.snva.jp\", // アクセス先サーバ(必須)\n\t\t\t\"aid\": \"mizuno\", // アカウントID(必須)\n\t\t\t\"selector\": [\".js_npsearch_clickbeacon_view\"],\n\t\t\t\"parameters\": {\n\t\t\t\t\"k_uid\": function(e) { return NpSearchMizuno.searchUtil.getUid(); },\n\t\t\t\t\"click_type\": function(e) { return \"view\"; },\n\t\t\t\t\"itemid\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-npsearchbeacon-itemid\"),\n\t\t\t\t\"item_index\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-npsearchbeacon-index\"),\n\t\t\t\t\"qid\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-npsearchbeacon-qid]\", \"data-npsearchbeacon-qid\"),\n\t\t\t\t\"querystring\": function(e) {return location.search;},\n\t\t\t\t\"page_url\": NpBeacon.util.ParameterUtil.getUrl(),\n\t\t\t\t\"date\": NpBeacon.util.ParameterUtil.getDate()\n\t\t\t}\n\t\t}\n\t);\n\n\t// 購入ボタンクリックビーコン\n\tNpBeacon.clickBeacon(\n\t\t{\n\t\t\t\"server\": \"mizuno-f-s.snva.jp\", // アクセス先サーバ(必須)\n\t\t\t\"aid\": \"mizuno\", // アカウントID(必須)\n\t\t\t\"selector\": [\".js_npsearch_clickbeacon_purchase\"],\n\t\t\t\"parameters\": {\n\t\t\t\t\"k_uid\": function(e) { return NpSearchMizuno.searchUtil.getUid(); },\n\t\t\t\t\"click_type\": function(e) { return \"purchase\"; },\n\t\t\t\t\"itemid\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-npsearchbeacon-itemid\"),\n\t\t\t\t\"item_index\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-npsearchbeacon-index\"),\n\t\t\t\t\"qid\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-npsearchbeacon-qid]\", \"data-npsearchbeacon-qid\"),\n\t\t\t\t\"querystring\": function(e) {return location.search;},\n\t\t\t\t\"page_url\": NpBeacon.util.ParameterUtil.getUrl(),\n\t\t\t\t\"date\": NpBeacon.util.ParameterUtil.getDate()\n\t\t\t}\n\t\t}\n\t);\n};\n</script>\n\n<script>\ndocument.addEventListener(\"npsearch-ajax-success\", function(e) {\n\t// pvビーコン送信 & clickビーコン設置\n\ttry { NaviPlus.SearchLib.setBeacon(); } catch(e) {console.error(e)}\n\t// 画像の遅延読み込み\n\t//try {lazyload();} catch(e) {console.error(e)}\n\t// スクロール\n\t//try {jQuery.scrollTo(0, 800);} catch(e) {console.error(e)}\n\t// 検索結果切替時にサジェスト領域を非表示にする\n\ttry {NaviPlus.SearchLib.hideSuggestContainer();} catch(e) {console.error(e)}\n\t// 検索更新時にテキストボックスの中身をqパラメータの値で上書きする\n\ttry {NaviPlus.SearchLib.updateSearchBoxValue();} catch(e) {console.error(e)}\n\t// 価格のテキストボックスとスライダーで検索するためのイベントを設置\n\ttry {NaviPlus.SearchLib.setChangePriceEvent();} catch(e) {console.error(e)}\n\t// ファセット(PC)の開閉\n\ttry {NaviPlus.SliCompatible.setToggleFacetHeadingPc();} catch(e) {console.error(e)}\n\t// ファセット(SP)・並び順(SP)の開閉\n\ttry {NaviPlus.SliCompatible.setToggleFacetHeadingSp();} catch(e) {console.error(e)}\n\t// サブ画像スライダー\n\ttry {NaviPlus.SliCompatible.setSubImgSlider();} catch(e) {console.error(e)}\n\t// サブ画像の表示切り替え\n\ttry {NaviPlus.SliCompatible.setApplySubImgToMainImg();} catch(e) {console.error(e)}\n\t// 商品比較用のイベントを設定\n\ttry {NaviPlus.SliCompatible.setCompareProductsEvent();} catch(e) {console.error(e)}\n\t// アイテムに「チェックした商品とカテゴリ」表示用のイベントを設定\n\ttry {NaviPlus.SearchLib.setRecommendItemEvent();} catch(e) {console.error(e)}\n\t// 絞り込み項目(スポーツ)に「チェックした商品とカテゴリ」表示用のイベントを設定\n\ttry {NaviPlus.SearchLib.setRecommendCategoryEvent();} catch(e) {console.error(e)}\n\t// チェックした商品とカテゴリエリアに要素を追加\n\ttry {NaviPlus.SearchLib.displayRecommendArea();} catch(e) {console.error(e)}\n\t// チェックした商品とカテゴリのスタイル・挙動(https://www.mizunoshop.net/js/v2/common/common/common.slider.js?p=20210107_01に依存)\n\ttry {NaviPlus.SliCompatible.setRecommendItemSlider();} catch(e) {console.error(e)}\n\t// 購入モーダル\n\ttry {$(fancyboxInit());} catch(e) {console.error(e)}\n\t// アイテム要素の高さ合わせ\n\ttry {jQuery.equalizeHeight({ element: \".compo_item-list_cmn .sli_title\" });} catch(e) {console.error(e)}\n\ttry {jQuery.equalizeHeight({ element: \".compo_item-list_cmn #prod_cont_in\" })} catch(e) {console.error(e)}\n\t// スクロールイベント\n\ttry {\n\t\tvar nodes = document.querySelectorAll(\"[data-npsearch-event-click]\");\n\t\tfor (let i = 0, len = nodes.length; i < len; i++) {\n\t\t\tnodes[i].addEventListener(\"click\", function (event) {\n\t\t\t\tjQuery.scrollTo(0, 800);\n\t\t\t});\n\t\t}\n\t\tvar nodes = document.querySelectorAll(\"[data-npsearch-event-change]\");\n\t\tfor (let i = 0, len = nodes.length; i < len; i++) {\n\t\t\tnodes[i].addEventListener(\"change\", function (event) {\n\t\t\t\tjQuery.scrollTo(0, 800);\n\t\t\t});\n\t\t}\n\t} catch(e) {\n\t\tconsole.error(e);\n\t}\n});\n</script>\n\n<script>\ndocument.addEventListener(\"npsearch-ajax-success\", function(e) {\n\t// 最初の一回だけ設定する\n\tif (e.detail.refreshCounter != 1) { return; }\n\t/* === === === PC用のサジェストタグ === === === */\n\ttry {\n\tNpSuggestV3.main({\n\t\tdebug: true,\n\t\tserver: \"mizuno-f-s.snva.jp\", // アクセス先サーバー名\n\t\taid: \"mizuno\", // アカウント名\n\t\tminWidth: 768, // タグが適用される画面幅の最小値(排他)。-1は制限なし\n\t\tmaxWidth: -1, // タグが適用される画面幅の最大値(包含)。-1は制限なし\n\t\tsuggestContainerClass: \"bl_npSuggestContainer\", // サジェスト描画領域のクラス\n\t\tformSelector: \"#js_npsearch_form\", // 検索ボックスのform要素のセレクタ\n\t\tsearchboxSelector: \"#js_npsearch_searchbox\", // 検索ボックス(input要素)のセレクタ\n\t\tsubmitSelector: \"#js_npsearch_submit\", // サブミットボタン(input要素)のセレクタ\n\t\tcategorySelector: \"#js_npsearch_category\", // カテゴリ選択セレクトボックス(select要素)のセレクタ\n\t\tcategoryParam: \"dispNo[]\", // カテゴリで絞り込みを行うパラメータ\n\t\tcolumnParamMap: {\"title\": \"q\", \"narrow21\": \"q\", \"narrow25\": \"q\", \"path\": \"path\"}, // カラムのキーワード検索するときのパラメータを定義\n\t\tcalcPositionAuto: true, // サジェストの表示位置を自動計算する\n\t\tsendKeywordlogger: false, // サジェストのみ利用する場合に true にする\n\t\tsubmitMobileMode: false, // true なら2回キーワードをクリックしたときにsubmitされる\n\t\tafterSearchboxComponent: function(event, config, container, component, results) {\n\t\t},\n\t\tafterEventComponent: function(event, config, container, component, results) {\n\t\t},\n\t\tcustomSubmitQuery: function(event, config, column, param, keyword, query) {\n\t\t\tquery = {};\n\t\t\t// form内のinput要素(hidden)を収集\n\t\t\tNaviPlus.SearchLib.collectHiddenParams(config, query);\n\t\t\t// クリックされたキーワードがpathならdispNoパラメータに変換\n\t\t\tif (column == \"path\") {\n\t\t\t\tvar dispNo = event.currentTarget.getAttribute(\"data-npsuggest-custom-keyword\");\n\t\t\t\tif (!Array.isArray(query[\"dispNo\"])) {\n\t\t\t\t\tquery[\"dispNo\"] = [];\n\t\t\t\t}\n\t\t\t\tquery[\"dispNo\"].push(dispNo);\n\t\t\t\tquery[\"banner\"] = dispNo;\n\t\t\t} else {\n\t\t\t\tquery[param] = keyword;\n\t\t\t}\n\t\t\t// qパラメータならsearchboxを追加\n\t\t\tif (param == \"q\") {\n\t\t\t\tquery[\"searchbox\"] = (config.getCategoryValue()) ? config.getCategoryValue() : 1;\n\t\t\t\t// NOTE: 新着順にするのでコメントアウト\n\t\t\t\t// query[\"sort\"] = \"Score,Number11\";\n\t\t\t}\n\t\t\tevent.preventDefault();\n\t\t\tNpSearchMizuno.submitAjax(query);\n\t\t\tjQuery.scrollTo(0, 800);\n\t\t\treturn {};\n\t\t},\n\t\tsearchboxComponent: [ // 検索ボックス入力時に発火する実行を定義\n\t\t\tnew NpSuggestV3.searchboxComponents.SuggestComponent({\n\t\t\t\t\"limit\": 5,\n\t\t\t\t\"template\": \"mizuno_suggest_keyword_pc\",\n\t\t\t\t\"columnOrder\": \"path,narrow25,narrow21\",\n\t\t\t\t\"customQuery\": function(event, config, params, query) {\n\t\t\t\t\t// 入力が数値のみの場合、pathは表示しない\n\t\t\t\t\tvar category = (\"category\" in query) ? query[\"category\"] : \"\";\n\t\t\t\t\tif (query[\"keyword\"].match(/^\\d+$/) || category.substring(0, 6) == \"003006\") {\n\t\t\t\t\t\tquery[\"cols\"] =  \"narrow25\";\n\t\t\t\t\t} else {\n\t\t\t\t\t\tquery[\"cols\"] =  \"narrow25,path\";\n\t\t\t\t\t}\n\t\t\t\t\treturn query;\n\t\t\t\t}\n\t\t\t}),\n\t\t\tnew NpSuggestV3.searchboxComponents.SuggestComponent({\n\t\t\t\t\"limit\": 3,\n\t\t\t\t\"template\": \"mizuno_suggest_keyword_pc\",\n\t\t\t\t\"matchMode\": \"prefix\",\n\t\t\t\t\"columnOrder\": \"path,narrow25,narrow21\",\n\t\t\t\t\"customQuery\": function(event, config, params, query) {\n\t\t\t\t\tquery[\"match\"] = \"prefix\";\n\t\t\t\t\tquery[\"cols\"] = \"narrow21\"; // 出力するカラム\n\t\t\t\t\treturn query;\n\t\t\t\t}\n\t\t\t}),\n\t\t],\n\t\tsearchboxComponentIfEmpty:[ // 検索ボックスが空の場合に実行する処理を定義\n\t\t\tnew NpSuggestV3.searchboxComponents.RankingComponent({\"limit\": 8, \"type\": \"hot\"}),\n\t\t],\n\t\tevents: [ // SearchboxComponent で生成されたエリアに設定する EventComponent を定義\n\t\t\t{\n\t\t\t\ttype: \"mouseenter\", // イベント名\n\t\t\t\tselectors: [\".bl_npSuggestKeywordList_item\", \".bl_npSuggestRankingList_item\", \".bl_npSuggestHistoryList_item\"], // イベントを設定するセレクタ\n\t\t\t\texecInstantly: true, // SearchboxComponent描画時、イベントが発生しなくても初回だけ実行する場合は true\n\t\t\t\tresetOtherArea: true, // 描画時に他の EventComponent で描画された要素をリセットする場合は true\n\t\t\t\teventComponent: [ // イベントが発生したときに発火する処理を定義\n\t\t\t\t\tnew NpSuggestV3.eventComponents.ItemListComponent({\n\t\t\t\t\t\t\"additional\": { \"fmt\": \"suggest_v3_item_card_new\", \"r1c\": \"onSale\", },\n\t\t\t\t\t\t\"customQuery\": function (event, config, params, query) { return query; }\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t}\n\t\t],\n\t});\n\t} catch (e) { console.error(e); }\n\n\t/* === === === モバイル用のサジェストタグ === === === */\n\ttry {\n\tNpSuggestV3.main({\n\t\tdebug: true,\n\t\tserver: \"mizuno-f-s.snva.jp\",\n\t\taid: \"mizuno\",\n\t\tminWidth: -1,\n\t\tmaxWidth: 768,\n\t\tsuggestContainerClass: \"bl_npSuggestContainerMobile\",\n\t\tformSelector: \"#js_npsearch_form_sp\",\n\t\tsearchboxSelector: \"#js_npsearch_searchbox_sp\",\n\t\tsubmitSelector: \"#js_npsearch_submit_sp\",\n\t\tcategorySelector: \"#js_npsearch_category_sp\",\n\t\tcategoryParam: \"dispNo[]\", // カテゴリで絞り込みを行うパラメータ\n\t\tcolumnParamMap: {\"title\": \"q\", \"narrow21\": \"q\", \"narrow25\": \"q\", \"path\": \"path\"}, // カラムのキーワード検索するときのパラメータを定義\n\t\tcalcPositionAuto: true,\n\t\tsendKeywordlogger: false,\n\t\tsubmitMobileMode: true,\n\t\tafterSearchboxComponent: function(event, config, container, component, results) {\n\t\t},\n\t\tafterEventComponent: function(event, config, container, component, results) {\n\t\t\t// キーボードを非表示にするために検索ボックスからフォーカスを外す。\n\t\t\t// $('#js_npsearch_searchbox_sp').blur(); // 一瞬だけキーボードが表示される動作が微妙なのでコメントアウト\n\t\t},\n\t\tcustomSubmitQuery: function(event, config, column, param, keyword, query) {\n\t\t\tquery = {};\n\t\t\t// form内のinput要素(hidden)を収集\n\t\t\tNaviPlus.SearchLib.collectHiddenParams(config, query);\n\t\t\t// クリックされたキーワードがpathならdispNoパラメータに変換\n\t\t\tif (column == \"path\") {\n\t\t\t\tvar dispNo = event.currentTarget.getAttribute(\"data-npsuggest-custom-keyword\");\n\t\t\t\tif (!Array.isArray(query[\"dispNo\"])) {\n\t\t\t\t\tquery[\"dispNo\"] = [];\n\t\t\t\t}\n\t\t\t\tquery[\"dispNo\"].push(dispNo);\n\t\t\t\tquery[\"banner\"] = dispNo;\n\t\t\t} else {\n\t\t\t\tquery[param] = keyword;\n\t\t\t}\n\t\t\t// qパラメータならsearchboxを追加\n\t\t\tif (param == \"q\") {\n\t\t\t\tquery[\"searchbox\"] = (config.getCategoryValue()) ? config.getCategoryValue() : 1;\n\t\t\t\t// NOTE: 新着順にするのでコメントアウト\n\t\t\t\t// query[\"sort\"] = \"Score,Number11\";\n\t\t\t}\n\t\t\tevent.preventDefault();\n\t\t\tNpSearchMizuno.submitAjax(query);\n\t\t\tjQuery.scrollTo(0, 800);\n\t\t\treturn {};\n\t\t},\n\t\tsearchboxComponent: [\n\t\t\tnew NpSuggestV3.searchboxComponents.SuggestComponent({\n\t\t\t\t\"limit\": 5,\n\t\t\t\t\"template\": \"mizuno_suggest_keyword_pc\",\n\t\t\t\t\"columnOrder\": \"path,narrow25,narrow21\",\n\t\t\t\t\"customQuery\": function(event, config, params, query) {\n\t\t\t\t\t// 入力が数値のみの場合、pathは表示しない\n\t\t\t\t\tvar category = (\"category\" in query) ? query[\"category\"] : \"\";\n\t\t\t\t\tif (query[\"keyword\"].match(/^\\d+$/) || category.substring(0, 6) == \"003006\") {\n\t\t\t\t\t\tquery[\"cols\"] =  \"narrow25\";\n\t\t\t\t\t} else {\n\t\t\t\t\t\tquery[\"cols\"] =  \"narrow25,path\";\n\t\t\t\t\t}\n\t\t\t\t\treturn query;\n\t\t\t\t}\n\t\t\t}),\n\t\t],\n\t\tsearchboxComponentIfEmpty: [\n\t\t\tnew NpSuggestV3.searchboxComponents.RankingComponent({\"limit\": 8, \"type\": \"hot\"}),\n\t\t],\n\t\tevents: [\n\t\t\t{\n\t\t\t\ttype: \"click\",\n\t\t\t\tselectors: [\".bl_npSuggestKeywordList_item\", \".bl_npSuggestRankingList_item\", \".bl_npSuggestHistoryList_keyword\", \".bl_npSuggestHistoryList_label__left\"],\n\t\t\t\texecInstantly: false,\n\t\t\t\tresetOtherArea: true,\n\t\t\t\teventComponent: [\n\t\t\t\t\tnew NpSuggestV3.eventComponents.ItemListComponent({\n\t\t\t\t\t\t\"additional\": { \"fmt\": \"suggest_v3_item_card_new\", \"r1c\": \"onSale\", },\n\t\t\t\t\t\t\"customQuery\": function (event, config, params, query) { return query; }\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t});\n\t} catch (e) { console.error(e); }\n});\n\t</script>\n<style>\n\t/* pc サジェスト */\n\t.bl_npSuggestContainer {\n\t\twidth: 870px !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestContainer_searchboxComponent {\n\t\twidth: 320px !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestContainer_eventComponent {\n\t\twidth: 510px !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_header {\n\t\tfont-size: 0.9em !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body {\n\t\tflex-wrap: wrap !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_header {\n\t\tfont-size: 0.9em !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item {\n\t\tmargin: 0 1em 1em 0 !important;\n\t\tflex: 0 0 8em !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item:nth-of-type(4n) {\n\t\tmargin: 0 0 1em 0 !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_ttl {\n\t\tfont-size: 1em !important;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_price {\n\t\tfont-size: .9em !important;\n\t\ttext-align: right !important;\n\t}\n\t.bl_npSuggestContainer a.bl_npSuggestItemList_item {\n\t\tbox-shadow: none;\n\t}\n\t/* sp サジェスト */\n\t.bl_npSuggestContainerMobile {\n\t\tleft: 0 !important;\n\t}\n\t.bl_npSuggestContainerMobile a.bl_npSuggestItemList_item {\n\t\tbox-shadow: none;\n\t}\n\t@media screen and (max-width: 768px) {\n\t\t#globalnavi li.active .sp_sub_navi.sp_search {\n\t\t\toverflow-y: visible;\n\t\t}\n\t}\n\t/* 検索結果: サブ画像の高さ合わせ */\n\t.compo_item-list_cmn .sli_swatch_container {\n\t\theight: 75px !important;\n\t}\n\n\t/* 検索結果: 価格スライダー */\n\t#facet-pb {\n\t\toverflow: visible;\n\t}\n\t#facet-pb .slider_box {\n\t\tpadding-top: 10px;\n\t}\n\t#js_npsearch_priceSlider {\n\t\tmargin: 10px 5px 0 5px !important;\n\t}\n\t#js_npsearch_priceSlider.noUi-horizontal {\n\t\theight: 8px !important;\n\t}\n\t#js_npsearch_priceSlider.noUi-horizontal .noUi-handle {\n\t\theight: 16px !important;\n\t\twidth: 16px !important;\n\t\tright: -4px !important;\n\t\ttop: -4px !important;\n\t}\n\t#js_npsearch_priceSlider .noUi-handle:after, .noUi-handle:before {\n\t\tdisplay: none !important;\n\t}\n\t/* チェックした商品とカテゴリ */\n\t#js_npsearch_recocategoryListWrap_pc {\n\t\tdisplay: none;\n\t}\n\n\t#js_npsearch_recocategoryListWrap_sp {\n\t\tdisplay: none;\n\t}\n\t#js_npsearch_reco_sp .asset_pager {\n\t\tmargin-bottom: 20px;\n\t}\n</style>\n\n\t<style>\n\t/**\n\t * PC用のCSS\n\t */\n\n\t/* === === === リセットスタイル === === === */\n\t/* #001489 */\n\t.bl_npSuggestContainer {\n\t\tbox-sizing: border-box;\n\t\tfont-size: 14px;\n\t\tcolor: #545454;\n\t\tline-height: 1;\n\t\ttext-align: left;\n\t}\n\n\t.bl_npSuggestContainer * {\n\t\tword-break: break-all; /* 文字の改行に関する禁則処理を解除してどこでも開業できるようにする */\n\t\tword-wrap: break-word; /* 必要に応じて単語の途中で改行 */\n\t\t-ms-overflow-style: none; /* IE でスクロールバーを表示しない */\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder:0;\n\t\toutline:0;\n\t\tbox-sizing: border-box;\n\t\tfont-family: sans-serif;\n\t\tvertical-align:baseline;\n\t\tbackground:transparent;\n\t}\n\n\t.bl_npSuggestContainer *::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: 0;\n\t }\n\t.bl_npSuggestContainer a {\n\t\tcolor: #545454;\n\t\ttext-decoration: none;\n\t}\n\n\n\t/* === === === モジュール === === === */\n\n\t/* --- --- --- コンテナ --- --- --- */\n\t.bl_npSuggestContainer {\n\t\tposition: absolute;\n\t\tz-index: 1000;\n\t\tdisplay: flex;\n\t\tflex-direction: row-reverse; /* 商品詳細を下にしたい場合は column, 左にしたい場合は row-reverse */\n\t\talign-items: flex-start;\n\t\twidth: 600px;\n\t\tmargin-top: 1px;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestContainer_searchboxComponent {\n\t\twidth: 50%;\n\t\tmargin: 0 1px;\n\t\tbackground-color: #fff;\n\t}\n\n\t.bl_npSuggestContainer .bl_npSuggestContainer_eventComponent {\n\t\twidth: 50%;\n\t\tbackground-color: #fff;\n\t}\n\n\t/* --- --- --- サジェスト --- ---- --- */\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList {\n\t\tborder: 1px solid #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_header {\n\t\tfont-size: 0.75em;\n\t\tpadding: .5em;\n\t\tbackground-color: #d4d9dc;\n\t\tfont-weight: bold;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_header::after {\n\t\tcontent: 'サジェスト';\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_body {\n\t\t/* height: calc(2em * 2); */\n\t\tpadding: 0 .3em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tborder-bottom: 1px solid #d4d9dc;\n\t\tcursor: pointer;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_item:last-child {\n\t\tborder-bottom: 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_item:focus,\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_item:hover {\n\t\tbackground-color: #f5f5f5;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestKeywordList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em 0;\n\t}\n\n\t/* --- --- --- サーチコンポーネント --- ---- --- */\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList {\n\t\tborder: 1px solid #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_header {\n\t\tfont-size: 0.75em;\n\t\tpadding: .5em;\n\t\tbackground-color: #d4d9dc;\n\t\tfont-weight: bold;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_header::after {\n\t\tcontent: 'キーワード';\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_body {\n\t\t/* height: calc(2em * 2); */\n\t\tpadding: 0 .3em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tborder-bottom: 1px solid #d4d9dc;\n\t\tcursor: pointer;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item:last-child {\n\t\tborder-bottom: 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item:focus,\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item:hover {\n\t\tbackground-color: #f5f5f5;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em 0;\n\t}\n\n\t/* --- --- --- 検索履歴 --- ---- --- */\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList {\n\t\tborder: 1px solid #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_header {\n\t\tfont-size: 0.75em;\n\t\tpadding: .5em;\n\t\tbackground-color: #d4d9dc;\n\t\tfont-weight: bold;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_header::after {\n\t\tcontent: '検索履歴'\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_body {\n\t\t/* height: calc(2em * 2); */\n\t\tpadding: 0 .3em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tborder-bottom: 1px solid #d4d9dc;\n\t\tcursor: pointer;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_item:last-child {\n\t\tborder-bottom: 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_item:focus,\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_item:hover {\n\t\tbackground-color: #f5f5f5;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestHistoryList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em 0;\n\t}\n\n\t/* --- --- --- ランキング --- --- --- */\n\t.bl_npSuggestContainer .bl_npSuggestRankingList {\n\t\tborder: 1px solid #d4d9dc;\n\t\tcounter-reset: bl_npSuggestRankingList 0; /* 変数名と初期値を定義 */\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_header {\n\t\tfont-size: 0.75em;\n\t\tpadding: .5em;\n\t\tbackground-color: #d4d9dc;\n\t\tfont-weight: bold;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_header::after {\n\t\tcontent: '検索ランキング';\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_body {\n\t\t/* height: calc(2em * 3); */\n\t\tpadding: 0 .3em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tborder-bottom: 1px solid #d4d9dc;\n\t\tcursor: pointer;\n\t\tcounter-increment: bl_npSuggestRankingList; /* カウンタをインクリメント */\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_item:last-child {\n\t\tborder-bottom: 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_item:focus,\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_item:hover {\n\t\tbackground-color: #f5f5f5;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_icon {\n\t\tfont-weight: bold;\n\t\tcolor: #a9a9a9;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestRankingList_icon::before {\n\t\tcontent: counter(bl_npSuggestRankingList) '.';\n\t}\n\n\n\t/* --- --- --- サジェスト商品詳細(カード) --- --- --- */\n\t.bl_npSuggestContainer .bl_npSuggestItemList {\n\t\tborder: 1px solid #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_header {\n\t\tfont-size: 0.75em;\n\t\tpadding: .5em;\n\t\tbackground-color: #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_header > span {\n\t\tmargin: 0 .3em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body {\n\t\tpadding: .5em 0 .5em .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body::after { /* スクロールの端はpaddingが効かないので、padding分の疑似要素を入れる */\n\t\tcontent: '';\n\t\tpadding: .25em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body {\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\toverflow-x: auto;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item {\n\t\tdisplay: block;\n\t\tflex: 0 0 7em;\n\t\tmargin: 0 .5em 0 0;\n\t\tbox-shadow: 1px 1px 2px 1px #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item:last-child {\n\t\tmargin: 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item:focus,\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item:hover {\n\t\tbox-shadow: 2px 2px 3px 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: .3em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body::-webkit-scrollbar-track{\n\t\tborder-radius: .5em;\n\t\tbox-shadow: inset 0 0 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_body::-webkit-scrollbar-thumb{\n\t\tbackground: #666;\n\t\tborder-radius: .5em;\n\t\tbox-shadow: none;\n\t}\n\n\t/* --- --- --- サジェスト商品詳細(メディア) --- --- --- */\n\t.bl_npSuggestContainer .bl_npSuggestItemList__media .bl_npSuggestItemList_body {\n\t\tdisplay: block;\n\t\tpadding: .5em .5em 0 .5em;\n\t\toverflow-y: auto;\n\t\tmax-height: 400px;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList__media .bl_npSuggestItemList_item {\n\t\tdisplay: flex;\n\t\theight: 6em;\n\t\tmargin: 0 0 .5em 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList_item:last-child {\n\t\tmargin: 0;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestItemList__media .bl_npSuggestItemList_body::-webkit-scrollbar{\n\t\t\twidth: .3em;\n\t\t\theight: 0;\n\t}\n\n\t/* --- --- --- メディア --- --- --- */\n\t.bl_npSuggestContainer .bl_npSuggestMedia {\n\t\tbackground-color: #fff;\n\t\tdisplay: flex;\n\t\theight: 6em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestMedia_imgWrapper {\n\t\tposition: relative;\n\t\tflex: 0 1 35%;\n\t\toverflow-y: hidden;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestMedia_imgWrapper > img {\n\t\tposition: absolute;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestMedia_body {\n\t\tflex: 1;\n\t\tpadding: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestMedia_ttl {\n\t\tmax-height: 3em;\n\t\toverflow-y: auto;\n\t\tmargin-bottom: 1em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestMedia_price {\n\t\tfont-size: .8em;\n\t}\n\n\t/* --- --- --- カード --- --- --- */\n\t.bl_npSuggestContainer .bl_npSuggestCard {\n\t\tdisplay: block;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_imgWrapper {\n\t\tposition: relative;\n\t\tpadding-top: 75%; /* widthに対しての割合 */\n\t\toverflow: hidden;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_imgWrapper > img {\n\t\tposition: absolute;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_body {\n\t\tpadding: .5em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_ttl {\n\t\tfont-size: .8em;\n\t\tmax-height: 3em;\n\t\toverflow-y: auto;\n\t\tmargin-bottom: 1em;\n\t}\n\t.bl_npSuggestContainer .bl_npSuggestCard_price {\n\t\tfont-size: .6em;\n\t}\n\t</style>\n\n\t<style>\n\t/**\n\t * モバイル用のCSS\n\t */\n\n\t/* === === === リセットスタイル === === === */\n\t.bl_npSuggestContainerMobile {\n\t\tbox-sizing: border-box;\n\t\tfont-size: 14px;\n\t\tcolor: #545454;\n\t\tline-height: 1;\n\t}\n\t.bl_npSuggestContainerMobile * {\n\t\tword-break: break-all; /* 文字の改行に関する禁則処理を解除してどこでも開業できるようにする */\n\t\tword-wrap: break-word; /* 必要に応じて単語の途中で改行 */\n\t\t-ms-overflow-style: none; /* IE でスクロールバーを表示しない */\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder:0;\n\t\toutline:0;\n\t\tbox-sizing: border-box;\n\t\tfont-family: sans-serif;\n\t\tvertical-align:baseline;\n\t\tbackground:transparent;\n\t}\n\t.bl_npSuggestContainerMobile *::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: 0;\n\t }\n\t.bl_npSuggestContainerMobile a {\n\t\tcolor: #545454;\n\t\ttext-decoration: none;\n\t}\n\t/* === === === モジュール === === === */\n\t/* --- --- --- コンテナ --- --- --- */\n\t.bl_npSuggestContainerMobile {\n\t\tposition: absolute;\n\t\tz-index: 1000;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\twidth: 100%;\n\t\tmargin-top: 1px;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestContainerMobile_searchboxComponent {\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestContainerMobile_eventComponent {\n\t\twidth: 100%;\n\t\tbackground-color: #fff;\n\t}\n\t/* --- --- --- サジェスト --- ---- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList {\n\t\tborder: 0;\n\t\tmargin-bottom: 1px;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_header {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_body {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tpadding: .5em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_body::after {\n\t\tcontent: '';\n\t\tpadding: .25em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_body::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: .3em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_body::-webkit-scrollbar-track{\n\t\tborder-radius: .5em;\n\t\tbox-shadow: inset 0 0 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_body::-webkit-scrollbar-thumb{\n\t\tbackground: #666;\n\t\tborder-radius: .5em;\n\t\tbox-shadow: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\t\tborder-radius: .25em;\n\t\tmargin-right: .5em;\n\t\tborder: 1px solid #d4d9dc;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item:last-child {\n\t\tborder-bottom: 1px solid #d4d9dc;\n\t\tmargin-right: 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item:focus,\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item:hover {\n\t\tcolor: #fff;\n\t\tborder-color: #009fcc;\n\t\tbackground-color: #009fcc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item .el_npSuggestAnnotationLabel {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em 0;\n\t}\n\t/* --- --- --- サーチコンポーネント --- ---- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList {\n\t\tborder: 0;\n\t\tmargin-bottom: 1px;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_header {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_body {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tpadding: .5em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestSearchKeywordList_body::after {\n\t\tcontent: '';\n\t\tpadding: .25em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_body::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: .3em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_body::-webkit-scrollbar-track{\n\t\tborder-radius: .5em;\n\t\tbox-shadow: inset 0 0 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_body::-webkit-scrollbar-thumb{\n\t\tbackground: #666;\n\t\tborder-radius: .5em;\n\t\tbox-shadow: none;\n\t}\n\t.bl_npSuggestSearchKeywordList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\t\tborder-radius: .25em;\n\t\tmargin-right: .5em;\n\t\tborder: 1px solid #d4d9dc;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_item:last-child {\n\t\tborder-bottom: 1px solid #d4d9dc;\n\t\tmargin-right: 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_item:focus,\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_item:hover {\n\t\tcolor: #fff;\n\t\tborder-color: #009fcc;\n\t\tbackground-color: #009fcc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_item .el_npSuggestAnnotationLabel {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestSearchKeywordList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestSearchKeywordList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em 0;\n\t}\n\t/* --- --- --- 検索履歴 --- ---- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList {\n\t\tborder: 0;\n\t\tmargin-bottom: 1px;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_header {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_body {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tpadding: .5em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_body::after {\n\t\tcontent: '';\n\t\tpadding: .25em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_body::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: .3em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_body::-webkit-scrollbar-track{\n\t\tborder-radius: .5em;\n\t\tbox-shadow: inset 0 0 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_body::-webkit-scrollbar-thumb{\n\t\tbackground: #666;\n\t\tborder-radius: .5em;\n\t\tbox-shadow: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\t\tborder-radius: .25em;\n\t\tmargin-right: .5em;\n\t\tborder: 1px solid #d4d9dc;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item:last-child {\n\t\tborder-bottom:  1px solid #d4d9dc;\n\t\tmargin-right: 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item:focus,\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item:hover {\n\t\tcolor: #fff;\n\t\tborder-color: #009fcc;\n\t\tbackground-color: #009fcc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item .el_npSuggestAnnotationLabel {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestHistoryList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em;\n\t}\n\t/* --- --- --- ランキング --- --- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList {\n\t\tborder: 0;\n\t\tmargin-bottom: 1px;\n\t\tcounter-reset: bl_npSuggestRankingList 0; /* 変数名と初期値を定義 */\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_header {\n\t\tdisplay: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_body {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tpadding: .5em;\n\t\toverflow-y: auto;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_body::after {\n\t\tcontent: '';\n\t\tpadding: .25em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_body::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: .3em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_body::-webkit-scrollbar-track{\n\t\tborder-radius: .5em;\n\t\tbox-shadow: inset 0 0 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_body::-webkit-scrollbar-thumb{\n\t\tbackground: #666;\n\t\tborder-radius: .5em;\n\t\tbox-shadow: none;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tcounter-increment: bl_npSuggestRankingList; /* カウンタをインクリメント */\n\t\tflex-shrink: 0;\n\t\tborder-radius: .25em;\n\t\tmargin-right: .5em;\n\t\tborder: 1px solid #d4d9dc;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_item:last-child {\n\t\tmargin-right: 0;\n\t\tborder-bottom: 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_item > * {\n\t\tmargin-right: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_item > *:first-child {\n\t\tmargin-left: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_item:focus,\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_item:hover {\n\t\tcolor: #fff;\n\t\tborder-color: #009fcc;\n\t\tbackground-color: #009fcc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tpadding: .75em 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_keyword {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\tpadding: .75em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_icon {\n\t\tfont-weight: bold;\n\t\tcolor: #a9a9a9;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestRankingList_icon::before {\n\t\tcontent: counter(bl_npSuggestRankingList) '.';\n\t}\n\t/* --- --- --- サジェスト商品詳細(カード) --- --- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList {\n\t\tborder: 1px solid #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_header {\n\t\tfont-size: 0.75em;\n\t\tpadding: .5em;\n\t\tbackground-color: #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_header > span {\n\t\tmargin: 0 .3em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_body {\n\t\tpadding: .5em 0 .5em .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_body::after { /* スクロールの端はpaddingが効かないので、padding分の疑似要素を入れる */\n\t\tcontent: '';\n\t\tpadding: .25em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_body {\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\toverflow-x: auto;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_item {\n\t\tdisplay: block;\n\t\tflex: 0 0 7em;\n\t\tmargin: 0 .5em 0 0;\n\t\tbox-shadow: 1px 1px 2px 1px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_item:last-child {\n\t\tmargin: 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_item:focus,\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_item:hover {\n\t\tbox-shadow: 2px 2px 3px 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_body::-webkit-scrollbar{\n\t\twidth: 0;\n\t\theight: .3em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_body::-webkit-scrollbar-track{\n\t\tborder-radius: .5em;\n\t\tbox-shadow: inset 0 0 2px #d4d9dc;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_body::-webkit-scrollbar-thumb{\n\t\tbackground: #666;\n\t\tborder-radius: .5em;\n\t\tbox-shadow: none;\n\t}\n\t/* --- --- --- サジェスト商品詳細(メディア) --- --- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList__media .bl_npSuggestItemList_body {\n\t\tdisplay: block;\n\t\tpadding: .5em .5em 0 .5em;\n\t\toverflow-y: auto;\n\t\tmax-height: 400px;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList__media .bl_npSuggestItemList_item {\n\t\tdisplay: flex;\n\t\theight: 6em;\n\t\tmargin: 0 0 .5em 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList_item:last-child {\n\t\tmargin: 0;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestItemList__media .bl_npSuggestItemList_body::-webkit-scrollbar{\n\t\t\twidth: .3em;\n\t\t\theight: 0;\n\t}\n\t/* --- --- --- メディア --- --- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestMedia {\n\t\tbackground-color: #fff;\n\t\tdisplay: flex;\n\t\theight: 6em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestMedia_imgWrapper {\n\t\tposition: relative;\n\t\tflex: 0 1 35%;\n\t\toverflow-y: hidden;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestMedia_imgWrapper > img {\n\t\tposition: absolute;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestMedia_body {\n\t\tflex: 1;\n\t\tpadding: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestMedia_ttl {\n\t\tmax-height: 3em;\n\t\toverflow-y: auto;\n\t\tmargin-bottom: 1em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestMedia_price {\n\t\tfont-size: .8em;\n\t}\n\t/* --- --- --- カード --- --- --- */\n\t.bl_npSuggestContainerMobile .bl_npSuggestCard {\n\t\tdisplay: block;\n\t\tbackground-color: #fff;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestCard_imgWrapper {\n\t\tposition: relative;\n\t\tpadding-top: 75%; /* widthに対しての割合 */\n\t\toverflow: hidden;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestCard_imgWrapper > img {\n\t\tposition: absolute;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestCard_body {\n\t\tpadding: .5em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestCard_ttl {\n\t\tfont-size: .8em;\n\t\tmax-height: 3em;\n\t\toverflow-y: auto;\n\t\tmargin-bottom: 1em;\n\t}\n\t.bl_npSuggestContainerMobile .bl_npSuggestCard_price {\n\t\tfont-size: .6em;\n\t}\n\t</style>\n\n\t<style>\n\t/**\n\t * PC・モバイル共用のCSS\n\t */\n\n\t/* === === === エレメント === === === */\n\t/* --- --- --- 太字 --- --- --- */\n\t.el_bold {\n\t\tdisplay: inline-block;\n\t\tfont-weight: bold;\n\t}\n\n\t/* -- --- --- hitnumラベル --- --- --- */\n\t.el_npSuggestHitnumLabel {\n\t\tfont-size: .75em;\n\t\tcolor: #666;\n\t}\n\n\t/* --- --- --- カテゴリラベル --- --- --- */\n\t.el_npSuggestColumnLabel {\n\t\tdisplay: inline-block;\n\t\tpadding: .3em .7em;\n\t\tbackground-color: #d4d9dc;\n\t\tborder-radius: .3em;\n\t\tcolor: #666;\n\t\tfont-size: .75em;\n\t}\n\t.el_npSuggestColumnLabel__::after { content: 'キーワード'; }\n\t.el_npSuggestColumnLabel__ranking::after { content: 'キーワード'; }\n\t.el_npSuggestColumnLabel__query::after { content: '自動学習'; }\n\t.el_npSuggestColumnLabel__word::after { content: '抽出キーワード'; }\n\t.el_npSuggestColumnLabel__title::after { content: '商品名'; }\n\t.el_npSuggestColumnLabel__path::after { content: 'カテゴリ'; }\n\t.el_npSuggestColumnLabel__narrow21::after { content: '品番'; }\n\t.el_npSuggestColumnLabel__narrow25::after { content: '商品名'; }\n\t.el_npSuggestColumnLabel__narrow1::after { content: 'narrow1'; }\n\t.el_npSuggestColumnLabel__narrow2::after { content: 'narrow2'; }\n\t.el_npSuggestColumnLabel__narrow3::after { content: 'narrow3'; }\n\t.el_npSuggestColumnLabel__narrow4::after { content: 'narrow4'; }\n\t.el_npSuggestColumnLabel__narrow5::after { content: 'narrow5'; }\n\t.el_npSuggestColumnLabel__narrow6::after { content: 'narrow6'; }\n\t.el_npSuggestColumnLabel__narrow7::after { content: 'narrow7'; }\n\t.el_npSuggestColumnLabel__narrow8::after { content: 'narrow8'; }\n\t.el_npSuggestColumnLabel__narrow9::after { content: 'narrow9'; }\n\t.el_npSuggestColumnLabel__narrow10::after { content: 'narrow10'; }\n\t.el_npSuggestColumnLabel__keyword1::after { content: 'keyword1'; }\n\t.el_npSuggestColumnLabel__keyword2::after { content: 'keyword2'; }\n\t.el_npSuggestColumnLabel__keyword3::after { content: 'keyword3'; }\n\t.el_npSuggestColumnLabel__keyword4::after { content: 'keyword4'; }\n\t.el_npSuggestColumnLabel__keyword5::after { content: 'keyword5'; }\n\t.el_npSuggestColumnLabel__keyword6::after { content: 'keyword6'; }\n\t.el_npSuggestColumnLabel__keyword7::after { content: 'keyword7'; }\n\t.el_npSuggestColumnLabel__keyword8::after { content: 'keyword8'; }\n\t.el_npSuggestColumnLabel__keyword9::after { content: 'keyword9'; }\n\t.el_npSuggestColumnLabel__keyword10::after { content: 'keyword10'; }\n\n\t/* -- --- --- 注釈ラベル --- --- --- */\n\t.el_npSuggestAnnotationLabel {\n\t\tdisplay: inline-block;\n\t\tpadding: 0 .7em;\n\t\tcolor: #009fcc;\n\t\tfont-size: .75em;\n\t}\n\n\t/* --- --- --- 削除ボタン --- --- --- */\n\t.el_npSuggestCrossBtn {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tpadding: .7em;\n\t\tborder-radius: .7em;\n\t\tbackground-color: #d3d6dd;\n\t\tcolor: #666;\n\t\tcursor: pointer;\n\t\ttransition: .25s;\n\t}\n\t.el_npSuggestCrossBtn::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: block;\n\t\twidth: .8em;\n\t\theight: .1em;\n\t\tbackground-color: currentColor;\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\n\t}\n\t.el_npSuggestCrossBtn::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: block;\n\t\twidth: .1em;\n\t\theight: .8em;\n\t\tbackground-color: currentColor;\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\n\t}\n\t.el_npSuggestCrossBtn:focus,\n\t.el_npSuggestCrossBtn:hover {\n\t\tbackground-color: #ff4500;\n\t\tcolor: #fff;\n\t}\n\n\t/* --- --- --- 王冠マーク --- --- --- */\n\t.el_npSuggestCrownIcon {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tpadding: .5em;\n\t}\n\t.el_npSuggestCrownIcon::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\tbottom: 10%;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-top: 0;\n\t\tborder-right: .5em solid transparent;\n\t\tborder-bottom: .9em solid #fb0;\n\t\tborder-left: .5em solid transparent;\n\t\ttransform: translateX(-50%);\n\t}\n\t.el_npSuggestCrownIcon::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\tbottom: 10%;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-top: .3em solid transparent;\n\t\tborder-right: .5em solid #fb0;\n\t\tborder-bottom: .4em solid #f90;\n\t\tborder-left: .5em solid #fb0;\n\t\ttransform: translateX(-50%);\n\t}\n\n\t/* --- --- --- 王冠マーク(シルバー) --- --- --- */\n\t.el_npSuggestCrownIcon.el_npSuggestCrownIcon__silver::before {\n\t\tborder-bottom-color: #ccc;\n\t}\n\t.el_npSuggestCrownIcon.el_npSuggestCrownIcon__silver::after {\n\t\tborder-color: #ccc;\n\t\tborder-top-color: transparent;\n\t\tborder-bottom-color: #aaa;\n\t}\n\n\t/* --- --- --- 王冠マーク(ブロンズ) --- --- --- */\n\t.el_npSuggestCrownIcon.el_npSuggestCrownIcon__bronze::before {\n\t\tborder-bottom-color: #d98;\n\t}\n\t.el_npSuggestCrownIcon.el_npSuggestCrownIcon__bronze::after {\n\t\tborder-color: #d98;\n\t\tborder-top-color: transparent;\n\t\tborder-bottom-color: #c76;\n\t}\n\t</style>");