.p-portal[data-portal="binoculars"].binoculars-portal{--p-binoculars-binoculars-heading-size:28px;--p-binoculars-binoculars-heading-weight:700;--p-binoculars-binoculars-heading-line-height:1.5;--p-binoculars-binoculars-section-space:64px;--p-binoculars-binoculars-section-space-narrow:48px;}
.p-portal[data-portal="binoculars"]{--p-binoculars-ink:#181818;--p-binoculars-muted:#60656a;--p-binoculars-line:#dfe2e5;--p-binoculars-soft:#f5f6f7;--p-binoculars-accent:#b0000d;--p-binoculars-navy:#152b39;--p-binoculars-radius:10px}
.p-portal[data-portal="binoculars"]{scroll-behavior:smooth;scroll-padding-top:24px}
.p-portal[data-portal="binoculars"]{margin:0;color:var(--p-binoculars-ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:16px;line-height:1.75}
.p-portal[data-portal="binoculars"] a:hover{text-decoration:underline;text-underline-offset:4px}
.p-portal[data-portal="binoculars"] button{border:0}
.p-portal[data-portal="binoculars"] button:disabled{opacity:.45;cursor:not-allowed}
.p-portal[data-portal="binoculars"] input,.p-portal[data-portal="binoculars"] select{max-width:100%}
.p-portal[data-portal="binoculars"] h1,.p-portal[data-portal="binoculars"] h2,.p-portal[data-portal="binoculars"] h3,.p-portal[data-portal="binoculars"] p{margin-top:0}
.p-portal[data-portal="binoculars"] p{margin-bottom:18px}
.p-portal[data-portal="binoculars"] .wrap{margin:auto}
.p-portal[data-portal="binoculars"] .p-binoculars-small{font-size:12px;line-height:1.8}
.p-portal[data-portal="binoculars"] .product-image{display:flex;justify-content:center;align-items:center;height:176px;margin:12px 0}
.p-portal[data-portal="binoculars"] .p-binoculars-price{margin:0 0 14px;font-size:11px}
.p-portal[data-portal="binoculars"] .use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.p-portal[data-portal="binoculars"] .use-grid article{border:1px solid #e1e2e4;background:#fff;padding:25px;display:flex;flex-direction:column}
.p-portal[data-portal="binoculars"] .use-grid h3{margin-bottom:14px}
.p-portal[data-portal="binoculars"] .use-grid p{color:#586168}
.p-portal[data-portal="binoculars"] .skip{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:100}
.p-portal[data-portal="binoculars"] .skip:focus{top:10px}
@media(min-width:1500px){.p-portal[data-portal="binoculars"] .product-image{height:195px}}
@media(max-width:700px){.p-portal[data-portal="binoculars"]{font-size:16px}.p-portal[data-portal="binoculars"] .p-binoculars-small{font-size:11px}.p-portal[data-portal="binoculars"] .product-image{height:140px}.p-portal[data-portal="binoculars"] .use-grid{grid-template-columns:1fr;gap:14px}.p-portal[data-portal="binoculars"] .use-grid article{padding:22px}}
@media(prefers-reduced-motion:reduce){.p-portal[data-portal="binoculars"]{scroll-behavior:auto}}
.p-portal[data-portal="binoculars"] .hero.hero-photo{display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:hidden;background:#151517;color:white}
.p-portal[data-portal="binoculars"] .hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}
.p-portal[data-portal="binoculars"] .hero-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,13,17,.55),rgba(9,13,17,.12) 52%,transparent 75%)}
@media(max-width:640px){.p-portal[data-portal="binoculars"] .hero-background{object-position:72% center}.p-portal[data-portal="binoculars"] .hero-photo:after{background:linear-gradient(180deg,rgba(7,12,18,.86) 0%,rgba(7,12,18,.69) 46%,rgba(7,12,18,.05) 78%)}}
.p-portal[data-portal="binoculars"] .use-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.p-portal[data-portal="binoculars"] .scene-products{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:0}
.p-portal[data-portal="binoculars"] .scene-products li{border-top:1px solid #e2e7e3;padding:16px 0}
.p-portal[data-portal="binoculars"] .scene-product{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;text-decoration:none;color:inherit}
.p-portal[data-portal="binoculars"] .scene-product img{width:80px;height:80px;object-fit:contain;background:#fff;border-radius:0}
.p-portal[data-portal="binoculars"] .scene-product h4{margin:0 0 7px;font-size:15px;line-height:1.5}
.p-portal[data-portal="binoculars"] .use-grid .scene-product p{margin:0 0 8px;}
.p-portal[data-portal="binoculars"] .scene-product strong{display:block;font-size:17px}
.p-portal[data-portal="binoculars"] .scene-product small{font-size:11px;font-weight:400}
.p-portal[data-portal="binoculars"] .scene-product span{display:block;font-size:12px;color:#b0000d;font-weight:700;margin-top:8px}
.p-portal[data-portal="binoculars"] .scene-product:hover h4{text-decoration:underline}
@media(max-width:700px){.p-portal[data-portal="binoculars"] .use-grid{grid-template-columns:1fr}.p-portal[data-portal="binoculars"] .scene-product{grid-template-columns:70px minmax(0,1fr);gap:12px}.p-portal[data-portal="binoculars"] .scene-product img{width:70px;height:70px}}

.p-portal[data-portal="binoculars"] .wrap{width:auto;max-width:none;margin:0;padding-inline:var(--p-content-gutter)}
.p-portal[data-portal="binoculars"] .hero.hero-photo{padding:24px var(--p-content-gutter)}
