/*
Theme Name: procable
*/

:root {
	--color-text      : #333;
	--color-body      : #FFF;

	--color-primary   : #c4b89a;
	--color-secondary : #67b0b1;

	--color-line      : #22ba4f;
	--color-fb        : #315096;

	--color-white     : #FFF;
	--color-gray-100  : #EEE;
	--color-gray-200  : #CCC;
	--color-gray-400  : #999;
	--color-gray-600  : #666;
	--color-gray-800  : #333;
	--color-gray-900  : #222;
	--color-black     : #000;
	
	--color-pink      : #cf8791;
	--color-dred      : #C00;
	
	--layer_dark      : rgba(0,0,0,.7);

	--font-gothic: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	--font-mincho: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;

}

/* cart
------------------------------------------------------------- */

.cart-wrap {
	margin-top: 5em;
}
.cart-wrap__title {
	font-size: min(1.375rem,6vw);
}
.cart-wrap__code {
	margin-bottom: 1em;
}
.cart-wrap__price {
	margin-bottom: 1em;
	font-size: min(1.25rem,5vw);
	font-weight: bold;
}
.cart-wrap__price .price-num {
	color: var(--color-dred);
}

.cart-wrap table {
	border-collapse: collapse;
	border-top: 1px solid var(--color-gray-200);
}
.cart-wrap table th {
	padding: 10px 10px;
	border-bottom: 1px solid var(--color-gray-200);
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.cart-wrap table td {
	padding: 10px 10px;
	border-bottom: 1px solid var(--color-gray-200);
}
.cartinbox {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 1em;
}
.cartinbox .quantity {
	width: 6em;
}
.cartinbox .cartbtn {
	flex: 1;
}
.cartinbox .cartbtn button {
	cursor: pointer;
	display: inline-block;
	width: 320px;
	max-width: 100%;
	padding: 10px;
	appearance: none;
	background: transparent;
	border: none;
	outline: none;
	border-radius: 4px;
	background: var(--color-dred);
	color: var(--color-white);
	font-size: min(1.25rem,5vw);
	font-weight: 600;
}