/*
	TablePress Extension: Responsive Tables（提供終了）から移行
	記事内の表の見た目を維持するため、プラグインのCSSを表ID指定に置き換えたもの
	[id="..."] はクラスと同じ詳細度になるよう属性セレクタで指定
*/

/* 文字の折り返し（tablepress-1〜21） */
[id="tablepress-1"] *,
[id="tablepress-2"] *,
[id="tablepress-3"] *,
[id="tablepress-4"] *,
[id="tablepress-5"] *,
[id="tablepress-6"] *,
[id="tablepress-7"] *,
[id="tablepress-8"] *,
[id="tablepress-9"] *,
[id="tablepress-10"] *,
[id="tablepress-11"] *,
[id="tablepress-12"] *,
[id="tablepress-13"] *,
[id="tablepress-14"] *,
[id="tablepress-15"] *,
[id="tablepress-16"] *,
[id="tablepress-17"] *,
[id="tablepress-18"] *,
[id="tablepress-19"] *,
[id="tablepress-20"] *,
[id="tablepress-21"] * {
	word-break: normal;
}

/* スマホでは表を横スクロール表示にする（tablepress-1〜7） */
@media (max-width: 767px) {
	[id="tablepress-1"],
	[id="tablepress-2"],
	[id="tablepress-3"],
	[id="tablepress-4"],
	[id="tablepress-5"],
	[id="tablepress-6"],
	[id="tablepress-7"] {
		display: block;
	}

	[id="tablepress-1"] thead,
	[id="tablepress-2"] thead,
	[id="tablepress-3"] thead,
	[id="tablepress-4"] thead,
	[id="tablepress-5"] thead,
	[id="tablepress-6"] thead,
	[id="tablepress-7"] thead {
		display: block;
		float: left;
	}

	[id="tablepress-1"] tfoot,
	[id="tablepress-2"] tfoot,
	[id="tablepress-3"] tfoot,
	[id="tablepress-4"] tfoot,
	[id="tablepress-5"] tfoot,
	[id="tablepress-6"] tfoot,
	[id="tablepress-7"] tfoot {
		display: none;
	}

	[id="tablepress-1"] tbody,
	[id="tablepress-2"] tbody,
	[id="tablepress-3"] tbody,
	[id="tablepress-4"] tbody,
	[id="tablepress-5"] tbody,
	[id="tablepress-6"] tbody,
	[id="tablepress-7"] tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	[id="tablepress-1"] tbody td,
	[id="tablepress-2"] tbody td,
	[id="tablepress-3"] tbody td,
	[id="tablepress-4"] tbody td,
	[id="tablepress-5"] tbody td,
	[id="tablepress-6"] tbody td,
	[id="tablepress-7"] tbody td,
	[id="tablepress-1"] thead th,
	[id="tablepress-2"] thead th,
	[id="tablepress-3"] thead th,
	[id="tablepress-4"] thead th,
	[id="tablepress-5"] thead th,
	[id="tablepress-6"] thead th,
	[id="tablepress-7"] thead th,
	[id="tablepress-1"] thead tr,
	[id="tablepress-2"] thead tr,
	[id="tablepress-3"] thead tr,
	[id="tablepress-4"] thead tr,
	[id="tablepress-5"] thead tr,
	[id="tablepress-6"] thead tr,
	[id="tablepress-7"] thead tr {
		display: block;
		border: none;
	}

	[id="tablepress-1"] tbody td:empty:before,
	[id="tablepress-2"] tbody td:empty:before,
	[id="tablepress-3"] tbody td:empty:before,
	[id="tablepress-4"] tbody td:empty:before,
	[id="tablepress-5"] tbody td:empty:before,
	[id="tablepress-6"] tbody td:empty:before,
	[id="tablepress-7"] tbody td:empty:before {
		content: "\00a0";
	}

	[id="tablepress-1"] tbody tr,
	[id="tablepress-2"] tbody tr,
	[id="tablepress-3"] tbody tr,
	[id="tablepress-4"] tbody tr,
	[id="tablepress-5"] tbody tr,
	[id="tablepress-6"] tbody tr,
	[id="tablepress-7"] tbody tr {
		display: inline-block;
		vertical-align: top;
	}

	[id="tablepress-1"] thead th,
	[id="tablepress-2"] thead th,
	[id="tablepress-3"] thead th,
	[id="tablepress-4"] thead th,
	[id="tablepress-5"] thead th,
	[id="tablepress-6"] thead th,
	[id="tablepress-7"] thead th {
		width: auto !important;
	}

	[id="tablepress-1"] thead tr th:not(:last-child),
	[id="tablepress-2"] thead tr th:not(:last-child),
	[id="tablepress-3"] thead tr th:not(:last-child),
	[id="tablepress-4"] thead tr th:not(:last-child),
	[id="tablepress-5"] thead tr th:not(:last-child),
	[id="tablepress-6"] thead tr th:not(:last-child),
	[id="tablepress-7"] thead tr th:not(:last-child) {
		border-bottom: 1px solid transparent;
	}

	[id="tablepress-1"] tbody tr td:not(:last-child),
	[id="tablepress-2"] tbody tr td:not(:last-child),
	[id="tablepress-3"] tbody tr td:not(:last-child),
	[id="tablepress-4"] tbody tr td:not(:last-child),
	[id="tablepress-5"] tbody tr td:not(:last-child),
	[id="tablepress-6"] tbody tr td:not(:last-child),
	[id="tablepress-7"] tbody tr td:not(:last-child) {
		border-bottom: 1px solid #ddd;
	}

}