@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#sysMain {
	width: 80%;
	max-width: 830px;
	height: auto;
	padding: 0px 0px 100px !important;
	margin: auto auto;
}
/* カート情報 */
	.sysFreeArea {
		width: 100%;
		padding: 0px;
		margin: auto auto 25px;
		font-size: 15px;
		text-align: center;
		color: #ffffff;
	}
		.cart_page-heading {
			width: 100%;
			padding: 0px;
			margin: auto auto 5px;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.0;
		}
		.cart_page-heading_en {
			width: 100%;
			padding: 0;
			margin: auto auto 20px;
			font-size: 14px;
			font-weight: 500;
			color: #EDB575;
		}

	#kuronekoPayFlex {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		#kuronekoPayFlex > form {
			width: auto;
			margin: 0px 10px;
		}
		#kuronekoPayFlex > form[name=basket_form],
		#kuronekoPayFlex > div {
			padding: 0px;
		}
			#kuronekoPayFlex > form .sysNextSubmit,
			#kuronekoPayFlex > form .sysAmazonNextSubmit {
				display: block;
				width: 250px !important;
				height: 40px !important;
				margin: auto 0px auto auto !important;
				border-radius: 20px !important;
				background-color: #BA4816 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				background-image: url(https://www.karajyu.co.jp/image/submit-arrow-w.png) !important;
				background-repeat: no-repeat !important;
				background-size: 5px auto !important;
				background-position: right 20px center !important;
			}
		#kuronekoPayFlex > div {
			width: auto;
			margin: 0px 10px;
		}
			#kuronekoPayFlex > div > form[name=basket_form] {
				width: auto;
			}
			#kuronekoPayFlex > div > form #kmid-login-subwindow-launch {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 250px !important;
				height: 40px !important;
				margin: auto auto auto 0px !important;
				padding: 0px !important;
				border-radius: 20px !important;
				background: #E1E1E1 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				overflow: hidden !important;
			}
				#kuronekoPayFlex > div > form #kmid-login-subwindow-launch img {
					width: 100% !important;
					height: auto !important;
				}

	.sysTotal {
		width: 100%;
		padding: 25px 0px 38px;
		margin: 50px auto 30px;
		border-top: solid 1px #ffffff;
		border-bottom: solid 1px #ffffff;
		position: relative;
	}
	.sysTotal:before,
	.sysTotal:after {
		content: '';
		display: block;
		width: 55px;
		height: 1px;
		background-color: #CE8003;
		position: absolute;
		left: 0;
	}
	.sysTotal:before {
		top: -1px;
	}
	.sysTotal:after {
		bottom: -1px;
	}
		.sysTotal .sysBox {
			width: 100%;
			padding: 0px;
			margin: 0px;
			border-radius: 0px;
			background: none;
			outline: none;
			border: none;
			box-shadow: none;
			font-size: 14px;
			font-weight: 500;
			text-shadow: none;
			color: #ffffff;
		}
		.sysTotal .sysTotalTxt {
			font-size: 16px;
			text-shadow: none;
		}
			.sysTotal .sysCartAttention {
				margin: 0px 5px;
				font-family: lato, sans-serif;
				font-style: normal;
				font-weight: 700;
				color: #EB8A18;
				text-shadow: none;
			}
			.sysTotal .sysTotalTxt > .sysCartAttention {
				font-size: 24px;
			}
		.sysTotal div:nth-of-type(3) {
			display: none;
		}

	.sysItemListArea {
		width: 100%;
		padding: 0px;
		margin: auto auto 50px;
	}
		.sysItemListArea .sysCartTitle {
			width: 100%;
			padding: 0px;
			margin: auto auto 15px;
			background: none;
			font-size: 20px;
			font-weight: 700;
		}
		.sysItemListArea > .sysBox {
			width: 100%;
			padding: 0px;
			margin: auto auto;
			border-radius: 0px;
			background: none;
			outline: none;
			border: none;
			box-shadow: none;
			font-size: 15px;
			color: #ffffff;
		}
		.sysItemListArea .sysCartItemAreaMessage {
			width: 100%;
			font-size: 15px;
			color: #ffffff;
		}
		.sysItemListArea .nav {
			width: 100%;
		}
			.sysItemListArea .nav li {
				width: 100%;
				margin-bottom: 30px;
			}
				.sysItemListArea .nav li .sysBox {
					width: 100%;
					padding: 25px;
					border: solid 1px #ffffff;
					background: none;
					font-size: 15px;
					font-weight: 500;
					color: #ffffff;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
					.sysItemListArea .nav li .sysBox > a {
						display: block;
						width: 30%;
						height: auto;
					}
						.sysItemListArea .nav li .sysBox > a img {
							width: 100%;
							height: auto;
						}
					.sysItemListArea .nav li .sysBox .sysProduct {
						width: 70%;
						padding-left: 25px;
						text-align: left;
					}
						.sysItemListArea .nav li .sysBox .sysProduct .sysItemName {
							width: 100%;
							margin-bottom: 10px;
						}
							.sysItemListArea .nav li .sysBox .sysProduct .sysItemName a {
								font-size: 18px !important;
								font-weight: 700 !important;
								color: #ffffff !important;
							}
						.sysItemListArea .nav li .sysBox .sysProduct .sysItemRetailPrice {
							width: 100%;
							font-size: 14px;
						}

					.sysItemListArea .nav li .sysBox hr {
						width: 100%;
						margin: 25px 0px;
					}

					.sysItemListArea .nav li .sysBox > div:nth-of-type(2) {
						width: 100%;
						margin: auto auto 25px;
						display: flex;
						justify-content: flex-start;
						align-items: flex-start;
						text-align: left;
					}
						.sysItemListArea .nav li .sysBox > div:nth-of-type(2) div {
							width: auto;
							margin-right: 30px;
							display: flex;
							justify-content: flex-start;
							align-items: center;
						}
							select[name=num] {
								width: 150px !important;
								height: 40px;
								padding: 0px 15px;
								border-radius: 3px;
								border: none;
								outline: none;
								background-image: url(https://www.karajyu.co.jp/image/select-arrow.png) !important;
								background-repeat: no-repeat !important;
								background-size: 8px auto !important;
								background-position: right 12px center !important;
							}
						.sysNumArea {
							width: auto;
							display: flex;
							justify-content: flex-start;
							align-items: flex-start;
						}
							.sysNumArea button {
								width: 150px !important;
								height: 40px !important;
								border-radius: 3px !important;
								border: none !important;
								outline: none !important;
								background: #ffffff !important;
							}
							.sysNumArea button.sysBtnPlus {
								margin: 0px 5px 0px 0px !important;
							}
							.sysNumArea button.sysBtnMinus {
								margin: 0px !important;
							}

					.sysItemListArea .sysSubTotalArea {
						width: 100%;
						margin-bottom: 60px;
						text-align: right;
					}
						.sysSubTotalArea form.sysCartInForm {
							width: 100%;
							text-align: left;
						}
							.sysSubTotalArea form.sysCartInForm #sysSelections {
								width: 100%;
							}
								.sysSubTotalArea form.sysCartInForm #sysSelections div {
									width: 100%;
									margin-bottom: 25px;
									font-weight: 700;
								}
									.sysCart #sysMain select {
										max-width: initial !important;
										margin: 0px !important;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div select {
										width: 350px;
										height: 40px;
										padding: 0px 15px;
										border-radius: 3px;
										background-color: #ffffff !important;
										border: none;
										outline: none;
										font-weight: 500;
										background-image: url(https://www.karajyu.co.jp/image/select-arrow.png) !important;
										background-repeat: no-repeat !important;
										background-size: 8px auto !important;
										background-position: right 12px center !important;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div .sysSelectionDescription {
										margin-top: 5px;
										font-size: 12px;
										font-weight: 500;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div input {
										width: 300px;
										height: 40px;
										padding: 0px 15px;
										margin-top: 5px;
										border: none;
										outline: none;
										border-radius: 5px;
										background: #ffffff;
									}

						.sysSubTotalArea .sysCartAttention {
							font-size: 15px;
						}
						.sysSubTotalArea .sysTaxText {
							font-size: 15px;
						}

				.sysDeleteArea {
					width: 100%;
				}
					.sysDeleteArea form {
						width: 100%;
					}
						.sysDeleteArea form .sysDeleteArea {
							width: 100% !important;
							height: 40px !important;
							margin: 0px !important;
							border-radius: 3px !important;
							background: #271903 !important;
							border: none !important;
							outline: none !important;
							color: #ffffff !important;
						}

	.sysNextSubmitArea {
		width: 100%;
	}
		.sysNextSubmitArea > form {
			width: 350px;
			margin: auto auto;
		}
			.sysNextSubmitArea > form .sysNextSubmit {
				width: 100% !important;
				height: 40px !important;
				margin: auto auto !important;
				border-radius: 20px !important;
				background-color: #BA4816 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				background-image: url(https://www.karajyu.co.jp/image/submit-arrow-w.png) !important;
				background-repeat: no-repeat !important;
				background-size: 5px auto !important;
				background-position: right 20px center !important;
			}

	#sysMain > form {
		width: 350px;
		padding: 0px;
		margin: 20px auto auto;
	}
		#sysMain > form .sysBackButton {
			display: block !important;
			width: 100% !important;
			height: 44px !important;
			margin: auto auto !important;
			border-radius: 22px !important;
			background: #271903 !important;
			border: none !important;
			outline: none !important;
			font-size: 15px !important;
			font-weight: 700 !important;
			text-align: center !important;
			color: #ffffff !important;
		}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#sysMain {
	width: 100%;
	height: auto;
	padding: 0px 0px 50px !important;
	margin: auto auto;
}
/* カート情報 */
	.sysFreeArea {
		width: 100%;
		padding: 50px 0px 0px;
		margin: auto auto 25px;
		font-size: 14px;
		text-align: center;
		color: #ffffff;
	}
		.cart_page-heading {
			width: 100%;
			padding: 0px;
			margin: auto auto 5px;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.0;
		}
		.cart_page-heading_en {
			width: 100%;
			padding: 0;
			margin: auto auto 20px;
			font-size: 14px;
			font-weight: 500;
			color: #EDB575;
		}

	#kuronekoPayFlex {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		#kuronekoPayFlex > form {
			width: auto;
			margin: 0px 10px;
		}
			#kuronekoPayFlex > form .sysNextSubmit,
			#kuronekoPayFlex > form .sysAmazonNextSubmit {
				display: block;
				width: 250px !important;
				height: 40px !important;
				margin: auto 0px auto auto !important;
				border-radius: 20px !important;
				background-color: #BA4816 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				background-image: url(https://www.karajyu.co.jp/image/submit-arrow-w.png) !important;
				background-repeat: no-repeat !important;
				background-size: 5px auto !important;
				background-position: right 20px center !important;
			}
		#kuronekoPayFlex > div {
			width: auto;
			margin: 0px 10px;
		}
		#kuronekoPayFlex > form[name=basket_form],
		#kuronekoPayFlex > div {
			padding: 0px;
		}
			#kuronekoPayFlex > div > form[name=basket_form] {
				width: auto;
			}
			#kuronekoPayFlex > div > form #kmid-login-subwindow-launch {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 250px !important;
				height: 40px !important;
				margin: auto auto auto 0px !important;
				padding: 0px !important;
				border-radius: 20px !important;
				background: #E1E1E1 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				overflow: hidden !important;
			}
				#kuronekoPayFlex > div > form #kmid-login-subwindow-launch img {
					width: 100%;
					height: auto;
				}

	.sysTotal {
		width: 90%;
		padding: 13px 0px 25px;
		margin: 50px auto 30px;
		border-top: solid 1px #ffffff;
		border-bottom: solid 1px #ffffff;
		position: relative;
	}
	.sysTotal:before,
	.sysTotal:after {
		content: '';
		display: block;
		width: 55px;
		height: 1px;
		background-color: #CE8003;
		position: absolute;
		left: 0;
	}
	.sysTotal:before {
		top: -1px;
	}
	.sysTotal:after {
		bottom: -1px;
	}
		.sysTotal .sysBox {
			width: 100%;
			padding: 0px;
			margin: 0px;
			border-radius: 0px;
			background: none;
			outline: none;
			border: none;
			box-shadow: none;
			font-size: 14px;
			font-weight: 500;
			text-shadow: none;
			color: #ffffff;
		}
		.sysTotal .sysTotalTxt {
			font-size: 16px;
			text-shadow: none;
		}
			.sysTotal .sysCartAttention {
				margin: 0px 5px;
				font-family: lato, sans-serif;
				font-style: normal;
				font-weight: 700;
				color: #EB8A18;
				text-shadow: none;
			}
			.sysTotal .sysTotalTxt > .sysCartAttention {
				font-size: 24px;
			}
		.sysTotal div:nth-of-type(3) {
			display: none;
		}

	.sysItemListArea {
		width: 90%;
		padding: 0px;
		margin: auto auto 50px;
	}
		.sysItemListArea .sysCartTitle {
			width: 100%;
			padding: 0px;
			margin: auto auto 5px;
			background: none;
			font-size: 18px;
			font-weight: 700;
		}
		.sysItemListArea > .sysBox {
			width: 100%;
			padding: 0px;
			margin: auto auto;
			border-radius: 0px;
			background: none;
			outline: none;
			border: none;
			box-shadow: none;
			font-size: 15px;
			color: #ffffff;
		}
		.sysItemListArea .sysCartItemAreaMessage {
			width: 100%;
			margin-bottom: 5px;
			font-size: 14px;
			color: #ffffff;
		}
		.sysItemListArea .nav {
			width: 100%;
		}
			.sysItemListArea .nav li {
				width: 100%;
				margin-bottom: 30px;
			}
				.sysItemListArea .nav li .sysBox {
					width: 100%;
					padding: 25px;
					border: solid 1px #ffffff;
					background: none;
					font-size: 15px;
					font-weight: 500;
					color: #ffffff;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
					.sysItemListArea .nav li .sysBox > a {
						display: block;
						width: 30%;
						height: auto;
					}
						.sysItemListArea .nav li .sysBox > a img {
							width: 100%;
							height: auto;
						}
					.sysItemListArea .nav li .sysBox .sysProduct {
						width: 70%;
						padding-left: 10px;
						text-align: left;
					}
						.sysItemListArea .nav li .sysBox .sysProduct .sysItemName {
							width: 100%;
							margin-bottom: 10px;
						}
							.sysItemListArea .nav li .sysBox .sysProduct .sysItemName a {
								font-size: 16px !important;
								font-weight: 700 !important;
								color: #ffffff !important;
							}
						.sysItemListArea .nav li .sysBox .sysProduct .sysItemRetailPrice {
							width: 100%;
							font-size: 14px;
						}

					.sysItemListArea .nav li .sysBox hr {
						width: 100%;
						margin: 20px 0px;
					}

					.sysItemListArea .nav li .sysBox > div:nth-of-type(2) {
						width: 100%;
						margin: auto auto 20px;
					}
						.sysItemListArea .nav li .sysBox > div:nth-of-type(2) div {
							width: 100%;
							margin-bottom: 10px;
						}
							select[name=num] {
								width: 150px !important;
								height: 40px;
								padding: 0px 10px;
								border-radius: 3px;
								border: none;
								outline: none;
								background-image: url(https://www.karajyu.co.jp/image/select-arrow.png) !important;
								background-repeat: no-repeat !important;
								background-size: 8px auto !important;
								background-position: right 12px center !important;
							}
						.sysNumArea {
							width: 100%;
							margin-bottom: 0px !important;
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
						}
							.sysNumArea button {
								width: 49% !important;
								height: 40px !important;
								margin: 0px !important;
								border-radius: 3px !important;
								border: none !important;
								outline: none !important;
								background: #ffffff !important;
							}
							.sysNumArea button.sysBtnPlus {
							}
							.sysNumArea button.sysBtnMinus {
							}

					.sysItemListArea .sysSubTotalArea {
						width: 100%;
						margin-bottom: 40px;
						text-align: right;
					}
						.sysSubTotalArea form.sysCartInForm {
							width: 100%;
							text-align: left;
						}
							.sysSubTotalArea form.sysCartInForm #sysSelections {
								width: 100%;
							}
								.sysSubTotalArea form.sysCartInForm #sysSelections div {
									width: 100%;
									margin-bottom: 20px;
									font-weight: 700;
								}
									.sysCart #sysMain select {
										max-width: initial !important;
										margin: 0px !important;
										background-color: #ffffff;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div select {
										width: 100%;
										height: 40px;
										padding: 0px 10px;
										margin: 3px auto;
										border-radius: 3px;
										background-color: #ffffff !important;
										border: none;
										outline: none;
										font-weight: 500;
										background-image: url(https://www.karajyu.co.jp/image/select-arrow.png) !important;
										background-repeat: no-repeat !important;
										background-size: 8px auto !important;
										background-position: right 12px center !important;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div .sysSelectionDescription {
										margin-top: 5px;
										font-size: 12px;
										font-weight: 500;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div input {
										width: 100%;
										height: 40px;
										padding: 0px 10px;
										margin-top: 5px;
										border: none;
										outline: none;
										border-radius: 5px;
										background: #ffffff;
									}

						.sysSubTotalArea .sysCartAttention {
							font-size: 15px;
						}
						.sysSubTotalArea .sysTaxText {
							font-size: 15px;
						}

				.sysDeleteArea {
					width: 100%;
				}
					.sysDeleteArea form {
						width: 100%;
					}
						.sysDeleteArea form .sysDeleteArea {
							width: 100% !important;
							height: 40px !important;
							margin: 0px !important;
							border-radius: 3px !important;
							background: #271903 !important;
							border: none !important;
							outline: none !important;
							color: #ffffff !important;
						}

	.sysNextSubmitArea {
		width: 100%;
	}
		.sysNextSubmitArea > form {
			width: 350px;
			margin: auto auto;
		}
			.sysNextSubmitArea > form .sysNextSubmit {
				width: 100% !important;
				height: 40px !important;
				margin: auto auto !important;
				border-radius: 20px !important;
				background-color: #BA4816 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				background-image: url(https://www.karajyu.co.jp/image/submit-arrow-w.png) !important;
				background-repeat: no-repeat !important;
				background-size: 5px auto !important;
				background-position: right 20px center !important;
			}

	#sysMain > form {
		width: 350px;
		padding: 0px;
		margin: 20px auto auto;
	}
		#sysMain > form .sysBackButton {
			display: block !important;
			width: 100% !important;
			height: 44px !important;
			margin: auto auto !important;
			border-radius: 22px !important;
			background: #271903 !important;
			border: none !important;
			outline: none !important;
			font-size: 15px !important;
			font-weight: 700 !important;
			text-align: center !important;
			color: #ffffff !important;
		}
}

/* SP ================================================== */
@media all and (max-width:559px){
#sysMain {
	width: 100%;
	height: auto;
	padding: 0px 0px 50px !important;
	margin: auto auto;
}
/* カート情報 */
	.sysFreeArea {
		width: 100%;
		padding: 50px 0px 0px;
		margin: auto auto 25px;
		font-size: 14px;
		text-align: center;
		color: #ffffff;
	}
		.cart_page-heading {
			width: 100%;
			padding: 0px;
			margin: auto auto 5px;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.0;
		}
		.cart_page-heading_en {
			width: 100%;
			padding: 0;
			margin: auto auto 20px;
			font-size: 14px;
			font-weight: 500;
			color: #EDB575;
		}

	#kuronekoPayFlex {
		width: 90%;
		margin: auto auto;
		display: flex;
		justify-content: space-between !important;
		align-items: center;
	}
		#kuronekoPayFlex > form {
			width: 49%;
		}
			#kuronekoPayFlex > form[name=basket_form] {
				padding: 0px;
			}
			#kuronekoPayFlex > form .sysNextSubmit,
			#kuronekoPayFlex > form .sysAmazonNextSubmit {
				display: block;
				width: 100% !important;
				height: 40px !important;
				margin: auto 0px auto auto !important;
				border-radius: 20px !important;
				background-color: #BA4816 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				background-image: url(https://www.karajyu.co.jp/image/submit-arrow-w.png) !important;
				background-repeat: no-repeat !important;
				background-size: 5px auto !important;
				background-position: right 20px center !important;
			}
		#kuronekoPayFlex > div {
			width: 49%;
		}
			#kuronekoPayFlex > form[name=basket_form],
			#kuronekoPayFlex > div {
				padding: 0px;
			}
			#kuronekoPayFlex > div > form #kmid-login-subwindow-launch {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100% !important;
				height: 40px !important;
				margin: auto auto auto 0px !important;
				padding: 0px !important;
				border-radius: 20px !important;
				background: #E1E1E1 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				overflow: hidden !important;
			}
				#kuronekoPayFlex > div > form #kmid-login-subwindow-launch img {
					width: auto;
					height: 100%;
				}

	.sysTotal {
		width: 90%;
		padding: 10px 0px 20px;
		margin: 50px auto 30px;
		border-top: solid 1px #ffffff;
		border-bottom: solid 1px #ffffff;
		position: relative;
	}
	.sysTotal:before,
	.sysTotal:after {
		content: '';
		display: block;
		width: 55px;
		height: 1px;
		background-color: #CE8003;
		position: absolute;
		left: 0;
	}
	.sysTotal:before {
		top: -1px;
	}
	.sysTotal:after {
		bottom: -1px;
	}
		.sysTotal .sysBox {
			width: 100%;
			padding: 0px;
			margin: 0px;
			border-radius: 0px;
			background: none;
			outline: none;
			border: none;
			box-shadow: none;
			font-size: 14px;
			font-weight: 500;
			text-shadow: none;
			color: #ffffff;
		}
		.sysTotal .sysTotalTxt {
			font-size: 16px;
			text-shadow: none;
		}
			.sysTotal .sysCartAttention {
				margin: 0px 5px;
				font-family: lato, sans-serif;
				font-style: normal;
				font-weight: 700;
				color: #EB8A18;
				text-shadow: none;
			}
			.sysTotal .sysTotalTxt > .sysCartAttention {
				font-size: 24px;
			}
		.sysTotal div:nth-of-type(3) {
			display: none;
		}

	.sysItemListArea {
		width: 90%;
		padding: 0px;
		margin: auto auto 50px;
	}
		.sysItemListArea .sysCartTitle {
			width: 100%;
			padding: 0px;
			margin: auto auto 5px;
			background: none;
			font-size: 18px;
			font-weight: 700;
		}
		.sysItemListArea > .sysBox {
			width: 100%;
			padding: 0px;
			margin: auto auto;
			border-radius: 0px;
			background: none;
			outline: none;
			border: none;
			box-shadow: none;
			font-size: 15px;
			color: #ffffff;
		}
		.sysItemListArea .sysCartItemAreaMessage {
			width: 100%;
			margin-bottom: 5px;
			font-size: 14px;
			color: #ffffff;
		}
		.sysItemListArea .nav {
			width: 100%;
		}
			.sysItemListArea .nav li {
				width: 100%;
				margin-bottom: 30px;
			}
				.sysItemListArea .nav li .sysBox {
					width: 100%;
					padding: 15px;
					border: solid 1px #ffffff;
					background: none;
					font-size: 15px;
					font-weight: 500;
					color: #ffffff;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
					.sysItemListArea .nav li .sysBox > a {
						display: block;
						width: 30%;
						height: auto;
					}
						.sysItemListArea .nav li .sysBox > a img {
							width: 100%;
							height: auto;
						}
					.sysItemListArea .nav li .sysBox .sysProduct {
						width: 70%;
						padding-left: 10px;
						text-align: left;
					}
						.sysItemListArea .nav li .sysBox .sysProduct .sysItemName {
							width: 100%;
							margin-bottom: 5px;
						}
							.sysItemListArea .nav li .sysBox .sysProduct .sysItemName a {
								font-size: 16px !important;
								font-weight: 700 !important;
								color: #ffffff !important;
							}
						.sysItemListArea .nav li .sysBox .sysProduct .sysItemRetailPrice {
							width: 100%;
							font-size: 14px;
						}

					.sysItemListArea .nav li .sysBox hr {
						width: 100%;
						margin: 20px 0px;
					}

					.sysItemListArea .nav li .sysBox > div:nth-of-type(2) {
						width: 100%;
						margin: auto auto 20px;
					}
						.sysItemListArea .nav li .sysBox > div:nth-of-type(2) div {
							width: 100%;
							margin-bottom: 10px;
						}
							select[name=num] {
								width: 150px !important;
								height: 40px;
								padding: 0px 10px;
								border-radius: 3px;
								border: none;
								outline: none;
								background-image: url(https://www.karajyu.co.jp/image/select-arrow.png) !important;
								background-repeat: no-repeat !important;
								background-size: 8px auto !important;
								background-position: right 12px center !important;
							}
						.sysNumArea {
							width: 100%;
							margin-bottom: 0px !important;
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
						}
							.sysNumArea button {
								width: 49% !important;
								min-width: initial !important;
								height: 40px !important;
								margin: 0px !important;
								border-radius: 3px !important;
								border: none !important;
								outline: none !important;
								background: #ffffff !important;
							}
							.sysNumArea button.sysBtnPlus {
							}
							.sysNumArea button.sysBtnMinus {
							}

					.sysItemListArea .sysSubTotalArea {
						width: 100%;
						margin-bottom: 40px;
						text-align: right;
					}
						.sysSubTotalArea form.sysCartInForm {
							width: 100%;
							text-align: left;
						}
							.sysSubTotalArea form.sysCartInForm #sysSelections {
								width: 100%;
							}
								.sysSubTotalArea form.sysCartInForm #sysSelections div {
									width: 100%;
									margin-bottom: 20px;
									font-weight: 700;
								}
									.sysCart #sysMain select {
										max-width: initial !important;
										margin: 0px !important;
										background-color: #ffffff;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div select {
										width: 100%;
										height: 40px;
										padding: 0px 10px;
										margin: 3px auto;
										border-radius: 3px;
										background-color: #ffffff !important;
										border: none;
										outline: none;
										font-weight: 500;
										background-image: url(https://www.karajyu.co.jp/image/select-arrow.png) !important;
										background-repeat: no-repeat !important;
										background-size: 8px auto !important;
										background-position: right 12px center !important;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div .sysSelectionDescription {
										margin-top: 5px;
										font-size: 12px;
										font-weight: 500;
									}
									.sysSubTotalArea form.sysCartInForm #sysSelections div input {
										width: 100%;
										height: 40px;
										padding: 0px 10px;
										margin-top: 5px;
										border: none;
										outline: none;
										border-radius: 5px;
										background: #ffffff;
									}

						.sysSubTotalArea .sysCartAttention {
							font-size: 15px;
						}
						.sysSubTotalArea .sysTaxText {
							font-size: 15px;
						}

				.sysDeleteArea {
					width: 100%;
				}
					.sysDeleteArea form {
						width: 100%;
					}
						.sysDeleteArea form .sysDeleteArea {
							width: 100% !important;
							height: 40px !important;
							margin: 0px !important;
							border-radius: 3px !important;
							background: #271903 !important;
							border: none !important;
							outline: none !important;
							color: #ffffff !important;
						}

	.sysNextSubmitArea {
		width: 100%;
	}
		.sysNextSubmitArea > form {
			width: 350px;
			margin: auto auto;
		}
			.sysNextSubmitArea > form .sysNextSubmit {
				width: 100% !important;
				height: 40px !important;
				margin: auto auto !important;
				border-radius: 20px !important;
				background-color: #BA4816 !important;
				border: none !important;
				outline: none !important;
				font-size: 15px !important;
				font-weight: 700 !important;
				color: #ffffff !important;
				text-shadow: none !important;
				background-image: url(https://www.karajyu.co.jp/image/submit-arrow-w.png) !important;
				background-repeat: no-repeat !important;
				background-size: 5px auto !important;
				background-position: right 20px center !important;
			}

	#sysMain > form {
		width: 350px;
		padding: 0px;
		margin: 20px auto auto;
	}
		#sysMain > form .sysBackButton {
			display: block !important;
			width: 100% !important;
			height: 44px !important;
			margin: auto auto !important;
			border-radius: 22px !important;
			background: #271903 !important;
			border: none !important;
			outline: none !important;
			font-size: 15px !important;
			font-weight: 700 !important;
			text-align: center !important;
			color: #ffffff !important;
		}
}