スマート効果の黒を使ったガッチリさん向けコーデ

.dc-box.dc-box–bg {
text-align: left;
}
input.allin-cart {
color: #fff;
background-color: #eb6100;
border: none;
padding: 0.5rem 2rem;
border-radius: 50px;
margin: 1rem auto;
}
input.allin-cart:hover {
opacity:0.7;
}
/*追加分*/
form.cartin {
display: flex;
width: 48%;
}
input.allin-cart {
display: block;
width: 100%;
}
.buy_all {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 3rem;
text-align: center;
width: 100%;
}
p.text {
font-size: 1.2rem;
font-weight: bold;
margin: 4rem auto 1rem;
text-align: center;
}

.set-coordinate-info h2 , .set-coordinate-info p {
margin-bottom: 10px;
}
.set-coordinate-info h2 {
font-size: 1rem;
background: #f9953c;
border-radius: 10px;
color: #fff;
width: 90%;
padding: 3%;
margin: 6% auto 2%;
font-weight: 500;
position: relative;
padding-left: 15%;
}

.set-coordinate-info h2:before {
content: “”;
background: url(“goods/2021/common/takashi-buyer.gif”) no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
width: 50%;
height: 120%;
left: 0;
}

.dc-coordinate-tile__image .quickview .fa-stack {
background: #000;
border: initial;
}

i.fa.fa-stack-1x.fa-expand {
display: contents;
}

.fa-expand::before {
content: “”;
background: url(“pages/common_page/cart-icon.png”) no-repeat;
background-size: contain;
width: 55%;
height: 50%;
position: absolute;
right: 26%;
top: 30%;
filter: brightness(500%);
}

@media (max-width: 768.98px) {
.set-coordinate-info {
padding: 0 24px;
}
.set-coordinate-info h2 {
width: 100%;
padding-left: 32%;
margin: 6% auto 4%;
}

.set-coordinate-info h2:before {
height: 130%;
}
}

使用アイテムをまとめてカートへいれる

※申し訳ございませんが、在庫切れのアイテムがある場合まとめてカートにお入れすることができません。