/* Restore only the previously approved scrollable plan comparison tables. */
body.ns-subpage #main-content figure:has(.ns-plan-comparison){display:block;box-sizing:border-box;width:100%;min-width:0;max-width:min(1000px,calc(100vw - 30px));margin-left:auto;margin-right:auto}
body.ns-subpage #main-content .ns-plan-comparison{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:1000px;margin:0 auto;color:#292823;font-family:"Noto Sans JP",sans-serif}
body.ns-subpage #main-content .ns-plan-table-scroll{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:auto;border:1px solid #ded8cc;border-radius:6px;background:#fff;-webkit-overflow-scrolling:touch}
body.ns-subpage #main-content .ns-plan-table-scroll:focus-visible{outline:3px solid #917640;outline-offset:3px}
body.ns-subpage #main-content .ns-plan-table{width:100%;min-width:690px;margin:0;border:0;border-collapse:collapse;font-size:15px;line-height:1.5;table-layout:fixed}
body.ns-subpage #main-content .ns-plan-table caption{padding:12px;background:#f5f0e6;color:#292823;font-size:20px;font-weight:700;text-align:center;caption-side:top}
body.ns-subpage #main-content .ns-plan-table th,body.ns-subpage #main-content .ns-plan-table td{padding:10px 6px;border:1px solid #fff;text-align:center;vertical-align:middle;overflow-wrap:normal;word-break:normal}
body.ns-subpage #main-content .ns-plan-table thead th{font-size:17px;font-weight:700}
body.ns-subpage #main-content .ns-plan-table th:first-child{width:24%}
body.ns-subpage #main-content .ns-plan-table thead th:first-child{background:#e3e3e3;color:#595959;border-color:#444}
body.ns-subpage #main-content .ns-plan-table tbody th{background:#f0f0f0;color:#292823;border-color:#444}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="basic-comparison"] tr>:nth-child(2){--comparison-color:#942e31}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="basic-comparison"] tr>:nth-child(3){--comparison-color:#60a138}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="basic-comparison"] tr>:nth-child(4){--comparison-color:#354c6c}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="basic-comparison"] tr>:nth-child(5){--comparison-color:#a7537e}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="home-comparison"] tr>:nth-child(2){--comparison-color:#d54b4f}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="home-comparison"] tr>:nth-child(3){--comparison-color:#df7d35}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="home-comparison"] tr>:nth-child(4){--comparison-color:#ec6f73}
body.ns-subpage #main-content .ns-plan-table tr>:not(:first-child){background:var(--comparison-color);color:#fff}
body.ns-subpage #main-content .ns-plan-table-hint{display:none}
@media(max-width:767px){
body.ns-subpage #main-content figure:has(.ns-plan-comparison){display:block;box-sizing:border-box;width:100%;min-width:0;max-width:calc(100vw - 30px)}
body.ns-subpage #main-content .ns-plan-comparison{max-width:100%}
body.ns-subpage #main-content .ns-plan-table-hint{display:block;margin:0 0 8px;font-size:12px;text-align:left}
}

/* Keep item names visible while mobile plan columns scroll. */
@media(max-width:767px){
body.ns-subpage #main-content .ns-plan-table{border-collapse:separate;border-spacing:0;min-width:660px}
body.ns-subpage #main-content .ns-plan-table th:first-child{width:140px}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="home-comparison"] .ns-plan-table{min-width:530px}
body.ns-subpage #main-content .ns-plan-table th,body.ns-subpage #main-content .ns-plan-table td{border-width:0 1px 1px 0}
body.ns-subpage #main-content .ns-plan-table thead th{border-top-width:1px}
body.ns-subpage #main-content .ns-plan-table tr>:first-child{position:sticky;left:0;z-index:2;border-left-width:1px;box-shadow:1px 0 0 #444}
body.ns-subpage #main-content .ns-plan-table thead th:first-child{background:#e3e3e3;z-index:3}
body.ns-subpage #main-content .ns-plan-table tbody th:first-child{background:#f0f0f0}
}

/* Readable mobile comparison: scroll the table, retain its row and column headings. */
@media(max-width:767px){
body.ns-subpage #main-content .ns-plan-table-scroll{overflow:auto;max-height:calc(100vh - 240px);max-height:calc(100svh - 240px);isolation:isolate;scroll-padding-top:80px;scroll-padding-left:128px}
body.ns-subpage #main-content .ns-plan-table{width:768px;min-width:768px;font-size:18px}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="home-comparison"] .ns-plan-table{width:608px;min-width:608px}
body.ns-subpage #main-content .ns-plan-table th,body.ns-subpage #main-content .ns-plan-table td{box-sizing:border-box;padding:12px 8px;font-size:18px;line-height:1.5}
body.ns-subpage #main-content .ns-plan-table th:first-child{width:128px}
body.ns-subpage #main-content .ns-plan-table caption{text-align:left;font-size:18px}
body.ns-subpage #main-content .ns-comparison-caption-text{display:block;max-width:calc(100vw - 100px);white-space:normal}
body.ns-subpage #main-content .ns-comparison-tax{display:inline-block;white-space:nowrap}
body.ns-subpage #main-content .ns-plan-table tbody th:first-child{font-size:17px}
body.ns-subpage #main-content .ns-plan-table thead th{position:sticky;top:0;z-index:3;font-size:18px;box-shadow:0 1px 0 #444}
body.ns-subpage #main-content .ns-plan-table thead th:first-child{left:0;z-index:4;box-shadow:1px 1px 0 #444}
body.ns-subpage #main-content .ns-plan-table-hint{font-size:14px;line-height:1.7;margin-bottom:10px}
}
@media(max-width:360px){
body.ns-subpage #main-content .ns-plan-table{width:656px;min-width:656px}
body.ns-subpage #main-content .ns-plan-comparison[data-plan="home-comparison"] .ns-plan-table{width:520px;min-width:520px}
body.ns-subpage #main-content .ns-plan-table th:first-child{width:112px}
body.ns-subpage #main-content .ns-comparison-label{display:block}
body.ns-subpage #main-content .ns-plan-table-scroll{scroll-padding-left:112px}
}
