/*+各種マスタ：CSV取込＆CSV取出（データ管理）CSS*/
/*//設定リセット*/
/*main.css labelのチェックボックスを見えなくす*/
input[type="checkbox"]+label:before{
    display: none;
}

/*main.css labelのpadding消す*/
input[type="checkbox"]+label, input[type="radio"]+label{
    padding: 0;
}

.csv_import .spa_h2{
    display: inline-block;
    font-size: medium;
    font-weight: normal;
    margin-left: 3em;
}

/*//table取出、取込共通*/
.csv_export table,
.csv_import table,
.csv_import .table_flex{
    width: 95%;
    margin: 0 auto;
}

.csv_export table span,
.csv_import table span{
    display: block;
}

/*+CSV取出 csv_export*/
/**売上明細CSV取出 csv_export div_1*/
.csv_export .div_1 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*備考以外真ん中寄せ*/
.csv_export .div_1 table th:not(:last-child),
.csv_export .div_1 table td:not(:last-child){
    text-align: center;
}

/*No.幅*/
.csv_export .div_1 table th:first-of-type,
.csv_export .div_1 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_export .div_1 table th:nth-of-type(2),
.csv_export .div_1 table td:nth-of-type(2){
    width: 14%;
}

/*伝票 明細幅*/
.csv_export .div_1 table th:nth-of-type(3),
.csv_export .div_1 table td:nth-of-type(3){
    width: 11%;
}

/*//トグルメニュー toggle_1*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_export .div_1 .toggle_1:checked ~ .div_toggle {
    max-height: 2950px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_export .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_export .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_export .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_export .toggle_1 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_export .toggle_1:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**店舗別売上一覧CSV取出 csv_export div_2*/
.csv_export .div_2 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_export .div_2 table th:first-of-type,
.csv_export .div_2 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_export .div_2 table th:nth-of-type(2),
.csv_export .div_2 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_export .div_2 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_2*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_export .div_2 .toggle_2:checked ~ .div_toggle {
    max-height: 900px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_export .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_export .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_export .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_export .toggle_2 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_export .toggle_2:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**店舗別在庫CSV取出 csv_export div_3*/
.csv_export .div_3 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_export .div_3 table th:first-of-type,
.csv_export .div_3 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_export .div_3 table th:nth-of-type(2),
.csv_export .div_3 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_export .div_3 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_3*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_export .div_3 .toggle_3:checked ~ .div_toggle {
    max-height: 1300px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_export .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_export .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_export .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_export .toggle_3 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_export .toggle_3:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**ハンディ用マスタ作成 csv_export div_4*/
.csv_export .div_4 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_export .div_4 table th:first-of-type,
.csv_export .div_4 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_export .div_4 table th:nth-of-type(2),
.csv_export .div_4 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_export .div_4 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_4*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_export .div_4 .toggle_4:checked ~ .div_toggle {
    max-height: 550px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_export .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_export .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_export .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_export .toggle_4 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_export .toggle_4:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**商品店舗別情報CSV取出 csv_export div_5*/
.csv_export .div_5 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_export .div_5 table th:first-of-type,
.csv_export .div_5 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_export .div_5 table th:nth-of-type(2),
.csv_export .div_5 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_export .div_5 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_5*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_export .div_5 .toggle_5:checked ~ .div_toggle {
    max-height: 300px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_export .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_export .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_export .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_export .toggle_5 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_export .toggle_5:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*+CSV取込 csv_import*/
/**商品CSV取込 csv_import div_1*/
.csv_import .div_1 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_1 table th:first-of-type,
.csv_import .div_1 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_1 table th:nth-of-type(2),
.csv_import .div_1 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_1 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_11*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_1 .toggle_11:checked ~ .div_toggle {
    max-height: 2400px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_11 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_11:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**部門CSV取込 csv_import div_2*/
.csv_import .div_2 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_2 table th:first-of-type,
.csv_import .div_2 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_2 table th:nth-of-type(2),
.csv_import .div_2 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_2 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_12*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_2 .toggle_12:checked ~ .div_toggle {
    max-height: 350px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_12 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_12:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**大部門マスタCSV取込 csv_import div_3*/
/**中部門マスタCSV取込 csv_import div_4*/
.csv_import .div_3 p,
.csv_import .div_4 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_3 table th:first-of-type,
.csv_import .div_3 table td:first-of-type,
.csv_import .div_4 table th:first-of-type,
.csv_import .div_4 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_3 table th:nth-of-type(2),
.csv_import .div_3 table td:nth-of-type(2),
.csv_import .div_4 table th:nth-of-type(2),
.csv_import .div_4 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_3 table td:last-of-type,
.csv_import .div_4 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_13 toggle_14*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_3 .toggle_13:checked ~ .div_toggle,
.csv_import .div_4 .toggle_14:checked ~ .div_toggle{
    max-height: 150px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_13 + .label_h4 h4::after,
.csv_import .toggle_14 + .label_h4 h4::after{
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_13:checked + .label_h4 h4::after,
.csv_import .toggle_14:checked + .label_h4 h4::after{
    content: " ▲";
    font-size: 25px;
}

/**メーカーCSV取込 csv_import div_5*/
.csv_import .div_5 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_5 table th:first-of-type,
.csv_import .div_5 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_5 table th:nth-of-type(2),
.csv_import .div_5 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_5 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_15*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_5 .toggle_15:checked ~ .div_toggle {
    max-height: 300px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_15 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_15:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**仕入先CSV取込 csv_import div_6*/
.csv_import .div_6 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_6 table th:first-of-type,
.csv_import .div_6 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_6 table th:nth-of-type(2),
.csv_import .div_6 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_6 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_16*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_6 .toggle_16:checked ~ .div_toggle {
    max-height: 1450px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_16 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_16:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**サブジャンルCSV取込 csv_import div_7*/
.csv_import .div_7 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_7 table th:first-of-type,
.csv_import .div_7 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_7 table th:nth-of-type(2),
.csv_import .div_7 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_7 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_16*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_7 .toggle_17:checked ~ .div_toggle {
    max-height: 1450px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_17 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_17:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**発注点CSV取込 csv_import div_8*/
.csv_import .div_8 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_8 table th:first-of-type,
.csv_import .div_8 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_8 table th:nth-of-type(2),
.csv_import .div_8 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_8 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_18*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_8 .toggle_18:checked ~ .div_toggle {
    max-height: 350px; /* table全体表示 pxじゃないと滑らかに動かない*/
}


/* ▼ ▲ の切り替え */
.csv_import .toggle_18 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_18:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}


/**カテゴリCSV取込 csv_import div_9*/
.csv_import .div_9 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_9 table th:first-of-type,
.csv_import .div_9 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_9 table th:nth-of-type(2),
.csv_import .div_9 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_9 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_19*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_9 .toggle_19:checked ~ .div_toggle {
    max-height: 150px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_19 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_19:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**商品メニューCSV取込 csv_import div_10*/
.csv_import .div_10 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/*No.幅*/
.csv_import .div_10 table th:first-of-type,
.csv_import .div_10 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_10 table th:nth-of-type(2),
.csv_import .div_10 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_10 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_20_1*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_10 .toggle_20_1:checked ~ .div_toggle_1{
    max-height: 150px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle_1{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

.csv_import .div_10 .div_toggle_1{
    margin-bottom: 1.5em;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_20_1 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_20_1:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*//トグルメニュー（メニューボタン） toggle_20_2*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_10 .toggle_20_2:checked ~ .div_toggle_2 {
    max-height: 400px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle_2{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

.csv_import .div_10 .div_toggle_2{
    margin-bottom: 1.5em;
}

/* h4をクリック可能にする */
.csv_import .label_h4 {
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #78d1f3;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_20_2 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_20_2:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*//トグルメニュー（※その他コード） toggle_20_3*/
/*横並びテーブル設定リセット*/
.div_toggle_3 .table_left th,
.div_toggle_3 .table_right th,
.div_toggle_3 .table_left td,
.div_toggle_3 .table_right td{
    font-family: unset;
    font-weight: normal;
    font-size: unset;
}

.div_toggle_3 .table_left th,
.div_toggle_3 .table_right th{
    background-color: #EDECEC;
    padding: 0;
}

.div_toggle_3 .table_right td:first-of-type{
    border-left: none;
}

/*th縦幅*/
.div_toggle_3 .table_left tr:first-of-type,
.div_toggle_3 .table_right tr:first-of-type{
    height: 30px;
}

/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_10 .toggle_20_3:checked ~ .div_toggle_3 {
    max-height: 1600px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

.csv_import .div_toggle_3{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}


/* h4をクリック可能にする */
.csv_import .div_10 .label_h4:last-of-type{
    cursor: pointer;
    display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #ececff;
    border: 1px solid #D8DCDE;
}

.csv_import .label_h4 h4{
    color: #3D4449;
    padding-left: 1em;
    margin-bottom: 0;
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_20_3 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_20_3:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**商品店舗別情報CSV取込 csv_import div_11*/



/*CSV取込 顧客マスタ関連下のp*/
.customer_master_p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1.5em;
}

/**顧客CSV取込 csv_import div_12*/
/*No.幅*/
.csv_import .div_12 table th:first-of-type,
.csv_import .div_12 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_12 table th:nth-of-type(2),
.csv_import .div_12 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_12 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_22*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_12 .toggle_22:checked ~ .div_toggle {
    max-height: 1900px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_22 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_22:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/**顧客カルテCSV取込 csv_import div_13*/
/*No.幅*/
.csv_import .div_13 table th:first-of-type,
.csv_import .div_13 table td:first-of-type{
    width: 4%;
}

/*フィールド名幅*/
.csv_import .div_13 table th:nth-of-type(2),
.csv_import .div_13 table td:nth-of-type(2){
    width: 14%;
    text-align: center;
}

/*備考td左寄せ*/
.csv_import .div_13 table td:last-of-type{
    text-align: left;
}

/*//トグルメニュー toggle_23*/
/* チェックが入ったら（クリックしたら）開く*/
.csv_import .div_13 .toggle_23:checked ~ .div_toggle {
    max-height: 1000px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

/* ▼ ▲ の切り替え */
.csv_import .toggle_23 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.csv_import .toggle_23:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}