#main {
	display : grid;
	grid-template-columns : 30% 1fr;
	grid-gap : 40px;
}
#main #mainImg img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}

#orderItems h4 {
	margin-bottom : 1em;
	padding : 0.725em;
	text-align : center;
	border : 1px solid #cccccc;
}
#orderItems .ctsNav {
	margin-bottom : 32px;
}
#orderItems .ctsNav > li {
	display : flex;
	justify-content : flex-start;
	align-items : center;
}
#orderItems .ctsNav > li:not(:last-child) {
	margin-bottom : 0.5em;
}
#orderItems .ctsNav span {
	display : inline-block;
	font-size : 0.875em;
	font-weight : bold;
	margin-right : 1em;
	padding : 0.75em;
	text-decoration : none;
	color : #ffffff;
	background-color : #468daf;
}
#orderItems .itemList > li::after {
	display : block;
	clear : both;
	content : "";
}

#orderItems .itemList > li:not(:last-child) {
	margin-bottom : 40px;
}
#orderItems .itemList h5 {
	display : flex;
	font-size : 1.275em;
	font-weight : bold;
	line-height : 1.45;
	justify-content : flex-start;
	align-items : center;
	margin-bottom : 1em;
}
#orderItems .itemList h5 span {
	display : inline-block;
	font-size : 0.875em;
	font-weight : bold;
	margin-right : 1em;
	padding : 0.75em;
	text-decoration : none;
	color : #ffffff;
	background-color : #468daf;
}
#orderItems .itemList .column {
	display : grid;
	grid-template-columns : 30% 1fr;
	grid-gap : 40px;
	margin-bottom : 24px;
}
#orderItems .itemList .mainImg {
	max-height : 400px;
	margin-bottom : 24px;
}
#orderItems .itemList .mainImg img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}
#orderItems .itemList .subImg {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
	grid-gap : 20px;
}
#orderItems .itemList .subImg > li {
	border : 2px solid #dddddd;
}

#orderItems .itemList .subImg > li {
	border : 2px solid #dddddd;
}
#orderItems .itemList .subImg > li img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}
#orderItems .itemList .description {
	margin-bottom : 32px;
}
#orderItems .itemList .columnR > li:first-child {
	border-top : 1px dotted #000000;
}
#orderItems .itemList .columnR > li {
	display : grid;
	grid-template-columns : 1fr 10em 230px;
	grid-gap : 12px;
	padding : 12px 0;
	border-bottom : 1px dotted #000000;
}
#orderItems .itemList .columnR > li.notfound {
	grid-template-columns : 1fr;
	padding : 1em;
	text-align : center;
}
#orderItems .itemList .columnR > li > * {
	display : flex;
	flex-direction : column;
	justify-content : center;
}
#orderItems .itemList .columnR > li .itemName {
	font-weight : bold;
	line-height : 1.45;
	margin-bottom : 0.25em;
}
#orderItems .itemList .columnR > li .deliveryInfo {
	font-size : 0.725em;
	color : #999999;
}
#orderItems .itemList .columnR > li .tax {
	font-size : 0.725em;
	color : #999999;
}
#orderItems .itemList .columnR > li .deriveryFee {
	font-size : 0.725em;
	color : #999999;
}
#orderItems .itemList .columnR > li .description {
	font-size : 0.725em;
	line-height : 1.45;
	margin-bottom : 0.25em;
	color : #999999;
}
#orderItems .itemList .columnR > li .button {
	align-items : center;
}
#orderItems .itemList .columnR > li .button a {
	display : block;
	padding : 1em;
	text-align : center;
	text-decoration : none;
	color : #ffffff;
	border-radius : 5px;
	background-color : #468daf;
}

@media screen and (max-width: 767px) {
	#orderItems .itemList .column {
		grid-template-columns : 1fr;
	}
	#orderItems .itemList .mainImg {
		max-height : 400px;
		margin-bottom : 24px;
	}
	#orderItems .itemList .subImg {
		display : grid;
		grid-template-columns : 1fr 1fr 1fr 1fr;
		grid-gap : 8px;
	}
	#orderItems .itemList .columnR > li {
		grid-template-columns : 1fr;
		grid-gap : 0;
	}
	#orderItems .itemList .columnR > li > * {
		padding : 0;
	}
	#orderItems .itemList .columnR > li > .price {
		margin-bottom : 8px;
	}
	#orderItems .itemList .columnR > li .button {
		display : block;
	}
}