<style>

/* 行ハイライト（既存） */
.transfer-schedule tbody tr:hover td.editable {
    background-color:#f0f9fa;
    z-index:5 !important;
}

/* ▼ 縦列ハイライト用（新規追加） */
.transfer-schedule td.col-hover,
.transfer-schedule th.col-hover {
    background-color: #eefcff !important;
    z-index: 6 !important;
}



/* スマホで横スクロールを必ず有効にする */
.transfer-schedule-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* ← これが最重要 */
    display: block;
    width: 100%;
    position: relative;
}

/* 表が縮まず横に広がるようにする */
.transfer-schedule {
    width: max-content !important;
    min-width: 100%;
}



    .transfer-schedule-wrapper { overflow-x:auto; border:1px solid #ccc; border-radius:6px; padding:10px; background:#fff; }
    .transfer-schedule-nav { text-align:center; margin:10px 0; font-size:16px; }
    .transfer-schedule-nav a { color:#01acb2; text-decoration:none; font-weight:bold; margin:0 15px; }
    .transfer-schedule-nav a[aria-disabled="true"] { color:#aaa; pointer-events:none; text-decoration:none; }
    .transfer-schedule { font-family:"Yu Gothic",sans-serif; font-size:13px; border-collapse:collapse; margin:0 auto; }
    .transfer-schedule th, .transfer-schedule td {
        border:1px solid #ccc; padding:3px; text-align:center; width:28px; min-width:28px;
        white-space:nowrap; transition:background-color 0.15s;
    }
    .transfer-schedule th.date-top { background:#f5f5f5; font-weight:bold; color:#363636; }
    .transfer-schedule th.weekday { font-size:11px; color:#666; background:#fafafa; }

    .transfer-schedule th.sticky, .transfer-schedule td.sticky-left { position:sticky; z-index:3; }
    .transfer-schedule th.sticky { top:0; }
    .transfer-schedule td.name.sticky-left {
        left:0; z-index:4; text-align:left; padding:3px 6px; font-weight:bold; background:#f9f9f9; width:170px;
    }

    /* マーク色 */
    .transfer-schedule td.editable { cursor:pointer; font-weight:bold; font-size:14px; }
    .transfer-schedule td.afterschool { color:#01acb2; }   /* ● 放課後デイ */
    .transfer-schedule td.development { color:#ff8800; }   /* ■ 児童発達 */
    .transfer-schedule td.absent { color:#d00; }           /* 欠（病欠） */
    .transfer-schedule td.trial { color:#ff8800; }         /* 体（体験） */
    .transfer-schedule td.cancel { color:#9933cc; }        /* キ（キャンセル） */
    .transfer-schedule td.observe { color:#3366cc; }       /* 見（見学） */
    .transfer-schedule td.contract { color:#009933; }      /* 契（契約） */

    .transfer-schedule tbody tr:hover td.editable { background-color:#f0f9fa; }

    /* サマリー6行（数字だけ表示） */
    .summary-row td { background:#fafafa; font-weight:bold; }
    .summary-row td.sum-label { background:#f0f0f0; }
    .summary-row td.sum-cell { font-weight:bold; font-size:13px; }
    .sum-col { background:#fafafa; font-weight:bold; } /* 児童行の右端合計用 */

    .oh-message.success { background:#e6f8ed; color:#0a6b3f; padding:8px; margin:8px 0; border-radius:6px; text-align:center; }
    .btn-save { display:inline-block; margin:10px auto 0; background:#01acb2; color:#fff; padding:6px 14px;
        border:none; border-radius:6px; cursor:pointer; font-size:14px; }
    .btn-save:hover { background:#00969b; }
    </style>