.card-all{display:flex;flex-wrap:wrap;justify-content:space-between;background-color:gray}.card{border:.1vw solid black;width:15vw;height:20vw;margin:30px;background-color:#fff}.card:hover{border:3px solid black;box-shadow:5px 5px 1.8vw 5px #000}.text{font-size:1.5vw}.c-body{padding:1vw}h1{background-color:red}.c-img img{width:100%;height:100%;object-fit:contain}.c-img{width:11vw;height:13vw;margin:1.5vw}.c-title{color:#050000;font-size:1.2vw;text-align:left;padding:0;margin-bottom:.7vw}.c-foot h5{font-size:1.2vw;width:15vw;color:orange}.navb{display:flex;flex-direction:row;align-content:end;background-color:#370fca;position:sticky;top:0;left:0}.navb a{text-decoration:none;padding:1vw;margin:0px 1.8vw;font-size:1.5vw;font-weight:700;color:#fff}.navb a:hover{color:red}button{font-size:1.5vw;padding:0vw;margin:0vw}*{padding:0;margin:0}.top_head img{height:3vw;margin:1vw}.top_head{margin:0;height:5vw;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#552403}.top_head .text{padding:1vw}.p-cat{color:#000;display:flex;flex-wrap:wrap}p{color:#fff}.button button{background-color:green;color:#ff0;border-radius:3vw;font-size:1.5vw;padding:.3vw;margin:.1vw 8vw}span{color:#ff0}.text2{display:flex;justify-content:center;background-color:#000;text-align:center;font-size:1.5vw;height:3vw;margin:0vw;padding:1px}.contact{margin-right:50px}.home-main{display:flex;flex-wrap:wrap}.home-img{display:inline}.home_nav{line-height:25px;display:inline;display:flex;justify-content:center;padding-left:100px}.home_nav a{padding:1.8vw;font-size:18px}.home_nav a:hover{color:red}li{list-style:none}.home-main button{padding:15px;height:50px}.section-1{display:flex}.list{width:20%;height:200px}.list li{padding:0px 1.8vw;border:2px solid black;height:50px;line-height:50px;text-align:justify;font-size:1.8vw;font-style:bold}.list li:hover{background-color:#000;color:#fff}.sec-img{width:200px}.scroll{background-color:#000}.detail-all{padding:5vw 10vw;margin:0;background-color:#fff}.detail-cont{background-color:gray}.detail-img{padding:3vw;margin:1.8vw}.detail-img img{width:100%}.detail-title h2{margin:3vw 2vw 1vw .5vw;color:orange;font-size:2vw}.detail-all h3{font-size:1.5vw;font-weight:700;margin:1vw 2vw 3vw .5vw}.counter{display:flex;flex-wrap:wrap}.counter a{margin:0px .8vw;font-size:1.5vw}.counter h3{font-size:1.5vw}.counter button{float:left;background-color:gray;color:#000;border:1px solid black;padding:0vw .8vw;margin:1vw .5vw;font-weight:700;font-size:1.8vw}.detail-footer h3{font-size:1.5vw;margin:1vw 0vw}.foot{background-color:#000;color:#fff;padding:1.8vw}.foot h2{font-size:2vw}.foot a{text-decoration:none;font-size:1.5vw}.conform-all{background-color:gray;padding:5vw 10vw}.orderplace{padding:4vw;background-color:#000;color:#fff}.order-img img{width:100%}.order-title h3{font-size:2vw;font-weight:700;padding-bottom:2vw}.conform-all h2{font-size:1.5vw}.order-conform{display:flex;flex-wrap:wrap}.order-conform button{margin:1vw}.order-conform button h2{font-size:1vw;margin:0vw}.order-conform .cancel{background-color:red}