table {
    
}

/* FOR TABLE-LAYOUT = WIDTH   */
.table-w-auto {
    width: auto;
}

/* FOR TABLE-LAYOUT = FIXED   */

table:not(class) {  
    table-layout: fixed;
    width: 100%;
    xmargin: 3em 0;
}

/* FOR TABLE-LAYOUT = AUTO   */
.table-layout-auto table {
    table-layout: auto !important;
}

/* FOR TABLE-LAYOUT = FIXED AND NOT WIDTH 100%  */

.table-layout-fixed table {  
    table-layout: fixed;
    xwidth: auto;
}


table:not(class) tr {
    border-bottom: 1px solid #dee2e6;
}
table:not(class) tr:first-child {
    border-bottom: 2px solid #000;
}
th, td {
    padding: 0.5em;
}


/* WHOLE BORDER TABLE */
.table-border th, .table-border td {
    border: 1px solid black !important;
}
.table-border th {
    font-weight: bold;
    background-color: #e6e9ee;
}

/* KIZUNON等横並びTABLE */
.table-horizon table {
    table-layout:auto;
}
.table-horizon table tr:first-child {
    border-bottom: 1px solid #dee2e6;
}


/* ------------------------------------SOKUTEI等横並びTABLE START */
.table-horizon1 table {
    table-layout:auto;
}
.table-horizon1 tr:first-child {
    border-bottom: 1px solid #dee2e6;
}
.table-horizon1 table tr:first-child {
    border-bottom: 1px solid #dee2e6;
}

@media screen and (max-width: 575px)  {
    .table-horizon1 th, .table-horizon1 td {
        border-bottom: none;
        display: block;
        width: 100%;
    }
    .table-horizon1 th {
        font-size: 120%;
        padding-top: 1.5em;
    }
}
/* ------------------------------------SOKUTEI等横並びTABLE END */



/* ------------------------------------SUS等 RESPONSIBLE TABLE START*/
.table-horizon-rs1 td:first-child {
  xbackground: #fbf5f5;
}
@media screen and (max-width: 767px) {
  .table-horizon-rs1 {
    xwidth: 80%;
  }
  .table-horizon-rs1 .thead {
    display: none;
  }
  .table-horizon-rs1 tr {
    width: 100%;
  }
  .table-horizon-rs1 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .table-horizon-rs1 td:first-child {
    background: #e6e9ee;
    xcolor: #fff;
    font-weight: bold;
    text-align: center;
  }
  .table-horizon-rs1 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}
/* ------------------------------------SUS等 RESPONSIBLE TABLE END */


/*   TABLE BACKGROUND -----------------  */
.table-bg table{
    background-color: #fff;
    }

    @media (max-width: 991px) {
        .table-bg table{
        margin-bottom: 1em;
        }
    }


/* --------------BG3の時 ------------------------   */

div.bg3 .table-horizon table tr, div.bg3 .table-horizon table tr:first-child {
    border-bottom: 1px solid #9fa2a5;
}



/*  型番タイトル    */
.model h4 {
    font-weight: bold;
    padding-bottom: 0.2em !important;
    margin-bottom: 0.2em !important;
    
}
.model h4::before {
    content: "型番 ";
    font-weight: normal;
    font-size: 0.6em;
}
.model h4:not(:first-child) {
    padding-top: 2em;
}





@media (min-width: 576px) {
    th, td {
        xpadding: 0.25em;
      }
}


/* TABLE-SCROLL  */
.table-scroll {
    xposition: relative;
    overflow: auto; 
    xbackground-color: red;
}
.table-scroll table {
    white-space: nowrap !important;
    xoverflow: sticky; 
    xmin-width: 980px;
}
.table-scroll table td {
    xdisplay: inline;
}
/* SCROLL BAR*/
.scroll-icon {
    display: none;
}

/* TABLE STRIPE*/
.stripe tr:nth-child(even) {
    background-color: #e5e8f0;
}
.stripe th, .stripe td {
    border-top: 0px solid #929292;
    border-bottom: 0px solid #929292;
    padding: 0.3em;
}

@media screen and (max-width: 992px) {
    .scroll-icon {
        display: inline-block;
        position: absolute;
        justify-content: right;
        top: 50%;
        right: 0;
        xbackground-color: black;
        background-color: #429ae2;
        color: white;
        padding: 0.3em 0 0.3em 0.5em;
        border-radius: 15px 0 0 15px;
        opacity: 0.4;
        transform: translateY(50%);
    }
}