@charset "UTF-8";

.cart_table {
	margin:10px auto 20px;
	width:95%;
}

.td_ko form {
	display:inline-block;
	margin:0 3px;
}

@media not all and (max-width:512px) {

	.cart_table {border-collapse:collapse;}

	.col_no {width:40px;}

	.col_ko {width:100px;}

	.cart_table th, .cart_table td {
		border:1px solid #ccc;
		padding:5px;
	}

	.cart_table th {background-color:#eee;}

	.cart_table tbody td {text-align:center;}

	.cart_table tbody .td_tanka, .cart_table tbody .td_kei{text-align:right;}

	.th_nebiki, .td_nebiki, .th_total, .td_total, .th_point, .td_point {text-align:right;}

	/* 1024~512 */
	.col_img {width:140px;}

	.cart_img {width:120px;}

}

@media not all and (max-width:1024px) {

	.col_img {width:220px;}

	.col_del {width:70px;}

	.cart_img {width:200px;}

}

@media only all and (max-width:512px) {

	.cart_table thead {display:none;}

	.cart_table tbody tr {
		display:list-item;
		list-style:none;
		padding:10px 0 50px;
		border-bottom:1px dashed #ccc;
		position:relative;
	}

	.cart_table tbody tr::after {
		content:'';
		display:block;
		clear:both;
	}

	.td_no {display:inline-block;}

	.td_no::before {content:'No. '}

	.td_img {
		width:40%;
		float:right;
		display:inline-block;
	}

	.cart_img {width:100%;}

	.td_goods {
		display:block;
		margin-left:4em;
		text-indent:-4em;
	}

	.td_goods:before {content:'商品名：'}

	.td_tanka {display:block;}

	.td_tanka:before {content:'単価：'}

	.td_ko {display:block;}

	.td_ko:before {content:'個数：'}

	.td_ko br {display:none;}

	.td_ko form button {padding:0 10px;}

	.td_kei {display:block;}

	.td_kei:before {content:'小計：'}

	.td_del {
		display:block;
		margin-top:15px;
		position:absolute;
		bottom:10px;
	}

	.cart_table .btn_img {
		line-height:2;
		width:80px;
	}

	.cart_table tfoot tr {
		display:block;
		background:#eee;
		margin:0;
		padding:10px;
	}

	.cart_table tfoot th, .cart_table tfoot td {display:inline-block;}

	.cart_table tfoot th::after {content:'：'}

}

.btn_box {
	border:none;
	margin:10px 0 30px;
	text-align:center;
}

.btn_box > *:not(p) {
	display:inline-block;
	margin:0 5px;
	vertical-align:bottom;
}

.btn_box > p {margin-top:0;}

.goto_home {
	background-color:#eee;
	border:1px solid #ccc;
	display:inline-block;
	font-size:12px;
	margin:0 0 0 2%;
	padding:5px 10px;
	width:160px;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	width:fit-content;
}

.goto_home:hover {
	opacity:0.7;
	text-decoration:none;
	color:inherit;
}

.btn_img {
	background:transparent;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.btn_img:hover {
	color:orange;
	text-decoration:underline;
}

.btn_img:focus {outline:0;}