[foogallery id=”70″]<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u65bd\u5de5\u5b9f\u7e3e\u30ae\u30e3\u30e9\u30ea\u30fc | Wrapsicks<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&family=Noto+Sans+JP:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#0A0A0C;\n --card-bg:#141519;\n --border:#25272D;\n --text:#F3F2EE;\n --text-sub:#93949B;\n --accent:#E2451B;\n --accent-soft:rgba(226,69,27,.16);\n }\n *{box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n margin:0;\n background:var(--bg);\n color:var(--text);\n font-family:\"Noto Sans JP\",sans-serif;\n padding:64px 24px 110px;\n position:relative;\n overflow-x:hidden;\n }\n\n \/* ---- ambient background glow ---- *\/\n .ambient{\n position:fixed;\n inset:0;\n z-index:0;\n pointer-events:none;\n background:\n radial-gradient(560px circle at 12% 8%, rgba(226,69,27,.10), transparent 60%),\n radial-gradient(640px circle at 88% 30%, rgba(90,110,255,.07), transparent 60%);\n animation:driftBg 22s ease-in-out infinite alternate;\n }\n @keyframes driftBg{\n 0%{ transform:translate(0,0) scale(1); }\n 100%{ transform:translate(-2%,3%) scale(1.06); }\n }\n\n \/* ---- cursor spotlight ---- *\/\n .spotlight{\n position:fixed;\n top:0; left:0;\n width:420px; height:420px;\n margin-left:-210px; margin-top:-210px;\n border-radius:50%;\n background:radial-gradient(circle, rgba(226,69,27,.10) 0%, rgba(226,69,27,0) 70%);\n pointer-events:none;\n z-index:1;\n opacity:0;\n transition:opacity .4s ease;\n will-change:transform;\n }\n\n .wrap{max-width:1240px;margin:0 auto;position:relative;z-index:2;}\n\n .head{margin-bottom:40px;}\n .eyebrow{\n display:flex;\n align-items:center;\n gap:10px;\n font-family:\"Zen Kaku Gothic New\",sans-serif;\n font-size:12px;\n letter-spacing:.22em;\n color:var(--accent);\n margin:0 0 16px;\n opacity:0;\n animation:fadeUp .6s ease forwards;\n }\n .eyebrow::before{\n content:\"\";\n display:inline-block;\n width:0;\n height:1px;\n background:var(--accent);\n animation:growLine .8s .3s ease forwards;\n }\n @keyframes growLine{ to{ width:34px; } }\n\n h1{\n font-family:\"Zen Kaku Gothic New\",sans-serif;\n font-weight:900;\n font-size:clamp(28px,4.4vw,42px);\n line-height:1.35;\n margin:0 0 16px;\n letter-spacing:.01em;\n opacity:0;\n animation:fadeUp .7s .08s ease forwards;\n }\n .lead{\n color:var(--text-sub);\n font-size:15px;\n line-height:1.9;\n max-width:540px;\n margin:0;\n opacity:0;\n animation:fadeUp .7s .16s ease forwards;\n }\n @keyframes fadeUp{\n from{ opacity:0; transform:translateY(14px); }\n to{ opacity:1; transform:translateY(0); }\n }\n\n \/* ---- filters with sliding indicator ---- *\/\n .filters{\n position:relative;\n display:flex;\n flex-wrap:wrap;\n gap:6px;\n margin:40px 0 30px;\n padding-bottom:26px;\n border-bottom:1px solid var(--border);\n opacity:0;\n animation:fadeUp .7s .24s ease forwards;\n }\n .filter-btn{\n position:relative;\n z-index:2;\n font-family:\"Noto Sans JP\",sans-serif;\n font-size:14px;\n color:var(--text-sub);\n background:transparent;\n border:1px solid transparent;\n border-radius:100px;\n padding:9px 20px;\n cursor:pointer;\n transition:color .25s ease;\n }\n .filter-btn:hover{ color:var(--text); }\n .filter-btn.active{ color:#fff; }\n .filter-indicator{\n position:absolute;\n top:0; left:0;\n height:38px;\n border-radius:100px;\n background:var(--accent);\n box-shadow:0 6px 18px rgba(226,69,27,.35);\n transition:transform .4s cubic-bezier(.65,0,.35,1), width .4s cubic-bezier(.65,0,.35,1);\n z-index:1;\n }\n\n .count{\n font-size:13px;\n color:var(--text-sub);\n margin-bottom:22px;\n opacity:0;\n animation:fadeUp .7s .3s ease forwards;\n }\n .count b{\n color:var(--text);\n font-weight:500;\n display:inline-block;\n min-width:1.4em;\n }\n\n .grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:18px;\n perspective:1200px;\n }\n @media (max-width:1080px){ .grid{grid-template-columns:repeat(3,1fr);} }\n @media (max-width:760px){ .grid{grid-template-columns:repeat(2,1fr);} }\n @media (max-width:480px){ .grid{grid-template-columns:1fr;} }\n\n .item{\n display:block;\n text-decoration:none;\n opacity:0;\n transform:translateY(26px) scale(.97);\n transition:opacity .5s cubic-bezier(.22,.61,.36,1), transform .5s cubic-bezier(.22,.61,.36,1);\n transition-delay:calc(var(--d, 0) * 55ms);\n }\n .item.visible{ opacity:1; transform:translateY(0) scale(1); }\n .item.is-hidden{\n position:absolute;\n pointer-events:none;\n opacity:0 !important;\n transform:translateY(10px) scale(.95) !important;\n transition:opacity .28s ease, transform .28s ease;\n }\n\n .frame{\n position:relative;\n overflow:hidden;\n border-radius:8px;\n background:var(--card-bg);\n aspect-ratio:4\/3;\n border:1px solid var(--border);\n transform:translateZ(0) rotateX(0) rotateY(0);\n transition:transform .35s cubic-bezier(.22,.61,.36,1), border-color .35s ease, box-shadow .35s ease;\n }\n .frame:hover{\n border-color:#3A3D45;\n box-shadow:0 18px 40px rgba(0,0,0,.45);\n }\n .frame img{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transform:scale(1);\n transition:transform .6s cubic-bezier(.22,.61,.36,1);\n will-change:transform;\n }\n .frame:hover img{ transform:scale(1.12); }\n\n \/* diagonal shine sweep on hover *\/\n .shine{\n position:absolute;\n inset:0;\n z-index:2;\n pointer-events:none;\n background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.16) 48%, transparent 62%);\n transform:translateX(-120%);\n opacity:0;\n }\n .frame:hover .shine{\n animation:sweep 1s cubic-bezier(.3,0,.3,1) forwards;\n }\n @keyframes sweep{\n 0%{ transform:translateX(-120%); opacity:1; }\n 100%{ transform:translateX(120%); opacity:1; }\n }\n\n .tag{\n position:absolute;\n top:12px;\n left:12px;\n z-index:3;\n font-size:11px;\n letter-spacing:.04em;\n background:rgba(10,10,12,.7);\n border:1px solid rgba(255,255,255,.14);\n color:var(--text);\n padding:5px 10px;\n border-radius:100px;\n backdrop-filter:blur(3px);\n transform:translateY(0);\n transition:transform .35s ease, background .35s ease;\n }\n .frame:hover .tag{\n background:var(--accent);\n border-color:var(--accent);\n }\n\n .overlay{\n position:absolute;\n inset:0;\n z-index:2;\n display:flex;\n align-items:flex-end;\n padding:16px;\n background:linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,0) 60%);\n opacity:0;\n transition:opacity .4s ease;\n }\n .frame:hover .overlay{ opacity:1; }\n .cap{\n transform:translateY(10px);\n transition:transform .4s cubic-bezier(.22,.61,.36,1);\n }\n .frame:hover .cap{ transform:translateY(0); }\n .cap p{\n margin:0 0 6px;\n font-size:14px;\n color:#fff;\n line-height:1.5;\n }\n .cap .rule{\n width:0;\n height:2px;\n background:var(--accent);\n transition:width .5s .05s cubic-bezier(.22,.61,.36,1);\n }\n .frame:hover .cap .rule{ width:28px; }\n\n .empty{\n display:none;\n text-align:center;\n color:var(--text-sub);\n padding:80px 0;\n font-size:14px;\n }\n .empty.show{display:block;}\n\n @media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"ambient\"><\/div>\n<div class=\"spotlight\" id=\"spotlight\"><\/div>\n\n<div class=\"wrap\">\n\n <div class=\"head\">\n <p class=\"eyebrow\">GALLERY<\/p>\n <h1>\u65bd\u5de5\u5b9f\u7e3e<\/h1>\n <p class=\"lead\">\u75db\u8eca\u65bd\u5de5\u30fb\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\u30fb\u30d7\u30ed\u30c6\u30af\u30b7\u30e7\u30f3\u30d5\u30a3\u30eb\u30e0\u65bd\u5de5\u306e\u5b9f\u7e3e\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"filters\" role=\"tablist\" aria-label=\"\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u7d5e\u308a\u8fbc\u307f\">\n <span class=\"filter-indicator\" id=\"filter-indicator\"><\/span>\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"ppf\">\u30d7\u30ed\u30c6\u30af\u30b7\u30e7\u30f3\u30d5\u30a3\u30eb\u30e0<\/button>\n <button class=\"filter-btn\" data-filter=\"wrap\">\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0<\/button>\n <button class=\"filter-btn\" data-filter=\"itasha\">\u75db\u8eca<\/button>\n <\/div>\n\n <p class=\"count\"><b id=\"count-num\">0<\/b> \u4ef6\u8868\u793a\u4e2d<\/p>\n\n <div class=\"grid\" id=\"gallery-grid\"><\/div>\n <p class=\"empty\" id=\"empty-msg\">\u8a72\u5f53\u3059\u308b\u65bd\u5de5\u5b9f\u7e3e\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n<\/div>\n\n<script>\n\/* =========================================================\n \u3053\u3053\u306b\u65bd\u5de5\u5b9f\u7e3e\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n category \u306f \"ppf\" \/ \"wrap\" \/ \"itasha\" \u306e\u3044\u305a\u308c\u304b\u3092\u6307\u5b9a\u3002\n ========================================================= *\/\nconst items = [\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/04\/Succeed_Green2026-1024x576.jpg\", alt:\"\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0 \u30b5\u30af\u30b7\u30fc\u30c9\", caption:\"\u3010\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0\u3011\u30b5\u30af\u30b7\u30fc\u30c9\" },\n { category:\"ppf\", label:\"\u30d7\u30ed\u30c6\u30af\u30b7\u30e7\u30f3\u30d5\u30a3\u30eb\u30e0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/04\/20260324_CLOWN_Headlightprotection_after-1-1024x576.jpg\", alt:\"\u30d7\u30ed\u30c6\u30af\u30b7\u30e7\u30f3\u30d5\u30a3\u30eb\u30e0 \u30af\u30e9\u30a6\u30f3\", caption:\"\u3010\u30d7\u30ed\u30c6\u30af\u30b7\u30e7\u30f3\u30d5\u30a3\u30eb\u30e0\u3011\u30af\u30e9\u30a6\u30f3\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/PB160531-1024x576.jpg\", alt:\"\u75db\u8eca \u30a2\u30eb\u30c8\", caption:\"\u3010\u75db\u8eca\u3011\u30a2\u30eb\u30c8\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/PA220402-1024x576.jpg\", alt:\"\u75db\u8eca \u30a8\u30af\u30ea\u30d7\u30b9\", caption:\"\u3010\u75db\u8eca\u3011\u30a8\u30af\u30ea\u30d7\u30b9\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/GsofISYasAAJ8O5-1024x576.jpg\", alt:\"\u75db\u8eca \u30b7\u30d3\u30c3\u30afType R\", caption:\"\u3010\u75db\u8eca\u3011\u30b7\u30d3\u30c3\u30afType R\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/umamusume_vodka1-1024x576.jpg\", alt:\"\u75db\u8eca \u30b9\u30ab\u30a4\u30e9\u30a4\u30f3GT-R\", caption:\"\u3010\u75db\u8eca\u3011\u30b9\u30ab\u30a4\u30e9\u30a4\u30f3GT-R\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/umamusume_Daiwa-Scarlet-1024x576.jpg\", alt:\"\u75db\u8eca \u30b9\u30ab\u30a4\u30e9\u30a4\u30f3GT-R\", caption:\"\u3010\u75db\u8eca\u3011\u30b9\u30ab\u30a4\u30e9\u30a4\u30f3GT-R\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/toyotayarusu2-1024x576.jpg\", alt:\"\u75db\u8eca \u30e4\u30ea\u30b9\", caption:\"\u3010\u75db\u8eca\u3011\u30e4\u30ea\u30b9\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/touhou_reimu1-1024x576.jpg\", alt:\"\u75db\u8eca \u30a4\u30f3\u30d7\u30ec\u30c3\u30b5\", caption:\"\u3010\u75db\u8eca\u3011\u30a4\u30f3\u30d7\u30ec\u30c3\u30b5\" },\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/Storia.jpg\", alt:\"\u30ab\u30c3\u30c6\u30a3\u30f3\u30b0 \u30b9\u30c8\u30fc\u30ea\u30a2\", caption:\"\u3010\u30ab\u30c3\u30c6\u30a3\u30f3\u30b0\u3011\u30b9\u30c8\u30fc\u30ea\u30a2\uff08\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30ac\u30ec\u30fc\u30b8\uff09\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/STRIKE-WITCHES2-1024x575.png\", alt:\"\u75db\u8eca RX-7\uff08FC\uff09\", caption:\"\u3010\u75db\u8eca\u3011RX-7\uff08FC\uff09\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/STRIKE-WITCHES1-1024x576.jpg\", alt:\"\u75db\u8eca RX-7\uff08FC\uff09\", caption:\"\u3010\u75db\u8eca\u3011RX-7\uff08FC\uff09\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/saekano_utaha-1024x576.jpg\", alt:\"\u75db\u8eca \u30ce\u30fc\u30c8\", caption:\"\u3010\u75db\u8eca\u3011\u30ce\u30fc\u30c8\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/P308013401-1024x768.jpg\", alt:\"\u75db\u8eca \u30de\u30fc\u30c1\", caption:\"\u3010\u75db\u8eca\u3011\u30de\u30fc\u30c1\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/lovelive_takamichika-1024x576.jpg\", alt:\"\u75db\u8eca RX-8\", caption:\"\u3010\u75db\u8eca\u3011RX-8\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/lovelive_kazunosara-1024x576.jpg\", alt:\"\u75db\u8eca RX-8\", caption:\"\u3010\u75db\u8eca\u3011RX-8\" },\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/IMG_9423-1024x768.jpg\", alt:\"\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0 VITA\", caption:\"\u3010\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0\u3011VITA\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/idolmaster_hoshiimiki-1024x576.jpg\", alt:\"\u75db\u8eca \u30a4\u30f3\u30c6\u30b0\u30e9\", caption:\"\u3010\u75db\u8eca\u3011\u30a4\u30f3\u30c6\u30b0\u30e9\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/hololive_usadapekora-1024x768.jpg\", alt:\"\u75db\u8eca \u30a2\u30eb\u30c8\", caption:\"\u3010\u75db\u8eca\u3011\u30a2\u30eb\u30c8\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/fate_Morgan1-1024x576.jpg\", alt:\"\u75db\u8eca \u30b7\u30d3\u30c3\u30af\", caption:\"\u3010\u75db\u8eca\u3011\u30b7\u30d3\u30c3\u30af\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/evo9_saekano-1024x768.jpg\", alt:\"\u75db\u8eca \u30e9\u30f3\u30b5\u30fc\u30a8\u30dc\u30ea\u30e5\u30fc\u30b7\u30e7\u30f39\", caption:\"\u3010\u75db\u8eca\u3011\u30e9\u30f3\u30b5\u30fc\u30a8\u30dc\u30ea\u30e5\u30fc\u30b7\u30e7\u30f39\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/DSC_5520_0-1024x576.jpg\", alt:\"\u75db\u8eca \u30df\u30e9\u30b8\u30fc\u30ce\", caption:\"\u3010\u75db\u8eca\u3011\u30df\u30e9\u30b8\u30fc\u30ce\" },\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/bmw_E46-1024x576.jpg\", alt:\"\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0 BMW\", caption:\"\u3010\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0\u3011BMW\" },\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/86.jpg\", alt:\"\u30ab\u30c3\u30c6\u30a3\u30f3\u30b0\u30b7\u30fc\u30c8 \u30cf\u30c1\u30ed\u30af 86\", caption:\"\u3010\u30ab\u30c3\u30c6\u30a3\u30f3\u30b0\u30b7\u30fc\u30c8\u3011\u30cf\u30c1\u30ed\u30af 86\" },\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/P8170350-1024x576.jpg\", alt:\"\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0 \u30b5\u30af\u30b7\u30fc\u30c9\", caption:\"\u3010\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0\u3011\u30b5\u30af\u30b7\u30fc\u30c9\" },\n { category:\"wrap\", label:\"\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/succeed-1024x576.jpg\", alt:\"\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0 \u30b5\u30af\u30b7\u30fc\u30c9\", caption:\"\u3010\u30d5\u30eb\u30e9\u30c3\u30d4\u30f3\u30b0\u3011\u30b5\u30af\u30b7\u30fc\u30c9\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/konecci_EVO9_2-1024x683.jpg\", alt:\"\u75db\u8eca \u30e9\u30f3\u30b5\u30fc\u30a8\u30dc\u30ea\u30e5\u30fc\u30b7\u30e7\u30f39\", caption:\"\u3010\u75db\u8eca\u3011\u30e9\u30f3\u30b5\u30fc\u30a8\u30dc\u30ea\u30e5\u30fc\u30b7\u30e7\u30f39\" },\n { category:\"itasha\", label:\"\u75db\u8eca\", src:\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/konecci_EVO9_1-1024x683.jpg\", alt:\"\u75db\u8eca \u30e9\u30f3\u30b5\u30fc\u30a8\u30dc\u30ea\u30e5\u30fc\u30b7\u30e7\u30f39\", caption:\"\u3010\u75db\u8eca\u3011\u30e9\u30f3\u30b5\u30fc\u30a8\u30dc\u30ea\u30e5\u30fc\u30b7\u30e7\u30f39\" }\n];\n\nconst grid = document.getElementById('gallery-grid');\nconst countNum = document.getElementById('count-num');\nconst emptyMsg = document.getElementById('empty-msg');\nconst buttons = document.querySelectorAll('.filter-btn');\nconst indicator = document.getElementById('filter-indicator');\n\nfunction render(){\n grid.innerHTML = items.map((it, i) => `\n <a class=\"item\" data-category=\"${it.category}\" href=\"${it.src}\" style=\"--d:${i % 8}\">\n <div class=\"frame\">\n <span class=\"tag\">${it.label}<\/span>\n <img\n src=\"${it.src}\"\n alt=\"${it.alt}\"\n loading=\"${i < 4 ? 'eager' : 'lazy'}\"\n decoding=\"async\"\n ${i < 4 ? \"fetchpriority='high'\" : \"\"}\n >\n <div class=\"shine\"><\/div>\n <div class=\"overlay\">\n <div class=\"cap\">\n <p>${it.caption}<\/p>\n <div class=\"rule\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n `).join('');\n observeItems();\n}\nrender();\n\n\/* ---- scroll reveal ---- *\/\nfunction observeItems(){\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if(entry.isIntersecting){\n entry.target.classList.add('visible');\n io.unobserve(entry.target);\n }\n });\n }, { threshold:.12, rootMargin:'0px 0px -40px 0px' });\n grid.querySelectorAll('.item:not(.is-hidden)').forEach(el => io.observe(el));\n}\n\n\/* ---- filter switching ---- *\/\nfunction applyFilter(filter){\n const cards = Array.from(grid.querySelectorAll('.item'));\n let visible = 0;\n cards.forEach(card => {\n const match = filter === 'all' || card.dataset.category === filter;\n card.classList.toggle('is-hidden', !match);\n if(match){\n card.style.setProperty('--d', visible % 8);\n card.classList.remove('visible');\n visible++;\n }\n });\n requestAnimationFrame(() => {\n requestAnimationFrame(() => observeItems());\n });\n countNum.textContent = visible;\n emptyMsg.classList.toggle('show', visible === 0);\n}\n\n\/* ---- sliding tab indicator ---- *\/\nfunction moveIndicator(btn){\n indicator.style.width = btn.offsetWidth + 'px';\n indicator.style.transform = `translateX(${btn.offsetLeft}px)`;\n}\n\nbuttons.forEach(btn => {\n btn.addEventListener('click', () => {\n buttons.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n moveIndicator(btn);\n applyFilter(btn.dataset.filter);\n });\n});\n\nwindow.addEventListener('load', () => {\n moveIndicator(document.querySelector('.filter-btn.active'));\n});\nwindow.addEventListener('resize', () => {\n moveIndicator(document.querySelector('.filter-btn.active'));\n});\n\napplyFilter('all');\n\n\/* ---- cursor spotlight ---- *\/\nconst spotlight = document.getElementById('spotlight');\nlet sx = 0, sy = 0, tx = 0, ty = 0;\nwindow.addEventListener('mousemove', (e) => {\n tx = e.clientX; ty = e.clientY;\n spotlight.style.opacity = '1';\n});\nwindow.addEventListener('mouseleave', () => { spotlight.style.opacity = '0'; });\nfunction loop(){\n sx += (tx - sx) * 0.12;\n sy += (ty - sy) * 0.12;\n spotlight.style.transform = `translate(${sx}px, ${sy}px)`;\n requestAnimationFrame(loop);\n}\nloop();\n<\/script>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":50,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-gallery.php","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"yoast_head":"\ngallery – Wrapsicks<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wrapsicks.com\/?page_id=47\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"gallery – Wrapsicks\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wrapsicks.com\/?page_id=47\" \/>\n<meta property=\"og:site_name\" content=\"Wrapsicks\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T11:28:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/Wrap-Sicks\u4e09\u89d2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1544\" \/>\n\t<meta property=\"og:image:height\" content=\"1438\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@infowrapsicks\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"33\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/?page_id=47\",\"url\":\"https:\\\/\\\/wrapsicks.com\\\/?page_id=47\",\"name\":\"gallery – Wrapsicks\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/#website\"},\"datePublished\":\"2026-02-10T03:32:17+00:00\",\"dateModified\":\"2026-09-14T11:28:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/?page_id=47#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wrapsicks.com\\\/?page_id=47\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/?page_id=47#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/wrapsicks.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u30e1\u30a4\u30f3\u30da\u30fc\u30b8\",\"item\":\"https:\\\/\\\/wrapsicks.com\\\/?page_id=50\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/#website\",\"url\":\"https:\\\/\\\/wrapsicks.com\\\/\",\"name\":\"Wrapsicks\",\"description\":\"\u672d\u5e4c\u30fb\u5343\u6b73\u30fb\u6075\u5ead\u306e\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\u65bd\u5de5\u30fb\u9ad8\u54c1\u8cea\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\u30fb\u6d17\u8eca\u306a\u3089\",\"publisher\":{\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/#organization\"},\"alternateName\":\"\u30e9\u30c3\u30d7\u30b7\u30c3\u30af\u30b9\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wrapsicks.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/#organization\",\"name\":\"Wrapsicks\",\"alternateName\":\"Ws\",\"url\":\"https:\\\/\\\/wrapsicks.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wrapsicks.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Wrap-Sicks\u4e09\u89d2.png\",\"contentUrl\":\"https:\\\/\\\/wrapsicks.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Wrap-Sicks\u4e09\u89d2.png\",\"width\":1544,\"height\":1438,\"caption\":\"Wrapsicks\"},\"image\":{\"@id\":\"https:\\\/\\\/wrapsicks.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/infowrapsicks\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"gallery – Wrapsicks","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wrapsicks.com\/?page_id=47","og_locale":"ja_JP","og_type":"article","og_title":"gallery – Wrapsicks","og_url":"https:\/\/wrapsicks.com\/?page_id=47","og_site_name":"Wrapsicks","article_modified_time":"2026-09-14T11:28:03+00:00","og_image":[{"width":1544,"height":1438,"url":"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/Wrap-Sicks\u4e09\u89d2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@infowrapsicks","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"33\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wrapsicks.com\/?page_id=47","url":"https:\/\/wrapsicks.com\/?page_id=47","name":"gallery – Wrapsicks","isPartOf":{"@id":"https:\/\/wrapsicks.com\/#website"},"datePublished":"2026-02-10T03:32:17+00:00","dateModified":"2026-09-14T11:28:03+00:00","breadcrumb":{"@id":"https:\/\/wrapsicks.com\/?page_id=47#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wrapsicks.com\/?page_id=47"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wrapsicks.com\/?page_id=47#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/wrapsicks.com\/"},{"@type":"ListItem","position":2,"name":"\u30e1\u30a4\u30f3\u30da\u30fc\u30b8","item":"https:\/\/wrapsicks.com\/?page_id=50"},{"@type":"ListItem","position":3,"name":"gallery"}]},{"@type":"WebSite","@id":"https:\/\/wrapsicks.com\/#website","url":"https:\/\/wrapsicks.com\/","name":"Wrapsicks","description":"\u672d\u5e4c\u30fb\u5343\u6b73\u30fb\u6075\u5ead\u306e\u30ab\u30fc\u30e9\u30c3\u30d4\u30f3\u30b0\u65bd\u5de5\u30fb\u9ad8\u54c1\u8cea\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\u30fb\u6d17\u8eca\u306a\u3089","publisher":{"@id":"https:\/\/wrapsicks.com\/#organization"},"alternateName":"\u30e9\u30c3\u30d7\u30b7\u30c3\u30af\u30b9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wrapsicks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/wrapsicks.com\/#organization","name":"Wrapsicks","alternateName":"Ws","url":"https:\/\/wrapsicks.com\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/wrapsicks.com\/#\/schema\/logo\/image\/","url":"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/Wrap-Sicks\u4e09\u89d2.png","contentUrl":"https:\/\/wrapsicks.com\/wp-content\/uploads\/2026\/02\/Wrap-Sicks\u4e09\u89d2.png","width":1544,"height":1438,"caption":"Wrapsicks"},"image":{"@id":"https:\/\/wrapsicks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/infowrapsicks"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wrapsicks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":6,"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/240"}],"up":[{"embeddable":true,"href":"https:\/\/wrapsicks.com\/index.php?rest_route=\/wp\/v2\/pages\/50"}],"wp:attachment":[{"href":"https:\/\/wrapsicks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}