@charset "UTF-8";

/*
* Logistics
*/

/*   */
/*.flow_sheet {
    border: 3px solid #000;
}
.flow_sheet .sheet_row {
    display: flex;
    border-bottom: 1px solid #000;
}
.flow_sheet .sheet_row dt {
    margin: 0;
    padding: 0;
    height: 50px;
    text-align: center;
}
.flow_sheet .sheet_row dd {
    margin: 0;
    padding: 0;
    height: 50px;
    text-align: center;
}
.flow_sheet .sheet_row .size_s {
    width: 150px;
}
.flow_sheet .sheet_row .size_m {
    width: 200px;
    border-right: 1px solid #000;
}
.flow_sheet .sheet_row .size_l {
    width: 600px;
    border-right: 1px solid #000;
}
*/
.flow_sheet {
    border: 3px solid #000;
}
.flow_sheet .sheet_row {
    border-bottom: 1px solid #000;
}
.flow_sheet .sheet_row th {
    margin: 0;
    padding: 0;
    height: 50px;
    text-align: center;
}
.flow_sheet .sheet_row td {
    margin: 0;
    padding: 0;
    height: 50px;
    text-align: center;
}
.flow_sheet .sheet_row .size_s {
    width: 150px;
}
.flow_sheet .sheet_row .size_m {
    width: 200px;
    border-right: 1px solid #000;
}
.flow_sheet .sheet_row .size_l {
    width: 600px;
    border-right: 1px solid #000;
}


/* index inputLogisticsByDate editLogisticsByStockId */
.logistics_index .container {
    max-width: 1000px;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px;
}
.logistics_inputLogisticsByDate .container {
    max-width: 1000px;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px;
}
.logistics_editLogisticsByStockId .container {
    max-width: 1000px;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px;
}
.logistics_index .container .payment_selector {
    display: flex;
}
.logistics_index .container .payment_selector .selector_container {
    margin: 15px;
    padding: 10px;
    width: 250px;
    border: solid 1px #000
    border-radius: 10px;
}

.logistics_container .button_row {
    display: flex;
}
.logistics_container .button_row .button_container {
    margin-left: 10px;
    margin_right: 10px;
    padding: 5px;
    border: solid 1px #000;
    border-radius: 10px;
}

.logistics_container .payment_record .payment_row {
    display: flex;
    border-bottom: solid 1px #000;
    margin-bottom: 15px;
    padding: 5px;
    border-radius: 5px;
}
.logistics_container .payment_record .yokohama_place {
    background-color: #FFEA96;
    background-color: var(--show-btn-color);
}
.logistics_container .payment_record .kobe_place {
    background-color: #89E88B;
    background-color: var(--paid-btn-color);
}
.logistics_container .payment_record .kyushu_place {
    background-color: #FFB59A;
    background-color: var(--sold-btn-color);
}
.logistics_container .payment_record .meikou_place {
    background-color: #A3DCFF;
    background-color: var(--sold-btn-color);
}
.logistics_container .payment_record .else_place {
    /*background-color: #89E88B;
    background-color: var(--paid-btn-color);*/
}
.logistics_container .payment_record .payment_row .payment_row_center_upper {
    display: flex;
}
.logistics_container .payment_record .payment_row .payment_row_center_lower {
    display: flex;
}
.logistics_container .payment_record .payment_row .payment_row_right_upper {
    display: flex;
}
.logistics_container .payment_record .payment_row .attention {
    color: #E84F81;
    color: var(--accent-color);
}
.logistics_container .payment_record .payment_row .shipping_no {
    font-weight: bold;
    color: #E84F81;
    color: var(--accent-color);
}
.logistics_container .payment_record .payment_row .payment_row_right_middle {
    display: flex;
}
.logistics_container .payment_record .payment_row .payment_row_right_lower {
    display: flex;
}
.logistics_container .payment_record .payment_row .payment_cell {
    width: 140px;
    margin:0px;
    margin-bottom: 5px;
}
.logistics_container .payment_record .payment_row .large_cell {
    width: 200px;
}
.logistics_container .payment_record .payment_row .middle_cell {
    width: 160px;
}
.logistics_container .payment_record .payment_row .small_cell {
    width: 80px;
}
.logistics_container .payment_record .payment_row .middle_select {
    width: 140px;
    height: 20px;
}
.logistics_container .payment_record .payment_row .small_select {
    width: 60px;
    height: 20px;
}