@charset "utf-8";

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

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

table.spec-tabel
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid var(--body-border-color);
}
table.spec-tabel tr th,
table.spec-tabel tr td
{
	border-bottom:1px solid var(--body-border-color);
	text-align:left;
	vertical-align:top;
}
table.spec-tabel tr th.flex,
table.spec-tabel tr td.flex
{
	width:auto;
}
table.spec-tabel tr th
{
	width:10px;
	white-space:nowrap;
	padding:0.8em 1.5em 0.8em 0.0em;
	font-weight:bold;
}
table.spec-tabel tr th i
{
	color:var(--body-icon-color);
}
table.spec-tabel tr td
{
	padding:0.8em 0.0em 0.8em 0.0em;
}

table.price-tabel
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid var(--body-border-color);
}
table.price-tabel tr th,
table.price-tabel tr td
{
	border-bottom:1px solid var(--body-border-color);
	text-align:left;
	vertical-align:middle;
}
table.price-tabel tr th.flex,
table.price-tabel tr td.flex
{
	width:auto;
}
table.price-tabel tr th
{
	width:auto;
	padding:0.8em 1.5em 0.8em 0.0em;
	font-weight:bold;
}
table.price-tabel tr th i
{
	color:var(--body-icon-color);
}
table.price-tabel tr td
{
	width:10px;
	white-space:nowrap;
	text-align:right;
	padding:0.8em 0.0em 0.8em 0.0em;
}
table.price-tabel tr td .price
{
	
}
table.price-tabel tr td .price > .amount
{
	font-size:1.4em;
	font-weight:bold;
}
table.price-tabel tr td .tax
{
	font-size:0.8em;
}
table.price-tabel tr td .tax > .amount
{
	font-size:1.2em;
	font-weight:bold;
}

table.ticket-tabel
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid var(--body-border-color);
}
table.ticket-tabel tr th,
table.ticket-tabel tr td
{
	width:10px;
	white-space:nowrap;
	
	border-bottom:1px solid var(--body-border-color);
	vertical-align:middle;
	text-align:right;
	
	padding:0.8em 0.5em 0.8em 0.5em;
}
table.ticket-tabel tr th.flex,
table.ticket-tabel tr td.flex
{
	width:auto;
}
table.ticket-tabel tr th.class,
table.ticket-tabel tr td.class
{
	text-align:left;
}
table.ticket-tabel tr th
{
}
table.ticket-tabel tr th i
{
	color:var(--body-icon-color);
}
table.ticket-tabel tr td
{
	text-align:right;
}
table.ticket-tabel tr td .amount
{
	font-size:1.2em;
}

table.schedule
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid var(--body-border-color);
	border-left:1px solid var(--body-border-color);
}
table.schedule tr th,
table.schedule tr td
{
	white-space:nowrap;
	
	border-bottom:1px solid var(--body-border-color);
	border-right:1px solid var(--body-border-color);
	
	vertical-align:middle;
	text-align:center;
	
	padding:0.8em 0.5em 0.8em 0.5em;
}
table.schedule tr th
{
	font-weight: bold;
	background-color: #EFEFEF;
}
table.schedule tr td:hover
{
	background-color: #EFEFEF;
}


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 > td pre
{
	white-space: pre-wrap; 
}
table.input tr:hover > td
{
	background-color:#dfedf5;
}


table.list
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid var(--body-border-color);
}
table.list tr th,
table.list tr td
{
	width:10px;
	white-space:nowrap;
	
	border-bottom:1px solid var(--body-border-color);
	vertical-align:middle;
	padding:0.8em 0.5em 0.8em 0.5em;
}
table.list tr th.flex,
table.list tr td.flex
{
	width:auto;
}

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

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

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	table.spec-tabel,
	table.spec-tabel tbody,
	table.spec-tabel thead,
	table.spec-tabel tr,
	table.spec-tabel tr th,
	table.spec-tabel tr td
	{
		display:block;
		width:100%;
	}
	table.spec-tabel tr th
	{
		padding:0.8em 0.0em 0.0em 0.0em;
		border-bottom:0px solid transparent;
	}
	table.spec-tabel tr th i
	{
		color:var(--body-icon-color);
	}
	table.spec-tabel tr td
	{
		padding:0.4em 0.0em 0.8em 0.0em;
	}

	table.price-tabel,
	table.price-tabel tbody,
	table.price-tabel thead,
	table.price-tabel tr,
	table.price-tabel tr th,
	table.price-tabel tr td
	{
		display:block;
		width:100%;
	}
	table.price-tabel tr th
	{
		padding:0.8em 0.0em 0.0em 0.0em;
		border-bottom:0px solid transparent;
	}
	table.price-tabel tr th i
	{
		color:var(--body-icon-color);
	}
	table.price-tabel tr td
	{
		padding:0.4em 0.0em 0.8em 0.0em;
	}


	table.input,
	table.input tbody,
	table.input thead,
	table.input tr,
	table.input tr th,
	table.input tr td
	{
		display:block;
		width:100%;
	}
	table.input tr th
	{
		/*
		padding:0.8em 0.0em 0.0em 0.0em;
		*/
		border-bottom:0px solid transparent;
		text-align: left;
	}
	table.input tr th i
	{
		color:var(--body-icon-color);
	}
	table.input tr td
	{
		/*padding:0.4em 0.0em 0.8em 0.0em;*/
	}

	table.list,
	table.list tbody,
	table.list thead,
	table.list tr,
	table.list tr th,
	table.list tr td
	{
		display:block;
		width:100%;
	}
	table.list tr
	{
		border-bottom:1px solid var(--body-border-color);
	}
	table.list tr th
	{
		padding:0.8em 0.5em 0.4em 0.5em;
		border-bottom:0px solid transparent;
	}
	table.list tr td
	{
		padding:0.4em 0.5em 0.4em 0.5em;
		border-bottom:0px solid transparent;
	}
	table.list tr td:first-child
	{
		padding-top:0.8em;
	}
	table.list tr td:last-child
	{
		padding-bottom:0.8em;
	}
}