@charset "UTF-8";
/*****
Table CSS for responsive design of modern browser
iPadまでは通常の表組で表示
*****/
caption{
	display: table-caption;/* デフォルト値 */
	background-color:#f4edd4;/* 薄茶 */
	border: 1px solid #a5a5a5;
	border-bottom:0;
	padding: 5px;
	font-weight:bold;
	font-size:110%;
}
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
	/* IE11でテーブルの要素が横にはみ出す時の修正 */
	table-layout:fixed;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
table td,
table th{
	padding: 5px;
	border: 1px solid #ccc;
}
table th{
	background-color:#edeae5;/* 薄いベージュ */
	font-weight:normal;
	text-align:left;
}
table thead th{
	background-color:#edeae5;/* 薄いベージュ */
	text-align:center;
}

/*tb_transparent*/
table.tb_trans td,
table.tb_trans th{
	border: none;
}
table.tb_trans th{
	background-color:transparent;
}

/****************************************
 responsive table CSS
****************************************/
/* ▼SP BEGIN▼Table under 769px BEGIN▼ */
/* 以下スマホ用CSS */
@media only screen and (max-width:767px){
	table.resp caption{
		display: block;
		border: none;
		text-align:left;
	}
	table.resp{
		display: block;
		margin-left:0;
		margin-right:0;
	}
	table.resp thead{
		display: none;
	}
	table.resp tbody{
		display: block;
	}
	table.resp tbody tr{
		display: block;
		margin-bottom: 12px;
	}
	table.resp tbody th,
	table.resp tbody td{
		display: list-item;
		list-style-type: none;
		border: none;
	}
	table.resp tbody th{
		text-align:left;
/*	padding-left:10px;
		padding-right:10px;
		margin-bottom: 5px; */
		font-weight:bold;
	}
	table.resp tbody td{
/*		margin-left: 10px; */
	}
}/* ▲SP END▲Table under 769px END▲ */