@charset "UTF-8";

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

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

	.book_table {border-collapse:collapse;}

	.col_no {width:40px;}
	.col_img {width:220px;}
	.col_del {width:100px;}

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

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

	.book_table td {text-align:center;}

	.bookmark_img {width:200px;}

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

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

	.btn_img:focus {outline:0;}

}

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

	.book_table {border-collapse:collapse;}

	.col_no {width:40px;}
	.col_img {width:140px;}

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

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

	.book_table td {text-align:center;}

	.bookmark_img {width:120px;}

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

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

	.btn_img:focus {outline:0;}

}

@media not all and (min-width:513px) {

	.book_table thead {display:none;}

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

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

	.td_no {display:inline-block;}

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

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

	.bookmark_img {width:100%;}

	.td_gno {
		display:block;
		margin-left:5em;
		text-indent:-5em;
	}

	.td_gno::before {content:'商品番号：'}

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

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

	.td_del {
		display:block;
		margin-top:15px;
	}

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

}