/*----------------------------------------------------------
テーブル
----------------------------------------------------------*/
/* デフォルトテーブル
----------------------------------------------- */
.post table{
	margin: 15px auto 20px auto;
	width: 100%;
	border: 1px solid #ccc;
	text-align: left;
 border-collapse: collapse;
  border-spacing: 0;
}
.post table th,.post table td{
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 100%;
	color:#000;
}
.post table th{
	background:#EEE4D7;
	font-weight: bold;
	width:15%;
}




/*.post table {デフォルトのテーブル作り変えます
	width : 100%;
	margin : 0 0 10px 0;
	border-collapse : collapse;
	border-spacing : 0;
}
.post table th,
.post table td {
	margin : 0;
	padding : 10px 10px;
	border-collapse : collapse;
	border : 1px solid #ccc;
	border-spacing : 0;
	vertical-align : top;
}
.post table tr:nth-child(even) {
	background-color : #eee;
}
.post table th {
	background : #ffc;
}*/

/*----------------------------------------------------------
はみ出しスライドテーブル
----------------------------------------------------------*/
.post table.slide_tbl {
	display : block;
	overflow-x : auto;
}

.post table.slide_tbl th,
.post table.slide_tbl td {
	width : 100%;
	white-space : nowrap;
}

/*
@media screen and (min-width: 781px) {
.post table {
	display : block;
	overflow-x : auto;
}

.post table th, td {
	width : 781px;
	white-space : nowrap;
}
}

@media screen and (max-width: 780px) {
.post table  {
	display : block;
	overflow-x : auto;
}
.post table th, td {
	width : 780px;
	white-space : nowrap;
}
}
*/

/*----------------------------------------------------------
実験用スタイル　記事4169
----------------------------------------------------------*/
.post table.scroll01 {
	width: 100%;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border-spacing:0;
	overflow-x: hidden;
}
.post table.scroll01 th, td {
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #ccc;
}
.post table.scroll01 th {
	background: #ffc;
}
@media screen and (max-width: 640px) {
.post table.scroll01 {
	display: block;
	position: relative;
}
.post table.scroll01thead {
	display: block;
	float: left;
}
.post table.scroll01tbody {
	display: block;
	position: relative;
	width: auto;
	overflow-x: auto;
	white-space: nowrap;
}
.post table.scroll01thead th {
	display: block;
}
.post table.scroll01tbody td {
	display: block;
}
.post table.scroll01tbody tr {
	display: inline-block;
}
.post table.scroll01th:not(:last-child) {
	border-bottom: none;
}
.post table.scroll01td:not(:last-child) {
	border-bottom: none;
}
.post table.scroll01td {
	border-left: none;
}
}
.post table.scroll02 {
	width: 100%;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border-spacing:0;
	overflow-x: hidden;
}
@media screen and (min-width: 781px) {
.post table.scroll02 {
	display: block;
	overflow-x: hidden;
}
}