@charset "utf-8";
/*CART LIST*/
.cart-li{
	display: flex;
	justify-content: space-between;
    align-items: center;
	padding: 1em 0 !important;
    flex-wrap: wrap;
}
.cart-thumb{
	width: 5em;
    overflow: hidden;
}
.cart-thumb:hover img{
    transform: scale(1.1, 1.1);
}
.cart-detail{
	flex: 1;
    margin-left: 1em;
}
.cart-name{
	font-size: clamp(13px, 1.1vw, 15px);
	line-height: 1.2;
    padding-right: 1em;
}
.cart-no span{
	font-size: clamp(12px, 1.1vw, 14px);
	letter-spacing: 0.05em;
}
.cart-no small{
	font-size: 11px;
	letter-spacing: 0;
}
.cart-unit{
	font-size: clamp(11px, 1.3vw, 13px);
    line-height: 1;
}
.cart-unit b{
	font-size: clamp(16px, 1.4vw, 18px);
	padding-right: 0.1em;
	font-weight: 800;
	letter-spacing: -1px;
}
.cart-price{
    font-size: clamp(16px, 1.4vw, 18px);
    width: 13em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.cart-qty{
    font-size: clamp(16px, 1.4vw, 18px);
    width: 5.5em;
}
.cart-qty input{
    width: calc(100% - 2em);
    margin-right: 0.2em;
    vertical-align: 0.1em;
    padding: 0.3em;
    font-size: 16px !important;
    text-align: right;
}
.cart-subtotal{
    font-size: clamp(16px, 1.4vw, 18px);
    width: 7.5em;
    text-align: right;
    line-height: 1;
}
.cart-subtotal b{
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
}
.cart-subtotal small{
    font-size: clamp(12px, 1.1vw, 14px);
    margin-left: 0.1em;
}
.cart-remove{
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: right;
    padding: 0;
}
@media screen and (max-width: 680px) {
    .cart-li{
        align-items: flex-start;
        padding: 1em 0 !important;
    }
    .cart-thumb{
        width: 4em;
    }
    .cart-price{
        width: 100%;
        justify-content: space-between;
        margin-top: 0.5em;
    }
    .cart-subtotal {
        width: 13em;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .cart-remove {
        width: 3.5em;
    }
}

/*CART*/
.cart-guest{
    text-align: center;
    margin-bottom: 1em;
}
.cart-guest_att {
    padding: 1.5em;
    margin-bottom: 1em;
    font-size: clamp(13px, 2vw, 16px);
    border-radius: 1em;
}
.cart-guest b{
    display: block;
    font-size: clamp(16px, 4vw, 21px);
    font-weight: 700;
}
.cart-guest_cv{
    margin-top: 1em;
    display: flex;
    justify-content: center;
}
.cart-guest_cv .more{
    padding: 0.5em 0;
    font-size: clamp(13px, 2vw, 16px);
    width: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
}
.cart-guest_cv .more br{
    display: none;
}
.cart-pub_att{
    text-align: right;
    font-size: clamp(12px, 1.1vw, 14px);
}
.cart-pub_att a{
    text-decoration: underline;
    font-size: clamp(12px, 1.1vw, 14px);
}
.cart-total{
    text-align: right;
    margin: 1em 0;
    line-height: 1;
}
.cart-total span{
    font-weight: 700;
}
.cart-total b{
    font-size: clamp(21px, 4vw, 24px);
    font-weight: 700;
    vertical-align: -0.1em;
    padding-right: 0.1em;
}
.cart-download{
    text-align: right;
}
.cart-download .more{
    font-size: clamp(14px, 1.2vw, 17px);
    font-weight: 700;
    padding: 0.5em 0;
    cursor: pointer;
}
.cart-download .more small{
    font-weight: 700;
}
.cart-download .more small:before,
.cart-download .more small:after{
    content: "/";
    display: inline-block;
}
.cart-download .more small:before{
    transform: scale(1, -1);
    padding-right: 0.1em;
    vertical-align: 0.3em;
}
.cart-estimate{
    display: none;
    padding: 2em;
    margin-bottom: 3em;
    border-radius: 1em;
    margin-top: 1em;
}
.cart-estimate.open{
    display: block;
}
.cart-estimate_h5{
    font-weight: 700;
    font-size: clamp(21px, 1.5vw, 24px);
}
.cart-estimate .form-item{
    padding: 2px 0;
}
.cart-estimate .form-item_h6 {
    flex-basis: 7em;
    line-height: 1.2;
}
.cart-estimate_more{
    margin-top: 1em;
}
.cart-estimate_more .more{
    padding: 1em 2em !important;
    font-size: clamp(14px, 1.2vw, 17px);
}
.cart-att{
    text-align: left;
}
.cart-att_h5{
    display: inline-block;
    border-radius: 1em 1em 0 0;
    padding: 0.5em 1.5em 0.5em !important;
    font-weight: 700;
    font-size: clamp(16px, 1.4vw, 18px);
}
.cart-att_h5:before,
.cart-att_h5:after{
    content: "■■";
    padding: 0 0.2em;
}
.cart-att_ol{
    padding: 1.5em 2em 1em 2.5em !important;
    border-radius: 0 1em 1em 1em;
    list-style: none;
}
.cart-att_ul{
    list-style: none;
    margin: 0.5em 0 1.5em !important;
    padding-left: 0;
}
.cart-att_ol li,
.cart-att_ul li{
    padding-left: 1em !important;
    text-indent: -1.5em;
    line-height: 1.3;
    margin-bottom: 0.5em !important;
}
.cart-att_ol li:before{
    content: "※"
}
.cart-att_ul li:before{
    content: "・"
}
.cart-att_ol li b{
    font-weight: 700;
}
.cart-att_cv{
    padding-left: 1.5em;
    margin-top: 0.5em;
}
.cart-att_cv .tel {
    font-size: clamp(24px, 2vw, 32px);
    line-height: 1;
    vertical-align: -0.2em;
}
.cart-att_contact{
    font-weight: 700;
    text-decoration: underline;
}
.cart-cv{
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}
.cart-cv .more{
    padding: 0.7em 0 !important;
    width: 11em;
    font-size: clamp(14px, 2vw, 18px);
    line-height: 1;
}
.cart-shipping{
    text-align: right;
    margin: 1em 0 0;
    line-height: 1;
}
.cart-shipping b {
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
}
@media screen and (max-width: 680px) {
    .cart-att{
        margin-top: 2em;
    }
    .cart-att_h5{
        padding: 0.5em 1em 0 !important;
    }
    .cart-att_cv{
        padding-left: 0;
        text-indent: 0;
    }
    .cart-att_contact{
        margin-top: 0.3em;
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .cart-guest_att {
        padding: 1.5em 0;
    }
    .cart-pub_att{
        text-align: left;
    }
    .cart-att_ol {
        padding: 1.5em 1em 1em 2em !important;
    }
    .cart-cv .more{
        padding: 1em 1.5em !important;
    }
    .cart-estimate{
        padding: 2em 1em;
    }
    .cart-guest_cv .more br{
        display: block;
    }
    .cart-guest_cv .more {
        width: 7em;
    }

}