/* /nedan/(品目ごとの値段の推移)。図は自前の SVG で、色は線 1 色だけ。サイトの墨と灰の中で、線だけが色を持つ */
.nd-fig { margin: 8px 0 28px; padding: 14px 4px 6px; background: #fff; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); }
.post-content .nd-fig p.nd-cap { margin: 6px 4px 8px; font-size: 12px; line-height: 19px; letter-spacing: .02em; color: var(--ink-muted); }
.nd-svg { display: block; width: 100%; height: auto; --c: #1f5fa8; font-family: inherit; }
.nd-narrow { display: block; }
.nd-wide { display: none; }
@media (min-width: 800px) {
  .nd-fig { width: 752px; margin-left: -117px; margin-right: -117px; }
  .nd-wide { display: block; }
  .nd-narrow { display: none; }
}
.nd-grid { stroke: var(--line); stroke-width: 1; }
.nd-base { stroke: var(--ink-faint); stroke-width: 1; }
.nd-line { fill: none; stroke: var(--c); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.nd-dot { fill: var(--c); stroke: #fff; stroke-width: 2; }
.nd-hit { fill: transparent; }
.nd-hit:hover { fill: rgba(31, 95, 168, .18); }
.nd-ax { fill: var(--ink-muted); font-size: 11px; letter-spacing: 0; }
.nd-val { fill: var(--ink-strong); font-size: 11.5px; letter-spacing: 0; }
.nd-unit { fill: var(--ink-muted); font-size: 11.5px; letter-spacing: 0; }
.nd-cut { stroke: var(--ink-faint); stroke-width: 1; stroke-dasharray: 4 3; }
.nd-cutlab { fill: var(--ink-muted); font-size: 10.5px; letter-spacing: 0; }
.nd-note { font-size: 13px; line-height: 22px; color: var(--ink-muted); }
.post-content .nd-table { margin-bottom: 8px; }
.post-content .nd-table td.num, .post-content .nd-table th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.post-content .nd-table td.nd-gap { color: var(--ink-faint); }
.post-content .nd-years { margin: 0 0 28px; }
.post-content .nd-years summary { cursor: pointer; font-size: 14px; padding: 6px 0; }
.post-content .nd-years table { margin-top: 10px; }
.post-content .nd-src li { font-size: 14px; line-height: 24px; }
.post-content .nd-index td, .post-content .nd-index th { vertical-align: top; }
.post-content .nd-index td.name a { font-weight: 700; }
.post-content .nd-go { display: block; margin: 0 0 28px; padding: 14px 16px; background: var(--paper-raised); text-decoration: none; }
.post-content .nd-go b { display: block; font-size: 15px; color: var(--ink-strong); }
.post-content .nd-go span { font-size: 13px; line-height: 21px; color: var(--ink-muted); }
.post-content .nd-also a { display: inline-block; margin: 0 14px 6px 0; }
.nd-dot2 { fill: #fff; stroke: var(--c); stroke-width: 2; }
.nd-val { paint-order: stroke; stroke: #fff; stroke-width: 3px; stroke-linejoin: round; }
.post-content .nd-table td.nw, .post-content .nd-table th.nw { white-space: nowrap; }
.post-content .nd-tablewrap { margin: 0 0 8px; overflow-x: auto; }
.post-content .nd-tablewrap table { display: table; width: 100%; margin: 0; }
.post-content p.nd-note { margin: 8px 0 28px; font-size: 13px; line-height: 22px; color: var(--ink-muted); }
