@charset "UTF-8";

/*
* payment
*/

/* index */
.payment_index .container {
    max-width: 1000px;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px;
}

/* execbystockid */
.payment_execbystockid .container {
    max-width: 1000px;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px;
}
.payment_execbystockid .container .main_info {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.payment_execbystockid .container .main_info .info_row {
    margin-bottom: 10px;
}
.payment_execbystockid .container .main_info .title {
    color: #1083FF;
    color: var(--dark-main-color);
}
.payment_execbystockid .container .payment_info {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.payment_execbystockid .container .payment_info .select_title {
    color: #E84F81;
    color: var(--accent-color);
}
.payment_execbystockid .container .payment_info .details_row {
    margin-bottom: 10px;
}
.payment_execbystockid .container .payment_record_container .payment_record_title {
    color: #1083FF;
    color: var(--dark-main-color);
}
.payment_execbystockid .container .payment_record_list .payment_record_row {
    border: solid 1px #000000;
    padding: 5px;
    margin-bottom: 10px;
}
.payment_execbystockid .container .payment_record_container dd {
    height: 30px;
}
/* 横幅が768px以上の際に適用する */
@media (min-width: 768px) {
    .payment_execbystockid .container .main_info {
        max-width: 800px;
        max-width: var(--middle-width);
        margin-left: auto;
        margin-right: auto;
    }
    .payment_execbystockid .container .main_info_container {
        display: flex;
    }
    .payment_execbystockid .container .main_info_container .info_row {
        flex: 0 0 250px;
    }
    .payment_execbystockid .container .payment_info {
        max-width: 800px;
        max-width: var(--middle-width);
        margin-left: auto;
        margin-right: auto;
    }

    .payment_execbystockid .container .payment_record_list {
        max-width: 800px;
        max-width: var(--middle-width);
        margin-left: auto;
        margin-right: auto;
    }
    .payment_execbystockid .container .payment_record_list .payment_record_row_upper {
        display: flex;
    }
    .payment_execbystockid .container .payment_record_list .payment_record_row_middle {
        display: flex;
    }
    .payment_execbystockid .container .payment_record_list .payment_record_row_lower {
        display: flex;
    }
    .payment_execbystockid .container .payment_record_list .payment_record_row .payment_record_container {
        width: 250px;
    }
}