/* BASIC css start */
.btn-wrap div {width:49%; float:left;}
.btn-wrap div:last-child {float:right;}

h3 { display:block; position: fixed; z-index: 999; height: 4.6rem;  text-align: center; line-height: 4.6rem; font-size: 1.5rem; top:0; transform: translateX( -50% );left: 50% }
#contents { position:relative; margin-top:4.6rem; } 




@media screen and (min-width:768px) {
 .all-select {border-bottom:0px none;}
 .recentList ul {width: 100%; display: table; table-layout: fixed; box-sizing: border-box; border-bottom: 1px solid #d9d9d9;}
 .recentList li {width:50%; border-bottom:0px none; display: inline-block; vertical-align: top; border-top: 1px solid #d9d9d9;}
 .recentList ul li:first-child {border: 0px none;}
 .recentList ul li:nth-child(2) {border: 0px none;} 
}


#recent { z-index:200; top:0; left:0; width:100%; height:100%;  background:#fff; overflow:hidden; box-sizing:border-box; position:relative; }

.bt_goBack { position:absolute; top:3vw; left:4vw; }
.bt_goBack .goBack { display:inline-block; width:7vw; height:8vw; background:url(/design/kichmom/10276/m/common/common_icon.png) no-repeat; background-position: -19.5vw 0.7vw; background-size:25vw auto; vertical-align:top;}

.common_title { display:inline-block; width:100%; height:13vw; text-align:center; border-bottom:1px solid #eee; }
.common_title h3 { display:inline-block; font-size:4.2vw; font-weight:400;  padding-top:4.2vw; }


.btn-wrap { padding:4vw 3vw; }
.btn-wrap a { display:block; width:100%; height:9vw; line-height: 8vw; background:#fff; text-align:center; border:1px solid #eee; box-sizing:border-box; vertical-align:middle; }
.btn-wrap a.btn_del { }
.btn-wrap a.btn_del_all { border:1px solid #e74174; color:#e74174; }

#recent>form { padding: 0 3vw; }

.all-select { background-color: #f5f5f5; padding:2vw;  }
.all-select span { padding-left:2vw; }

.recentList { display:block; width:100%; overflow:hidden; box-sizing:border-box; position:relative;  } 
.recentList li { padding:5vw 0; border-bottom:1px solid #dedede; height:30vw;  position:relative;  }
.recentList li figure { width:100%; display: table; box-sizing: border-box; padding-left:2vw; }

.basketLeft { width:45%; position:relative; float: left;}
.basketLeft a { padding:0 3vw 0 6vw; display:block;}
.basketLeft .MS_input_txt {top:0; left:0; position:absolute;}

.basketRight { height:32vw; padding-left:41vw;}
.basketRight p {color:#707070; margin-bottom:1vw;}
.basketRight .pname { font-weight:500; padding-bottom: 3vw;}
.basketRight .pname .blue-delivery { background-color: #74a9e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
.basketRight .pname .red-delivery { background-color: #d674e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
.basketRight .pname .fa { float:right; margin-top: -6px; }
.amount-input { width:30px; text-align : right;}
.basketRight .btn_Black { height:7vw; line-height:6vw; background:#fff; border:1px solid #ddd; color:#333; margin-left:0.5vw; }
.basketRight .MS_select { width:100%;}

.basketRight .bt_cart { position:absolute; bottom:2vw; width:52%;  }




input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 4vw; height: 4vw;  cursor: pointer; outline: none !important;  border: 1px solid #ddd;  border-radius: 1vw;  background: #fbfbfb;  }
input[type="checkbox"]::before { content: "\2713";  position: absolute;  top: 50%; left: 50%;  overflow: hidden; transform: scale(0) translate(-50%, -50%);line-height: 1; }
input[type="checkbox"]:checked { background-color: #e74174; color: white; }
input[type="checkbox"]:checked::before { border-radius: 2px;  transform: scale(1) translate(-50%, -50%) }


/* BASIC css end */

