(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=\"//loft-f-s.snva.jp/js/search/v1.0.0/suggest.js\" charset=\"utf-8\"></script>\n<script type=\"text/javascript\" src=\"//loft-f-s.snva.jp/js/search/v1.0.0/search.js\" charset=\"utf-8\"></script>\n<script type=\"text/javascript\" src=\"//loft-f-s.snva.jp/js/search/v1.0.0/beacon.js\" charset=\"utf-8\"></script>\n\n<script>\n\tjQuery(function($){\n\n\t\tlet is_form_exists = false;\n\t\tlet is_input_exists = false;\n\t\tlet is_submit_exists = false;\n\n\t\ttry {\n\t\t\t/* === === === PC用のサジェストタグ === === === */\n\t\t\tis_form_exists = ( 0 < $('#fm_navip_suggest').length ) ? true: false;\n\t\t\tis_input_exists = ( 0 < $('#inp_navip_suggest').length ) ? true: false;\n\t\t\tis_submit_exists = ( 0 < $('#btn_navip_suggest').length ) ? true: false;\n\t\t\tif ( is_form_exists && is_input_exists && is_submit_exists ) {\n\t\t\t\tNpSuggestV3.main({\n\t\t\t\t\tserver: \"loft-f-s.snva.jp\", // アクセス先サーバー名\n\t\t\t\t\taid: \"loft\", // アカウント名\n\t\t\t\t\tminWidth: 768, // タグが適用される画面幅の最小値(排他)。-1は制限なし\n\t\t\t\t\tmaxWidth: -1, // タグが適用される画面幅の最大値(包含)。-1は制限なし\n\t\t\t\t\tsuggestContainerClass: \"bl_npSuggestContainer\", // サジェスト描画領域のクラス\n\t\t\t\t\tformSelector: \"#fm_navip_suggest\", // 検索ボックスのform要素のセレクタ\n\t\t\t\t\tsearchboxSelector: \"#inp_navip_suggest\", // 検索ボックス(input要素)のセレクタ\n\t\t\t\t\tsubmitSelector: \"#btn_navip_suggest\", // サブミットボタン(input要素)のセレクタ\n\t\t\t\t\tcategorySelector: \"#hdn_navip_category\", // カテゴリ選択セレクトボックス(select要素)のセレクタ\n\t\t\t\t\tcategoryParam: \"s18\", // カテゴリで絞り込みを行うパラメータ\n\t\t\t\t\tcolumnParamMap: {\"title\": \"keyword\"}, // カラムのキーワード検索するときのパラメータを定義\n\t\t\t\t\tcalcPositionAuto: true, // サジェストの表示位置を自動計算する\n\t\t\t\t\tsendKeywordlogger: true, // サジェストのみ利用する場合に true にする\n\t\t\t\t\tsubmitMobileMode: false, // true なら2回キーワードをクリックしたときにsubmitされる\n\t\t\t\t\tcustomSubmitQuery: function(event, config, column, param, keyword, query) {\n\t\t\t\t\t\tdelete query[\"k_uid\"];\n\t\t\t\t\t\treturn query;\n\t\t\t\t\t},\n\t\t\t\t\tsearchboxComponent: [ // 検索ボックス入力時に発火する実行を定義\n\t\t\t\t\t\tnew NpSuggestV3.searchboxComponents.RankingComponent({ \"limit\": 3, \"type\": \"hot\" }),\n\t\t\t\t\t\tnew NpSuggestV3.searchboxComponents.SuggestComponent({ \"limit\": 3, \"template\": \"suggest_v3_keyword\" }),\n\t\t\t\t\t\t// new NpSuggestV3.searchboxComponents.SearchComponent({ \"additional\": {\"fmt\": \"suggest_v3_item_media\", \"limit\": \"30\"}}), // サジェストベースのインクリメンタルサーチ\n\t\t\t\t\t],\n\t\t\t\t\tsearchboxComponentIfEmpty: [ // 検索ボックスが空の場合に実行する処理を定義\n\t\t\t\t\t\tnew NpSuggestV3.searchboxComponents.RankingComponent({ \"limit\": 5, \"type\": \"hot\" }),\n\t\t\t\t\t\tnew NpSuggestV3.searchboxComponents.HistoryComponent({ \"limit\": 5 }),\n\t\t\t\t\t],\n\t\t\t\t\tevents: [ // SearchboxComponent で生成されたエリアに設定する EventComponent を定義\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: \"mouseenter\", // イベント名\n\t\t\t\t\t\t\tselectors: [\".bl_npSuggestKeywordList_item\", \".bl_npSuggestRankingList_item\", \".bl_npSuggestHistoryList_item\"], // イベントを設定するセレクタ\n\t\t\t\t\t\t\texecInstantly: true, // SearchboxComponent描画時、イベントが発生しなくても初回だけ実行する場合は true\n\t\t\t\t\t\t\tresetOtherArea: true, // 描画時に他の EventComponent で描画された要素をリセットする場合は true\n\t\t\t\t\t\t\teventComponent: [ // イベントが発生したときに発火する処理を定義\n\t\t\t\t\t\t\t\tnew NpSuggestV3.eventComponents.ItemListComponent({ \"additional\": { \"fmt\": \"suggest_v3_item_media\" } }),\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error(e);\n\t\t}\n\t});\n\n\t(function Beacon() {\n\t\tNpBeacon.pvBeacon(\n\t\t\t{\n\t\t\t\t\"server\": \"loft-f-s.snva.jp\", // アクセス先サーバ(必須)\n\t\t\t\t\"aid\": \"loft\", // アカウントID(必須)\n\t\t\t\t\"parameters\": {\n\t\t\t\t\t\"k_uid\": NpBeacon.util.ParameterUtil.getUid(),\n\t\t\t\t\t\"itemid\": NpBeacon.util.ParameterUtil.searchAttributeAll(\"[data-np-itemid]\", \"data-np-itemid\"),\n\t\t\t\t\t\"qid\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-np-queryid]\", \"data-np-queryid\"),\n\t\t\t\t\t\"querystring\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-np-querystring]\", \"data-np-querystring\"),\n\t\t\t\t\t\"page_url\": NpBeacon.util.ParameterUtil.getUrl(),\n\t\t\t\t\t\"date\": NpBeacon.util.ParameterUtil.getDate()\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tNpBeacon.clickBeacon(\n\t\t\t{\n\t\t\t\t\"server\": \"loft-f-s.snva.jp\", // アクセス先サーバ(必須)\n\t\t\t\t\"aid\": \"loft\", // アカウントID(必須)\n\t\t\t\t\"selector\": [\"[data-np-beacon]\"],\n\t\t\t\t\"parameters\": {\n\t\t\t\t\t\"k_uid\": NpBeacon.util.ParameterUtil.getUid(),\n\t\t\t\t\t\"itemid\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-np-itemid\"),\n\t\t\t\t\t\"item_index\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-np-index\"),\n\t\t\t\t\t\"item_group_index\": NpBeacon.util.ParameterUtil.searchParentAttribute(\"data-np-groupindex\"),\n\t\t\t\t\t\"qid\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-np-queryid]\", \"data-np-queryid\"),\n\t\t\t\t\t\"querystring\": NpBeacon.util.ParameterUtil.searchAttribute(\"[data-np-querystring]\", \"data-np-querystring\"),\n\t\t\t\t\t\"page_url\": NpBeacon.util.ParameterUtil.getUrl(),\n\t\t\t\t\t\"date\": NpBeacon.util.ParameterUtil.getDate()\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}());\n</script>\n\n<style>\n/**\n * PC用のCSS\n */\n\n/* === === === リセットスタイル === === === */\n.bl_npSuggestContainer {\n\tbox-sizing: border-box;\n\tfont-size: 14px;\n\tcolor: #545454;\n\tline-height: 1;\n}\n\n.bl_npSuggestContainer * {\n\tword-break: break-all;\n\t/* 文字の改行に関する禁則処理を解除してどこでも開業できるようにする */\n\tword-wrap: break-word;\n\t/* 必要に応じて単語の途中で改行 */\n\t-ms-overflow-style: none;\n\t/* IE でスクロールバーを表示しない */\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\toutline: 0;\n\tbox-sizing: border-box;\n\tfont-family: sans-serif;\n\tvertical-align: baseline;\n\tbackground: transparent;\n}\n\n.bl_npSuggestContainer *::-webkit-scrollbar {\n\twidth: 0;\n\theight: 0;\n}\n\n.bl_npSuggestContainer a {\n\tcolor: #545454;\n\ttext-decoration: none;\n}\n\n\n/* === === === モジュール === === === */\n\n/* --- --- --- コンテナ --- --- --- */\n.bl_npSuggestContainer {\n\tposition: absolute;\n\tz-index: 1000;\n\tdisplay: flex;\n\tflex-direction: row;\n\t/* 商品詳細を下にしたい場合は column, 左にしたい場合は row-reverse */\n\talign-items: flex-start;\n\twidth: 600px;\n\tmargin-top: 1px;\n}\n\n.bl_npSuggestContainer .bl_npSuggestContainer_searchboxComponent {\n\twidth: 50%;\n\tmargin: 0 1px;\n\tbackground-color: #fff;\n}\n\n.bl_npSuggestContainer .bl_npSuggestContainer_eventComponent {\n\twidth: 50%;\n\tbackground-color: #fff;\n}\n\n/* --- --- --- サジェスト --- ---- --- */\n.bl_npSuggestContainer .bl_npSuggestKeywordList {\n\tborder: 1px solid #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_header {\n\tfont-size: 0.75em;\n\tpadding: .5em;\n\tbackground-color: #d4d9dc;\n\tfont-weight: bold;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_header::after {\n\tcontent: 'サジェスト';\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_body {\n\t/* height: calc(2em * 2); */\n\tpadding: 0 .3em;\n\toverflow-y: auto;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_item {\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid #d4d9dc;\n\tcursor: pointer;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_item:last-child {\n\tborder-bottom: 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_item:focus,\n.bl_npSuggestContainer .bl_npSuggestKeywordList_item:hover {\n\tbackground-color: #f5f5f5;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_item>* {\n\tmargin-right: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_item>*:first-child {\n\tmargin-left: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_label {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tpadding: .75em 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestKeywordList_keyword {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 1;\n\twhite-space: nowrap;\n\toverflow-x: auto;\n\tpadding: .75em 0;\n}\n\n/* --- --- --- サーチコンポーネント --- ---- --- */\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList {\n\tborder: 1px solid #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_header {\n\tfont-size: 0.75em;\n\tpadding: .5em;\n\tbackground-color: #d4d9dc;\n\tfont-weight: bold;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_header::after {\n\tcontent: 'キーワード';\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_body {\n\t/* height: calc(2em * 2); */\n\tpadding: 0 .3em;\n\toverflow-y: auto;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item {\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid #d4d9dc;\n\tcursor: pointer;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item:last-child {\n\tborder-bottom: 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item:focus,\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item:hover {\n\tbackground-color: #f5f5f5;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item>* {\n\tmargin-right: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_item>*:first-child {\n\tmargin-left: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_label {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tpadding: .75em 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestSearchKeywordList_keyword {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 1;\n\twhite-space: nowrap;\n\toverflow-x: auto;\n\tpadding: .75em 0;\n}\n\n/* --- --- --- 検索履歴 --- ---- --- */\n.bl_npSuggestContainer .bl_npSuggestHistoryList {\n\tborder: 1px solid #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_header {\n\tfont-size: 0.75em;\n\tpadding: .5em;\n\tbackground-color: #d4d9dc;\n\tfont-weight: bold;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_header::after {\n\tcontent: '検索履歴'\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_body {\n\t/* height: calc(2em * 2); */\n\tpadding: 0 .3em;\n\toverflow-y: auto;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_item {\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid #d4d9dc;\n\tcursor: pointer;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_item:last-child {\n\tborder-bottom: 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_item:focus,\n.bl_npSuggestContainer .bl_npSuggestHistoryList_item:hover {\n\tbackground-color: #f5f5f5;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_item>* {\n\tmargin-right: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_item>*:first-child {\n\tmargin-left: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_label {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tpadding: .75em 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestHistoryList_keyword {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 1;\n\twhite-space: nowrap;\n\toverflow-x: auto;\n\tpadding: .75em 0;\n}\n\n/* --- --- --- ランキング --- --- --- */\n.bl_npSuggestContainer .bl_npSuggestRankingList {\n\tborder: 1px solid #d4d9dc;\n\tcounter-reset: bl_npSuggestRankingList 0;\n\t/* 変数名と初期値を定義 */\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_header {\n\tfont-size: 0.75em;\n\tpadding: .5em;\n\tbackground-color: #d4d9dc;\n\tfont-weight: bold;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_header::after {\n\tcontent: 'ランキング';\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_body {\n\t/* height: calc(2em * 3); */\n\tpadding: 0 .3em;\n\toverflow-y: auto;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_item {\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid #d4d9dc;\n\tcursor: pointer;\n\tcounter-increment: bl_npSuggestRankingList;\n\t/* カウンタをインクリメント */\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_item:last-child {\n\tborder-bottom: 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_item>* {\n\tmargin-right: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_item>*:first-child {\n\tmargin-left: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_item:focus,\n.bl_npSuggestContainer .bl_npSuggestRankingList_item:hover {\n\tbackground-color: #f5f5f5;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_label {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tpadding: .75em 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_keyword {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 1;\n\twhite-space: nowrap;\n\toverflow-x: auto;\n\tpadding: .75em 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_icon {\n\tfont-weight: bold;\n\tcolor: #a9a9a9;\n}\n\n.bl_npSuggestContainer .bl_npSuggestRankingList_icon::before {\n\tcontent: counter(bl_npSuggestRankingList) '.';\n}\n\n\n/* --- --- --- サジェスト商品詳細(カード) --- --- --- */\n.bl_npSuggestContainer .bl_npSuggestItemList {\n\tborder: 1px solid #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_header {\n\tfont-size: 0.75em;\n\tpadding: .5em;\n\tbackground-color: #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_header>span {\n\tmargin: 0 .3em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_body {\n\tpadding: .5em 0 .5em .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_body::after {\n\t/* スクロールの端はpaddingが効かないので、padding分の疑似要素を入れる */\n\tcontent: '';\n\tpadding: .25em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_body {\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\toverflow-x: auto;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_item {\n\tdisplay: block;\n\tflex: 0 0 7em;\n\tmargin: 0 .5em 0 0;\n\tbox-shadow: 1px 1px 2px 1px #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_item:last-child {\n\tmargin: 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_item:focus,\n.bl_npSuggestContainer .bl_npSuggestItemList_item:hover {\n\tbox-shadow: 2px 2px 3px 2px #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_body::-webkit-scrollbar {\n\twidth: 0;\n\theight: .3em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_body::-webkit-scrollbar-track {\n\tborder-radius: .5em;\n\tbox-shadow: inset 0 0 2px #d4d9dc;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_body::-webkit-scrollbar-thumb {\n\tbackground: #666;\n\tborder-radius: .5em;\n\tbox-shadow: none;\n}\n\n/* --- --- --- サジェスト商品詳細(メディア) --- --- --- */\n.bl_npSuggestContainer .bl_npSuggestItemList__media .bl_npSuggestItemList_body {\n\tdisplay: block;\n\tpadding: .5em .5em 0 .5em;\n\toverflow-y: auto;\n\tmax-height: 400px;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList__media .bl_npSuggestItemList_item {\n\tdisplay: flex;\n\theight: 6em;\n\tmargin: 0 0 .5em 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList_item:last-child {\n\tmargin: 0;\n}\n\n.bl_npSuggestContainer .bl_npSuggestItemList__media .bl_npSuggestItemList_body::-webkit-scrollbar {\n\twidth: .3em;\n\theight: 0;\n}\n\n/* --- --- --- メディア --- --- --- */\n.bl_npSuggestContainer .bl_npSuggestMedia {\n\tbackground-color: #fff;\n\tdisplay: flex;\n\theight: 6em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestMedia_imgWrapper {\n\tposition: relative;\n\tflex: 0 1 35%;\n\toverflow-y: hidden;\n}\n\n.bl_npSuggestContainer .bl_npSuggestMedia_imgWrapper>img {\n\tposition: absolute;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n}\n\n.bl_npSuggestContainer .bl_npSuggestMedia_body {\n\tflex: 1;\n\tpadding: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestMedia_ttl {\n\tmax-height: 3em;\n\toverflow-y: auto;\n\tmargin-bottom: 1em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestMedia_price {\n\tfont-size: .8em;\n}\n\n/* --- --- --- カード --- --- --- */\n.bl_npSuggestContainer .bl_npSuggestCard {\n\tdisplay: block;\n\tbackground-color: #fff;\n}\n\n.bl_npSuggestContainer .bl_npSuggestCard_imgWrapper {\n\tposition: relative;\n\tpadding-top: 75%;\n\t/* widthに対しての割合 */\n\toverflow: hidden;\n}\n\n.bl_npSuggestContainer .bl_npSuggestCard_imgWrapper>img {\n\tposition: absolute;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n}\n\n.bl_npSuggestContainer .bl_npSuggestCard_body {\n\tpadding: .5em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestCard_ttl {\n\tfont-size: .8em;\n\tmax-height: 3em;\n\toverflow-y: auto;\n\tmargin-bottom: 1em;\n}\n\n.bl_npSuggestContainer .bl_npSuggestCard_price {\n\tfont-size: .6em;\n}\n</style>\n\n<style>\n/**\n* PC・モバイル共用のCSS\n*/\n\n/* === === === エレメント === === === */\n/* --- --- --- 太字 --- --- --- */\n.el_bold {\n\tdisplay: inline-block;\n\tfont-weight: bold;\n}\n\n/* -- --- --- hitnumラベル --- --- --- */\n.el_npSuggestHitnumLabel {\n\tfont-size: .75em;\n\tcolor: #666;\n}\n\n/* --- --- --- カテゴリラベル --- --- --- */\n.el_npSuggestColumnLabel {\n\tdisplay: inline-block;\n\tpadding: .3em .7em;\n\tbackground-color: #d4d9dc;\n\tborder-radius: .3em;\n\tcolor: #666;\n\tfont-size: .75em;\n}\n\n.el_npSuggestColumnLabel__::after {\n\tcontent: 'キーワード';\n}\n\n.el_npSuggestColumnLabel__ranking::after {\n\tcontent: 'キーワード';\n}\n\n.el_npSuggestColumnLabel__query::after {\n\tcontent: '自動学習';\n}\n\n.el_npSuggestColumnLabel__word::after {\n\tcontent: '抽出キーワード';\n}\n\n.el_npSuggestColumnLabel__title::after {\n\tcontent: '商品名';\n}\n\n.el_npSuggestColumnLabel__path::after {\n\tcontent: 'カテゴリ';\n}\n\n.el_npSuggestColumnLabel__narrow1::after {\n\tcontent: 'narrow1';\n}\n\n.el_npSuggestColumnLabel__narrow2::after {\n\tcontent: 'narrow2';\n}\n\n.el_npSuggestColumnLabel__narrow3::after {\n\tcontent: 'narrow3';\n}\n\n.el_npSuggestColumnLabel__narrow4::after {\n\tcontent: 'narrow4';\n}\n\n.el_npSuggestColumnLabel__narrow5::after {\n\tcontent: 'narrow5';\n}\n\n.el_npSuggestColumnLabel__narrow6::after {\n\tcontent: 'narrow6';\n}\n\n.el_npSuggestColumnLabel__narrow7::after {\n\tcontent: 'narrow7';\n}\n\n.el_npSuggestColumnLabel__narrow8::after {\n\tcontent: 'narrow8';\n}\n\n.el_npSuggestColumnLabel__narrow9::after {\n\tcontent: 'narrow9';\n}\n\n.el_npSuggestColumnLabel__narrow10::after {\n\tcontent: 'narrow10';\n}\n\n.el_npSuggestColumnLabel__keyword1::after {\n\tcontent: 'keyword1';\n}\n\n.el_npSuggestColumnLabel__keyword2::after {\n\tcontent: 'keyword2';\n}\n\n.el_npSuggestColumnLabel__keyword3::after {\n\tcontent: 'keyword3';\n}\n\n.el_npSuggestColumnLabel__keyword4::after {\n\tcontent: 'keyword4';\n}\n\n.el_npSuggestColumnLabel__keyword5::after {\n\tcontent: 'keyword5';\n}\n\n.el_npSuggestColumnLabel__keyword6::after {\n\tcontent: 'keyword6';\n}\n\n.el_npSuggestColumnLabel__keyword7::after {\n\tcontent: 'keyword7';\n}\n\n.el_npSuggestColumnLabel__keyword8::after {\n\tcontent: 'keyword8';\n}\n\n.el_npSuggestColumnLabel__keyword9::after {\n\tcontent: 'keyword9';\n}\n\n.el_npSuggestColumnLabel__keyword10::after {\n\tcontent: 'keyword10';\n}\n\n/* -- --- --- 注釈ラベル --- --- --- */\n.el_npSuggestAnnotationLabel {\n\tdisplay: inline-block;\n\tpadding: 0 .7em;\n\tcolor: #009fcc;\n\tfont-size: .75em;\n}\n\n/* --- --- --- 削除ボタン --- --- --- */\n.el_npSuggestCrossBtn {\n\tposition: relative;\n\tdisplay: inline-block;\n\tpadding: .7em;\n\tborder-radius: .7em;\n\tbackground-color: #d3d6dd;\n\tcolor: #666;\n\tcursor: pointer;\n\ttransition: .25s;\n}\n\n.el_npSuggestCrossBtn::before {\n\tcontent: '';\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tdisplay: block;\n\twidth: .8em;\n\theight: .1em;\n\tbackground-color: currentColor;\n\ttransform: translate(-50%, -50%) rotate(45deg);\n}\n\n.el_npSuggestCrossBtn::after {\n\tcontent: '';\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tdisplay: block;\n\twidth: .1em;\n\theight: .8em;\n\tbackground-color: currentColor;\n\ttransform: translate(-50%, -50%) rotate(45deg);\n}\n\n.el_npSuggestCrossBtn:focus,\n.el_npSuggestCrossBtn:hover {\n\tbackground-color: #ff4500;\n\tcolor: #fff;\n}\n\n/* --- --- --- 王冠マーク --- --- --- */\n.el_npSuggestCrownIcon {\n\tdisplay: inline-block;\n\tposition: relative;\n\tpadding: .5em;\n}\n\n.el_npSuggestCrownIcon::before {\n\tcontent: '';\n\tposition: absolute;\n\tleft: 50%;\n\tbottom: 10%;\n\twidth: 0;\n\theight: 0;\n\tborder-top: 0;\n\tborder-right: .5em solid transparent;\n\tborder-bottom: .9em solid #fb0;\n\tborder-left: .5em solid transparent;\n\ttransform: translateX(-50%);\n}\n\n.el_npSuggestCrownIcon::after {\n\tcontent: '';\n\tposition: absolute;\n\tleft: 50%;\n\tbottom: 10%;\n\twidth: 0;\n\theight: 0;\n\tborder-top: .3em solid transparent;\n\tborder-right: .5em solid #fb0;\n\tborder-bottom: .4em solid #f90;\n\tborder-left: .5em solid #fb0;\n\ttransform: translateX(-50%);\n}\n\n/* --- --- --- 王冠マーク(シルバー) --- --- --- */\n.el_npSuggestCrownIcon.el_npSuggestCrownIcon__silver::before {\n\tborder-bottom-color: #ccc;\n}\n\n.el_npSuggestCrownIcon.el_npSuggestCrownIcon__silver::after {\n\tborder-color: #ccc;\n\tborder-top-color: transparent;\n\tborder-bottom-color: #aaa;\n}\n\n/* --- --- --- 王冠マーク(ブロンズ) --- --- --- */\n.el_npSuggestCrownIcon.el_npSuggestCrownIcon__bronze::before {\n\tborder-bottom-color: #d98;\n}\n\n.el_npSuggestCrownIcon.el_npSuggestCrownIcon__bronze::after {\n\tborder-color: #d98;\n\tborder-top-color: transparent;\n\tborder-bottom-color: #c76;\n}\n</style>\n");