@charset "utf-8";
.course_table_tab { margin-bottom:1.25em; }
.course_table_tab_list { display:flex; flex-wrap:wrap; gap:12px 16px; border-bottom:none; }
.course_table_tab_btn { appearance:none; margin:0; padding:.55em 1.4em; border:1px solid var(--wc-main1,#1f4696); border-radius:999px; background:#fff; color:var(--wc-main1,#1f4696); font-size:.95em; font-weight:700; line-height:1.4; cursor:pointer; transition:background-color .15s ease,color .15s ease,border-color .15s ease; }
.course_table_tab_btn:hover { background:#EEF4FB; }
.course_table_tab_btn._is-active { background:var(--wc-main1,#1f4696); border-color:var(--wc-main1,#1f4696); color:#fff; }
.course_table_tab_btn:focus-visible { outline:2px solid var(--wc-main1,#1f4696); outline-offset:2px; }
@container wciBase (width < 768px) {
  .course_table_tab_list { gap:8px; }
  .course_table_tab_btn { flex:1 1 calc(50% - 4px); min-width:0; padding:.5em .75em; font-size:.9em; text-align:center; }
}

.course_table_scroll { border:1px solid #cfe0ef; border-radius:0; background:#fff; overflow:hidden; box-sizing:border-box; }
.course_table_scroll_hint { display:none; margin:0; padding:10px 12px 6px; text-align:center; color:var(--wc-main1,#1f4696); font-size:.85em; font-weight:700; letter-spacing:.04em; line-height:1.4; }
.course_table_scroll._can-scroll .course_table_scroll_hint { display:block; }
.course_table_scroll .overscroll_wrap { max-width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; }
.course_table_scroll .overscroll_wrap::-webkit-scrollbar { display:none; width:0; height:0; }
.course_table_hbar { display:none; height:14px; background:#EAF3FA; box-sizing:border-box; }
.course_table_hbar--top { border-bottom:1px solid #cfe0ef; }
.course_table_hbar--bottom { border-top:1px solid #cfe0ef; }
.course_table_scroll._can-scroll .course_table_hbar { display:block; }
.course_table_hbar_track { position:relative; height:100%; margin:0 4px; cursor:pointer; }
.course_table_hbar_thumb { position:absolute; top:2px; left:0; height:10px; min-width:40px; padding:0; border:0; border-radius:999px; background:#c3d3e2; cursor:grab; box-sizing:border-box; }
.course_table_hbar_thumb:active { cursor:grabbing; }
.course_table_hbar_thumb:focus-visible { outline:2px solid var(--wc-main1,#1f4696); outline-offset:1px; }

.table-chart [data-js-course-col]._is-col-hidden,
.table-chart-wrap [data-js-course-col]._is-col-hidden { display:none!important; visibility:hidden!important; }

.table-chart { width:max-content; min-width:100%; border-collapse:collapse; font-size:.9em; color:var(--wc-main1,#1f4696); }
.table-chart tr > * { padding:10px 8px; border:1px solid #cfe0ef; vertical-align:middle; box-sizing:border-box; }
.table-chart thead tr > th,
.table-chart tfoot tr > th,
.table-chart tr > th.category,
.table-chart tr > th.exam-name,
.table-chart tr > th[data-js="course-table-row-label"] { background:#EAF3FA; color:#002D5D; font-weight:700; }
.table-chart tr > th.course-name,
.table-chart tr > td { text-align:center; background:#fff; color:var(--wc-baseColor); }
.table-chart tr > th.course-name { min-width:120px; background:#EAF3FA; }
.table-chart tr > th.course-name .link { color:#002D5D; font-size:.95em; font-weight:700; text-decoration:none; }
.table-chart tr > th.course-name .sub { display:block; font-weight:700; font-size:.8em; margin-bottom:.15em; }
.table-chart tr > th.category,
.table-chart tr > th.exam-name { min-width:160px; width:160px; max-width:160px; text-align:left; }
.table-chart tr > th[data-js="course-table-row-label"] { text-align:left; }
.table-chart tr > th[data-js="course-table-row-label"] .sub,
.table-chart tr > th[data-js="course-table-row-label"] .exam-title { font-weight:700; }
.table-chart tr._is-row-stripe td { background:#F5F9FD; }
@container wciBase (width < 768px) {
  .table-chart { font-size:.85em; }
  .table-chart tr > * { padding:8px 6px; }
  .table-chart tr > th.course-name { min-width:96px; }
  .table-chart tr > th.category,
  .table-chart tr > th.exam-name { min-width:100px; width:100px; max-width:100px; }
}

.table-options { font-size:.9em; }
.table-options tr > * { padding:5px; }
.table-options tr > th { text-align:center; }
.table-options tr > th.price { min-width:120px; }
.table-options tr > th.category,
.table-options tr > th.title { min-width:160px; width:160px; max-width:160px; }
.table-options tr:nth-child(even) > td { background:#F5F9FD; }
.table-options tr > td.price { text-align:right; font-weight:bold; }
.table-options tr > td.summary { min-width:300px; }
.table-options .note { color:var(--c-red); }
@container wciBase (width < 768px) {
  .table-options tr > th.price { min-width:100px; width:100px; max-width:1000px; }
  .table-options tr > th.category,
  .table-options tr > th.title { min-width:90px; width:90px; max-width:90px; }
}
