@charset "utf-8";
/*
css name: front-end-style
description: 編集画面には読み込まれません。
*/
@media only screen and (max-width: 768px)	{
	/* ---------- 表 - 横スクロール ---------- */
	.table-scroll	{
		display: block;
		width: 100%;
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.table-scroll th, .table-scroll td	{
		display: table-cell;
	}
	/* ---------- 表 - ブロック表示 ---------- */
	.table-block	{
		border-collapse: separate;
		border-spacing: 0 1em;
	}
	.table-block th, .table-block td	{
		display: block;
		border: none;
	}
	.ui-datepicker th, .ui-datepicker td	{
		display: table-cell;
	}
}
@media only screen and (min-width: 769px)	{
	.table-scroll th	{
		width: auto;
	}
	.table-block th	{
		white-space: nowrap;
		width: 150px;
	}
}
/* ---------- デフォルト = 横スクロール
@media only screen and (max-width: 768px)	{
	table:not( .table-block )	{
		display: block;
		width: 100%;
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	table th, table td, .table-scroll th, .table-scroll td	{
		display: table-cell;
	}
	table.table-block	{
		border-collapse: separate;
		border-spacing: 0 1em;
	}
	.table-block th, .table-block td	{
		display: block;
		border: none;
	}
}
@media only screen and (min-width: 769px)	{
	table.table-block th	{
		width: 150px;
	}
}
 ---------- */
/* ---------- デフォルト = ブロック表示
@media only screen and (max-width: 768px)	{
	table th, table td, .table-block th, .table-block td	{
		display: block;
		border: none;
	}
	.ui-datepicker th, .ui-datepicker td	{
		display: table-cell;
	}
	.table-scroll	{
		display: block;
		width: 100%;
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.table-scroll th, .table-scroll td	{
		display: table-cell;
	}
}
@media only screen and (min-width: 769px)	{
	table th	{
		width: 150px;
	}
	table.table-scroll th	{
		width: auto;
	}
}
 ---------- */
/* ---------- 表 - 罫線なし ---------- */
table.table-plain th, table.table-plain td	{
	padding-left: 0;
	background: none;
	border: none;
}
table.table-plain th	{
	font-weight: 500;
	text-align: left;
}
@media (max-width: 768px)	{
	table.table-plain th, table.table-plain td	{
		padding: 0.25em;
	}	
	table.table-plain tr + tr th	{
		padding-top: 1em;
	}
}
@media (min-width: 769px)	{
	table.table-plain th	{
		width: auto;
	}
	table.table-plain tr + tr th, table.table-plain tr + tr td	{
		padding-top: 1em;
	}
}
@media (min-width: 769px)	{
	table th	{
		white-space: nowrap;
	}
}