@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;
}
table.search-result > thead > tr > th.stycky-header,
table.search-result > thead > tr > td.stycky-header,
table.search-result > tbody > tr > th.stycky-header,
table.search-result > tbody > tr > td.stycky-header
{
	position: sticky;
	left: 0;
	z-index: 90000;
}
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.search-result > tbody > tr.hasErr > th,
table.search-result > tbody > tr.hasErr > td
{
	background-color:#FFCCCC;
}

.sticky-row
{
	position: sticky;
	top: 0;
	z-index: 90000;
}
.sticky-col
{
	position: sticky;
	left: 0;
	z-index: 90000;
}


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



table.schedule
{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.schedule > thead > tr > th,
table.schedule > 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.schedule > thead > tr > th.flex,
table.schedule > thead > tr > td.flex
{
	width:auto;
	white-space:normal;
}
table.schedule > tbody > tr > th,
table.schedule > 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.schedule > tbody > tr > th.flex,
table.schedule > tbody > tr > td.flex
{
	width:auto;
	white-space:normal;
}
table.schedule > tbody > tr:nth-child(odd) > th,
table.schedule > tbody > tr:nth-child(odd) > td
{
	background-color:#F4F4F4;
}
table.schedule > tbody > tr:hover > th,
table.schedule > 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;

	vertical-align: top;
}
table.editor-contents-table-spec tr > td.v-middle
{
	vertical-align: middle;
}
/*
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,
table.editor-contents-table-spec tr > td.ope-left
{
	width:10px;
	white-space:nowrap;
	background-color: #FFFFFF;
}
table.editor-contents-table-spec tr > td.ope
{
	position:sticky;
	right:0;
	z-index:10000;
}
table.editor-contents-table-spec tr > td.ope-left
{
	position:sticky;
	left:0;
	z-index:10000;
}


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.none-sticky-end > thead > tr > th:last-child,
table.search-result.none-sticky-end > thead > tr > td:last-child,
table.search-result.none-sticky-end > tbody > tr > th:last-child,
table.search-result.none-sticky-end > tbody > tr > td:last-child
{
	position:relative;
	right:auto;
}



table.search-result-sumamry
{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
table.search-result-sumamry > thead > tr > th,
table.search-result-sumamry > thead > tr > td
{
	white-space:nowrap;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#E0E0E0;

	padding:0.5em 1.0em;

	font-weight:bold;
	font-size:0.9em;
}
table.search-result-sumamry > tbody > tr > th,
table.search-result-sumamry > tbody > tr > td
{
	width:10px;
	white-space:nowrap;
	
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#FFFFFF;

	padding:0.5em 1.0em;
}
table.search-result-sumamry > tbody > tr:nth-child(odd) > th,
table.search-result-sumamry > tbody > tr:nth-child(odd) > td
{
	background-color:#F4F4F4;
}
table.search-result-sumamry > tbody > tr:hover > th,
table.search-result-sumamry > tbody > tr:hover > td
{
	background-color:#dfedf5;
}

/* 行固定 */
table.search-result-sumamry .static-col
{
	position:sticky;
	left:0;
	z-index:10000;
	border-right:1px solid #CCCCCC;
}
table.search-result-sumamry .static-col-end
{
	position:sticky;
	right:0;
	z-index:10000;
}
table.search-result-sumamry .static-col-end.col-end-1st
{
	right:0;
}
table.search-result-sumamry .static-col-end.col-end-2nd
{
	right:calc(100px + 2em);
}

/* 列固定 */
table.search-result-sumamry tr.static-row > td,
table.search-result-sumamry tr.static-row > th
{
	position:sticky;
	top:0;
	z-index:10001;
	border-bottom:1px solid #CCCCCC;
}
table.search-result-sumamry tr.static-row-end > td,
table.search-result-sumamry tr.static-row-end > th
{
	position:sticky;
	bottom:0;
	z-index:10001;
}
table.search-result-sumamry .static-row .static-col,
table.search-result-sumamry .static-row-end .static-col
{
	z-index:10002;
} 



/* ################################################################################################ */
/* ## 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-sumamry .static-col-end
	{
		position:relative;
		right:auto;
		z-index:10000;
	}
	table.search-result-sumamry .static-col-end.col-end-1st
	{
		right:auto;
	}
	table.search-result-sumamry .static-col-end.col-end-2nd
	{
		right:auto;
	}

}