@charset "utf-8";


/*
------------------------
shopping-cart 共通
------------------------
*/

#container.directory-shopping-cart #main .shopping-cart-list-area>div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area {
    width: calc(100% - 312px);
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area .radio-button-area .label-radio .image {
    margin: 16px;
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area .radio-button-area .label-radio:has(input[type="radio"]:checked) {
    background-color: #E8E8E8;
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #button-area {
    width: 300px;
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #button-area .js-input-area:last-of-type {
    margin-bottom: 8px;
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #button-area .until-free-shipping {
    background-color: var(--accent-font-color);
    border: solid 1px var(--accent-background-color);
    border-radius: 2px;
    padding: 6px;
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #button-area .until-free-shipping>p {
    color: var(--accent-background-color);
}

#container.directory-shopping-cart #main .shopping-cart-list-area>div #button-area .until-free-shipping>button {
    margin-bottom: 0;
}

#container.directory-shopping-cart #main .payment-method-image,
#container.directory-shopping-cart #main .payment-method-explanation {
    margin-top: 8px;
}


/* tab */

@media only screen and (min-width: 641px) and (max-width: 1100px) {
    #container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area article .left {
        width: calc(35% - 8px);
    }
    #container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area article .right {
        width: 65%;
    }
}


/* sp */

@media only screen and (max-width: 640px) {
    #container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area,
    #container.directory-shopping-cart #main .shopping-cart-list-area>div #button-area {
        width: 100%;
    }
    #container.directory-shopping-cart #main .shopping-cart-list-area>div #main-area article .right {
        line-height: 1.6;
        font-size: 0.8em;
    }
}

/*
------------------------
shopping-cart/entry.php
------------------------
*/

#container.directory-shopping-cart.file-entry #main .shopping-cart-list-area,
#container.directory-shopping-cart.file-entry #main .shopping-cart-list-area>div #main-area>section {
    margin-top: var(--wide-section-vertical-spacing);
    padding-left: var(--wide-section-horizontal-spacing);
    padding-right: var(--wide-section-horizontal-spacing);
}

#container.directory-shopping-cart.file-entry #main .shopping-cart-list-area>div #main-area>section h2 {
    margin-bottom: var(--wide-title-vertical-spacing);
}

#container.directory-shopping-cart.file-entry #main .shopping-cart-list-area>div #button-area button[type="button"].back {
    margin-bottom: 16px;
}