/* Figma: hub 322:2 / 340:2, category 474:2 / 486:2, article 318:2 / 355:2. */
.np-page{--np-accent:#2e7bb8;--np-text:#2a6fa6;--np-sticky-top:88px;color:var(--nk-ink)}
.np-page *{box-sizing:border-box}.np-page p,.np-page h1,.np-page h2,.np-page h3{margin:0}
.np-color-view{--np-accent:#2e7bb8;--np-text:#2a6fa6}.np-color-spot{--np-accent:#d9526e;--np-text:#be3f5c}.np-color-gourmet{--np-accent:#e8a317;--np-text:#8f6200}.np-color-course{--np-accent:#4e9e62;--np-text:#3a7a4a}.np-color-season{--np-accent:#d62039;--np-text:#d62039}
.np-head{padding:52px 60px 48px;background:var(--nk-sand);text-align:center}.np-head--category{padding:48px 60px 44px}
.np-breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:var(--nk-muted)}.np-breadcrumb a{color:inherit;text-decoration:none}.np-breadcrumb img{width:10px;height:15px}.np-breadcrumb [aria-current]{color:var(--nk-ink)}
.np-head .np-eyebrow{margin-top:18px;color:var(--nk-red)}.np-head h1{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:22px}.np-hub .np-head h1:before,.np-hub .np-head h1:after{content:'';width:84px;height:13px;background:url('../images/park/wave.svg') center/contain no-repeat;flex-shrink:0}
.np-head .np-lead{margin-top:14px;color:var(--nk-muted)}.np-head--category .np-eyebrow{color:var(--np-text)}.np-head--category:after{content:'';display:block;width:64px;height:4px;background:var(--np-accent);margin:20px auto 0}
.np-hero{position:relative;height:440px;overflow:hidden}.np-hero>img:first-child{display:block;position:absolute;top:-76.5%;left:0;width:100%;height:213.6%;object-fit:cover}.np-hero .np-lettering{position:absolute;width:606px;height:404px;left:19px;top:-84px;object-fit:contain}
.np-category-nav{position:sticky;top:var(--np-sticky-top);z-index:30;background:#fff;border-bottom:1px solid #e4e8ec;overflow-x:auto;scrollbar-width:none;padding:16px 60px}.np-category-nav>div{display:flex;gap:10px;width:max-content;margin-inline:auto}.np-category-nav a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 20px 9px 16px;border:1px solid #e4e8ec;border-radius:999px;color:var(--nk-ink);text-decoration:none}.np-category-nav a[aria-current]{border-color:var(--np-accent);background:var(--nk-sand)}.np-category-nav a:hover{border-color:var(--np-accent);background:#edf1f6}.np-dot{width:8px;height:8px;flex-shrink:0}
.np-category{padding:52px 60px 48px;scroll-margin-top:calc(var(--np-sticky-top) + 100px)}.np-category.np-color-season{background:var(--nk-sand)}.np-category-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px 24px}.np-category header{grid-column:1;grid-row:1;border-left:4px solid var(--np-accent);padding-left:16px}.np-category .np-eyebrow{color:var(--np-text)}.np-category h2,.np-category-description{margin-top:2px}.np-category-description{color:var(--nk-muted)}
.np-category-more{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px 10px 22px;border:1px solid var(--np-accent);border-radius:999px;background:#fff;color:var(--np-text);text-decoration:none;white-space:nowrap}.np-category-more:hover{background:#edf1f6}.np-arrow{width:21px;height:15px;flex-shrink:0}
.np-category .nt-park-grid,.np-category .nt-news-empty{grid-column:1/-1}.np-page .nt-park-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 18px}.np-page .nt-park-card-photo{height:300px;aspect-ratio:auto;background:#eeebe7;border-radius:10px}.np-page .nt-park-label{border-radius:4px;background:var(--np-accent);color:#fff;padding:5px 12px}.np-page .nt-park-card-photo .nt-park-label{top:14px;left:14px;bottom:auto;max-width:calc(100% - 28px)}.np-page .nt-park-card-copy{padding:14px 0 0}.np-page .nt-park-card-copy h3{margin:0}.np-page .nt-park-card-copy p{margin:7px 0 0;color:var(--nk-muted)}.np-page .nt-park-card-more{display:none}
.np-list{padding:64px 60px;max-width:1440px;margin:auto}.np-archive .nt-park-card-photo{height:280px}
.np-map{padding:84px 60px 90px;text-align:center}.np-map>.np-eyebrow{color:var(--nk-red)}.np-map h2{margin:10px 0 14px}.np-map>p:not(.np-eyebrow){color:var(--nk-muted)}.np-map-placeholder{max-width:1320px;height:600px;margin:34px auto 0;border:1px dashed #dce2e7;border-radius:12px;background:#e7edf2;display:grid;place-items:center;color:#7a8a99}
.np-stations{padding:52px 60px 56px;background:#fff;text-align:center}.np-stations>p{margin-top:10px;color:var(--nk-muted)}.np-stations nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:1000px;margin:26px auto 0}.np-stations a{background:#fff;border:1px solid #dce2e7;border-radius:999px;padding:11px 22px;text-decoration:none;color:inherit}
.np-go{padding:76px 60px 80px}.np-go>div{max-width:1320px;margin:auto;padding:44px 40px;border-radius:14px;background:var(--nk-slate);color:#fff;text-align:center}.np-go .np-eyebrow{color:#fa8c99}.np-go h2{margin-top:8px}.np-go .np-go-lead{margin-top:10px;color:rgb(255 255 255 / .78)}.np-go .nt-button{display:inline-flex;gap:9px;margin-top:24px;padding:15px 30px 15px 34px;text-decoration:none}.np-go .np-arrow{width:23px;height:16px}
@media(min-width:601px){.admin-bar .np-page{--np-sticky-top:calc(88px + var(--wp-admin--admin-bar--height,32px))}}
@media(max-width:1000px){.np-page{--np-sticky-top:68px}.np-head,.np-category,.np-list,.np-map,.np-stations,.np-go{padding-inline:32px}.np-category-nav{padding-inline:32px}.np-category-inner{grid-template-columns:1fr;gap:24px}.np-category-more{grid-column:1;grid-row:3;justify-self:center}.np-page .nt-park-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-hub .nt-park-card:last-child:nth-child(3){display:none}.np-hub .np-head h1:before,.np-hub .np-head h1:after{width:44px}}
@media(max-width:600px){.np-head,.np-head--category{padding:26px 20px 30px}.np-head .np-eyebrow{margin-top:16px}.np-head h1{gap:12px}.np-hub .np-head h1:before,.np-hub .np-head h1:after{width:clamp(12px,5.5vw,21px);height:7px}.np-head .np-lead{margin-top:12px}.np-hero{height:300px}.np-hero>img:first-child{inset:0;width:100%;height:100%;object-fit:cover}.np-hero .np-lettering{width:275px;height:183px;top:8px;left:calc(50% - 137.5px)}.np-category-nav{padding:9px 20px}.np-category-nav>div{gap:8px}.np-category-nav a{gap:7px;padding:8px 16px 8px 14px}.np-dot{width:7px;height:7px}.np-category{padding:44px 20px 40px}.np-category-inner{gap:22px}.np-category header{padding-left:14px}.np-category-more{width:100%;padding:12px}.np-page .nt-park-grid{grid-template-columns:1fr;gap:26px}.np-page .nt-park-card-photo{height:210px}.np-page .nt-park-card-photo .nt-park-label{top:12px;left:12px;padding:4px 10px}.np-page .nt-park-card-copy{padding-top:12px}.np-page .nt-park-card-copy p{margin-top:6px}.np-list{padding:40px 20px 44px}.np-map{padding:52px 20px 56px}.np-map-placeholder{height:520px;margin-top:24px}.np-stations{padding:44px 20px 48px}.np-stations nav{gap:10px}.np-stations a{padding:10px 14px}.np-go{padding:52px 20px 56px}.np-go>div{padding:30px 20px}.np-go .np-go-lead span{display:block}.np-go .nt-button{padding:13px 18px}.np-go .np-arrow{width:21px;height:15px}}
.np-article-head{padding:34px 60px 30px}.np-article-head .np-breadcrumb{justify-content:flex-start}.np-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}.np-article-meta time{color:var(--nk-muted)}.np-article-head h1{max-width:880px;margin-top:16px}.np-article-lead{max-width:880px;margin-top:14px!important;color:var(--nk-muted)}.np-detail .nt-park-article{padding-bottom:20px}.np-detail .nt-article-content h2{border-left:4px solid var(--np-accent);padding-left:18px}.np-detail .nt-content-related{max-width:1320px;padding-top:72px;padding-bottom:80px}.np-detail .nt-content-related>h2{text-align:center}.np-detail .nt-park-stations a{border-radius:999px}.np-detail .nt-park-featured{height:540px}.np-detail .nt-news-cta{margin-top:40px}
/* 記事見出し欄は既存の880px幅を保ち、欄全体を中央に配置する。 */
.np-article-head > :is(.np-breadcrumb,.np-article-meta,h1,.np-article-lead){max-width:880px;margin-inline:auto}
@media(max-width:1000px){.np-article-head{padding-inline:32px}}
@media(max-width:600px){.np-article-head{padding:20px 20px 22px}.np-article-meta{margin-top:18px}.np-article-head h1{margin-top:12px}.np-detail .nt-park-featured{height:250px}.np-detail .nt-park-article{padding-top:32px}.np-detail .nt-content-related{padding-top:52px;padding-bottom:48px}}

/* Figma 319:3 / 357:35: 設定欄から自動表示する基本情報。 */
.nt-park-basic-info{margin:40px 0 0;padding:28px 32px;border-radius:12px;background:var(--nk-sand);color:var(--nk-ink);font-family:var(--nk-font-sans)}
.nt-park-basic-info>h2{margin:0 0 14px;font-size:16px;font-weight:500;line-height:1.7;letter-spacing:1px}
.nt-park-basic-info>.nt-content-info{display:grid;grid-template-columns:fit-content(calc(100% / 3)) minmax(0,1fr);margin:0;line-height:1.7}
/* 全行で内容幅を共有し、長い項目名は内幅の1/3を上限に折り返す。 */
.nt-park-basic-info .nt-content-info>div{display:grid;grid-template-columns:calc(100% / 3) minmax(0,1fr);grid-column:1/-1;border:0;border-top:1px solid var(--nk-border)}
@supports(grid-template-columns:subgrid){.nt-park-basic-info .nt-content-info>div{grid-template-columns:subgrid}}
.nt-park-basic-info .nt-content-info dt,.nt-park-basic-info .nt-content-info dd{min-width:0;padding:11px 0;font-weight:400;letter-spacing:0;overflow-wrap:anywhere}
.nt-park-basic-info .nt-content-info dt{padding-inline-end:24px;background:transparent;color:var(--nk-muted);font-size:16px}
.nt-park-basic-info .nt-content-info dd{font-size:18px}
@media(max-width:600px){
 .nt-park-basic-info{padding:22px 20px}
 .nt-park-basic-info>h2{margin-bottom:10px;font-size:14px}
 .nt-park-basic-info>.nt-content-info{display:block}
 .nt-park-basic-info .nt-content-info>div{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:10px 0}
 .nt-park-basic-info .nt-content-info dt,.nt-park-basic-info .nt-content-info dd{display:block;padding:0}
 .nt-park-basic-info .nt-content-info dt{font-size:13px}
 .nt-park-basic-info .nt-content-info dd{font-size:15px;font-weight:500}
}

/* Figma 902:2 / 902:18: 記事末尾の駅リンク。 */
.np-detail article.nt-park-article{padding-bottom:0}
.np-article-stations{padding:44px 60px 8px}
.np-article-stations-inner{max-width:760px;margin-inline:auto}
.np-article-stations hr{height:0;border:0;border-top:1px solid #dce2e7;margin:0 0 28px}
.np-article-stations h2{color:var(--nk-muted)}
.np-article-stations .nt-park-stations{gap:10px;margin:16px 0 0}
.np-article-stations .nt-park-stations a{align-items:center;gap:6px;padding:10px 18px;border-color:#dce2e7;color:var(--nk-ink);white-space:nowrap}
.np-article-stations .np-station-hash{color:#8a97a6}
.np-article-stations .nt-park-stations a:hover{color:#fff}
.np-article-stations a:hover .np-station-hash{color:inherit}
.np-detail .np-article-actions{padding-top:40px}
.np-detail .np-article-actions .nt-news-cta{margin-top:0}
@media(max-width:600px){
 .np-article-stations{padding:36px 20px 4px}
 .np-article-stations hr{margin-bottom:24px}
 .np-article-stations .nt-park-stations{gap:8px;margin-top:14px}
 .np-article-stations .nt-park-stations a{gap:5px;padding:9px 14px}
 .np-detail .np-article-actions{padding-top:32px}
}

/* 記事末尾の関連記事。Figma 319:32 / 357:64。 */
.np-related{max-width:1440px;margin-inline:auto;padding:72px 60px 80px;background:#fff}
.np-related>h2{text-align:center;margin:0 0 26px}
.np-related .nt-park-grid{gap:18px}
.np-related .nt-park-card-photo{height:260px}
.np-related .np-related-label,.np-related .np-related-back{display:none}
@media(min-width:601px) and (max-width:1000px){
 .np-related{padding-inline:32px}
 .np-related .nt-park-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .np-related .nt-park-card-photo{height:auto;aspect-ratio:428/260}
}
@media(max-width:600px){
 .np-related{padding:52px 20px 48px}
 .np-related>h2{text-align:left;margin-bottom:20px}
 .np-related .nt-park-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .np-related .nt-park-card>a{display:flex;align-items:center;gap:14px;height:auto;padding:14px 0;border-bottom:1px solid #e4e8ec}
 .np-related .nt-park-card-photo{width:110px;height:80px;flex-shrink:0;border-radius:8px}
 .np-related .nt-park-card-photo .nt-park-label{display:none}
 .np-related .nt-park-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding:0}
 .np-related .nt-park-card-copy h3,.np-related .nt-park-card-copy p{margin:0}
 .np-related .np-related-label{display:inline-flex;padding:3px 8px;border-radius:3px}
 .np-related .np-related-back{display:flex;gap:8px;width:100%;margin-top:26px;padding:13px 12px;border:1px solid #e4e8ec;color:var(--nk-ink);text-decoration:none}
 .np-related .np-related-back .np-arrow{width:21px;height:15px}
}

/* 記事共通の乗車案内。Figma 319:21 / 357:53。 */
.np-detail .np-article-actions{padding-bottom:0}
.np-article-go{display:flex;flex-direction:column;align-items:center;padding:34px 36px;border-radius:12px;background:var(--nk-slate);color:#fff;text-align:center}
.np-article-go .np-article-go-eyebrow{color:#fa8c99;margin:0}
.np-article-go h2{margin:6px 0 0}
.np-article-go .nt-button{margin-top:32px;padding:14px 28px 14px 32px;gap:9px;text-decoration:none}
.np-article-go .np-arrow{width:23px;height:16px}
@media(max-width:600px){
 .np-article-go{padding:30px 22px}
 .np-article-go .nt-button{width:100%;margin-top:20px;padding:14px 0}
 .np-article-go .np-arrow{width:21px;height:15px}
}