/* TOP専用。既存のグローバルCSSへ影響しないよう特集欄内に限定する。 */
.pickup-section{background:#f7f7f7;color:#171717;padding:72px 0;scroll-margin-top:90px}
.pickup-container{width:min(1120px,calc(100% - 40px));margin:auto}
.pickup-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.pickup-kicker{margin:0 0 8px;color:#e60023;font-size:12px;font-weight:800;letter-spacing:.18em}
.pickup-heading h2{margin:0;font-size:30px;font-weight:800;line-height:1.4;letter-spacing:0}
.pickup-heading h2:after{content:"";display:block;width:40px;height:3px;background:#e60023;margin-top:12px}
.pickup-controls{display:flex;align-items:center;gap:10px;font-size:15px;font-variant-numeric:tabular-nums}
.pickup-controls>span{margin-right:8px;min-width:58px}
.pickup-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #e60023;background:#e60023;color:white;font-size:30px;line-height:1;cursor:pointer}
.pickup-controls button:disabled{background:white;border-color:#d5d5d5;color:#929292;cursor:default}
.pickup-banner{display:block;position:relative;aspect-ratio:3/1;overflow:hidden;border-radius:8px;color:inherit;text-decoration:none;background:#073b83}
.pickup-banner[hidden],.pickup-section [hidden]{display:none!important}
.pickup-art{height:100%;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;overflow:hidden}
.pickup-art--emergency{background:linear-gradient(115deg,#072b6a,#0064d2 65%,#36d7ed);color:white}
.pickup-art--security{background:radial-gradient(ellipse at 85% 20%,#135875,transparent 60%),#041825;color:white}
.pickup-art--design{background:linear-gradient(115deg,#f1f2f3,#e3e7e9);color:#171717}
.pickup-copy{padding:28px 0 28px 40px;position:relative;z-index:1}
.pickup-eyebrow{display:inline-block;margin:0 0 14px;padding:5px 12px;background:#fff;color:#063b80;font-size:13px;font-weight:800;letter-spacing:.08em}
.pickup-copy h3{margin:0;font-size:clamp(24px,3.1vw,42px);line-height:1.4;font-weight:900;letter-spacing:0;overflow-wrap:anywhere}
.pickup-description{margin:14px 0 20px;font-size:14px;font-weight:600;line-height:1.8}
.pickup-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:44px;background:#e60023;border:1px solid white;border-radius:50px;color:white;padding:9px 28px;font-weight:800;font-size:14px}
.pickup-visual{position:relative;align-self:stretch;min-width:0;overflow:hidden;margin-left:20px}
.pickup-visual img{width:100%;height:100%;object-fit:cover;opacity:.85;mask-image:linear-gradient(to right,transparent,#000 25%)}
.pickup-art--security .pickup-visual img{object-fit:contain;padding:35px;filter:drop-shadow(0 0 24px #18b5ff);mask-image:none}
.pickup-visual-caption{position:absolute;bottom:24px;right:24px;font-size:10px;letter-spacing:.15em;font-weight:700;background:#041825;color:white;padding:8px 12px}
.pickup-upload{position:absolute;inset:0;visibility:hidden;background:inherit}
.pickup-upload.is-loaded{visibility:visible}
.pickup-upload img{width:100%;height:100%;object-fit:contain;display:block}
.pickup-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.pickup-thumbnails button{min-width:0;min-height:44px;padding:3px 3px 10px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font:inherit;color:#171717}
.pickup-thumb-art{display:block;position:relative;aspect-ratio:3/1;border-radius:4px;outline:1px solid #ddd;outline-offset:2px;overflow:hidden}
.pickup-thumb-art img{width:100%;height:100%;object-fit:cover;opacity:.65}
.pickup-art--security.pickup-thumb-art img{object-fit:contain;padding:8px}
.pickup-thumb-art>span{position:absolute;left:8px;bottom:8px;font-size:11px;letter-spacing:.04em;font-weight:800;background:#fff;color:#082444;padding:3px 6px;max-width:calc(100% - 16px)}
.pickup-thumb-label{display:block;font-size:13px;font-weight:700;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}
.pickup-thumbnails [aria-pressed=true]{border-bottom-color:#e60023;color:#d60020}
.pickup-thumbnails [aria-pressed=true] .pickup-thumb-art{outline:2px solid #e60023}
.pickup-section :focus-visible{outline:3px solid #e60023;outline-offset:5px}
@media(max-width:1000px) and (min-width:768px){.pickup-copy{padding:20px 0 20px 24px}.pickup-description{margin:8px 0 12px;font-size:12px}.pickup-eyebrow{margin-bottom:8px}.pickup-copy h3{font-size:28px}}
@media(max-width:767px){
 .pickup-section{padding:48px 0}.pickup-container{width:calc(100% - 32px)}
 .pickup-heading{gap:14px;margin-bottom:20px}.pickup-heading h2{font-size:24px}.pickup-controls{margin-left:auto}
 .pickup-banner{aspect-ratio:5/6}.pickup-art{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .pickup-copy{padding:26px 24px 0;position:static}.pickup-copy h3{font-size:28px}.pickup-description{font-size:13px;margin:12px 0 0}
 .pickup-eyebrow{font-size:11px;margin-bottom:12px}.pickup-cta{position:absolute;bottom:24px;left:24px;width:calc(100% - 48px);z-index:2}
 .pickup-visual{margin:14px 0 0;min-height:0}.pickup-visual img{mask-image:linear-gradient(to bottom,transparent,#000 25%);object-position:70% center}.pickup-visual-caption{display:none}
 .pickup-art--security .pickup-visual img{padding:14px 40px 65px}
 .pickup-thumbnails{gap:10px;margin-top:14px}.pickup-thumb-label{font-size:11px;margin-top:8px}.pickup-thumb-art>span{display:none}
}
