.datetable{
        border-collapse: collapse;
    }
    
    .datetable th{
        border: 1px solid #ffffff;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .datetable td{
        border: 1px solid #000000;
        text-align: right;
        margin: 0;
        padding: 0;
    }

  	.kako_date{
  		display : none;
  	}
  	
  	.moshi_date{
  		display : none;
  	}

    .yt-c {
        display: flex;
        justify-content: center;
    }

    /* 申し込みボタン */
    .ab {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 16px 20px;
    border-radius: 8px;

    color: #fff;
    background-color: #ff994f;
    text-decoration: none;
    font-weight: 700;

    /* 厚み */
    box-shadow: 0 6px 0 #a92e2e;

    /* 動き */
    transition:
    transform 0.1s ease,
    box-shadow 0.1s ease,
    background-color 0.2s ease;
    }

    /* ホバー */
    .ab:hover {
    background-color: #f05b5b;
    }

    /* クリック */
    .ab:active {
    transform: translateY(6px);
    box-shadow: 0 0 0 #a92e2e;
    }

    /* フォーカス */
    .ab:focus-visible {
    outline: 3px solid #222;
    outline-offset: 4px;
    }

    .ci {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 0;
    row-gap: 0.5em;
    margin: 0;
    }

    .ci dt {
    grid-column: 1;
    padding-right: 1em;
    font-weight: bold;
    }

    .ci dd {
    grid-column: 2;
    min-width: 0;
    margin: 0;
    }

    /* 最後の行以外に下線を引く */
    .ci dt:not(:last-of-type),
    .ci dd:not(:last-of-type) {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    }

    .ci-n {
    display: block;
    margin-top: 0.25em;
    }

    .application-steps {
    margin-top: 0;
    margin-bottom: 1em;

    /* 番号を配置する左側の空間 */
    padding-inline-start: 2.5em;

    list-style-type: decimal;
    list-style-position: outside;
    }

    .application-steps > li {
    padding-inline-start: 0.25em;
    }

    .application-steps > li + li {
    margin-top: 0.5em;
    }

      /*-------------------- course schedule --------------------*/

    .cs {
        width: 100%;
    }

    .cs-lead {
        margin: 0 0 24px;
        text-align: center;
        font-size: 117%;
    }

    .cs-lead span {
        font-weight: bold;
    }

    .cs-block {
        margin: 0 0 32px;
    }

    .cs-block:last-child {
        margin-bottom: 0;
    }

    /* タイトル行 */
    .cs-title {
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #666666;
        border-bottom: none;
        color: #222222;
        font-size: 150%;
        text-align: center;
    }

    /* コース行背景色 */
    .cs-block-1 .cs-title {
        background-color: #d6e5f5;
    }

    .cs-block-2 .cs-title {
        background-color: #cff0d6;
    }

    .cs-block-3 .cs-title {
        background-color: #f9ddcc;
    }

    .cs-time {
        margin: 0;
        padding: 12px;
        border-right: 1px solid #666666;
        border-left: 1px solid #666666;
        background-color: #ffffff;
        text-align: center;
    }

    .cs-time strong {
        display: block;
        color: #000099;
        font-size: 150%;
    }

    .cs-time span {
        display: block;
        margin-top: 2px;
        color: #555555;
        font-size: 90%;
    }
    /* テーブルのCSS */
    .cs-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        background-color: #ffffff;
    }

    .cs-table th,
    .cs-table td {
        padding: 10px 12px;
        border: 1px solid #666666;
        color: #222222;
        text-align: center;
    }

    .cs-table thead th {
        background-color: #eeeeee;
        font-weight: bold;
    }

    .cs-table thead th:first-child,
    .cs-table tbody th {
        width: 28%;
    }

    .cs-table tbody th {
        font-weight: bold;
        background-color: #f8f8f8;
    }

    /* 日程調整中をのせるためのスタイル */
    #curriculum {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
        font-size: 100%;
    }
    
    #curriculum th {
        border: 1px solid #000;
        font-size: 22px;
        text-align: center;
        color: #000;
        padding: 8px;
    }

    #curriculum td {
        border: 1px solid #000;
        font-size: 22px;
        text-align: center;
        padding: 8px;
    }
    /* 
     奇数行
    #curriculum tr:nth-child(odd) > th,
    #curriculum tr:nth-child(odd) > td {
        background: #F8CDAD !important;
    }

     偶数行 
    #curriculum tr:nth-child(even) > th,
    #curriculum tr:nth-child(even) > td {
        background: #fff !important;
    }  */

    #curriculum .rinji td b {
        text-align: center;
        font-size: 36px;

    }
    #curriculum .rinji td {
        text-align: center;
        background-color: #ff994f;
        font-size: 18px;

    }

    @media only screen and (max-width: 679px) {
        .cs-lead {
        text-align: left;
        font-size: 100%;
        }

        .cs-title {
            font-size: 125%;
        }

        .cs-time strong {
            font-size: 130%;
        }

        .cs-table th,
        .cs-table td {
            padding: 9px 6px;
            font-size: 90%;
        }

        .cs-table thead th:first-child,
        .cs-table tbody th {
            width: 30%;
        }
    }