/* orderWrap */
.orderWrap .list { padding: 10px; border-bottom: 1px rgba(var(--info-rgb), .2) solid; }
.orderWrap .list >div , .orderWrap .list >div a { align-items: center; justify-content: space-between; }
.orderWrap .list .img img { width: 70px; height: 70px; }
.orderWrap .list .img span { width: calc(100% - 90px); }
.orderWrap .list p { align-items: center; justify-content: center; }
.orderWrap .list p.qBox a[data-action="plusBtn"] { width: 35px; height: 37px; border: 1px rgba(var(--secondary-rgb), .6) solid; line-height: 37px; font-size: 20px; }
.orderWrap .list p.qBox a.limit[data-action="plusBtn"] { line-height: 34px; }
.orderWrap .list p.qBox input { padding: 5px 15px; width: 30px; background: none; border: rgba(var(--secondary-rgb), .6) solid; border-width: 1px 0; }
.orderWrap  a[data-action="delI"] { top: 0; right: 0; }

/* btns */
.orderbtns { margin: 40px 0 20px; justify-content: flex-end; }
.orderbtns p { width: 200px; }
.orderbtns p a { padding: 5px; }

/* orderTotal */
#orderTotal { padding: 40px 0 20px; }
#orderTotal p { margin: 0 0 10px auto; width: 300px; justify-content: space-between; align-items: baseline; }
#orderTotal p font { line-height: 100%; font-size: 18px; }
#orderTotal p font#price3 { font-size: 25px; }
#orderTotal p font:first-letter { margin-right: 4px; font-weight: 300; font-size: 12px; }

@media screen and (max-width:760px) {
	.orderWrap .list >div a { align-items: flex-start; }
	.orderWrap .list .info { flex-direction: row-reverse; }
	.orderWrap .list p.qBox { justify-content: flex-end; }
	.orderWrap .list p.qBox a[data-action="plusBtn"] { width: 25px; height: 31px; line-height: 31px; }
	.orderWrap .list p.qBox a.limit[data-action="plusBtn"] { line-height: 28px; }
	.orderWrap .list p.qBox input { padding: 2px 10px; }
}
@media screen and (max-width:760px) and (min-width:551px) {
	.orderWrap .list .info { width: calc(100% - 110px); bottom: 10px; left: 100px; }
}
@media screen and (max-width:550px) {
	.orderWrap .list { padding: 10px 20px; }
	.orderWrap .list .img  a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.orderWrap .list .img img { width: 100%; height: 200px; }
	.orderWrap .list .img span { margin-top: 10px; width: 100%; }
	.orderWrap .list .info { justify-content: space-between; }
	.orderWrap .list p.qBox { margin-left: 10px; }
	#orderTotal p { width: 95%; }
}