.p-portal[data-portal="ptz-camera-shindan"]{
  --p-ptz-camera-shindan-green:#0F6E56;
  --p-ptz-camera-shindan-green-soft:#E1F5EE;
  --p-ptz-camera-shindan-purple:#534AB7;
  --p-ptz-camera-shindan-ink:#1F2A26;
  --p-ptz-camera-shindan-ink-2:#5A6963;
  --p-ptz-camera-shindan-line:#DCE5E1;
  --p-ptz-camera-shindan-bg:#F6F9F8;
  --p-ptz-camera-shindan-white:#FFFFFF;
  --p-ptz-camera-shindan-radius:14px;
}.p-portal[data-portal="ptz-camera-shindan"],.p-portal[data-portal="ptz-camera-shindan"] *{margin:0;padding:0}.p-portal[data-portal="ptz-camera-shindan"]{
  font-family:'Noto Sans JP',sans-serif;
  color:var(--p-ptz-camera-shindan-ink);
  background:#fff;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}.p-portal[data-portal="ptz-camera-shindan"] .shindan{
  max-width:720px;
  margin:0 auto;
  padding:28px 16px 48px;
}.p-portal[data-portal="ptz-camera-shindan"] .shindan-head{
  text-align:center;
  margin-bottom:22px;
}.p-portal[data-portal="ptz-camera-shindan"] .shindan-head .p-ptz-camera-shindan-badge{
  display:inline-block;
  background:var(--p-ptz-camera-shindan-green-soft);
  color:var(--p-ptz-camera-shindan-green);
  font-size:12.5px;
  font-weight:700;
  padding:5px 14px;
  border-radius:0;
  margin-bottom:10px;
}.p-portal[data-portal="ptz-camera-shindan"] .shindan-head .p-page-title{
  font-size:clamp(21px,4.6vw,27px);
  line-height:1.45;
  letter-spacing:.01em;
}.p-portal[data-portal="ptz-camera-shindan"] .shindan-head p{
  font-size:13.5px;
  color:var(--p-ptz-camera-shindan-ink-2);
  margin-top:8px;
}.p-portal[data-portal="ptz-camera-shindan"] .card{
  background:var(--p-ptz-camera-shindan-white);
  border:1px solid var(--p-ptz-camera-shindan-line);
  border-radius:0;
  padding:26px 22px 24px;
  box-shadow:0 1px 2px rgba(31,42,38,.04);
}.p-portal[data-portal="ptz-camera-shindan"] .p-ptz-camera-shindan-progress{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:20px;
}.p-portal[data-portal="ptz-camera-shindan"] .p-ptz-camera-shindan-progress .seg{
  flex:1;
  height:5px;
  border-radius:0;
  background:var(--p-ptz-camera-shindan-line);
  transition:background .25s;
}.p-portal[data-portal="ptz-camera-shindan"] .p-ptz-camera-shindan-progress .seg.done{background:var(--p-ptz-camera-shindan-green)}.p-portal[data-portal="ptz-camera-shindan"] .p-ptz-camera-shindan-progress .count{
  font-size:12px;
  color:var(--p-ptz-camera-shindan-ink-2);
  font-weight:500;
  white-space:nowrap;
  margin-left:4px;
}.p-portal[data-portal="ptz-camera-shindan"] .q-title{
  font-size:17.5px;
  font-weight:700;
  margin-bottom:4px;
}.p-portal[data-portal="ptz-camera-shindan"] .q-note{
  font-size:12.5px;
  color:var(--p-ptz-camera-shindan-ink-2);
  margin-bottom:16px;
}.p-portal[data-portal="ptz-camera-shindan"] .opts{display:grid;gap:10px}.p-portal[data-portal="ptz-camera-shindan"] .opt{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  text-align:left;
  background:var(--p-ptz-camera-shindan-white);
  border:1.5px solid var(--p-ptz-camera-shindan-line);
  border-radius:0;
  padding:13px 15px;
  font-family:inherit;
  font-size:15px;
  font-weight:500;
  color:var(--p-ptz-camera-shindan-ink);
  cursor:pointer;
  transition:border-color .15s, background .15s;
}.p-portal[data-portal="ptz-camera-shindan"] .opt:hover{border-color:var(--p-ptz-camera-shindan-green);background:#FBFEFD}.p-portal[data-portal="ptz-camera-shindan"] .opt:focus-visible{border-color:var(--p-ptz-camera-shindan-green)}.p-portal[data-portal="ptz-camera-shindan"] .opt .p-ptz-camera-shindan-mark{
  width:20px;height:20px;
  border:2px solid var(--p-ptz-camera-shindan-line);
  border-radius:50%;
  flex-shrink:0;
  transition:border-color .15s;
}.p-portal[data-portal="ptz-camera-shindan"] .opt:hover .p-ptz-camera-shindan-mark{border-color:var(--p-ptz-camera-shindan-green)}.p-portal[data-portal="ptz-camera-shindan"] .opt small{
  display:block;
  font-size:12px;
  font-weight:400;
  color:var(--p-ptz-camera-shindan-ink-2);
  line-height:1.5;
}.p-portal[data-portal="ptz-camera-shindan"] .back{
  margin-top:16px;
  background:none;
  border:none;
  font-family:inherit;
  font-size:13px;
  color:var(--p-ptz-camera-shindan-ink-2);
  cursor:pointer;
  padding:6px 2px;
  text-decoration:underline;
  text-underline-offset:3px;
}.p-portal[data-portal="ptz-camera-shindan"] .back:hover{color:var(--p-ptz-camera-shindan-green)}.p-portal[data-portal="ptz-camera-shindan"] .result-lead{
  text-align:center;
  margin-bottom:18px;
}.p-portal[data-portal="ptz-camera-shindan"] .result-lead .p-ptz-camera-shindan-badge{
  display:inline-block;
  background:var(--p-ptz-camera-shindan-green);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  padding:5px 14px;
  border-radius:0;
  margin-bottom:8px;
}.p-portal[data-portal="ptz-camera-shindan"] .result-lead h2{
  font-size:20px;
}.p-portal[data-portal="ptz-camera-shindan"] .rec{
  border:1.5px solid var(--p-ptz-camera-shindan-line);
  border-radius:0;
  padding:18px 16px;
  margin-bottom:12px;
  position:relative;
}.p-portal[data-portal="ptz-camera-shindan"] .rec.p-ptz-camera-shindan-first{
  border-color:var(--p-ptz-camera-shindan-green);
  background:#fff;
}.p-portal[data-portal="ptz-camera-shindan"] .rec .rank{
  position:absolute;
  top:-11px;
  left:14px;
  background:var(--p-ptz-camera-shindan-white);
  border:1.5px solid var(--p-ptz-camera-shindan-line);
  color:var(--p-ptz-camera-shindan-ink-2);
  font-size:11.5px;
  font-weight:700;
  padding:2px 10px;
  border-radius:0;
}.p-portal[data-portal="ptz-camera-shindan"] .rec.p-ptz-camera-shindan-first .rank{
  background:var(--p-ptz-camera-shindan-green);
  border-color:var(--p-ptz-camera-shindan-green);
  color:#fff;
}.p-portal[data-portal="ptz-camera-shindan"] .rec h3{
  font-size:16px;
  line-height:1.5;
  margin:4px 0 2px;
}.p-portal[data-portal="ptz-camera-shindan"] .rec .maker{
  font-size:12px;
  color:var(--p-ptz-camera-shindan-ink-2);
  font-weight:500;
}.p-portal[data-portal="ptz-camera-shindan"] .rec .why{
  font-size:13px;
  color:var(--p-ptz-camera-shindan-ink-2);
  margin:8px 0 12px;
}.p-portal[data-portal="ptz-camera-shindan"] .rec .specs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}.p-portal[data-portal="ptz-camera-shindan"] .rec .specs span{
  font-size:11.5px;
  background:#fff;
  border:1px solid var(--p-ptz-camera-shindan-line);
  border-radius:0;
  padding:2px 8px;
  color:var(--p-ptz-camera-shindan-ink-2);
}.p-portal[data-portal="ptz-camera-shindan"] .rec a.cta{
  display:inline-block;
  background:var(--p-ptz-camera-shindan-green);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  padding:10px 20px;
  border-radius:0;
  transition:opacity .15s;
}.p-portal[data-portal="ptz-camera-shindan"] .rec a.cta:hover{opacity:.88}.p-portal[data-portal="ptz-camera-shindan"] .rec.p-ptz-camera-shindan-first a.cta{padding:11px 24px}.p-portal[data-portal="ptz-camera-shindan"] .result-foot{
  margin-top:18px;
  border-top:1px solid var(--p-ptz-camera-shindan-line);
  padding-top:16px;
  font-size:13px;
  color:var(--p-ptz-camera-shindan-ink-2);
}.p-portal[data-portal="ptz-camera-shindan"] .result-foot a{color:var(--p-ptz-camera-shindan-purple);text-decoration:underline;text-underline-offset:3px}.p-portal[data-portal="ptz-camera-shindan"] .result-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}.p-portal[data-portal="ptz-camera-shindan"] .result-actions .again{
  background:var(--p-ptz-camera-shindan-white);
  border:1.5px solid var(--p-ptz-camera-shindan-line);
  border-radius:0;
  font-family:inherit;
  font-size:13.5px;
  font-weight:500;
  color:var(--p-ptz-camera-shindan-ink);
  padding:10px 18px;
  cursor:pointer;
}.p-portal[data-portal="ptz-camera-shindan"] .result-actions .again:hover{border-color:var(--p-ptz-camera-shindan-green)}.p-portal[data-portal="ptz-camera-shindan"] .result-actions a.all{
  display:inline-block;
  background:var(--p-ptz-camera-shindan-white);
  border:1.5px solid var(--p-ptz-camera-shindan-line);
  border-radius:0;
  font-size:13.5px;
  font-weight:500;
  color:var(--p-ptz-camera-shindan-ink);
  text-decoration:none;
  padding:10px 18px;
}.p-portal[data-portal="ptz-camera-shindan"] .result-actions a.all:hover{border-color:var(--p-ptz-camera-shindan-green)}@media (prefers-reduced-motion: reduce){.p-portal[data-portal="ptz-camera-shindan"],.p-portal[data-portal="ptz-camera-shindan"] *{transition:none !important}
}