#regionbox .mapbox {max-width: 250px;}

#estbox {
    border: 1px solid var(--line-light);
    border-radius: 10px;
    padding: 10px;
    background-color: white;
}
.addbtnbox {position: relative;}
.addbtnbox::before {
    content: ""; display: block;
    width:100%; height:4px; background-color: var(--line-light);
    position: absolute; top:50%; left:0; z-index: 0;
}
.addbtnbox button {position: relative; z-index: 1;}
#cart {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid var(--line-light);
    background-color: #f9f9f9;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,0.15);
    display: flex; gap: 5px;
    flex-wrap: wrap;
}
.cartitem {
    width: 250px;
    border: 1px solid var(--line-light);
    background-color: white;
    border-radius: 4px;
    padding:5px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
.cartitem span {display: inline-block; margin: 3px;}
.cartitem .demo {padding: 5px; position: relative; height: 200px; background-image: url(/images/brick1.jpg); background-size:60px;}
.cartitem .demo .bg {background-image: linear-gradient(152deg, #3e77a8, #3e77a8 ); width: 100%; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); box-shadow: 2px 4px 8px rgba(0,0,0,0.5); box-shadow: -1px -1px 0 1px #a9c8e4, 1px 1px 0 1px #213f5a;}
.cartitem .demo .contents {position: absolute; padding: 4px; left: 50%; top:50%; transform: translate(-50%,-50%);}
.cartitem .demo .contents text {fill:white; stroke:black;}

.radiobox>label {width: 300px !important;}

@media (max-width:768px) {
    #estbox label img {height: 110px;}
}