/*==================================================
10 Table
==================================================*/

/*======== Base ========*/

.it-table{

    width:100%;

    border-collapse:collapse;

    background:var(--white);

    border-radius:var(--radius-l);

    overflow:hidden;

    box-shadow:var(--shadow-s);

}

/*======== Row ========*/

.it-table tr{

    border-bottom:1px solid var(--border);

}

.it-table tr:last-child{

    border-bottom:none;

}

/*======== Title ========*/

.it-table-title{

    width:28%;

    padding:20px 24px;

    background:var(--light-blue);

    color:var(--primary);

    font-weight:700;

    text-align:left;

    vertical-align:top;

}

/*======== Text ========*/

.it-table-text{

    padding:20px 24px;

    color:var(--text);

    vertical-align:top;

    line-height:1.9;

}

/*======== Narrow ========*/

.it-table-narrow .it-table-title{

    width:22%;

}

/*======== Wide ========*/

.it-table-wide .it-table-title{

    width:35%;

}

/*======== Compact ========*/

.it-table-compact .it-table-title,

.it-table-compact .it-table-text{

    padding:14px 18px;

}

/*======== Center ========*/

.it-table-center{

    text-align:center;

}

/*======== Stripe ========*/

.it-table-stripe tr:nth-child(even){

    background:var(--light);

}

/*======== Hover ========*/

.it-table-hover tr{

    transition:var(--transition);

}

.it-table-hover tr:hover{

    background:#f8fbff;

}

/*==================================================
10 Table
==================================================*/

.it-table-wrap table{

    width:100%;

    border-collapse:collapse;

    background:var(--white);

    border-radius:var(--radius-l);

    overflow:hidden;

    box-shadow:var(--shadow-s);

}

.it-table-wrap th{

    /* タイトルセル */

}

.it-table-wrap td{

    /* データセル */

}