/* 1行目～ */
/* ※※※※※※※※※※※※※　openとcloseの状態の設定　※※※※※※※※※※※※※ */

/* 65行目以降 */
/* ※※※※※※※※※※※※※　ol,ul,liのCSS　※※※※※※※※※※※※※ */
/* ※※※※※※※※※※※※※　display: flex;のCSS　※※※※※※※※※※※※※ */

/* これは常にONにしておくこと */
td {
    padding-top: 0;
    padding-bottom: 0;
    transition:
        line-height .2s ease-out,
        opacity .1s linear,
        visibility .1s linear;
}

/* 閉じている状態　本番ONデモOFF */
td {
    line-height: 0;
    opacity: 0;
    visibility: hidden;
}

/* 開いている状態 */
tbody.show td {
    border: solid 1px #000;
    border-bottom: 0;
    opacity: 1;
    visibility: visible;
}

tbody.show td,
tbody.show td .flexB ol {
    line-height: 2.5;
}

/* カラム落ち時の行間設定 */
tbody.show td .flexB ol.wrapped {
    line-height: 1.7;
}

.partition {
    height: 0;
}

tbody.show>tr>td>.partition {
    height: 1px;
    background-color: rgb(197, 197, 197);
}


@media screen and (max-width: 600px) {

    tbody.show td,
    tbody.show td .flexB ol {
        /* tbody.show>tr>td { */
        line-height: 3;
    }
}




/* ※※※※※※※※※※※※※※　ol,ul,liのCSS　※※※※※※※※※※※※※※※※※※※※ */
/* ※※※※※※※※※※※※※※　display: flex;のCSS　※※※※※※※※※※※※※※※※ */

.tdcolum {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 12匹以降のスタイル */
.disf {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul,
ol {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}

ol {
    display: flex;
    justify-content: center;
    align-items: center;
}

li {
    list-style: none;
}

th {
    background: #eee183;
    border: solid 1px;
    cursor: pointer;
    height: 50px;
    position: relative;
}

#tax-status {
    right: 15%;
}

@media screen and (max-width: 600px) {
    table {
        width: 100%;
    }

    ol {
        flex-direction: column;
    }

    tbody.show ol {
        line-height: 1.7;
    }

    #tax-status {
        left: 60%;
    }

    .ulFontSize {
        flex-direction: column
    }

    .ulFontSize li {
        font-size: 15px;
    }

    /* ↓  javascriptのせいで消えない */
    /* .slash {
      display: none;
    } */
}

.flexB {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 600以上の時 */
@media screen and (min-width: 600px) {
    .disf2 {
        display: flex;
        justify-content: center;
    }
}