ロング丈のアウターを使ったコーデは低身長カバーにもオススメ！

.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%; } }