{"id":14325,"date":"2026-03-22T05:24:30","date_gmt":"2026-03-21T20:24:30","guid":{"rendered":"https:\/\/jimatube.com\/?page_id=14325"},"modified":"2026-04-03T01:27:20","modified_gmt":"2026-04-02T16:27:20","slug":"cameraguide","status":"publish","type":"page","link":"https:\/\/jimatube.com\/?page_id=14325","title":{"rendered":"NIKON \u30ab\u30e1\u30e9\u9078\u3073\u65b9\u30ac\u30a4\u30c9"},"content":{"rendered":"\n<style>\n.csg-root {\n  --bg: #ffffff;\n  --surface: #f8f7f5;\n  --surface2: #f0ede8;\n  --border: #e5e0d8;\n  --border2: #d0c8bc;\n  --text: #1a1a1a;\n  --text-sub: #555;\n  --text-muted: #999;\n  --gold: #c8860a;\n  --gold-light: #e0a020;\n  --gold-bg: #fdf6e8;\n  --gold-border: #e8c870;\n  --amazon: #FF9900;\n  --amazon-dark: #e08800;\n  --radius: 8px;\n  --radius-sm: 5px;\n}\n.csg-root *, .csg-root *::before, .csg-root *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-hero {\n  text-align: center;\n  padding: 72px 24px 64px;\n  border-bottom: 1px solid var(--border);\n  background: var(--bg);\n}\n.csg-badge {\n  display: inline-block;\n  background: var(--gold);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  padding: 7px 20px;\n  margin-bottom: 36px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.1s forwards;\n}\n.csg-hero-title {\n  opacity: 0;\n  animation: csgFadeUp 0.6s 0.2s forwards;\n  margin-bottom: 20px;\n}\n.csg-hero-title .en {\n  display: block;\n  font-size: clamp(48px, 9vw, 96px);\n  font-weight: 900;\n  letter-spacing: -0.02em;\n  line-height: 1;\n  color: var(--text);\n}\n.csg-hero-title .ja {\n  display: block;\n  font-size: clamp(32px, 6vw, 64px);\n  font-weight: 900;\n  line-height: 1.2;\n  color: var(--gold);\n}\n.csg-hero-sub {\n  font-size: 14px;\n  color: var(--text-sub);\n  margin-bottom: 12px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.4s forwards;\n}\n.csg-hero-credit {\n  font-size: 13px;\n  font-style: italic;\n  color: var(--gold);\n  margin-bottom: 28px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.5s forwards;\n}\n\n\/* \u2500\u2500 \u4f7f\u3044\u65b9\u30ac\u30a4\u30c9 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-howto {\n  display: inline-flex;\n  gap: 0;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  padding: 14px 24px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.6s forwards;\n}\n.csg-howto-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--text-sub);\n}\n.csg-howto-step + .csg-howto-step::before {\n  content: '\u2192';\n  margin: 0 14px;\n  color: var(--border2);\n  font-size: 12px;\n}\n.csg-howto-num {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: var(--gold);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n@media (max-width: 600px) {\n  .csg-howto { flex-direction: column; gap: 10px; text-align: left; }\n  .csg-howto-step + .csg-howto-step::before { display: none; }\n}\n\n\/* \u2500\u2500 SELECTOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-selector {\n  max-width: 1060px;\n  margin: 0 auto;\n  padding: 56px 24px 40px;\n  background: var(--bg);\n}\n.csg-step-label {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 10px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.7s forwards;\n}\n.csg-step-title {\n  text-align: center;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--text);\n  margin-bottom: 40px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.75s forwards;\n}\n.csg-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  opacity: 0;\n  animation: csgFadeUp 0.6s 0.8s forwards;\n}\n@media (max-width: 740px) {\n  .csg-grid { grid-template-columns: 1fr; gap: 14px; }\n}\n.csg-panel {\n  border: 2px solid var(--border);\n  border-radius: var(--radius);\n  overflow: hidden;\n  transition: border-color 0.25s;\n  background: #fff;\n}\n.csg-panel.has-selection { border-color: var(--gold); }\n.csg-panel-head {\n  background: var(--surface);\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.csg-panel-icon { font-size: 16px; }\n.csg-panel-title {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--text-sub);\n}\n.csg-panel-body {\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n.csg-btn {\n  width: 100%;\n  background: transparent;\n  border: 1.5px solid transparent;\n  border-radius: var(--radius-sm);\n  padding: 10px 14px;\n  text-align: left;\n  cursor: pointer;\n  transition: all 0.15s;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--text);\n}\n.csg-btn:hover { background: var(--surface); border-color: var(--border2); }\n.csg-btn.selected { background: var(--gold-bg); border-color: var(--gold-border); }\n.csg-btn.selected .csg-dot { background: var(--gold); border-color: var(--gold); }\n.csg-btn.selected .csg-lbl { color: #7a5500; font-weight: 700; }\n.csg-dot {\n  width: 13px; height: 13px;\n  border-radius: 50%;\n  border: 2px solid var(--border2);\n  flex-shrink: 0;\n  transition: all 0.15s;\n}\n.csg-lbl { font-size: 13px; font-weight: 400; line-height: 1.3; color: var(--text); transition: color 0.15s; }\n.csg-sublbl { font-size: 11px; color: var(--text-muted); margin-top: 1px; }\n.csg-btn.csg-any .csg-lbl { color: var(--text-muted); }\n.csg-btn.csg-any.selected { background: #f5f5f5; border-color: var(--border2); }\n.csg-btn.csg-any.selected .csg-dot { background: var(--text-muted); border-color: var(--text-muted); }\n.csg-btn.csg-any.selected .csg-lbl { color: var(--text-sub); font-weight: 700; }\n\n\/* \u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-cta {\n  text-align: center;\n  margin-top: 32px;\n  opacity: 0;\n  animation: csgFadeUp 0.5s 0.95s forwards;\n}\n.csg-find-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--gold);\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  padding: 16px 48px;\n  border: none;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.csg-find-btn:hover { background: var(--gold-light); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(200,134,10,0.25); }\n.csg-find-btn:disabled { background: var(--border2); color: #fff; cursor: not-allowed; transform: none; box-shadow: none; }\n.csg-find-btn .arr { font-size: 16px; transition: transform 0.2s; }\n.csg-find-btn:hover:not(:disabled) .arr { transform: translateX(4px); }\n\n.csg-divider { border: none; border-top: 1px solid var(--border); max-width: 1060px; margin: 0 auto; }\n\n\/* \u2500\u2500 RESULT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#csg-result {\n  max-width: 1060px;\n  margin: 0 auto;\n  padding: 56px 24px 40px;\n  display: none;\n  background: var(--bg);\n}\n#csg-result.visible { display: block; }\n.csg-result-label {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 3px; text-transform: uppercase;\n  color: var(--gold); margin-bottom: 8px;\n}\n.csg-result-heading {\n  margin-bottom: 32px;\n  padding-bottom: 20px;\n  border-bottom: 2px solid var(--text);\n  opacity: 0;\n  animation: csgFadeUp 0.4s 0.05s forwards;\n}\n.csg-result-heading .sub-label {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--text);\n  margin-bottom: 4px;\n}\n.csg-result-heading .main-line {\n  display: block;\n  font-size: clamp(20px, 3vw, 28px);\n  font-weight: 900;\n  color: var(--text);\n  line-height: 1.3;\n}\n.csg-result-heading .hl { color: var(--gold); }\n.csg-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n  gap: 20px;\n  margin-bottom: 20px;\n}\n@media (max-width: 620px) { .csg-cards { grid-template-columns: 1fr; } }\n\n\/* \u2500\u2500 \u540c\u4fa1\u683c\u5e2f\u306e\u88dc\u8db3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-also-wrap {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  padding: 14px 20px;\n  margin-bottom: 28px;\n  opacity: 0;\n  animation: csgFadeUp 0.4s 0.2s forwards;\n}\n.csg-also-title {\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--text-muted);\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n.csg-also-body {\n  font-size: 12px;\n  color: var(--text);\n  line-height: 1.7;\n}\n.csg-also-body a {\n  color: var(--gold);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n.csg-only-note {\n  font-size: 12px;\n  color: var(--text);\n}\n\n\/* \u2500\u2500 CAMERA CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-card {\n  border: 2px solid var(--border);\n  border-radius: var(--radius);\n  padding: 28px;\n  opacity: 0;\n  animation: csgFadeUp 0.4s forwards;\n  background: #fff;\n}\n.csg-card.rank1 { border-color: var(--gold); }\n.csg-card-badge {\n  display: inline-block;\n  background: var(--gold);\n  color: #fff;\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase;\n  padding: 4px 12px; margin-bottom: 4px;\n}\n.csg-card-badge.sub { background: var(--surface2); color: var(--text-sub); }\n.csg-type-tag {\n  display: inline-block;\n  font-size: 11px; color: var(--text-muted);\n  border: 1px solid var(--border);\n  padding: 2px 8px; border-radius: 3px;\n  margin-left: 8px; vertical-align: middle;\n}\n.csg-cam-name {\n  font-size: 36px; font-weight: 900;\n  letter-spacing: -0.02em; line-height: 1;\n  color: var(--text); margin: 12px 0 10px;\n}\n.csg-cam-hl {\n  font-size: 13px; color: var(--text-sub);\n  line-height: 1.7; margin-bottom: 20px;\n  padding-bottom: 18px; border-bottom: 1px solid var(--border);\n}\n.csg-price { font-size: 12px; color: var(--text-muted); margin-bottom: 16px; }\n.csg-price strong { font-size: 22px; font-weight: 900; color: var(--text); }\n\n\/* Amazon\u30dc\u30bf\u30f3\uff1a\u843d\u3061\u7740\u3044\u305f\u30c8\u30fc\u30f3 *\/\n.csg-amazon-btn {\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n  width: 100%;\n  background: #fff;\n  color: var(--text);\n  font-size: 13px; font-weight: 700;\n  padding: 11px 20px;\n  border: 2px solid var(--border2);\n  border-radius: var(--radius-sm);\n  cursor: pointer; text-decoration: none;\n  transition: all 0.18s;\n}\n.csg-amazon-btn:hover { border-color: var(--amazon); color: var(--text); background: #fff9f0; }\n.csg-amazon-btn .amz-logo { color: var(--amazon); font-weight: 900; font-size: 14px; letter-spacing: -0.5px; }\n.csg-no-link {\n  display: block; text-align: center;\n  font-size: 11px; color: var(--text-muted);\n  border: 1px dashed var(--border2);\n  padding: 10px; border-radius: 3px;\n}\n\n\/* \u2500\u2500 LENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-lens-wrap {\n  border: 2px solid var(--border);\n  border-radius: var(--radius);\n  overflow: hidden;\n  opacity: 0;\n  animation: csgFadeUp 0.4s 0.25s forwards;\n  background: #fff;\n  margin-bottom: 0;\n}\n.csg-lens-head {\n  background: var(--surface);\n  border-bottom: 1px solid var(--border);\n  padding: 14px 22px;\n  display: flex; align-items: center; gap: 10px;\n}\n.csg-lens-title {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 2.5px; text-transform: uppercase;\n  color: var(--text-sub);\n}\n.csg-lens-list {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n}\n.csg-lens-card {\n  padding: 16px 22px;\n  border-right: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  display: flex; flex-direction: column; gap: 4px;\n}\n.csg-lens-name { font-size: 12px; font-weight: 700; line-height: 1.5; color: var(--text); }\n.csg-lens-note { font-size: 11px; color: var(--text-muted); }\n\/* \u30ec\u30f3\u30ba\u30ea\u30f3\u30af\uff1a\u30c6\u30ad\u30b9\u30c8\u306e\u307f *\/\n.csg-lens-link {\n  font-size: 12px;\n  color: var(--gold);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  margin-top: 4px;\n}\n.csg-lens-link:hover { color: var(--gold-light); }\n\n\/* \u2500\u2500 \u9078\u3073\u76f4\u3059\u30dc\u30bf\u30f3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.csg-reset-wrap {\n  text-align: center;\n  padding: 28px 0;\n}\n.csg-reset-label {\n  font-size: 12px;\n  color: var(--text-muted);\n  margin-bottom: 12px;\n}\n.csg-reset-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--gold-bg);\n  border: 2px solid var(--gold-border);\n  color: #7a5500;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 12px 32px;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.csg-reset-btn:hover { background: var(--gold); color: #fff; border-color: var(--gold); }\n\n.csg-affi-note {\n  text-align: center; font-size: 11px;\n  color: var(--text-muted);\n  padding: 6px 24px;\n  max-width: 1060px; margin: 0 auto;\n  background: var(--bg);\n}\n.csg-affi-note:first-of-type {\n  padding-top: 32px;\n}\n.csg-affi-note:last-of-type {\n  padding-bottom: 48px;\n}\n\n@keyframes csgFadeUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n<\/style>\n\n<div class=\"csg-root\">\n\n  <!-- HERO -->\n  <div class=\"csg-hero\">\n    <div class=\"csg-badge\">Camera Selection Guide<\/div>\n    <div class=\"csg-hero-title\">\n      <span class=\"en\">NIKON Z<\/span>\n      <span class=\"ja\">\u30ab\u30e1\u30e9\u9078\u3073\u65b9\u30ac\u30a4\u30c9<\/span>\n    <\/div>\n    <p class=\"csg-hero-credit\">Created by Jima<\/p>\n  <\/div>\n\n  <!-- SELECTOR -->\n  <div class=\"csg-selector\">\n    <p class=\"csg-step-title\">\u7d5e\u308a\u8fbc\u307f\u6761\u4ef6\u3092\u9078\u3073\u307e\u3057\u3087\u3046<\/p>\n\n    <div class=\"csg-grid\">\n\n      <!-- \u4e88\u7b97 -->\n      <div class=\"csg-panel\" id=\"csg-panel-budget\">\n        <div class=\"csg-panel-head\">\n          <span class=\"csg-panel-icon\">\u00a5<\/span>\n          <span class=\"csg-panel-title\">\u4e88\u7b97\u3067\u9078\u3076<\/span>\n        <\/div>\n        <div class=\"csg-panel-body\">\n          <button class=\"csg-btn\" onclick=\"csgSel('budget',1,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u301c10\u4e07\u5186<\/div><div class=\"csg-sublbl\">\u307e\u305a\u8a66\u3057\u3066\u307f\u305f\u3044<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('budget',2,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">10\u301c15\u4e07\u5186<\/div><div class=\"csg-sublbl\">\u3057\u3063\u304b\u308a\u4f7f\u3048\u308bAPS-C<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('budget',3,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">15\u301c25\u4e07\u5186<\/div><div class=\"csg-sublbl\">\u672c\u683c\u30d5\u30eb\u30b5\u30a4\u30ba\u5165\u9580<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('budget',4,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">25\u301c30\u4e07\u5186<\/div><div class=\"csg-sublbl\">\u3053\u3060\u308f\u308a\u306e\u30d5\u30eb\u30b5\u30a4\u30ba<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('budget',5,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">30\u301c50\u4e07\u5186<\/div><div class=\"csg-sublbl\">\u30cf\u30a4\u30a8\u30f3\u30c9\u3092\u72d9\u3046<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('budget',6,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">50\u4e07\u5186\u4ee5\u4e0a<\/div><div class=\"csg-sublbl\">\u30d7\u30ed\u6a5f\u30fb\u30d5\u30e9\u30c3\u30b0\u30b7\u30c3\u30d7<\/div><\/div><\/button>\n          <button class=\"csg-btn csg-any\" onclick=\"csgSel('budget',0,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u6307\u5b9a\u306a\u3057<\/div><div class=\"csg-sublbl\">\u3059\u3079\u3066\u306e\u4fa1\u683c\u5e2f\u304b\u3089\u63a2\u3059<\/div><\/div><\/button>\n        <\/div>\n      <\/div>\n\n      <!-- \u643a\u5e2f\u6027 -->\n      <div class=\"csg-panel\" id=\"csg-panel-portability\">\n        <div class=\"csg-panel-head\">\n          <span class=\"csg-panel-icon\">\ud83c\udf92<\/span>\n          <span class=\"csg-panel-title\">\u643a\u5e2f\u6027\u3067\u9078\u3076<\/span>\n        <\/div>\n        <div class=\"csg-panel-body\">\n          <button class=\"csg-btn\" onclick=\"csgSel('portability',1,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u8efd\u3055\u30fb\u5c0f\u3055\u3055\u91cd\u8996<\/div><div class=\"csg-sublbl\">\u30ab\u30d0\u30f3\u306b\u30b5\u30c3\u3068\u5165\u308c\u305f\u3044<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('portability',2,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u30d0\u30e9\u30f3\u30b9\u91cd\u8996<\/div><div class=\"csg-sublbl\">\u4f7f\u3044\u3084\u3059\u3055\u3068\u753b\u8cea\u3092\u4e21\u7acb<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('portability',3,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u672c\u683c\u6d3e\uff08\u91cd\u3055\u6c17\u306b\u3057\u306a\u3044\uff09<\/div><div class=\"csg-sublbl\">\u6027\u80fd\u30fb\u6a5f\u80fd\u3092\u6700\u512a\u5148<\/div><\/div><\/button>\n          <button class=\"csg-btn csg-any\" onclick=\"csgSel('portability',0,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u6307\u5b9a\u306a\u3057<\/div><div class=\"csg-sublbl\">\u643a\u5e2f\u6027\u306f\u7279\u306b\u3053\u3060\u308f\u3089\u306a\u3044<\/div><\/div><\/button>\n        <\/div>\n      <\/div>\n\n      <!-- \u64ae\u5f71\u76ee\u7684 -->\n      <div class=\"csg-panel\" id=\"csg-panel-purpose\">\n        <div class=\"csg-panel-head\">\n          <span class=\"csg-panel-icon\">\ud83d\udcf7<\/span>\n          <span class=\"csg-panel-title\">\u64ae\u5f71\u76ee\u7684\u3067\u9078\u3076<\/span>\n        <\/div>\n        <div class=\"csg-panel-body\">\n          <button class=\"csg-btn\" onclick=\"csgSel('purpose',1,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u65e5\u5e38\u30fb\u65c5\u884c\u30b9\u30ca\u30c3\u30d7<\/div><div class=\"csg-sublbl\">\u6c17\u8efd\u306b\u304d\u308c\u3044\u306b\u6b8b\u3057\u305f\u3044<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('purpose',2,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u98a8\u666f\u30fb\u5efa\u7bc9<\/div><div class=\"csg-sublbl\">\u9ad8\u89e3\u50cf\u30fb\u5e83\u5927\u306a\u666f\u8272\u3092\u64ae\u308b<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('purpose',3,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u30fb\u4eba\u7269<\/div><div class=\"csg-sublbl\">\u4eba\u3092\u7f8e\u3057\u304f\u64ae\u308a\u305f\u3044<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('purpose',5,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u30b9\u30dd\u30fc\u30c4\u30fb\u91ce\u9ce5\uff08\u52d5\u304d\u3082\u306e\uff09<\/div><div class=\"csg-sublbl\">\u901f\u3044\u52d5\u304d\u3092\u4e00\u77ac\u3067\u5207\u308a\u53d6\u308b<\/div><\/div><\/button>\n          <button class=\"csg-btn\" onclick=\"csgSel('purpose',4,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u52d5\u753b\u30fbVlog<\/div><div class=\"csg-sublbl\">\u6620\u50cf\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u3068\u3057\u3066\u6d3b\u52d5<\/div><\/div><\/button>\n          <button class=\"csg-btn csg-any\" onclick=\"csgSel('purpose',0,this)\"><div class=\"csg-dot\"><\/div><div><div class=\"csg-lbl\">\u6307\u5b9a\u306a\u3057<\/div><div class=\"csg-sublbl\">\u307e\u3060\u6c7a\u307e\u3063\u3066\u3044\u306a\u3044\u30fb\u306a\u3093\u3067\u3082<\/div><\/div><\/button>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/csg-grid -->\n\n    <div class=\"csg-cta\">\n      <button class=\"csg-find-btn\" id=\"csg-find-btn\" onclick=\"csgShowResult()\" disabled>3\u3064\u306e\u6761\u4ef6\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044<\/button>\n    <\/div>\n  <\/div><!-- \/csg-selector -->\n\n  <hr class=\"csg-divider\">\n\n  <!-- RESULT -->\n  <div id=\"csg-result\">\n    <p class=\"csg-result-label\">Result<\/p>\n    <h2 class=\"csg-result-heading\" id=\"csg-result-heading\"><\/h2>\n    <div class=\"csg-cards\" id=\"csg-cards\"><\/div>\n    <div id=\"csg-also\"><\/div>\n    <div class=\"csg-reset-wrap\">\n      <p class=\"csg-reset-label\">\u5225\u306e\u6761\u4ef6\u3067\u63a2\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/p>\n      <button class=\"csg-reset-btn\" onclick=\"csgReset()\">\u2190 \u6761\u4ef6\u3092\u9078\u3073\u76f4\u3059<\/button>\n    <\/div>\n    <div class=\"csg-lens-wrap\">\n      <div class=\"csg-lens-head\">\n        <span>\ud83d\udd2d<\/span>\n        <span class=\"csg-lens-title\">\u304a\u3059\u3059\u3081\u30ec\u30f3\u30ba<\/span>\n      <\/div>\n      <div class=\"csg-lens-list\" id=\"csg-lens-list\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"csg-affi-note\">\u6700\u7d42\u66f4\u65b0\u65e5\uff1a2026\u5e743\u670823\u65e5<\/div>\n  <div class=\"csg-affi-note\">\u672c\u30da\u30fc\u30b8\u306fAmazon\u30a2\u30bd\u30b7\u30a8\u30a4\u30c8\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u5229\u7528\u3057\u3066\u3044\u307e\u3059\u3002<\/div>\n\n<\/div><!-- \/csg-root -->\n\n<script>\nconst csgCameras = [\n  { id:'z30',   name:'Nikon Z30',   type:'APS-C',     price:97900,  band:1, port:[1],   purp:[1,4],       hl:'\u30b3\u30f3\u30d1\u30af\u30c8\u3067\u52d5\u753b\u306b\u5f37\u3044\u30a8\u30f3\u30c8\u30ea\u30fc\u6a5f\u3002Vlog\u5165\u9580\u306b\u6700\u9069\u306a\u4e00\u53f0\u3002',                url:'https:\/\/amzn.to\/4ss2yb5', lens:['dx1650','z28'] },\n  { id:'zfc',   name:'Nikon Zfc',   type:'APS-C',     price:129800, band:2, port:[1],   purp:[1,3],       hl:'\u30ec\u30c8\u30ed\u30c7\u30b6\u30a4\u30f3\u304c\u9b45\u529b\u3002\u30b9\u30ca\u30c3\u30d7\u3084\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u3092\u304a\u3057\u3083\u308c\u306b\u697d\u3057\u3081\u308b\u3002',        url:'https:\/\/amzn.to\/4bL05l3', lens:['z28se','dx1650'] },\n  { id:'z50ii', name:'Nikon Z50II', type:'APS-C',     price:145200, band:2, port:[1,2], purp:[1,2,3,4],   hl:'\u4f7f\u3044\u3084\u3059\u3055\u3068\u753b\u8cea\u3092\u4e21\u7acb\u3057\u305f\u4e07\u80fdAPS-C\u6a5f\u3002\u521d\u3081\u3066\u306e\u4e00\u53f0\u306b\u3002',                  url:'https:\/\/amzn.to\/3PrLPpQ', lens:['dx1650','dx50250'] },\n  { id:'z5',    name:'Nikon Z5',    type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:182600, band:3, port:[2],   purp:[1,2,3],     hl:'\u30ea\u30fc\u30ba\u30ca\u30d6\u30eb\u306a\u30d5\u30eb\u30b5\u30a4\u30ba\u5165\u9580\u6a5f\u3002\u753b\u8cea\u306e\u5e95\u4e0a\u3052\u3092\u5b9f\u611f\u3067\u304d\u308b\u3002',                url:null,                      lens:['z2470f4','z50f18'] },\n  { id:'z6ii',  name:'Nikon Z6II',  type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:247500, band:3, port:[2,3], purp:[2,3,4,5],   hl:'\u9ad8\u611f\u5ea6\u30fb\u9ad8\u901fAF\u3092\u517c\u306d\u5099\u3048\u305f\u30aa\u30fc\u30eb\u30e9\u30a6\u30f3\u30c0\u30fc\u3002\u5e45\u5e83\u3044\u30b7\u30fc\u30f3\u306b\u5bfe\u5fdc\u3002',          url:'https:\/\/amzn.to\/3RJCAiz', lens:['z2470f4','z85f18'] },\n  { id:'z5ii',  name:'Nikon Z5II',  type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:258500, band:4, port:[2],   purp:[1,2,3],     hl:'Z5\u306e\u5f8c\u7d99\u6a5f\u3002AF\u6027\u80fd\u304c\u5927\u5e45\u5411\u4e0a\u3057\u3001\u9759\u6b62\u753b\u30fb\u52d5\u753b\u3068\u3082\u306b\u4f7f\u3044\u3084\u3059\u3044\u3002',            url:'https:\/\/amzn.to\/3RJCAiz', lens:['z2470f4','z50f18'] },\n  { id:'zf',    name:'Nikon Zf',    type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:299200, band:4, port:[1,2], purp:[1,2,3],     hl:'\u30d8\u30ea\u30c6\u30fc\u30b8\u30c7\u30b6\u30a4\u30f3\u306e\u30d5\u30eb\u30b5\u30a4\u30ba\u6a5f\u3002\u6301\u3061\u51fa\u3059\u559c\u3073\u3068\u9ad8\u753b\u8cea\u3092\u4e21\u7acb\u3002',            url:'https:\/\/amzn.to\/4525FtV', lens:['z40f2','z26f28'] },\n  { id:'zr',    name:'Nikon ZR',    type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:299200, band:4, port:[2],   purp:[1,2,3],     hl:'2025\u5e74\u767b\u5834\u306e\u6ce8\u76ee\u30d5\u30eb\u30b5\u30a4\u30ba\u6a5f\u3002\u30d0\u30e9\u30f3\u30b9\u306e\u826f\u3044\u64cd\u4f5c\u6027\u3068\u753b\u8cea\u3002',                url:'https:\/\/amzn.to\/4ni2mZH', lens:['z2470f4','z50f18'] },\n  { id:'z7ii',  name:'Nikon Z7II',  type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:357500, band:5, port:[3],   purp:[2,3],       hl:'4500\u4e07\u753b\u7d20\u306e\u5727\u5012\u7684\u89e3\u50cf\u5ea6\u3002\u98a8\u666f\u30fb\u5efa\u7bc9\u30fb\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u306b\u6700\u9ad8\u306e\u4e00\u53f0\u3002',          url:'https:\/\/amzn.to\/3cTeeyX', lens:['z2470f28','z105mc'] },\n  { id:'z6iii', name:'Nikon Z6III', type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:396000, band:5, port:[2,3], purp:[3,4,5],     hl:'\u4e16\u754c\u521d\u306e\u90e8\u5206\u7a4d\u5c64\u578bCMOS\u30bb\u30f3\u30b5\u30fc\u642d\u8f09\u3002\u52d5\u753b\u30fb\u52d5\u304d\u3082\u306e\u64ae\u5f71\u306e\u65b0\u57fa\u6e96\u3002',          url:'https:\/\/amzn.to\/3LeewBb', lens:['z70200f28','z2470f28'] },\n  { id:'z8',    name:'Nikon Z8',    type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:599500, band:6, port:[3],   purp:[1,2,3,4,5], hl:'Z9\u306e\u6280\u8853\u3092\u30b3\u30f3\u30d1\u30af\u30c8\u306a\u30dc\u30c7\u30a3\u306b\u51dd\u7e2e\u3002\u30d7\u30ed\u54c1\u8cea\u3092\u3088\u308a\u624b\u8efd\u306b\u3002',           url:'https:\/\/amzn.to\/4kB19eC', lens:['z70200f28','z400f45tc'] },\n  { id:'z9',    name:'Nikon Z9',    type:'\u30d5\u30eb\u30b5\u30a4\u30ba', price:772200, band:6, port:[3],   purp:[1,2,3,4,5], hl:'Nikon\u306e\u30d5\u30e9\u30c3\u30b0\u30b7\u30c3\u30d7\u6a5f\u3002\u3069\u3093\u306a\u5834\u9762\u3067\u3082\u6700\u9ad8\u306e\u7d50\u679c\u3092\u6c42\u3081\u308b\u4eba\u3078\u3002',        url:'https:\/\/amzn.to\/3JE4MPF', lens:['z70200f28','z400f45tc'] }\n];\n\nconst csgLenses = {\n  dx1650:    { name:'NIKKOR Z DX 16-50mm f\/3.5-6.3 VR',  note:'\u8efd\u91cf\u30ad\u30c3\u30c8\u30ba\u30fc\u30e0\u30fb\u65e5\u5e38\u30b9\u30ca\u30c3\u30d7\u306b',     url:'https:\/\/amzn.to\/489KZmG' },\n  dx50250:   { name:'NIKKOR Z DX 50-250mm f\/4.5-6.3 VR', note:'\u671b\u9060\u30ba\u30fc\u30e0\u30fb\u904b\u52d5\u4f1a\u3084\u65c5\u884c\u306b',           url:'https:\/\/amzn.to\/3P2zLrf' },\n  z28:       { name:'NIKKOR Z 28mm f\/2.8',                note:'\u30b3\u30f3\u30d1\u30af\u30c8\u5358\u7126\u70b9\u30fb\u30b9\u30ca\u30c3\u30d7\u5411\u3051',       url:'https:\/\/amzn.to\/3GoerIe' },\n  z28se:     { name:'NIKKOR Z 28mm f\/2.8',                note:'Zfc\u3068\u76f8\u6027\u629c\u7fa4\u30fb\u30b9\u30ca\u30c3\u30d7\u5411\u3051\u5358\u7126\u70b9',    url:'https:\/\/amzn.to\/3GoerIe' },\n  z26f28:    { name:'NIKKOR Z 26mm f\/2.8',                note:'\u8d85\u8584\u578b\u306e\u643a\u5e2f\u6027\u91cd\u8996\u5358\u7126\u70b9',             url:'https:\/\/amzn.to\/3K0FqwT' },\n  z40f2:     { name:'NIKKOR Z 40mm f\/2',                  note:'\u30b3\u30f3\u30d1\u30af\u30c8\u3067\u4f7f\u3044\u3084\u3059\u3044\u6a19\u6e96\u5358\u7126\u70b9',     url:'https:\/\/amzn.to\/3ifmZJy' },\n  z50f18:    { name:'NIKKOR Z 50mm f\/1.8 S',              note:'\u9ad8\u753b\u8cea\u306a\u6a19\u6e96\u5358\u7126\u70b9\u30fb\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u306b\u3082', url:'https:\/\/amzn.to\/3sk6IUq' },\n  z85f18:    { name:'NIKKOR Z 85mm f\/1.8 S',              note:'\u7f8e\u3057\u3044\u30dc\u30b1\u306e\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u30ec\u30f3\u30ba',       url:'https:\/\/amzn.to\/2UqLEz4' },\n  z105mc:    { name:'NIKKOR Z MC 105mm f\/2.8 VR S',       note:'\u89e3\u50cf\u529b\u629c\u7fa4\u30fb\u63a5\u5199\u3082OK',                 url:'https:\/\/amzn.to\/3K8Sm3T' },\n  z2470f4:   { name:'NIKKOR Z 24-70mm f\/4 S',             note:'\u30b3\u30f3\u30d1\u30af\u30c8\u306a\u6a19\u6e96\u30ba\u30fc\u30e0\u30fb\u6c4e\u7528\u6027\u25ce',     url:'https:\/\/amzn.to\/3JWbxO6' },\n  z2470f28:  { name:'NIKKOR Z 24-70mm f\/2.8 S II',        note:'\u30d7\u30ed\u7528\u5927\u53e3\u5f84\u6a19\u6e96\u30ba\u30fc\u30e0',               url:'https:\/\/amzn.to\/3I7mkXP' },\n  z70200f28: { name:'NIKKOR Z 70-200mm f\/2.8 VR S',       note:'\u9ad8\u901fAF\u30fb\u30b9\u30dd\u30fc\u30c4\u30fb\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u306b',     url:'https:\/\/amzn.to\/408xcIn' },\n  z400f45tc: { name:'NIKKOR Z 400mm f\/4.5 VR S',          note:'\u8d85\u671b\u9060\u30fb\u91ce\u9ce5\u30fb\u30b9\u30dd\u30fc\u30c4\u5c02\u7528',           url:'https:\/\/amzn.to\/3GkLoWi' }\n};\n\nconst csgPortL = ['','\u8efd\u3055\u30fb\u5c0f\u3055\u3055\u91cd\u8996','\u30d0\u30e9\u30f3\u30b9\u91cd\u8996','\u672c\u683c\u6d3e'];\nconst csgPurpL = ['','\u65e5\u5e38\u30fb\u65c5\u884c\u30b9\u30ca\u30c3\u30d7','\u98a8\u666f\u30fb\u5efa\u7bc9','\u30dd\u30fc\u30c8\u30ec\u30fc\u30c8\u30fb\u4eba\u7269','\u52d5\u753b\u30fbVlog','\u30b9\u30dd\u30fc\u30c4\u30fb\u91ce\u9ce5'];\nconst csgS = { budget:null, portability:null, purpose:null };\n\nconst csgTable = {\n  '1_1_1':['z30',null],  '1_1_2':['z30',null],  '1_1_3':['z30',null],  '1_1_4':['z30',null],  '1_1_5':['z30',null],\n  '1_2_1':['z30',null],  '1_2_2':['z30',null],  '1_2_3':['z30',null],  '1_2_4':['z30',null],  '1_2_5':['z30',null],\n  '1_3_1':['z30',null],  '1_3_2':['z30',null],  '1_3_3':['z30',null],  '1_3_4':['z30',null],  '1_3_5':['z30',null],\n\n  '2_1_1':['z30','z50ii'], '2_1_2':['z50ii','zfc'],  '2_1_3':['z50ii',null],  '2_1_4':['z50ii','zfc'],  '2_1_5':['z50ii',null],\n  '2_2_1':['z50ii','zfc'], '2_2_2':['z50ii','zfc'],  '2_2_3':['z50ii',null],  '2_2_4':['z50ii',null],   '2_2_5':['z50ii',null],\n  '2_3_1':['z50ii',null],  '2_3_2':['z50ii',null],   '2_3_3':['z50ii',null],  '2_3_4':['z50ii',null],   '2_3_5':['z50ii',null],\n\n  '3_1_1':['z5','z6ii'],   '3_1_2':['z5','z6ii'],   '3_1_3':['z6ii',null],  '3_1_4':['z6ii','z5'],   '3_1_5':['z6ii',null],\n  '3_2_1':['z5','z6ii'],   '3_2_2':['z5','z6ii'],   '3_2_3':['z6ii',null],  '3_2_4':['z6ii',null],   '3_2_5':['z6ii','z5'],\n  '3_3_1':['z5','z6ii'],   '3_3_2':['z6ii','z5'],   '3_3_3':['z6ii','z5'],  '3_3_4':['z6ii','z5'],   '3_3_5':['z6ii','z5'],\n\n  '4_1_1':['z5ii','zr'],   '4_1_2':['z5ii','zf'],   '4_1_3':['z5ii','zf'],  '4_1_4':['zr','z5ii'],   '4_1_5':['zf','z5ii'],\n  '4_2_1':['z5ii','zf'],   '4_2_2':['z5ii','zf'],   '4_2_3':['z5ii','zf'],  '4_2_4':['zr','z5ii'],   '4_2_5':['zr','z5ii'],\n  '4_3_1':['z5ii','zf'],   '4_3_2':['z5ii','zf'],   '4_3_3':['z5ii','zr'],  '4_3_4':['zr','z5ii'],   '4_3_5':['z5ii','zr'],\n\n  '5_1_1':['z7ii','z6iii'],'5_1_2':['z7ii','z6iii'],'5_1_3':['z6iii',null], '5_1_4':['z6iii',null],  '5_1_5':['z6iii',null],\n  '5_2_1':['z6iii','z7ii'],'5_2_2':['z7ii','z6iii'],'5_2_3':['z6iii',null], '5_2_4':['z6iii',null],  '5_2_5':['z6iii','z7ii'],\n  '5_3_1':['z7ii','z6iii'],'5_3_2':['z7ii','z6iii'],'5_3_3':['z6iii',null], '5_3_4':['z6iii',null],  '5_3_5':['z6iii','z7ii'],\n\n  '6_1_1':['z8','z9'],  '6_1_2':['z8','z9'],  '6_1_3':['z8','z9'],  '6_1_4':['z9','z8'],  '6_1_5':['z9','z8'],\n  '6_2_1':['z8','z9'],  '6_2_2':['z8','z9'],  '6_2_3':['z8','z9'],  '6_2_4':['z9','z8'],  '6_2_5':['z9','z8'],\n  '6_3_1':['z8','z9'],  '6_3_2':['z8','z9'],  '6_3_3':['z8','z9'],  '6_3_4':['z9','z8'],  '6_3_5':['z9','z8'],\n};\n\nconst csgBandNames = ['','\u301c10\u4e07\u5186','10\u301c15\u4e07\u5186','15\u301c25\u4e07\u5186','25\u301c30\u4e07\u5186','30\u301c50\u4e07\u5186','50\u4e07\u5186\u4ee5\u4e0a'];\n\nfunction csgSel(type, val, btn) {\n  btn.closest('.csg-panel').querySelectorAll('.csg-btn').forEach(b => b.classList.remove('selected'));\n  btn.classList.add('selected');\n  csgS[type] = val;\n  btn.closest('.csg-panel').classList.add('has-selection');\n  csgUpdateBtn();\n}\nfunction csgUpdateBtn() {\n  const btn = document.getElementById('csg-find-btn');\n  const ok = csgS.budget !== null && csgS.portability !== null && csgS.purpose !== null;\n  btn.disabled = !ok;\n  btn.innerHTML = ok ? '\u8a72\u5f53\u3059\u308b\u30ab\u30e1\u30e9\u3092\u898b\u308b <span class=\"arr\">\u2192<\/span>' : '3\u3064\u306e\u6761\u4ef6\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044';\n}\n\nfunction csgShowResult() {\n  const { budget, portability, purpose } = csgS;\n  const b = budget === 0 ? 2 : budget;\n  const p = portability === 0 ? 2 : portability;\n  const u = purpose === 0 ? 1 : purpose;\n\n  const key = `${b}_${p}_${u}`;\n  const ids = csgTable[key] || [null, null];\n  const disp = ids.map(id => id ? csgCameras.find(c => c.id === id) : null).filter(Boolean);\n\n  const purpTxt = purpose === 0 ? '\u76ee\u7684\u6307\u5b9a\u306a\u3057' : csgPurpL[purpose];\n  const portTxt = portability === 0 ? '\u643a\u5e2f\u6027\u6307\u5b9a\u306a\u3057' : csgPortL[portability];\n  document.getElementById('csg-result-heading').innerHTML =\n    `<span class=\"sub-label\">\u3042\u306a\u305f\u3078\u306e\u304a\u3059\u3059\u3081<\/span><span class=\"main-line\"><span class=\"hl\">${purpTxt}<\/span> \u00d7 ${portTxt}<\/span>`;\n\n  \/\/ \u30ab\u30e1\u30e9\u30ab\u30fc\u30c9\n  const ce = document.getElementById('csg-cards');\n  ce.innerHTML = '';\n  disp.forEach((cam, i) => {\n    const d = document.createElement('div');\n    d.className = 'csg-card' + (i === 0 ? ' rank1' : '');\n    d.style.animationDelay = (i * 0.08) + 's';\n    const btnHtml = cam.url\n      ? `<a class=\"csg-amazon-btn\" href=\"${cam.url}\" target=\"_blank\" rel=\"nofollow noopener\">Amazon\u3067\u4fa1\u683c\u3092\u898b\u308b<\/a>`\n      : `<span class=\"csg-no-link\">Amazon\u30ea\u30f3\u30af \u6e96\u5099\u4e2d<\/span>`;\n    d.innerHTML = `\n      <div>\n        <span class=\"csg-card-badge ${i === 0 ? '' : 'sub'}\">${i === 0 ? '\u2726 Best Match' : 'Also Recommended'}<\/span>\n        <span class=\"csg-type-tag\">${cam.type}<\/span>\n      <\/div>\n      <div class=\"csg-cam-name\">${cam.name.replace('Nikon ', '')}<\/div>\n      <div class=\"csg-cam-hl\">${cam.hl}<\/div>\n      <div class=\"csg-price\">\u30cb\u30b3\u30f3\u76f4\u8ca9\u4fa1\u683c <strong>\u00a5${cam.price.toLocaleString()}<\/strong><span style=\"font-size:11px;\">\uff08\u7a0e\u8fbc\uff09<\/span><\/div>\n      ${btnHtml}`;\n    ce.appendChild(d);\n  });\n\n  \/\/ \u540c\u4fa1\u683c\u5e2f\u306e\u88dc\u8db3\n  const bandCams = csgCameras.filter(c => c.band === b);\n  const dispIds = disp.map(c => c.id);\n  const others = bandCams.filter(c => !dispIds.includes(c.id));\n  const alsoEl = document.getElementById('csg-also');\n  alsoEl.innerHTML = '';\n  const alsoWrap = document.createElement('div');\n  alsoWrap.className = 'csg-also-wrap';\n  if (bandCams.length === 1) {\n    alsoWrap.innerHTML = `\n      <div class=\"csg-also-title\">\u3053\u306e\u4fa1\u683c\u5e2f\u306b\u3064\u3044\u3066<\/div>\n      <div class=\"csg-also-body\">\n        <span class=\"csg-only-note\">${csgBandNames[b]}\u306eNikon Z\u30ab\u30e1\u30e9\u306f\u73fe\u5728 ${bandCams[0].name} \u306e\u307f\u3067\u3059\u3002\u4e88\u7b97\u3092\u5e83\u3052\u308b\u3068\u9078\u629e\u80a2\u304c\u5897\u3048\u307e\u3059\u3002<\/span>\n      <\/div>`;\n  } else if (others.length > 0) {\n    const otherLinks = others.map(c => {\n      const nameLink = c.url\n        ? `<a href=\"${c.url}\" target=\"_blank\" rel=\"nofollow noopener\">${c.name}\uff08\u00a5${c.price.toLocaleString()}\uff09<\/a>`\n        : `${c.name}\uff08\u00a5${c.price.toLocaleString()}\uff09`;\n      return nameLink;\n    }).join('\u3001');\n    alsoWrap.innerHTML = `\n      <div class=\"csg-also-title\">\u540c\u4fa1\u683c\u5e2f\uff08${csgBandNames[b]}\uff09\u306e\u4ed6\u306e\u30ab\u30e1\u30e9<\/div>\n      <div class=\"csg-also-body\">\u4eca\u56de\u306e\u6761\u4ef6\u3067\u306f\u4e0a\u8a18\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3057\u305f\u304c\u3001\u540c\u3058\u4fa1\u683c\u5e2f\u306b\u306f ${otherLinks} \u3082\u3042\u308a\u307e\u3059\u3002<\/div>`;\n  }\n  alsoEl.appendChild(alsoWrap);\n\n  \/\/ \u30ec\u30f3\u30ba\n  const lids = [...new Set(disp.flatMap(c => c.lens))].slice(0, 4);\n  const le = document.getElementById('csg-lens-list');\n  le.innerHTML = '';\n  lids.forEach(id => {\n    const l = csgLenses[id]; if (!l) return;\n    const el = document.createElement('div');\n    el.className = 'csg-lens-card';\n    const llink = l.url\n      ? `<a class=\"csg-lens-link\" href=\"${l.url}\" target=\"_blank\" rel=\"nofollow noopener\">Amazon\u3067\u898b\u308b<\/a>`\n      : `<span style=\"font-size:11px;color:#999;\">\u30ea\u30f3\u30af\u6e96\u5099\u4e2d<\/span>`;\n    el.innerHTML = `<div class=\"csg-lens-name\">${l.name}<\/div><div class=\"csg-lens-note\">${l.note}<\/div>${llink}`;\n    le.appendChild(el);\n  });\n\n  const rs = document.getElementById('csg-result');\n  rs.classList.add('visible');\n  rs.scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\nfunction csgReset() {\n  Object.keys(csgS).forEach(k => csgS[k] = null);\n  document.querySelectorAll('.csg-btn').forEach(b => b.classList.remove('selected'));\n  document.querySelectorAll('.csg-panel').forEach(p => p.classList.remove('has-selection'));\n  document.getElementById('csg-result').classList.remove('visible');\n  csgUpdateBtn();\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n<\/script>\n\n\n<!-- ============================================================\n  \u30d6\u30ed\u30b0\u30ab\u30fc\u30c9\uff08\u5358\u4f53\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\uff09\n  \u25bc \u66f4\u65b0\u65b9\u6cd5\n  \u3000href      \u2192 \u30ea\u30f3\u30af\u5148URL\n  \u3000src       \u2192 \u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cfURL\uff08WordPress\u30e1\u30c7\u30a3\u30a2\u30e9\u30a4\u30d6\u30e9\u30ea\u304b\u3089\u30b3\u30d4\u30fc\uff09\n  \u3000alt       \u2192 \u753b\u50cf\u306e\u8aac\u660e\u30c6\u30ad\u30b9\u30c8\n  \u3000label     \u2192 \u30ab\u30fc\u30c9\u4e0a\u90e8\u306e\u5c0f\u898b\u51fa\u3057\n  \u3000title     \u2192 \u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\n  \u3000excerpt   \u2192 \u8a18\u4e8b\u306e\u6982\u8981\u30c6\u30ad\u30b9\u30c8\n  ============================================================ -->\n\n<style>\n#ng-blogcard-wrap {\n  max-width: 680px;\n  margin: 0 auto 32px;\n}\n#ng-blogcard-wrap a {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  border: 1px solid #e0e0e0;\n  padding: 14px 16px;\n  text-decoration: none;\n  background: #fff;\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n#ng-blogcard-wrap a:hover {\n  border-color: #c47a00;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n}\n#ng-blogcard-wrap img {\n  width: 120px;\n  height: 80px;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n#ng-blogcard-wrap .body { flex: 1; }\n#ng-blogcard-wrap .label {\n  font-size: 10px;\n  letter-spacing: 2px;\n  color: #c47a00;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n#ng-blogcard-wrap .title {\n  font-size: 14px;\n  font-weight: 700;\n  color: #1a1a1a;\n  line-height: 1.5;\n  margin-bottom: 4px;\n}\n#ng-blogcard-wrap .excerpt {\n  font-size: 12px;\n  color: #666666;\n  line-height: 1.6;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n<\/style>\n\n<div id=\"ng-blogcard-wrap\">\n  <a href=\"https:\/\/jimatube.com\/salon\" target=\"_blank\" rel=\"noopener\">\n    <img decoding=\"async\" src=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/01\/salon01-300x300.jpg\" alt=\"\u3010\u753b\u50cf\u306e\u8aac\u660e\u30c6\u30ad\u30b9\u30c8\u3011\">\n    <div class=\"body\">\n      <div class=\"label\">\u30ab\u30e1\u30e9\u30fb\u5199\u771f\u3067\u4ea4\u6d41\uff5c\u3054\u8cea\u554f\u306f\u30b3\u30c1\u30e9<\/div>\n      <div class=\"title\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30b5\u30ed\u30f3 JimaTube\u3010Community\u3011<\/div>\n    <\/div>\n  <\/a>\n<\/div>\n\n\n<h4 class=\"wp-block-heading has-text-align-left is-style-heading11\">\u304a\u5f79\u7acb\u3061\u30da\u30fc\u30b8<\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimatube.com\/?page_id=14084\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1024x538.png\" alt=\"\" class=\"wp-image-14495\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1024x538.png 1024w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-300x158.png 300w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-768x403.png 768w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1536x807.png 1536w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image.png 1826w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-xwrite-button wp-block-xwrite is-layout-flex wp-container-xwrite-button-is-layout-16018d1d wp-block-xwrite-button-is-layout-flex\">\n<div class=\"xw-block-button xw-block-button--normal  hover_action\" style=\"--border-radius:5px;--background-color:var(--key-color);--accent-color:var(--key-color);--text-color:#fff\"><span class=\"xw-block-button__micro-copy\">\u30ab\u30e1\u30e9\u5225\u304a\u3059\u3059\u3081\u30a2\u30a4\u30c6\u30e0<\/span><a class=\"xw-block-button__link\" href=\"https:\/\/jimatube.com\/?page_id=14084\"><span class=\"xw-block-button__body\"><span class=\"xw-block-button__text has-text-align-center\">\u8a73\u7d30\u306f\u30b3\u30c1\u30e9<\/span><\/span><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimatube.com\/?page_id=14325\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-1024x574.png\" alt=\"\" class=\"wp-image-14460\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-1024x574.png 1024w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-300x168.png 300w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-768x430.png 768w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-120x68.png 120w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-160x90.png 160w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-320x180.png 320w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1-1536x860.png 1536w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/04\/image-1.png 1789w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-xwrite-button wp-block-xwrite is-layout-flex wp-container-xwrite-button-is-layout-16018d1d wp-block-xwrite-button-is-layout-flex\">\n<div class=\"xw-block-button xw-block-button--normal  hover_action\" style=\"--border-radius:5px;--background-color:var(--key-color);--accent-color:var(--key-color);--text-color:#fff\"><span class=\"xw-block-button__micro-copy\">\u30ab\u30e1\u30e9\u9078\u3073\u65b9\u30ac\u30a4\u30c9<\/span><a class=\"xw-block-button__link\" href=\"https:\/\/jimatube.com\/?page_id=14325\"><span class=\"xw-block-button__body\"><span class=\"xw-block-button__text has-text-align-center\">\u8a73\u7d30\u306f\u30b3\u30c1\u30e9<\/span><\/span><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimatube.com\/?p=13872\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-1024x576.jpg\" alt=\"\" class=\"wp-image-13915\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-1024x576.jpg 1024w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-300x169.jpg 300w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-768x432.jpg 768w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-120x68.jpg 120w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-160x90.jpg 160w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8-320x180.jpg 320w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/02\/47e1f6bbf62c73cc5c750d470065a1a8.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-xwrite-button wp-block-xwrite is-layout-flex wp-container-xwrite-button-is-layout-16018d1d wp-block-xwrite-button-is-layout-flex\">\n<div class=\"xw-block-button xw-block-button--normal  hover_action\" style=\"--border-radius:5px;--background-color:var(--key-color);--accent-color:var(--key-color);--text-color:#fff\"><span class=\"xw-block-button__micro-copy\">\u3088\u304f\u3042\u308b\u8cea\u554f\uff08FAQ\uff09<\/span><a class=\"xw-block-button__link\" href=\"https:\/\/jimatube.com\/?p=13872\"><span class=\"xw-block-button__body\"><span class=\"xw-block-button__text has-text-align-center\">\u8a73\u7d30\u306f\u30b3\u30c1\u30e9<\/span><\/span><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimatube.com\/?page_id=13593\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-1024x576.jpg\" alt=\"\" class=\"wp-image-14741\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-1024x576.jpg 1024w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-300x169.jpg 300w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-768x432.jpg 768w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-120x68.jpg 120w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-160x90.jpg 160w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d-320x180.jpg 320w, https:\/\/jimatube.com\/wp-content\/uploads\/2026\/05\/2ba598d7f3b774be865f15c8c6ee0b3d.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-xwrite-button wp-block-xwrite is-layout-flex wp-container-xwrite-button-is-layout-16018d1d wp-block-xwrite-button-is-layout-flex\">\n<div class=\"xw-block-button xw-block-button--normal  hover_action\" style=\"--border-radius:5px;--background-color:var(--key-color);--accent-color:var(--key-color);--text-color:#fff\"><span class=\"xw-block-button__micro-copy\">\u753b\u50cf\u306b\u900f\u304b\u3057\u3092\u8ffd\u52a0<\/span><a class=\"xw-block-button__link\" href=\"https:\/\/jimatube.com\/?page_id=13593\" target=\"_blank\" rel=\"noreferrer noopener \"><span class=\"xw-block-button__body\"><span class=\"xw-block-button__text has-text-align-center\">\u8a73\u7d30\u306f\u30b3\u30c1\u30e9<\/span><\/span><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimatube.com\/?p=9732\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3-1024x567.jpg\" alt=\"\" class=\"wp-image-14482\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3-1024x567.jpg 1024w, https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3-300x166.jpg 300w, https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3-768x425.jpg 768w, https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3-160x90.jpg 160w, https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3-1536x850.jpg 1536w, https:\/\/jimatube.com\/wp-content\/uploads\/2025\/03\/image-3.jpg 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-xwrite-button wp-block-xwrite is-layout-flex wp-container-xwrite-button-is-layout-16018d1d wp-block-xwrite-button-is-layout-flex\">\n<div class=\"xw-block-button xw-block-button--normal  hover_action\" style=\"--border-radius:5px;--background-color:var(--key-color);--accent-color:var(--key-color);--text-color:#fff\"><span class=\"xw-block-button__micro-copy\">\u30ab\u30e1\u30e9\u30fb\u30ec\u30f3\u30ba\u4e00\u89a7\u8868<\/span><a class=\"xw-block-button__link\" href=\"https:\/\/jimatube.com\/?p=9732\"><span class=\"xw-block-button__body\"><span class=\"xw-block-button__text has-text-align-center\">\u8a73\u7d30\u306f\u30b3\u30c1\u30e9<\/span><\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Camera Selection Guide NIKON Z \u30ab\u30e1\u30e9\u9078\u3073\u65b9\u30ac\u30a4\u30c9 Created by Jima \u7d5e\u308a\u8fbc\u307f\u6761\u4ef6\u3092\u9078\u3073\u307e\u3057\u3087\u3046 \u00a5 \u4e88\u7b97\u3067\u9078\u3076 \u301c10\u4e07\u5186 \u307e\u305a\u8a66\u3057\u3066\u307f\u305f\u3044 10\u301c15\u4e07\u5186 \u3057\u3063\u304b\u308a\u4f7f\u3048\u308bA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14460,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-notitle.php","meta":{"footnotes":""},"class_list":["post-14325","page","type-page","status-publish","has-post-thumbnail","hentry"],"xw_count_pv":"245","_links":{"self":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/pages\/14325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14325"}],"version-history":[{"count":33,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/pages\/14325\/revisions"}],"predecessor-version":[{"id":14471,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/pages\/14325\/revisions\/14471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/media\/14460"}],"wp:attachment":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}