{"id":1560,"date":"2025-10-10T13:56:31","date_gmt":"2025-10-10T04:56:31","guid":{"rendered":"https:\/\/www.sendainissin.com\/?page_id=1560"},"modified":"2026-09-28T15:11:48","modified_gmt":"2026-09-28T06:11:48","slug":"pop%e3%80%80store","status":"publish","type":"page","link":"https:\/\/www.sendainissin.com\/?page_id=1560","title":{"rendered":"POP\u3000STORE"},"content":{"rendered":"\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\" data-aos-duration=\"800\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-aos-duration=\"800\">\n<figure class=\"wp-block-image alignwide size-full\" data-aos-duration=\"800\"><img loading=\"lazy\" decoding=\"async\" width=\"1952\" height=\"806\" src=\"https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/d7c843c5-9fca-45e9-b521-dfcab1da6c19.png\" alt=\"\" class=\"wp-image-2553\" srcset=\"https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/d7c843c5-9fca-45e9-b521-dfcab1da6c19.png 1952w, https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/d7c843c5-9fca-45e9-b521-dfcab1da6c19-300x124.png 300w, https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/d7c843c5-9fca-45e9-b521-dfcab1da6c19-768x317.png 768w, https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/d7c843c5-9fca-45e9-b521-dfcab1da6c19-1024x423.png 1024w, https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/d7c843c5-9fca-45e9-b521-dfcab1da6c19-1536x634.png 1536w\" sizes=\"auto, (max-width: 1952px) 100vw, 1952px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:79px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-aos-duration=\"800\"><\/div>\n\n\n\n<style>\n\/* \u4ed9\u53f0\u65e5\u65b0 \u5c55\u793a\u4f1a\u5546\u54c1\u4e00\u89a7 *\/\n#nissin-exhibition {\n  max-width: 1200px;\n  margin: 0 auto;\n  font-family: Arial, \"Noto Sans JP\", sans-serif;\n  color: #17212e;\n}\n\n#nissin-exhibition * {\n  box-sizing: border-box;\n}\n\n#nissin-exhibition .ex-tabs {\n  display: flex;\n  gap: 8px;\n  overflow-x: auto;\n  padding: 12px 2px 18px;\n  -webkit-overflow-scrolling: touch;\n}\n\n#nissin-exhibition .ex-tab {\n  flex-shrink: 0;\n  padding: 11px 15px;\n  border: 1px solid #cbd3df;\n  border-radius: 5px;\n  background: #fff;\n  color: #182535;\n  font-size: 13px;\n  font-weight: bold;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n#nissin-exhibition .ex-tab.active {\n  background: #1154a4;\n  border-color: #1154a4;\n  color: #fff;\n}\n\n#nissin-exhibition .ex-heading {\n  margin: 12px 0 20px;\n  padding: 15px 18px;\n  border-left: 5px solid #1267b9;\n  border-radius: 5px;\n  background: #e2f1ff;\n  color: #204b74;\n  font-size: 22px;\n  font-weight: bold;\n}\n\n#nissin-exhibition .ex-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n#nissin-exhibition .ex-card {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid #d9e0e9;\n  border-radius: 7px;\n  background: #fff;\n}\n\n#nissin-exhibition .ex-image {\n  aspect-ratio: 1.15;\n  background: #fff;\n}\n\n#nissin-exhibition .ex-image a {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n#nissin-exhibition .ex-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n#nissin-exhibition .ex-info {\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  margin-top: auto;\n  padding: 10px;\n}\n\n#nissin-exhibition .ex-link {\n  display: block;\n  padding: 11px 6px;\n  border-radius: 5px;\n  color: #fff !important;\n  text-align: center;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 1.4;\n}\n\n#nissin-exhibition .ex-pdf {\n  background: #1267b9;\n}\n\n#nissin-exhibition .ex-line {\n  background: #06c755;\n}\n\n#nissin-exhibition .ex-phone {\n  background: #34465b;\n}\n\n#nissin-exhibition .ex-more-wrap {\n  margin: 30px 0;\n  text-align: center;\n}\n\n#nissin-exhibition .ex-more {\n  padding: 15px 45px;\n  border: 0;\n  border-radius: 5px;\n  background: #1267b9;\n  color: #fff;\n  font-size: 15px;\n  font-weight: bold;\n  cursor: pointer;\n}\n\n#nissin-exhibition .ex-more[hidden],\n#nissin-exhibition .ex-empty[hidden] {\n  display: none;\n}\n\n#nissin-exhibition .ex-count {\n  margin: 10px 0;\n  color: #718096;\n  font-size: 13px;\n}\n\n#nissin-exhibition .ex-empty {\n  padding: 20px 0;\n  color: #718096;\n}\n\n@media (max-width: 650px) {\n  #nissin-exhibition .ex-tab {\n    padding: 10px 12px;\n    font-size: 12px;\n  }\n\n  #nissin-exhibition .ex-heading {\n    padding: 12px 14px;\n    font-size: 17px;\n  }\n\n  #nissin-exhibition .ex-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 9px;\n  }\n\n  #nissin-exhibition .ex-info {\n    gap: 6px;\n    padding: 8px;\n  }\n\n  #nissin-exhibition .ex-link {\n    padding: 10px 4px;\n    font-size: 12px;\n  }\n\n  #nissin-exhibition .ex-more {\n    width: 90%;\n    padding: 14px;\n  }\n}\n<\/style>\n\n<section id=\"nissin-exhibition\">\n\n  <!-- \u30ab\u30c6\u30b4\u30ea\u30fc -->\n  <nav\n    class=\"ex-tabs\"\n    id=\"ex-tabs\"\n    aria-label=\"\u5546\u54c1\u30ab\u30c6\u30b4\u30ea\u30fc\">\n  <\/nav>\n\n  <!-- \u898b\u51fa\u3057 -->\n  <h2 class=\"ex-heading\" id=\"ex-heading\">\n    \u3059\u3079\u3066\n  <\/h2>\n\n  <!-- \u5546\u54c1 -->\n  <div class=\"ex-grid\" id=\"ex-grid\"><\/div>\n\n  <p class=\"ex-empty\" id=\"ex-empty\" hidden>\n    \u3053\u306e\u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u5546\u54c1\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n  <\/p>\n\n  <!-- \u3082\u3063\u3068\u898b\u308b -->\n  <div class=\"ex-more-wrap\">\n\n    <button\n      type=\"button\"\n      class=\"ex-more\"\n      id=\"ex-more\"\n      hidden>\n      \u3082\u3063\u3068\u898b\u308b\n    <\/button>\n\n    <p\n      class=\"ex-count\"\n      id=\"ex-count\"\n      aria-live=\"polite\">\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const root = document.getElementById(\n    \"nissin-exhibition\"\n  );\n\n  if (!root || root.dataset.ready) return;\n  root.dataset.ready = \"1\";\n\n  const tabs = root.querySelector(\"#ex-tabs\");\n  const heading = root.querySelector(\"#ex-heading\");\n  const grid = root.querySelector(\"#ex-grid\");\n  const empty = root.querySelector(\"#ex-empty\");\n  const more = root.querySelector(\"#ex-more\");\n  const count = root.querySelector(\"#ex-count\");\n\n  const PAGE_SIZE = 9;\n\n  const BASE =\n    \"https:\/\/www.sendainissin.com\/wp-content\/uploads\/2026\/09\/\";\n\n  const LINE =\n    \"https:\/\/lin.ee\/zHAQX4T\";\n\n  const PHONE =\n    \"0222326491\";\n\n  \/* ======================================\n     \u30ab\u30c6\u30b4\u30ea\u30fc\n  ====================================== *\/\n\n  const categories = [\n    [\"all\", \"\u3059\u3079\u3066\"],\n    [\"ev\", \"EV\u95a2\u9023\u6a5f\u5668\"],\n    [\"tire\", \"\u30bf\u30a4\u30e4\u30fb\u30db\u30a4\u30fc\u30eb\"],\n    [\"diagnostic\", \"\u6574\u5099\u30fb\u8a3a\u65ad\u6a5f\u5668\"],\n    [\"tools\", \"\u6574\u5099\u5de5\u5177\u30fb\u7279\u6b8a\u5de5\u5177\"],\n    [\"body\", \"\u9211\u91d1\u30fb\u5857\u88c5\u7528\u54c1\"],\n    [\"parts\", \"\u81ea\u52d5\u8eca\u88dc\u4fee\u90e8\u54c1\"],\n    [\"equipment\", \"\u4f5c\u696d\u8a2d\u5099\u30fb\u74b0\u5883\u6a5f\u5668\"],\n    [\"other\", \"\u305d\u306e\u4ed6\"]\n  ];\n\n  \/* ======================================\n     \u516843\u5546\u54c1\n\n     \u65e2\u5b5840\u5546\u54c1\u3092\u7dad\u6301\n     \uff0b EV\u95a2\u9023\u5546\u54c13\u4ef6\u8ffd\u52a0\n\n     \u767b\u9332\u5f62\u5f0f\uff1a\n     [\u753b\u50cf\u30d5\u30a1\u30a4\u30eb, PDF\u30d5\u30a1\u30a4\u30eb, \u30ab\u30c6\u30b4\u30ea\u30fc]\n\n     \u5546\u54c1\u540d\u306f\u753b\u9762\u306b\u8868\u793a\u3057\u307e\u305b\u3093\u3002\n  ====================================== *\/\n\n  const data = [\n\n    \/\/ 01 \u3042\u304a\u308a\u30b9\u30c6\u30c3\u30d7\n    [\n      \"500ced65-1a5b-4a92-93b2-b523339658b9.png\",\n      \"\u3042\u304a\u308a\u30b9\u30c6\u30c3\u30d7-1.pdf\",\n      \"other\"\n    ],\n\n    \/\/ 02 EV\u30d0\u30c3\u30c6\u30ea\u30fc\u8a3a\u65ad\u6a5f\n    [\n      \"cd6a4d14-dbfb-4e84-9551-0746919182de.png\",\n      \"\u96fb\u6c17\u81ea\u52d5\u8eca\u8a3a\u65ad\u6a5f.pdf\",\n      \"ev\"\n    ],\n\n    \/\/ 03 \u30b5\u30de\u30fc\u30bf\u30a4\u30e4\n    [\n      \"40d83369-8744-4c82-a33f-7a72ab285474.png\",\n      \"SUMMER\u30bf\u30a4\u30e4.pdf\",\n      \"tire\"\n    ],\n\n    \/\/ 04 \u30e6\u30cb\u30c3\u30c8\u30a4\u30f3\u30b8\u30a7\u30af\u30bf\u30fc\n    [\n      \"a180cb4f-9625-455a-93a1-014de0cd6741.png\",\n      \"\u30e6\u30cb\u30c3\u30c8\u30a4\u30f3\u30b8\u30a7\u30af\u30bf\u30fc.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 05 \u30aa\u30fc\u30eb\u30b7\u30fc\u30ba\u30f3\u30bf\u30a4\u30e4\n    [\n      \"f53f2ed6-7633-4409-bdb7-deb70f61c5f6.png\",\n      \"\u30aa\u30fc\u30eb\u30b7\u30fc\u30ba\u30f3\u30bf\u30a4\u30e4.pdf\",\n      \"tire\"\n    ],\n\n    \/\/ 06 \u30b9\u30dd\u30c3\u30c8\u30af\u30fc\u30e9\u30fc\n    [\n      \"555c752f-a0ee-4153-aa88-c4fc51ae3152.png\",\n      \"\u30a8\u30b3\u30ec\u30fc\u30b9\u30dd\u30c3\u30c8\u30af\u30fc\u30e9\u30fc-1.pdf\",\n      \"equipment\"\n    ],\n\n    \/\/ 07 \u30ad\u30e3\u30ea\u30fc\u30ab\u30fc\u30c8\n    [\n      \"32667085-756b-4c5f-975e-3ad3a36166d4.png\",\n      \"SKM_C250i26091507200.pdf\",\n      \"other\"\n    ],\n\n    \/\/ 08 \u30ab\u30fc\u30a8\u30a2\u30b3\u30f3\u30b5\u30fc\u30d3\u30b9\u30ad\u30c3\u30c8\n    [\n      \"2beeb6cc-0ce4-4547-bae2-279ff30a6b0f.png\",\n      \"SKM_C250i26091507200.pdf\",\n      \"diagnostic\"\n    ],\n\n    \/\/ 09 \u771f\u7a7a\u30dd\u30f3\u30d7\n    [\n      \"ffdeffd2-80ec-4335-8507-3b8065b228a9.png\",\n      \"SKM_C250i26091507200.pdf\",\n      \"diagnostic\"\n    ],\n\n    \/\/ 10 \u30ea\u30fc\u30af\u30c7\u30a3\u30c6\u30af\u30bf\n    [\n      \"29f844ba-c50b-4f2f-93a2-80666dddcbad.png\",\n      \"SKM_C250i26091507200.pdf\",\n      \"diagnostic\"\n    ],\n\n    \/\/ 11 \u30ab\u30d7\u3068\u308b\n    [\n      \"66c8ff97-bd1e-4102-9898-cb4d6bfb39cf.png\",\n      \"SKM_C250i26091507200.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 12 \u30af\u30ea\u30c3\u30d7\u3069\u308b\n    [\n      \"a1083a62-a5cc-4344-9aa9-b8ffeaa14bda.png\",\n      \"SKM_C250i26091507200.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 13 \u534a\u81ea\u52d5\u6eb6\u63a5\u6a5f\n    [\n      \"875f6c4c-2d41-431b-9131-d281256a2ebc.png\",\n      \"SKM_C250i26091507201.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 14 \u7a92\u7d20\u30ac\u30b9\u30b7\u30fc\u30eb\u30c9\n    [\n      \"749edce8-2fb9-4334-8eb6-b58bf86b3175.png\",\n      \"SKM_C250i26091507201.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 15 \u30cf\u30f3\u30c0\u9211\u91d1\u30bb\u30c3\u30c8\n    [\n      \"14762a24-103e-48d7-8a50-052c7d08cf95.png\",\n      \"SKM_C250i26091507201.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 16 \u5857\u88c5\u7528\u30b9\u30bf\u30f3\u30c9\n    [\n      \"bc289edf-5fe6-4f57-8582-a0a88dde360a.png\",\n      \"SKM_C250i26091507201.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 17 \u4fdd\u7ba1\u30fb\u6574\u5099\u7528\u30b9\u30bf\u30f3\u30c9\n    [\n      \"de90c4ed-af77-42c9-8578-7da6ece17a3a.png\",\n      \"SKM_C250i26091507201.pdf\",\n      \"other\"\n    ],\n\n    \/\/ 18 \u5f37\u529b\u8584\u624b\u4e21\u9762\u30c6\u30fc\u30d7\n    [\n      \"b5a54e20-192b-4551-a93a-dd06d121ee91.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 19 \u30a2\u30bf\u30c3\u30c1\u30e1\u30f3\u30c8\u30cf\u30f3\u30de\u30fc\n    [\n      \"bf84143c-ad84-4046-be38-2d27c77eaa65.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 20 \u30d1\u30cd\u30eb\u30a8\u30c3\u30b8\u30c4\u30fc\u30eb\n    [\n      \"212c8250-0e9c-4fa5-abdf-8e1abcceb2a7.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 21 \u30d5\u30e9\u30f3\u30b8\u30d7\u30e9\u30a4\u30e4\u30fc\n    [\n      \"ee05478e-c710-4551-b96c-8288f052270c.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 22 \u30da\u30a4\u30f3\u30c8\u30b9\u30d7\u30ec\u30fc\u30bb\u30c3\u30c8\n    [\n      \"f518b643-702f-4812-aa92-d169ea61a5bf.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 23 \u30da\u30a4\u30f3\u30c8\u30ab\u30c3\u30d7\n    [\n      \"01088f39-db2f-4eb3-93c8-2075802fd41c.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 24 \u30e9\u30d0\u30fc\u30d1\u30c3\u30c9\n    [\n      \"aacba6d6-8c37-44db-8262-5ee537c98f42.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"other\"\n    ],\n\n    \/\/ 25 \u30c8\u30ea\u30e0\u30ea\u30e0\u30fc\u30d0\u30fc\n    [\n      \"1d9edf82-2824-4498-bf91-9b1a5104a2aa.png\",\n      \"SKM_C250i26091507210.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 26 \u30b9\u30cd\u30fc\u30af\u30ed\u30c3\u30c9\n    [\n      \"e039ea0b-1301-495d-8ea6-2061dff6b05b.png\",\n      \"SKM_C250i26091507211.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 27 \u96fb\u52d5\u30a2\u30b7\u30b9\u30c8\u30c9\u30e9\u30a4\u30d0\u30fc\n    [\n      \"b30799c8-554e-4ce6-862b-1ea08a224612.png\",\n      \"SKM_C250i26091507211.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 28 \u30a8\u30a2\u30fc\u30e9\u30c1\u30a7\u30c3\u30c8\n    [\n      \"0447067e-a5bc-4a45-b600-667e29c5d1e2.png\",\n      \"SKM_C250i26091507211.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 29 \u30bf\u30c3\u30d7\uff06\u30c0\u30a4\u30b9\u30bb\u30c3\u30c8\n    [\n      \"250a37f4-c5fa-4db2-bd9e-9196cb7cec02.png\",\n      \"SKM_C250i26091507211.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 30 \u4f4e\u5e8a\u30a8\u30a2\u30fc\u30ac\u30ec\u30fc\u30b8\n    [\n      \"0353921a-66dc-43bc-b0a0-623ac96c4641.png\",\n      \"SKM_C250i26091507211.pdf\",\n      \"equipment\"\n    ],\n\n    \/\/ 31 \u30aa\u30ea\u30b8\u30ca\u30eb\u5de5\u5177\u30bb\u30c3\u30c8\n    [\n      \"cefb6916-7c41-476e-a6c5-57852d68a610.png\",\n      \"SKM_C250i26091507211.pdf\",\n      \"tools\"\n    ],\n\n    \/\/ 32 AdBlue\u30bf\u30f3\u30af\n    [\n      \"220f3e0c-805f-402b-86c9-44e964884c51.png\",\n      \"SKM_C250i26091507220.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 33 \u5c3f\u7d20\u30dd\u30f3\u30d7\n    [\n      \"7d2316d0-3392-4361-a47e-40adebba99ba.png\",\n      \"SKM_C250i26091507221.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 34 \u30d6\u30ec\u30fc\u30ad\u30c1\u30e3\u30f3\u30d0\u30fc\n    [\n      \"6ea72bc1-c62c-490d-a675-ac327cdce1a4.png\",\n      \"SKM_C250i26091507230.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 35 \u30d6\u30ec\u30fc\u30ad\u30c1\u30e3\u30f3\u30d0\u30fc GIGA\n    [\n      \"878e9908-1d12-4916-84da-db873106a696.png\",\n      \"SKM_C250i26091507231.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 36 \u30a2\u30c3\u30d1\u30fc\u30a2\u30fc\u30e0\n    [\n      \"8d98d466-fd0e-470a-8617-a176a76322f6.png\",\n      \"SKM_C250i26091507250.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 37 \u30d5\u30ed\u30f3\u30c8\u30c9\u30e9\u30a4\u30d0\u30fc\u30b7\u30fc\u30c8\n    [\n      \"651edc28-36a0-45bd-83d9-024d8f9448cc.png\",\n      \"SKM_C250i26091507251.pdf\",\n      \"parts\"\n    ],\n\n    \/\/ 38 \u98db\u3073\u77f3\u30ad\u30ba\u4fee\u5fa9\u30ad\u30c3\u30c8\n    [\n      \"d006962d-f04d-4351-9d49-d8755cff89fe.png\",\n      \"SKM_C250i26091507280.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 39 \u30ac\u30e9\u30b9\u30ea\u30da\u30a2\u30ad\u30c3\u30c8\n    [\n      \"05985c16-e69b-47e7-bc4d-2e5dc93971e7.png\",\n      \"SKM_C250i26091507290.pdf\",\n      \"body\"\n    ],\n\n    \/\/ 40 \u30c9\u30e9\u30a4\u30d0\u30fc\u30b7\u30fc\u30c8\n    [\n      \"08600639-ed54-4006-9aec-99a0fe4e3cde.png\",\n      \"SKM_C250i26091507260.pdf\",\n      \"parts\"\n    ],\n\n    \/* ======================================\n       \u4eca\u56de\u8ffd\u52a0\u3057\u305fEV\u95a2\u90233\u5546\u54c1\n    ====================================== *\/\n\n    \/\/ 41 EV\u30d0\u30c3\u30c6\u30ea\u30fc\u8a3a\u65ad\u30fb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u6a5f\u5668\n    [\n      \"017e0009-b870-4aa9-a038-c349a4192011.png\",\n      \"SmartSafe-CE39_.pdf\",\n      \"ev\"\n    ],\n\n    \/\/ 42 \u30d1\u30eb\u30b9\u30d0\u30c3\u30c6\u30ea\u30fc\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u6a5f\u5668\n    [\n      \"2f149a40-1514-49a9-b5b7-360764f38856.png\",\n      \"PBX\u30c1\u30e9\u30b7_2nd.pdf\",\n      \"ev\"\n    ],\n\n    \/\/ 43 EV\u30d0\u30c3\u30c6\u30ea\u30fc\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8\u6a5f\u5668\n    [\n      \"d47da966-7633-4d78-9be0-b045525cac18.png\",\n      \"EV\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9-\u30b9\u30c8\u30fc\u30ea\u30fc\u30dc\u30fc\u30c9.pdf\",\n      \"ev\"\n    ]\n\n  ];\n\n  \/* ======================================\n     \u5546\u54c1URL\u751f\u6210\n  ====================================== *\/\n\n  const products = data.map(\n    ([image, pdf, category], index) => ({\n      name:\n        \"\u5c55\u793a\u4f1a\u5546\u54c1 \" +\n        String(index + 1).padStart(2, \"0\"),\n      image: BASE + image,\n      pdf: BASE + encodeURIComponent(pdf),\n      category\n    })\n  );\n\n  let currentCategory = \"all\";\n  let filtered = [];\n  let displayed = 0;\n\n  \/* ======================================\n     \u30ea\u30f3\u30af\u30dc\u30bf\u30f3\n  ====================================== *\/\n\n  function makeLink(label, url, cssClass) {\n    const a = document.createElement(\"a\");\n\n    a.className = \"ex-link \" + cssClass;\n    a.textContent = label;\n    a.href = url;\n\n    if (!url.startsWith(\"tel:\")) {\n      a.target = \"_blank\";\n      a.rel = \"noopener noreferrer\";\n    }\n\n    return a;\n  }\n\n  \/* ======================================\n     \u5546\u54c1\u30ab\u30fc\u30c9\n  ====================================== *\/\n\n  function makeCard(product, index) {\n    const card = document.createElement(\"article\");\n    card.className = \"ex-card\";\n\n    const imageBox = document.createElement(\"div\");\n    imageBox.className = \"ex-image\";\n\n    const imageLink = document.createElement(\"a\");\n    imageLink.href = product.pdf;\n    imageLink.target = \"_blank\";\n    imageLink.rel = \"noopener noreferrer\";\n    imageLink.setAttribute(\n      \"aria-label\",\n      product.name + \"\u306ePDF\u3092\u8868\u793a\"\n    );\n\n    const img = document.createElement(\"img\");\n    img.src = product.image;\n    img.alt = product.name;\n    img.decoding = \"async\";\n\n    if (currentCategory === \"all\" && index < 3) {\n      img.loading = \"eager\";\n      img.fetchPriority = \"high\";\n    } else {\n      img.loading = \"lazy\";\n      img.fetchPriority = \"low\";\n    }\n\n    imageLink.appendChild(img);\n    imageBox.appendChild(imageLink);\n    card.appendChild(imageBox);\n\n    const info = document.createElement(\"div\");\n    info.className = \"ex-info\";\n\n    info.appendChild(\n      makeLink(\n        \"PDF\u3092\u8868\u793a\u3059\u308b\",\n        product.pdf,\n        \"ex-pdf\"\n      )\n    );\n\n    info.appendChild(\n      makeLink(\n        \"LINE\u3067\u554f\u3044\u5408\u308f\u305b\",\n        LINE,\n        \"ex-line\"\n      )\n    );\n\n    info.appendChild(\n      makeLink(\n        \"\u96fb\u8a71\u3067\u554f\u3044\u5408\u308f\u305b\",\n        \"tel:\" + PHONE,\n        \"ex-phone\"\n      )\n    );\n\n    card.appendChild(info);\n\n    return card;\n  }\n\n  \/* ======================================\n     \u8868\u793a\u4ef6\u6570\n  ====================================== *\/\n\n  function updateCount() {\n    const remaining = filtered.length - displayed;\n\n    count.textContent = filtered.length\n      ? filtered.length +\n        \"\u5546\u54c1\u306e\u3046\u3061\" +\n        displayed +\n        \"\u5546\u54c1\u3092\u8868\u793a\u4e2d\"\n      : \"\";\n\n    more.hidden = remaining <= 0;\n\n    if (remaining > 0) {\n      more.textContent =\n        \"\u3082\u3063\u3068\u898b\u308b\uff08\u6b8b\u308a\" +\n        remaining +\n        \"\u5546\u54c1\uff09\";\n    }\n  }\n\n  \/* ======================================\n     9\u5546\u54c1\u305a\u3064\u8ffd\u52a0\n  ====================================== *\/\n\n  function loadMore() {\n    const fragment =\n      document.createDocumentFragment();\n\n    const next = filtered.slice(\n      displayed,\n      displayed + PAGE_SIZE\n    );\n\n    next.forEach((product, index) => {\n      fragment.appendChild(\n        makeCard(product, displayed + index)\n      );\n    });\n\n    grid.appendChild(fragment);\n\n    displayed += next.length;\n\n    updateCount();\n  }\n\n  \/* ======================================\n     \u30ab\u30c6\u30b4\u30ea\u30fc\u5207\u308a\u66ff\u3048\n  ====================================== *\/\n\n  function showCategory(id) {\n    const selected = categories.find(\n      category => category[0] === id\n    );\n\n    if (!selected) return;\n\n    currentCategory = id;\n    heading.textContent = selected[1];\n\n    tabs.querySelectorAll(\".ex-tab\")\n      .forEach(button => {\n        const active =\n          button.dataset.category === id;\n\n        button.classList.toggle(\n          \"active\",\n          active\n        );\n\n        button.setAttribute(\n          \"aria-pressed\",\n          active ? \"true\" : \"false\"\n        );\n      });\n\n    filtered = id === \"all\"\n      ? products\n      : products.filter(\n          product => product.category === id\n        );\n\n    displayed = 0;\n    grid.replaceChildren();\n\n    empty.hidden = filtered.length !== 0;\n\n    loadMore();\n  }\n\n  \/* ======================================\n     \u30ab\u30c6\u30b4\u30ea\u30fc\u30bf\u30d6\u751f\u6210\n  ====================================== *\/\n\n  categories.forEach(([id, name]) => {\n    const button =\n      document.createElement(\"button\");\n\n    button.type = \"button\";\n    button.className = \"ex-tab\";\n    button.dataset.category = id;\n    button.textContent = name;\n\n    button.addEventListener(\n      \"click\",\n      () => showCategory(id)\n    );\n\n    tabs.appendChild(button);\n  });\n\n  \/* ======================================\n     \u3082\u3063\u3068\u898b\u308b\n  ====================================== *\/\n\n  more.addEventListener(\n    \"click\",\n    loadMore\n  );\n\n  \/* ======================================\n     \u521d\u671f\u8868\u793a\n  ====================================== *\/\n\n  showCategory(\"all\");\n\n  \/* \u7ba1\u7406\u8005\u5411\u3051\u767b\u9332\u78ba\u8a8d *\/\n  console.log(\n    \"\u4ed9\u53f0\u65e5\u65b0 \u5c55\u793a\u4f1a\u5546\u54c1\u767b\u9332\u6570:\",\n    products.length\n  );\n\n})();\n<\/script>\n\n\n\n<div style=\"height:87px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-aos-duration=\"800\"><\/div>\n\n\n\n<pre id=\"tw-target-text\" class=\"wp-block-preformatted\" data-aos-duration=\"800\"><br><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u3059\u3079\u3066 \u3053\u306e\u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u5546\u54c1\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u3082\u3063\u3068\u898b\u308b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-1560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=\/wp\/v2\/pages\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1560"}],"version-history":[{"count":75,"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=\/wp\/v2\/pages\/1560\/revisions"}],"predecessor-version":[{"id":2573,"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=\/wp\/v2\/pages\/1560\/revisions\/2573"}],"wp:attachment":[{"href":"https:\/\/www.sendainissin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}