@charset "UTF-8";


/* **********************************************************

標準（About用など）

********************************************************** */

/* 表のタイトル */
.articleTitleTable{
    color: var(--TextSubTheme1);
    margin-bottom: 15px;
    padding: 0 20% 0px 4%;
    line-height: 1.2;
}
/* 表組 */
.tableFormat{
    font-size: 14px;
    margin-bottom: 60px;
}
.tableDl{
    display: flex;
    flex-wrap: wrap;
    padding: 0 4%;
}
.tableDldt{
    width: 35%;
    padding: 15px 0 15px 5px;
    border-top: .5px solid var(--TableBorder);
}
.tableDldd{
    width: 65%;
    padding: 15px 10px 15px 0;
    border-top: .5px solid var(--TableBorder);
}
.tableDldt:last-of-type,
.tableDldd:last-of-type{
    border-bottom: .5px solid var(--TableBorder);
}
/* 補足文 */
.tableText{
    font-size: 12px;
    padding: 15px 8% 0 5%;
}

@media(max-width:840px){
    .tableDl{
        flex-direction: column;
    }
    .articleTitleTable{
        padding: 0 20% 0 7%;
    }
    .tableDldt,
    .tableDldd{
        width: 100%;
        border-top: none;
    }
    .tableDldt{
        color: var(--TableTextRev);
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: var(--TableBorderMq);
    }
    .tableDldd{
        padding-left: 5px;
    }
    .tableDldd:last-of-type{
        border-top: none;
        border-bottom: none;
    }
    .tableDldt:last-of-type{
        border-bottom: none;
    }
}



/* **********************************************************

カスタム投稿用

********************************************************** */

.tableTaxoDl{
    color: var(--TableTextRev);
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
}
.tableTaxoDt{
    width: 35%;
    padding: 15px 0 15px 5px;
    border-top: .5px solid var(--TableBorderRev);
}
.tableTaxoDd{
    width: 65%;
    padding: 15px 10px 15px 0;
    border-top: .5px solid var(--TableBorderRev);
}
.tableTaxoDt:last-of-type,
.tableTaxoDd:last-of-type{
    border-bottom: .5px solid var(--TableBorderRev);
}

@media(max-width:840px){
    .tableTaxoDl{
        flex-direction: column;
    }
    .tableTaxoDt:last-of-type{
        border-bottom: 1px solid var(--TableBorderRev);
    }
    .tableTaxoDt{
        width: 100%;
        padding: 5px 0;
        background-color: var(--TableBorderMq);
        color: var(--TableTextRev);
        border: 1px solid var(--TableBorderRev);
        font-size: 18px;
        text-align: center;
    }
    .tableTaxoDd{
        width: 100%;
        padding-left: 10px;
        border: none;
        font-size: 14px;
    }
    .tableTaxoDd:not(:last-of-type){
        margin-bottom: 15px;
    }
    .tableTaxoDd:last-of-type{
        border-bottom: none;
    }
}



/* **********************************************************

Serch Result

********************************************************** */

.searchRstTable{
    padding: 0 8%;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    margin-top: 30px;
}
.searchRstDt{
    width: 30%;
    padding: 15px 0 15px 5px;
    border-bottom: .5px solid var(--TableBorder);
}
.searchRstDd{
    width: 70%;
    padding: 15px 10px 15px 0;
    padding-left: 20px;
    border-bottom: .5px solid var(--TableBorder);
} 

@media(max-width:840px){
    .searchRstTable{
    padding: 0 5%;
    flex-direction: column;
    }
    .searchRstDt{
        width: 100%;
        padding: 15px 0 0 5px;
        border-bottom: none;
    }
    .searchRstDd{
        width: 100%;
        padding: 15px 0 15px 5px;
        border-bottom: .5px solid var(--TableBorder);
    } 
}