@charset "utf-8";

/*
************************************************************************
* テーブル
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
}

table.search-result
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.search-result > thead > tr > th,
table.search-result > thead > tr > td
{
	width:10px;
	white-space:nowrap;
	
	padding:0.5em 1em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	background-color:#E0E0E0;
	
	font-weight:bold;
	font-size:0.9em;
}
table.search-result > thead > tr > th.flex,
table.search-result > thead > tr > td.flex
{
	width:auto;
	white-space:normal;
}
table.search-result > tbody > tr > th,
table.search-result > tbody > tr > td
{
	width:10px;
	white-space:nowrap;
	
	padding:0.5em 1em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	background-color:#FFFFFF;
}
table.search-result > tbody > tr > th.flex,
table.search-result > tbody > tr > td.flex
{
	width:auto;
	white-space:normal;
}
table.search-result > tbody > tr:nth-child(odd) > th,
table.search-result > tbody > tr:nth-child(odd) > td
{
	background-color:#F4F4F4;
}
table.search-result > tbody > tr:hover > th,
table.search-result > tbody > tr:hover > td
{
	background-color:#dfedf5;
}

.pagination
{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.pagination > *
{
	margin:0 0.5em;
}
.pagination > *.active
{
	font-weight:bold;
}

table.input
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.input tr > th
{
	width:10px;
	white-space:nowrap;
	
	padding:1.0em 1em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	background-color:#E0E0E0;
	
	font-weight:bold;
	font-size:0.9em;
}
table.input tr > td
{
	padding:1.0em 1em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	background-color:#FFFFFF;
}
table.input tr:hover > td
{
	background-color:#dfedf5;
}

table.editor-contents-table-spec
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.editor-contents-table-spec tr:hover
{
	background-color:#dfedf5;
}
table.editor-contents-table-spec tr > th
{
	padding:0.5em 0.5em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	width:15em;
	vertical-align: top;
}
table.editor-contents-table-spec tr > td
{
	padding:0.5em 0.5em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
/*
table.editor-contents-table-spec tr > td > .editor
{
	padding:0.5em 0.5em;
	background-color:#EFEFEF;
	border-radius:0.5em;
}
*/
table.editor-contents-table-spec tr > td.ope
{
	width:10px;
	white-space:nowrap;
}

table.editor-contents-table-ticket
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.editor-contents-table-ticket tr:hover
{
	background-color:#dfedf5;
}
table.editor-contents-table-ticket tr > th
{
	padding:0.5em 0.5em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	vertical-align: top;
}
table.editor-contents-table-ticket tr > td
{
	padding:0.5em 0.5em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table.editor-contents-table-ticket tr > td.ope
{
	width:10px;
	white-space:nowrap;
}

table.search-result > thead > tr > th:last-child,
table.search-result > thead > tr > td:last-child,
table.search-result > tbody > tr > th:last-child,
table.search-result > tbody > tr > td:last-child
{
	position:sticky;
	right:0;
	border-left:1px solid #CCCCCC;
}

table.timetable
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.timetable > thead > tr > th,
table.timetable > thead > tr > td,
table.timetable > tbody > tr > th,
table.timetable > tbody > tr > td
{
	width:10px;
	white-space:nowrap;
	
	padding:0.5em 1em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	background-color:#FFFFFF;
	
	font-size:0.9em;
}
table.timetable > thead > tr > th,
table.timetable > tbody > tr > th
{
	font-weight:bold;
	background-color:#E0E0E0;
}

table.timetable .timeRange
{
	display: grid;
	grid-template:
	" from space to " auto
	/ 1fr  auto  1fr;
}
table.timetable .timeRange span.space
{
	display: grid;
	place-items: center;
}
table.timetable > tbody > tr > th.flex,
table.timetable > tbody > tr > td.flex
{
	width:auto;
	white-space:normal;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1200px) {

	
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	
	table.search-result > thead > tr > th,
	table.search-result > thead > tr > td,
	table.search-result > thead > tr > th.flex,
	table.search-result > thead > tr > td.flex,
	table.search-result > tbody > tr > th,
	table.search-result > tbody > tr > td,
	table.search-result > tbody > tr > th.flex,
	table.search-result > tbody > tr > td.flex
	{
		width:10px;
		white-space:nowrap;
	}

	table.search-result > thead > tr > th:last-child,
	table.search-result > thead > tr > td:last-child,
	table.search-result > tbody > tr > th:last-child,
	table.search-result > tbody > tr > td:last-child
	{
		position:sticky;
		right:0;
		border-left:1px solid #CCCCCC
	}

}