@charset "utf-8";
/* OY5 2026-11-06：3表の列見出しを1行・茶色背景に統一。 */
/* OY4 2026-11-06：3つの換算表とページ内移動リンク。 */
/* OY3 2026-11-06：面積換算表専用。共通の和暦表・六曜には適用しない。 */
.area-table th,.area-table td{padding:3px 6px;line-height:1.5;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;}
.area-table thead th{position:sticky;top:0;z-index:1;background:#993300;}
.area-table thead th span{display:inline;font-size:16px;font-weight:normal;}
.area-table .area-tenth th,.area-table .area-tenth td{border-bottom:2px solid #8b7954;}
.area-table tr{scroll-margin-top:90px;}
.area-table tr:target th,.area-table tr:target td{background:#e5f5e9;}
.area-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
.area-jump a{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:72px;padding:4px 8px;border:1px solid #0069e8;border-radius:5px;background:#fff;color:#0069e8;font-size:16px;text-decoration:underline;}
.area-jump a:visited{color:#8a2be2;}
.area-jump a:hover,.area-jump a:focus-visible{color:#d6008f;background:#edf8ff;}
.area-jump a:active{color:#d6008f;}
@media(max-width:767px){.area-table th,.area-table td{padding:3px 2px;}.area-jump{gap:8px;}.area-jump a{min-width:62px;padding:4px 6px;}}
@media print{.area-jump{display:none;}.area-table thead th{position:static;}.area-table th,.area-table td{font-size:11pt;padding:3pt;}.area-table thead th span{font-size:10pt;}}

/* OY4：パンくず直下の3リンクと各表の開始位置。 */
.area-table-links{max-width:720px;margin:16px auto;padding:0 12px;}
.area-table-links a{flex:1 1 200px;}
.area-conversion-section{scroll-margin-top:16px;}
@media(max-width:767px){.area-table-links{margin:12px 8px;padding:0;}}
@media(max-width:599px){.area-table-links{flex-direction:column;}.area-table-links a{flex:0 1 auto;}}