/* CSS Document */

/*カラー情報　ブルー
メインカラー：#2C80BE
見出しカラー：#12476e
見出し背景色：#f1f9ff
*/

/*=============================================
* PC・タブレット・スマートフォン共通
=============================================*/

/* ヘッダー・フッター */
.headerItem,
.content .confirm_text p {
    border-color: #2C80BE;
}
h2 {
    color: #12476e;
    border-color: #12476e;
}
h3 {
    background-color: #f1f9ff;
}
h4,
.confirm_text b {
    color: #12476e;
}
.content p.taxitem {
    border-color: #004F84;
    background-color: #F0F0F0;
}

/*フローチャート*/
.flowchart_wrapper {
    background-color: #f1f9ff;
}

/* テーブル設定 */
.itemtable thead th,
.numberresult_table thead th {
    background-color: #f1f9ff;
}
.itemtable th,
.calculate_table th,
.numbercheck_table th,
.numberresult_table th,
.resentresult_table th,
.itemtable .resentresult_table thead th {
    background-color: #F0F0F0;
}

/*入力フィールド・リスト調整*/
button#add_taxitem_btn {
    border-color: #2C80BE;
}
button#add_taxitem_btn:hover {
    background-color: #E0F3FD;
}
#remain {
    color: #2C80BE;
}

/*複数納付*/
.content p.form-follow {
    color: #12476e;
}

/*=============================================
* PC表示 769px～
=============================================*/

@media screen and (min-width: 769px) {

    /*複数納付*/
    .numbercheck_table__topic {
        background-color: #f1f9ff;
    }

    /*複数納付 納付情報照会結果*/
    .resentresult_table th.numbercheck_table__topic,
    .numberresult_table th.numbercheck_table__topic {
        background-color: #f1f9ff;
    }

}

/*=============================================
* タブレット・スマートフォン表示 ～768px
=============================================*/

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

    /*入力フィールド・リスト調整*/
    .itemtable input:focus ,
    .itemtable .selectNum:focus {
        border-color: #2C80BE;
    }
    .numberresult_table th,
    .resentresult_table th {
        background-color: #f1f9ff;
    }

}