.ysp-spots{--ysp-accent:#0e7fb8;--ysp-accent-2:#1aa0d8}.ysp-china{--ysp-accent:#c8102e;--ysp-accent-2:#e8b73a}.ysp-hotel{--ysp-accent:#13315c;--ysp-accent-2:#c9a24b}.ysp-access{--ysp-accent:#1457a6;--ysp-accent-2:#3b82c4}.ysp{--accent:var(--ysp-accent)}.ysp-spots .hero-bg{background-image:linear-gradient(180deg,rgba(8,30,55,.12) 0,rgba(8,18,40,.22) 52%,rgba(6,12,30,.58)),url(/img/yokohama/yokohama-minatomirai-bg.webp)}.ysp-hotel .hero-bg{background-image:linear-gradient(180deg,rgba(8,18,40,.3) 0,rgba(8,16,38,.45) 55%,rgba(5,10,26,.72)),url(/img/yokohama/yokohama-bg.webp)}.ysp-china .hero-bg{background-image:linear-gradient(180deg,rgba(40,6,12,.28) 0,rgba(30,6,12,.4) 50%,rgba(16,4,10,.8)),url(/img/yokohama/travel/chinatown-gate.webp);background-position:center 42%}.ysp-access .hero-bg{background-image:linear-gradient(180deg,rgba(8,24,52,.2) 0,rgba(8,18,44,.34) 52%,rgba(6,12,30,.66)),url(/img/yokohama/travel/hanahaku-vista.webp)}@media (max-width:768px){.ysp-spots .hero-bg{background-image:linear-gradient(180deg,rgba(8,30,55,.14) 0,rgba(6,12,30,.62)),url(/img/yokohama/yokohama-minatomirai-bg.webp)}.ysp-china .hero-bg{background-image:linear-gradient(180deg,rgba(40,6,12,.32) 0,rgba(16,4,10,.82)),url(/img/yokohama/travel/mobile/chinatown-gate.webp)}.ysp-access .hero-bg{background-image:linear-gradient(180deg,rgba(8,24,52,.22) 0,rgba(6,12,30,.7)),url(/img/yokohama/travel/mobile/hanahaku-vista.webp)}}.ysp-china .hero-overlay{background:linear-gradient(180deg,rgba(20,4,8,.08) 0,rgba(20,4,8,.2) 52%,rgba(12,4,10,.78))}.ysp .hero-wrap{min-height:clamp(380px,64vh,560px);min-height:clamp(380px,64svh,560px)}.ysp-access .hero-bg,.ysp-hotel .hero-bg,.ysp-spots .hero-bg{background-position:center 50%}@media (max-width:768px){.ysp .hero-wrap{min-height:clamp(360px,56vh,480px);min-height:clamp(360px,56svh,480px)}.ysp-access .hero-bg,.ysp-hotel .hero-bg,.ysp-spots .hero-bg{background-position:center 48%}body.ysp{background-attachment:scroll}}.sec--alt{background:rgba(14,16,30,.025)}.ysp-china .sec--alt{background:rgba(200,16,46,.04)}.ysp-hotel .sec--alt{background:rgba(19,49,92,.045)}.ysp-spots .sec--alt{background:rgba(14,127,184,.045)}.hl-card--link{text-decoration:none;color:inherit;display:flex;flex-direction:column;cursor:pointer}.hl-card--link:hover{transform:translateY(-4px)}.hl-card--link .hl-card-link{margin-top:auto;color:var(--ysp-accent);font-weight:800}.hl-card--cta{background:linear-gradient(135deg,var(--ysp-accent) 0,var(--ysp-accent-2) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center}.hl-card--cta .hl-card-label{color:hsla(0,0%,100%,.92)}.hl-card--cta h3{color:#fff;text-wrap:balance}.hl-card--cta p{color:hsla(0,0%,100%,.92)}.spot-row{display:grid;grid-template-columns:280px 1fr;gap:clamp(18px,3vw,40px);align-items:center}.spot-row--flip{grid-template-columns:1fr 280px}.spot-row--flip .spot-guide{order:2}.spot-row--flip .spot-body{order:1}.spot-body{min-width:0}.spot-num{display:inline-block;font-family:Montserrat,sans-serif;font-weight:900;font-size:.72rem;letter-spacing:.12em;color:var(--ysp-accent);background:color-mix(in srgb,var(--ysp-accent) 12%,transparent);padding:3px 12px;border-radius:999px;margin-bottom:10px}.spot-title{font-family:Shippori Mincho,serif;font-size:clamp(1.4rem,3.4vw,2rem);line-height:1.25;margin:0 0 14px}.spot-en{display:block;font-family:Montserrat,sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.08em;color:#8a8f9c;margin-top:4px}.spot-facts{list-style:none;margin:16px 0 0;padding:0}.spot-facts li{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(20,24,40,.1);font-size:.92rem}.spot-facts li:last-child{border-bottom:1px solid rgba(20,24,40,.1)}.spot-facts__k{font-weight:800;font-size:.78rem;color:var(--ysp-accent);align-self:center}.spot-facts__v{color:#2a2f3a;line-height:1.55}.spot-guide{text-align:center}.spot-guide__stage{position:relative;height:246px;display:flex;align-items:flex-end;justify-content:center}.spot-guide__stage--sm{height:200px}.spot-guide__name{margin:10px 0 0;font-weight:800;font-size:.96rem;color:#1c2030}.spot-guide__role{display:block;font-size:.72rem;font-weight:700;color:#8a8f9c;margin-top:2px}.ch-pose{position:relative;z-index:2;appearance:none;-webkit-appearance:none;background:transparent;border:0;margin:0;padding:0;height:100%;display:flex;align-items:flex-end;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ch-pose:focus-visible{outline:3px solid var(--ysp-accent);outline-offset:4px;border-radius:12px}.ch-pose-img{height:230px;width:auto;max-width:96%;filter:drop-shadow(0 7px 6px rgba(20,24,40,.22));transform-origin:bottom center;transition:transform .18s ease}.spot-guide__stage--sm .ch-pose-img{height:186px}.ch-pose:after{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:60%;height:14px;background:radial-gradient(ellipse at center,rgba(20,24,40,.24) 0,transparent 72%);z-index:-1}.spot-guide__stage:hover .ch-pose-img{transform:translateY(-5px) scale(1.03)}.ch-pose.is-bounce .ch-pose-img{animation:yspPosePop .44s ease}@keyframes yspPosePop{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-12px) scale(.92,1.1)}52%{transform:translateY(0) scale(1.07,.93)}74%{transform:translateY(-4px) scale(.99,1.02)}to{transform:translateY(0) scale(1)}}.ch-pose-hint{position:absolute;right:6px;bottom:10px;z-index:3;font-size:.64rem;font-weight:800;color:#fff;background:var(--ysp-accent);padding:3px 10px;border-radius:999px;letter-spacing:.03em;white-space:nowrap;box-shadow:0 3px 9px rgba(20,24,40,.26);pointer-events:none}.ch-pose-hint:before{content:"👆 "}.ch-pose-count{position:absolute;top:6px;right:8px;z-index:3;font-family:Montserrat,sans-serif;font-size:.64rem;font-weight:900;color:var(--ysp-accent);background:hsla(0,0%,100%,.86);padding:2px 9px;border-radius:999px;letter-spacing:.04em;box-shadow:0 2px 6px rgba(20,24,40,.14);font-variant-numeric:tabular-nums}.duo-intro{display:grid;grid-template-columns:300px 1fr;gap:clamp(20px,3.4vw,48px);align-items:center;margin-bottom:22px}.duo-intro__guides{display:flex;justify-content:center;gap:8px}.duo-intro__text{min-width:0}.duo-intro__caption{margin-top:10px;font-size:.8rem;font-weight:700;color:var(--ysp-accent)}.explorer-tip{margin:20px auto 0;max-width:980px;background:color-mix(in srgb,var(--ysp-accent) 7%,#fff);border-left:5px solid var(--ysp-accent);border-radius:0 14px 14px 0;padding:16px 20px}.explorer-tip p{margin:0;line-height:1.7;color:#2a2f3a;font-size:.96rem}.cmp-table-wrap{overflow-x:auto;margin-top:8px;-webkit-overflow-scrolling:touch}.cmp-table{width:100%;border-collapse:collapse;min-width:560px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px rgba(20,24,40,.08)}.cmp-table td,.cmp-table th{padding:13px 16px;text-align:left;border-bottom:1px solid rgba(20,24,40,.08);font-size:.94rem;line-height:1.55;vertical-align:top}.cmp-table thead th{background:var(--ysp-accent);color:#fff;font-weight:800;font-size:.9rem}.cmp-table tbody th[scope=row]{font-weight:800;color:#1c2030;background:color-mix(in srgb,var(--ysp-accent) 6%,#fff);white-space:nowrap}.cmp-table tbody tr:last-child td,.cmp-table tbody tr:last-child th{border-bottom:0}.cmp-table__yk{background:#c8102e}.cmp-table__kb{background:#1565c0}.cmp-table--3{min-width:640px}@media (max-width:768px){.cmp-table-wrap:after{content:"→ 横にスクロールできます";display:block;text-align:right;font-size:.72rem;font-weight:700;color:var(--ysp-accent);padding:6px 2px 0}}.area-card{display:flex;flex-direction:column}.area-card--best{outline:2px solid var(--ysp-accent);outline-offset:-2px;box-shadow:0 10px 28px color-mix(in srgb,var(--ysp-accent) 22%,transparent)}.area-card__for{padding-top:10px;font-size:.8rem;font-weight:700;color:var(--ysp-accent);border-top:1px dashed rgba(20,24,40,.14)}.area-card__for--mt{margin-top:auto}.aff-only{display:none!important}body.aff-live .aff-only{display:revert!important}body.aff-live .aff-cta{display:flex!important}body.aff-live section.aff-only{display:block!important}.aff-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.aff-cta--center{justify-content:center}.booking-cta{max-width:760px;margin-left:auto;margin-right:auto}.aff-btn{--aff-c:var(--ysp-accent);display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:center;min-height:44px;padding:9px 16px;border-radius:10px;font-weight:800;font-size:.86rem;text-decoration:none;color:#fff;background:var(--aff-c);box-shadow:0 3px 10px color-mix(in srgb,var(--aff-c) 32%,transparent);transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation}.aff-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--aff-c) 40%,transparent)}.aff-btn:focus-visible{outline:3px solid var(--aff-c);outline-offset:3px}.aff-btn:after{content:"↗";font-size:.8em;opacity:.85}.aff-btn--ghost{background:#fff;color:var(--aff-c);border:1.5px solid color-mix(in srgb,var(--aff-c) 45%,#fff);box-shadow:none}.aff-btn--rakuten{--aff-c:#bf0000}.aff-btn--jalan{--aff-c:#e2640a}.aff-btn--ikyu{--aff-c:#9a7b43}.aff-btn--booking{--aff-c:#003580}.aff-btn--tabelog{--aff-c:#c2701c}.aff-btn--gnavi{--aff-c:#d6493b}.aff-btn--hotpepper{--aff-c:#c8366a}.shop-card{display:flex;flex-direction:column}.shop-card .aff-cta,.shop-card .hl-card-link{margin-top:auto}.area-card .aff-cta{margin-top:auto;padding-top:12px}.shop-card__tag{display:inline-block;font-size:.72rem;font-weight:800;color:var(--ysp-accent);background:color-mix(in srgb,var(--ysp-accent) 10%,#fff);padding:2px 10px;border-radius:999px;margin-bottom:8px}.mode-card{display:flex;flex-direction:column}.md-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.md-emoji{font-size:1.7rem;line-height:1}.md-lists{margin-top:12px;display:grid;gap:12px}.md-cons,.md-pros{list-style:none;padding:0}.md-block-label{display:inline-block;margin:6px 0 5px;font-size:.74rem;font-weight:800;letter-spacing:.04em;padding:1px 9px;border-radius:999px;color:#137a45;background:rgba(26,155,90,.12)}.md-block-label--con{color:#b3372a;background:rgba(192,57,43,.1)}.md-cons,.md-pros{margin:0}.md-cons li,.md-pros li{position:relative;padding:3px 0 3px 22px;font-size:.9rem;line-height:1.55;color:#2a2f3a}.md-pros li:before{content:"○";color:#1a9b5a}.md-cons li:before,.md-pros li:before{position:absolute;left:0;font-weight:900}.md-cons li:before{content:"×";color:#c0392b}.mode-card .aff-cta{margin-top:14px}.aff-disclosure{margin:14px auto 0;max-width:980px;font-size:.78rem;line-height:1.65;color:#8a8f9c;background:rgba(20,24,40,.03);border-radius:10px;padding:10px 14px}.aff-pr{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#fff;background:#8a8f9c;padding:1px 7px;border-radius:4px;vertical-align:middle;margin-left:6px}.faq-list{max-width:880px;margin:8px auto 0}.faq-item{background:#fff;border:1px solid rgba(20,24,40,.1);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-item>summary{list-style:none;cursor:pointer;padding:15px 46px 15px 18px;font-weight:800;color:#1c2030;position:relative;font-size:.98rem}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:after{content:"＋";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--ysp-accent);font-weight:900;font-size:1.2rem}.faq-item[open]>summary:after{content:"−"}.faq-item>p{margin:0;padding:0 18px 16px;line-height:1.75;color:#3a3f4a;font-size:.95rem}.cta-center--left{text-align:left;margin-top:18px}.disclaimer-note{margin-top:18px;font-size:.8rem;color:#8a8f9c;line-height:1.6}figure.sec-lead-img{margin:24px auto}.ysp figure.sec-lead-img img{aspect-ratio:auto;height:auto}.sec-img-cap{margin-top:8px;text-align:center;font-size:.82rem;color:#8a8f9c;line-height:1.5}.steps-row--course .step-num{font-variant-numeric:tabular-nums}@media (max-width:768px){.duo-intro,.spot-row{grid-template-columns:1fr;gap:14px}.spot-row--flip .spot-guide{order:1}.spot-row--flip .spot-body{order:2}.spot-guide__stage{height:220px}.ch-pose-img{height:206px}.spot-facts li{grid-template-columns:82px 1fr;gap:8px;font-size:.88rem}.ch-pose-count,.ch-pose-hint{font-size:max(11px,.68rem)}}@media (prefers-reduced-motion:reduce){.ch-pose-img,.spot-guide__stage:hover .ch-pose-img{transition:none;transform:none}.ch-pose.is-bounce .ch-pose-img{animation:none}.hl-card--link:hover{transform:none}}