/* WATCH NAVI rankings — scoped to the article; loaded after the theme. */
.wn-ranking-article.wn-ranking-article {
  --wn-ink:#123a55; --wn-muted:#536a7a; --wn-line:#dbe6ed; --wn-soft:#eff5f9;
  display:block; width:100%; max-width:100%; min-width:0;
  color:#293e4c; font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:20px; line-height:1.95; overflow-wrap:anywhere;
}
.wn-ranking-article *, .wn-ranking-article *::before, .wn-ranking-article *::after {box-sizing:border-box}
.wn-ranking-article.wn-ranking-article h1 {font-size:36px;line-height:1.55;color:var(--wn-ink);margin:0 0 14px}
.wn-ranking-article.wn-ranking-article h2 {font-size:30px;line-height:1.65;color:var(--wn-ink);margin:30px 0 16px}
.wn-ranking-article.wn-ranking-article h3 {font-size:24px;line-height:1.7;color:var(--wn-ink)}
.wn-ranking-article.wn-ranking-article p {font-size:inherit;margin:16px 0}
.wn-ranking-article.wn-ranking-article .wn-note {font-size:16px;line-height:1.8;color:var(--wn-muted)}
.wn-ranking-article .wn-pr {margin:8px 0 18px}
.wn-ranking-article.wn-ranking-article .wn-table-wrap {
  display:block; width:100%;max-width:100%;min-width:0;overflow-x:auto;
  margin:20px 0;border:1px solid var(--wn-line);border-radius:8px;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
}
.wn-ranking-article.wn-ranking-article table {
  display:table;border-collapse:collapse;border-spacing:0;width:100%;max-width:none;
  margin:0;font-size:18px;line-height:1.8;border:0;float:none;
}
.wn-ranking-article.wn-ranking-article th,.wn-ranking-article.wn-ranking-article td {
  padding:12px 10px;border:0;border-bottom:1px solid var(--wn-line);
  text-align:left;vertical-align:middle;word-break:normal;overflow-wrap:anywhere;
}
.wn-ranking-article.wn-ranking-article th {background:var(--wn-soft);color:var(--wn-ink);font-weight:700}
.wn-ranking-article.wn-ranking-article tbody tr:last-child td {border-bottom:0}
.wn-ranking-article.wn-ranking-article .wn-overview {min-width:920px;table-layout:fixed}
.wn-ranking-article .wn-overview th:first-child,.wn-ranking-article .wn-overview td:first-child {width:64px;white-space:nowrap;text-align:center}
.wn-ranking-article .wn-overview td:first-child {font-weight:bold;color:#987140}
.wn-ranking-article .wn-overview th:nth-child(2),.wn-ranking-article .wn-overview td:nth-child(2) {width:104px;text-align:center;padding:10px}
.wn-ranking-article .wn-overview th:nth-child(3),.wn-ranking-article .wn-overview td:nth-child(3) {width:260px}
.wn-ranking-article .wn-overview th:nth-child(4),.wn-ranking-article .wn-overview td:nth-child(4) {width:160px;white-space:nowrap}
.wn-ranking-article .wn-overview th:nth-child(5),.wn-ranking-article .wn-overview td:nth-child(5) {width:160px}
.wn-ranking-article .wn-overview .wn-product-image {display:flex;width:84px;max-width:100%;min-height:100px;align-items:center;justify-content:center;margin:auto;background:#fff;border-radius:5px}
.wn-ranking-article.wn-ranking-article img.wn-comparison-thumb {display:block;width:80px;height:90px;max-width:100%;object-fit:contain;margin:auto;background:#fff;border:0;box-shadow:none}
.wn-ranking-article .wn-model {width:100%;min-width:0;max-width:100%;border:1px solid var(--wn-line);padding:24px;margin:28px 0;border-radius:10px;scroll-margin-top:96px;float:none}
.wn-ranking-article.wn-ranking-article .wn-model h2 {font-size:28px;margin:10px 0}
.wn-ranking-article .wn-rank {display:inline-block;background:var(--wn-ink);color:#fff;padding:4px 14px;border-radius:4px;font-size:16px}
.wn-ranking-article .wn-product-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;align-items:start;width:100%;min-width:0}
.wn-ranking-article .wn-product-grid > * {min-width:0;max-width:100%}
.wn-ranking-article.wn-ranking-article figure {width:auto;max-width:100%;margin:0;text-align:center;float:none}
.wn-ranking-article.wn-ranking-article img.wn-main-photo {display:block;width:100%;max-width:340px;height:340px;object-fit:contain;background:#fff;margin:auto;border:0;box-shadow:none}
.wn-ranking-article figcaption {font-size:16px;color:var(--wn-muted);line-height:1.8}
.wn-ranking-article a {color:#08668e;text-decoration:underline;text-underline-offset:3px}
.wn-ranking-article a:hover,.wn-ranking-article a:focus {color:#064867}
.wn-ranking-article .wn-model-link {display:inline-block;line-height:1.7}
.wn-ranking-article.wn-ranking-article .wn-specs {table-layout:fixed;min-width:0;width:100%}
.wn-ranking-article .wn-specs th {width:36%}
.wn-ranking-article.wn-ranking-article .wn-specs th,.wn-ranking-article.wn-ranking-article .wn-specs td {padding:8px 10px;vertical-align:top}
.wn-ranking-article .wn-caution {padding:12px 16px;background:var(--wn-soft);border-radius:6px}
.wn-ranking-article .wn-fit {padding:12px 16px;background:#f7f8fa;border-radius:6px}
.wn-ranking-article strong {color:var(--wn-ink)}
.wn-ranking-article .wn-back {font-size:16px;text-align:right}
.wn-ranking-article #comparison {scroll-margin-top:96px}
.wn-ranking-article.wn-ranking-article .wn-rakuten-cta {display:inline-block;max-width:100%;margin:8px 0;padding:13px 20px;background:#b32025;color:#fff;text-align:center;border-radius:5px;text-decoration:none;font-size:18px;font-weight:700}
.wn-ranking-article .wn-product-image {display:block;max-width:100%}
.wn-ranking-article .wn-product-image:focus-visible {outline:2px solid #4384a7;outline-offset:3px}
@media(max-width:700px) {
  .wn-ranking-article.wn-ranking-article h1 {font-size:30px}
  .wn-ranking-article.wn-ranking-article h2,.wn-ranking-article.wn-ranking-article .wn-model h2 {font-size:26px}
  .wn-ranking-article .wn-model {padding:16px}
  .wn-ranking-article .wn-product-grid {grid-template-columns:minmax(0,1fr)}
  .wn-ranking-article .wn-guide {min-width:650px}
  .wn-ranking-article.wn-ranking-article th,.wn-ranking-article.wn-ranking-article td {padding:10px 8px}
}
@media print {
  .wn-ranking-article .wn-table-wrap {overflow:visible;border-radius:0}
  .wn-ranking-article.wn-ranking-article .wn-overview,.wn-ranking-article .wn-guide {min-width:0;table-layout:auto}
  .wn-ranking-article .wn-model {break-inside:avoid}
}

/* Also cover cached or custom rendering of the original article HTML. */
.wn-ranking-article .wn-caution,.wn-ranking-article .wn-fit{display:none}

/* Larger type and a wider reading column only on ranking articles. */
body.wnr400-readable.content-width-narrow #primary .content-container.site-container{max-width:1100px}
body.wnr400-readable .entry-header .entry-title{font-size:36px;line-height:1.55}
body.wnr400-readable .entry-header .entry-meta,body.wnr400-readable .entry-taxonomies{font-size:16px;line-height:1.8}
@media(max-width:700px){body.wnr400-readable .entry-header .entry-title{font-size:30px}}