body {
    background-image: radial-gradient(#740707 0.5px, var(--color11) 0.5px);
    background-size: 10px 10px;
}


.shipping_container {
    position: relative;
    display: inline-flex;
    width: 100%;
    min-height: 90vh;
    margin-bottom: 3vw;
}

.shipping_container .pair_container {
    display: inline-flex;
    width: 100%;
    position: relative;
    left: 3%;
}

.shipping_container .pair_container .pair_item {
    position: relative;
    width: 47%;
}

.shipping_container .shipment_detail {
    width: 45%;
    min-height: 10vh;
    position: relative;
    left: 12.5%;
    display: block;
    border-radius: 1vw;
    background-color: var(--color3);
    border: solid;
    border-color: var(--color12);
    border-width: 0.3vw;
}

.shipping_container .shipment_detail .shipment_title {
    text-align: left;
    position: relative;
    width: 95%;
    left: 5%;
    font-family: var(--font9);
    font-size: 2.5vw;
} 

.shipping_container .shipment_detail .data_label {
    font-size: 1.5vw;
    font-family: var(--font9);
    position: relative;
    left: 5%;
}

.shipping_container .shipment_detail .data_text {
    width: 90%;
    position: relative;
    left: 5%;
    height: 3vw;
    border: solid;
    border-width: 0.1vw;
    font-family: var(--font9);
    font-size: 2vw;
}

.shipping_container .shipment_detail .data_label span {
    color: red;
}
.shipping_container .shipment_detail .data_area {
    position: relative;
    left: 5%;
    min-width: 90%;
    max-width: 90%;
    min-height: 3vw;
    font-family: var(--font9);
    font-size: 2vw;
    margin-bottom: 1vw;
}
.shipping_container .shipment_detail .data_select {
    width: 90%;
    height: 3vw;
    position: relative;
    left: 5%;
    font-family: var(--font9);
    font-size: 2vw;
}

.shipping_container .shipment_detail #calendar {
    width: 90%;
    position: relative;
    left: 5%;
    height: 3vw;
    font-size: 2vw;
}

.shipping_container .shipment_detail .data_map {
    width: 90%;
    height: 20vw;
    position: relative;
    left: 5%;
}

.shipping_container .payment {
    width: 25%;
    height: 15%;
    position: relative;
    left: 15%;
    display: block;
}
.shipping_container .payment .ticket_detail {
    width: 100%;
    height: 15%;
    position: relative;
    display: block;
    border-radius: 1vw;
    top: 0;
    border-color: var(--color4);
    background-color: var(--color3);
    margin-bottom: 1vw;
    border: solid;
    border-color: var(--color12);
    border-width: 0.3vw;
}

.shipping_container .payment .ticket_detail .shipment_title {
    text-align: left;
    position: relative;
    width: 95%;
    left: 5%;
    font-family: var(--font9);
    font-size: 2.5vw;
} 

.shipping_container .payment .ticket_detail .shipment_products {
    display: block;
    min-height: 5vw;
    width: 100%;
    position: relative;
    left: -0.1vw;
}

.shipping_container .payment .ticket_detail .shipment_products .shipment_item {
    position: relative;
    width: 100%;
    min-height: 2vw;
    display: inline-flex;
    border: solid;
    border-width: 0 0vw 0.1vw 0;
    border-color: var(--color9);
    align-items: center;    
    font-family: var(--font9);
    font-size: 1.4vw;
}

.shipping_container .payment .ticket_detail .shipment_products .shipment_item .item_title{
    position: relative;
    width: 40%;
    overflow-wrap: break-word;
    left: 3%;
}
.shipping_container .payment .ticket_detail .shipment_products .shipment_item .item_quantity{
    position: relative;
    width: 10%;
    margin-right: 10%;
    overflow-wrap: break-word;
}
.shipping_container .payment .ticket_detail .shipment_products .shipment_item .item_price{
    position: relative;
    width: 40%;
    overflow-wrap: break-word;
}

.shipping_container .payment .ticket_detail .shipment_type {
    display: inline-flex;
    position: relative;
    width: 100%;
    height: 8vw;
    font-family: var(--font9);
    font-size: 1.5vw;
}

.shipping_container .payment .ticket_detail .shipment_type .shipment_type_title {
    width: 35%;
    margin-right: 10%;
    position: relative;
    top: 0;
    left: 3%
}

.shipping_container .payment .ticket_detail .shipment_type .shipment_type_selector{
    width: 55%;
    position: relative;
    display: block;
}

.shipping_container .payment .ticket_detail .shipment_type .shipment_type_selector label {
    width: 100%;
    display: flex;
    margin-bottom: 1.5vw;
}

.shipping_container .payment .ticket_detail .shipment_total {
    position: relative;
    width: 100%;
    min-height: 2vw;
    display: inline-flex;
    border: solid;
    border-width: 0 0vw 0.1vw 0;
    border-color: var(--color9);
    align-items: center;    
    font-family: var(--font9);
    font-size: 1.4vw;
}

.shipping_container .payment .ticket_detail .shipment_total .shipment_total_title{
    position: relative;
    width: 40%;
    overflow-wrap: break-word;
    left: 3%;
}
.shipping_container .payment .ticket_detail .shipment_total .shipment_total_quantity{
    position: relative;
    width: 10%;
    margin-right: 10%;
    overflow-wrap: break-word;
}
.shipping_container .payment .ticket_detail .shipment_total .shipment_total_price{
    position: relative;
    width: 40%;
    overflow-wrap: break-word;
}

.shipping_container .payment .ticket_detail .webpay_logo {
    position: relative;
    aspect-ratio: 800/260;
    width: 60%;
    left: 20%;
    top: 1vw;
}

.shipping_container .payment .ticket_detail .webpay_information {
    position: relative;
    left: 8%;
    width: 80%;
    background-color: var(--color9);
    font-family: var(--font9);
    top: 1vw;
    text-align: left;
    font-size: 1.2vw;
    border-radius: 1vw;
    padding: 0.5vw;
}

.shipping_container .payment .ticket_detail .terms_information {
    position: relative;
    width: 90%;
    left: 5%;
    margin-top: 3vw;
    text-align: left;
    font-family: var(--font9);
}

.shipping_container .payment .ticket_detail .data_text {
    width: 90%;
    position: relative;
    left: 5%;
    height: 3vw;
    border: solid;
    border-width: 0.1vw;
    font-family: var(--font9);
    font-size: 2vw;
}

.shipping_container .payment .ticket_detail .discount_status {
    position: relative;
    left: 5%;
    font-family: var(--font9);
    color: green;
    font-size: 1.8vw;
    display: none;
}

.shipping_container .payment .ticket_detail .discount_button {
    position: relative;
    margin-top: 2vw;
    width: 90%;
    left: 5%;
    margin-bottom: 1vw;
    background-color: var(--color4);
    color: var(--color3);
    font-size: 2vw;
    border: solid;
    border-width: 0;
    border-color: var(--color4);
    border-radius: 1vw;
    padding: 0.5vw;
}


.shipping_container .payment .ticket_detail span {
    color: red;
}

.shipping_container .payment .ticket_detail a {
    color: var(--color4)
}

.shipping_container .payment .ticket_detail .condition_information {
    position: relative;
    width: 90%;
    left: 5%;
    margin-top:2vw;
    font-family: var(--font9);
}

.shipping_container .payment .ticket_detail .payment_button {
    position: relative;
    margin-top: 2vw;
    width: 90%;
    left: 5%;
    margin-bottom: 1vw;
    background-color: var(--color4);
    color: var(--color3);
    font-size: 2vw;
    border: solid;
    border-width: 0;
    border-color: var(--color4);
    border-radius: 1vw;
    padding: 0.5vw;
}

.shipping_container .payment .ticket_detail .payment_button:hover {
    cursor: pointer;
}


@media screen and (max-width: 62.438em){
    .shipping_container {
        display: block;
        margin-top: 2vw;
        width: 90%;
        left: 5%;
    }
    .shipping_container .shipment_detail {
        width: 100%;
        left: 0%;
    }
    .shipping_container .pair_container {
        display: block;
    }

    .shipping_container .pair_container .pair_item {
        width: 100%;
    }

    .shipping_container .shipment_detail .shipment_title {
        font-size: 7vw;
    } 

    .shipping_container .shipment_detail .data_label {
        font-size: 5vw;
    }

    .shipping_container .shipment_detail .data_text {
        width: 80%;
        height: 7vw;
        font-size: 5vw;
    }

    .shipping_container .shipment_detail #calendar {
        width: 80%;
        height: 7vw;
        font-size: 5vw;
    }

    .shipping_container .shipment_detail .data_select {
        width: 85%;
        height: 7vw;
        font-size: 5vw;
    }

    .shipping_container .shipment_detail .data_area {
        min-width: 85%;
        max-width: 85%;
        min-height: 7vw;
        font-size: 5vw;
        margin-bottom: 3vw;
    }
    .shipping_container .payment {
        width: 100%;
        left: 0;
        margin-top: 2vw;
    }

    .shipping_container .payment .ticket_detail .shipment_title {
        font-size: 7vw;
    } 

    .shipping_container .payment .ticket_detail .shipment_products .shipment_item {
        min-height: 7vw;
        font-size: 5vw;
    }
    .shipping_container .payment .ticket_detail .shipment_products .shipment_item .item_quantity{
        margin-right: 15%;
    }
    
    .shipping_container .payment .ticket_detail .shipment_type {
        font-size: 5vw;
    }
    
    .shipping_container .payment .ticket_detail .shipment_total {
        min-height: 7vw;
        font-size: 5vw;
        margin-top: 2vw;
    }

    .shipping_container .payment .ticket_detail .webpay_information {
        top: 3vw;
        font-size: 5vw;
    }

    .shipping_container .payment .ticket_detail .terms_information {
        margin-top: 5vw;
    }

    .shipping_container .payment .ticket_detail .payment_button {
        margin-top: 3vw;
        font-size: 7vw;
    }
    .shipping_container .payment .ticket_detail .data_text {
        height: 7vw;
        font-size: 5vw;
    }

    .shipping_container .payment .ticket_detail .discount_status {
        font-size: 7vw;
    }
    
    .shipping_container .payment .ticket_detail .discount_button {
        font-size: 7vw;
    }
}