/*+CSV取込（顧客ＣＳＶ取込）CSS*/
ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
}

table .div_flex{
    width: 100%;
}

button,
.button{
    all: unset;
}

img{
    width: 100%;
}

/*+ 顧客ＣＳＶ取込*/
/**CSV取込設定 csv_import_settings*/
.csv_import_settings th{
    width: 15%;
}

/*img顧客ＣＳＶ取込設定画面*/
#img_customer_csv_import{
    max-width: 604px;
    margin: 0.5em auto;
}

/*==対象ファイル target_file*/
/*ファイルを選択*/
.target_file td .button_1{
    display: inline-block;
    width: 8.5em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: FontAwesome;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin-right: 0.2em;
}

/*開く*/
.target_file td .button_2{
    display: inline-block;
    width: 7em;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #006BBE;
    border-radius: 5px;
    margin-right: 0.2em
}

/*==CSVヘッダ csv_header*/
.csv_header td .div_flex{
    width: 95%;
    justify-content: space-between;
    margin: 1em auto;
}

.csv_header td .div_flex div{
    width: 48%;
}

.csv_header td .div_flex h3{
    font-size: unset;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.5em;
}

/*h3左丸*/
.csv_header td .div_flex h3::before{
    content: "●";
    display: inline-block;
    font-size: 20px;    
}

.csv_header td .div_flex div img{
    max-width: 621px;
}

/*+ 顧客CSVフォーマット*/
/**CSVフォーマット csv_format*/
.csv_format{
    width: 100%;
}

.csv_format .com_h4_th{
    font-weight: 400;
}

.csv_format .com_h4_th .spa_1{
    display: inline-block;
    width: fit-content;
}

.csv_format .com_h4_th .spa_2{
    display: inline-block;
    flex: 1;
    padding-left: 2em;
}

/*No*/
.csv_format .th_1{
    width: 5%;
}

/*フィールド名*/
.csv_format .th_2{
    width: 18%;
}

/*桁数*/
.csv_format .th_3{
    width:11%;
}

/*備考*/
.csv_format .th_4{
    width: 66%;
}

/*備考以外中央寄せ*/
.csv_format td:not(.csv_format td:last-of-type){
    text-align: center;
}

