main .contents{width:100%;max-width:1230px;padding:0 15px;margin:0 auto;display:grid;grid-template-columns:1fr 290px;gap:16px;margin-top:var(--vw40)}main .contents>div{display:flex;flex-direction:column;gap:16px}.block1{background-color:#fff;padding:var(--vw40)}.block1 h2{font-size:2.4rem;padding-bottom:10px}.block1 .empty{font-size:1.8rem;padding:15px 0 30px 30px}.block1 .list{overflow:hidden}.block1 .list li{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;padding:24px 0;border-top:1px solid #eee;transition:.8s}.block1 .list li picture{aspect-ratio:1}.block1 .list li picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.block1 .list li .box{display:flex;justify-content:space-between;align-items:center}.block1 .list li .return-cart{color:var(--blue);transition:.4s}.block1 .list li .return-cart:hover{opacity:.5}.block1 .list li .text .c,.block1 .list li .text .m{display:block}.block1 .list li .text a{font-size:2rem;display:block;margin-top:10px;transition:.4s;width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.block1 .list li .text a::before{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:var(--blue);transform:scaleX(0);transform-origin:left;transition:.4s}.block1 .list li .text a:hover{opacity:.5}.block1 .list li .text+.price{display:none}.block1 .list li .flex{display:flex;align-items:center;flex-wrap:wrap;margin-top:var(--vw40);gap:8px 0}.block1 .list li .quantity{margin-right:16px;width:120px;height:35px;display:flex;align-items:center;gap:0 4px;padding:0 16px;border:2px solid var(--yellow);border-radius:35px}.block1 .list li .quantity button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;position:relative}.block1 .list li .quantity button::before{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:#000}.block1 .list li .quantity button img{width:auto;height:100%}.block1 .list li .quantity .minus img{display:none}.block1 .list li .quantity .minus.icon-delete::before{display:none}.block1 .list li .quantity .minus.icon-delete img{display:block}.block1 .list li .quantity .plus::after{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);background-color:#000}.block1 .list li .quantity input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:calc(100% - 40px);min-height:31px;border:none;text-align:center}.block1 .list li .quantity input[type=number]::-webkit-outer-spin-button,.block1 .list li .quantity input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.block1 .list li .btns button{color:var(--blue);padding:0 16px;border-left:1px solid #e2e2e2;transition:.4s}.block1 .list li .btns button:hover{opacity:.5}.block1 .list li .price{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.block1 .list li .price p{font-size:2rem}.block1 .list li .price p span{font-size:1.4rem}.block1 .list li .price small{font-size:1.4rem;color:#a0a0a0;text-decoration-line:line-through;display:block;margin-bottom:3px}.block1 .list li .price strong{background-color:var(--red);color:#fff;padding:8px;line-height:1}.block1 .list li:hover a{color:var(--blue)}.block1 .list li:hover a::before{transform:scaleX(1)}.block1 .list li.none{transform:translateX(100%);opacity:0;visibility:hidden}.block1 .subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:12px;border-top:1px solid #eee;padding:20px 0}.block1 .subtotal>p{font-size:1.6rem;display:flex;align-items:center}.block1 .subtotal>p>span{min-width:140px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold}.block1 .subtotal>p>span>span{font-size:2rem}.block1 .total-amount{display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid #eee;padding:20px 0}.block1 .total-amount>p{font-size:1.6rem;display:flex;align-items:center}.block1 .total-amount>p>span{min-width:140px;display:flex;align-items:center;justify-content:flex-end;font-size:2.4rem;font-weight:bold}.block1 .total-amount>p>span>span{font-size:2rem}.block1 .total-amount button{display:none}.block2{background-color:#fff;padding:var(--vw40)}.block2 h2{font-size:2.4rem;padding-bottom:5px;border-bottom:1px solid #eee}.block2 .grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));gap:16px;margin-top:16px}.block2 .grid div.none{transition:.8s;transform:translateY(-100%);opacity:0;visibility:hidden}.block2 .grid div.del{transition:.8s;transform:translateY(100%);opacity:0;visibility:hidden}.block2 .grid .item{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e2e2e2}.block2 .grid .item picture{width:100%;height:auto}.block2 .grid .item picture img{width:100%;height:auto}.block2 .grid .item .text .m,.block2 .grid .item .text .c{display:block}.block2 .grid .item .text a{font-size:2rem;display:block;margin-top:5px;transition:.4s;width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.block2 .grid .item .text a::before{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:var(--blue);transform:scaleX(0);transform-origin:left;transition:.4s}.block2 .grid .item .text a:hover{opacity:.5}.block2 .grid .item .price p{font-size:2rem}.block2 .grid .item .price p span{font-size:1.4rem}.block2 .grid .item .price small,.block2 .grid .item .price strong{display:none}.block2 .grid .item .add-cart{width:100%;height:37px;display:flex;justify-content:center;align-items:center;border:1px solid var(--dark);border-radius:40px;transition:.4s}.block2 .grid .item .add-cart:hover{opacity:.5}.block2 .grid .item .btns{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.block2 .grid .item .btns button{color:var(--blue);transition:.4s}.block2 .grid .item .btns button:hover{opacity:.5}.block2 .grid .item:hover a{color:var(--blue)}.block2 .grid .item:hover a::before{transform:scaleX(1)}.block3{display:flex;justify-content:center;align-items:center;gap:0 var(--vw40);margin-top:var(--vw60);padding-bottom:var(--vw90)}.block3 a,.block3 button{width:100%;max-width:320px;height:56px;display:flex;justify-content:center;align-items:center;border-radius:40px;color:#fff;transition:.4s;font-size:1.6rem;font-weight:bold}.block3 a{background-color:var(--dark);border:2px solid var(--dark)}.block3 a:hover{background-color:#fff;color:var(--dark)}.block3 button{background-color:var(--yellow);border:2px solid var(--yellow)}.block3 button:hover{background-color:#fff;color:var(--yellow)}.amazon-pay{display:flex;justify-content:center;padding-bottom:var(--vw90)}#AmazonPayButton{width:400px;height:100px}aside{display:flex;flex-direction:column;gap:16px}aside .total-amount{background-color:#fff;padding:20px}aside .total-amount p{font-size:1.6rem}aside .total-amount p>span{display:block;font-size:2rem;font-weight:bold}aside .total-amount p>span>span{font-size:2.4rem}aside .total-amount a,aside .total-amount button{display:flex;justify-content:center;align-items:center;width:100%;height:48px;color:#fff;background-color:var(--yellow);border-radius:40px;transition:.4s;border:2px solid var(--yellow);font-weight:bold;margin-top:10px}aside .total-amount a:hover,aside .total-amount button:hover{background-color:#fff;color:var(--yellow)}aside .recommendation{background-color:#fff;border-radius:4px;padding:24px 18px}aside .recommendation>strong{font-size:1.8rem;color:var(--black);margin-bottom:15px;display:block}aside .recommendation .r-list{display:flex;flex-direction:column;gap:20px}aside .recommendation .r-list li{display:grid;grid-template-columns:100px 1fr;gap:16px}aside .recommendation .r-list li picture{aspect-ratio:1}aside .recommendation .r-list li picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}aside .recommendation .r-list li>div>p{font-size:1.6rem}aside .recommendation .r-list li>div .price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:4px}aside .recommendation .r-list li>div .price p{font-size:2rem;line-height:1}aside .recommendation .r-list li>div .price p span{font-size:1.4rem}aside .recommendation .r-list li>div .price small{font-size:1.4rem;color:#a0a0a0;text-decoration-line:line-through;display:block}aside .recommendation .r-list li>div .price strong{background-color:var(--red);color:#fff;padding:8px;line-height:1}aside .recommendation .r-list li button{color:#fff;background-color:var(--yellow);font-weight:bold;border-radius:50px;transition:.4s;width:100%;max-width:120px;height:30px;display:flex;justify-content:center;align-items:center;margin-top:8px}aside .recommendation .r-list li button:hover{opacity:.5}#similarModal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;padding:var(--vw60);opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.4s}#similarModal .contents{width:100%;max-width:1200px;background-color:#fff;position:relative;z-index:1;overflow:auto;padding:24px;border-radius:5px}#similarModal .contents>strong{font-size:1.8rem;display:block;margin-bottom:20px}#similarModal .contents .close{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;background-color:#fff;display:flex;justify-content:center;align-items:center;transition:.4s}#similarModal .contents .close img{width:24px;height:auto}#similarModal .contents .close:hover{opacity:.5}#similarModal .contents .mask{overflow:auto;position:relative;z-index:1}#similarModal .contents .grid{min-width:1000px;display:grid;grid-template-columns:86px repeat(6, 1fr);grid-template-rows:repeat(5, auto);grid-auto-flow:column}#similarModal .contents .grid>div{border:1px solid #e2e2e2;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 0}#similarModal .contents .grid>div.pic{border:none}#similarModal .contents .grid>div.cell1{border-left:1px solid #e2e2e2;background-color:#f3f3f3;position:sticky;left:-1px}#similarModal .contents .grid .box{min-height:270px;padding:0 8px 16px;justify-content:space-between}#similarModal .contents .grid .box picture{width:100%;aspect-ratio:1}#similarModal .contents .grid .box picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#similarModal .contents .grid .box .btns{display:flex;flex-direction:column;align-items:center;gap:8px}#similarModal .contents .grid .box .btns a{color:var(--blue);transition:.4s;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#similarModal .contents .grid .box .btns a:hover{opacity:.5}#similarModal .contents .grid .box .btns button{background-color:var(--yellow);color:#fff;width:130px;height:43px;display:flex;justify-content:center;align-items:center;border-radius:50px;font-weight:bold;transition:.4s}#similarModal .contents .grid .box .btns button:hover{opacity:.5}#similarModal .contents .grid strong{font-size:2rem;font-weight:normal}#similarModal .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#similarModal.active{opacity:1;visibility:visible;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}@media screen and (max-width: 1200px){main .contents{grid-template-columns:1fr}aside{display:none}.block1 .total-amount button{width:100%;max-width:320px;height:56px;display:flex;justify-content:center;align-items:center;border-radius:40px;color:#fff;transition:.4s;font-size:1.6rem;font-weight:bold;background-color:var(--yellow);border:2px solid var(--yellow);transition:.4s;margin:var(--vw30) auto 0}.block1 .total-amount button:hover{background-color:#fff;color:var(--yellow)}.block1 .total-amount .to-order{display:none}}@media screen and (max-width: 768px){main .contents{padding:0}.block1{padding:30px 15px}.block1 h2{font-size:2rem}.block1 .list li{grid-template-columns:1fr;align-items:flex-start;position:relative;z-index:1;padding:15px 0}.block1 .list li picture{width:33%;position:absolute;top:15px;left:0}.block1 .list li .box>.price{display:none}.block1 .list li .text{padding-left:38%}.block1 .list li .text+.price{padding-left:38%;display:flex;flex-direction:row;flex-wrap:wrap}.block1 .list li .price strong{display:block;margin-right:100%}.block2{padding:30px 15px}.block2 h2{font-size:2rem}.block2 .grid{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr))}.block2 .grid .item{padding:8px}.block2 .grid .item .text a{font-size:1.8rem}.block3{flex-direction:column-reverse;gap:20px}#AmazonPayButton{width:300px}}/*# sourceMappingURL=style.min.css.map */