@charset "shift_jis"; /*shift_jisの場合*/
.table-color1 {
	background-color: #D3DDEB;
}
.table-color2 {
	background-color: #fff;
}
.table-color3 {
	background-color: #F7F7F7;
}
.table-color4 {
	background-color: #fff;
}
.table-color5 {
	background-color: #AED7D7;
}
.table-color6 {
	background-color: #EEEEEE;
}
.table-color7 {
	background-color: #CCCCCC;
}
.step {
	background-color: #91A7C3;
	color: #fff;
}


#table{
	width: 100%;
	border-collapse: collapse;
	margin-top:10px;
}
#table td,
#table th{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#table th{
	font-weight: normal;
}
#table thead th{
	background-color: #D3DDEB;
}
#table .form-control,
#table .btn {
	margin-top:5px;
	margin-bottom:10px;}

@media only screen and (max-width:767px){
#table{
		display: block;
		border-bottom: 1px solid #ccc;
	}
#table tr{
	border: 1px solid #ccc;
}
#table thead{
			display: none;
		}
#table tbody{
			display: block;
		}
#table tbody tr{
			display: block;
			list-style-type: none;
			margin-bottom:10px;
}
#table tbody th,
#table tbody td{
			display: list-item;
			border: none;
}
#table tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	background: #80E697;
	color: #fff;
	font-size:1em;
}
#table tbody td{
}

#table tbody td.cart:nth-of-type(1):before { content: "商品　"; }
#table tbody td.cart:nth-of-type(2):before { content: "商品名："; }
#table tbody td.cart:nth-of-type(3):before { content: "備考1："; }
#table tbody td.cart:nth-of-type(4):before { content: "備考2："; }
#table tbody td.cart:nth-of-type(5):before { content: "単価："; }
#table tbody td.cart:nth-of-type(6):before { content: "数量："; }
#table tbody td.cart:nth-of-type(7):before { content: "小計："; }
#table tbody td.cart:nth-of-type(8):before { content: ""; }

#table tbody td input {
width: 80px;
}
}
/*ショップ　メンバー*/
.table_member{
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.table_member td,
.table_member th{
	padding: 5px;
	text-align:left;
}
.table_member td{
	background-color: #F5F5F5;
	min-height: 18px;
}
.table_member th{
	font-weight: bold;
}
.table_member th{
	background-color: #D3DDEB;
}
@media only screen and (max-width:767px){
	.table_member{
		display: block;
		}
	.table_member thead{
			display: none;
			}
			.table_member tbody{
			display: block;
			}
.table_member tbody tr{
				display: block;
				margin-bottom: 1.5em;
				}
			.table_member tbody th,
			.table_member tbody td{
	display: list-item;
	border: none;
	list-style-type: none;
			}
			.table_member tbody th{
				margin-bottom: 5px;
				list-style-type: none;
					width:100%;
			}
			.table_member tbody td{
				margin-left: 0px;
			}
}
.shop_tt{
	background-color:#797979;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;
	border-radius:7px;
	padding:7px;
	font-size:1.1em;
}