@charset "utf-8";

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

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
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.log-table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid var(--body-border-color);
}
table.log-table tr th,
table.log-table tr td
{
	border-bottom:1px solid var(--body-border-color);
	text-align:left;
	vertical-align:top;
}
table.log-table tr th.flex,
table.log-table tr td.flex
{
	width:auto;
}
table.log-table tr th
{
	width:10px;
	white-space:nowrap;
	padding:0.5em 0.5em;
	font-weight:bold;
}
table.log-table tr th i
{
	color:var(--body-icon-color);
}
table.log-table tr td
{
	padding:0.5em 0.5em;
}
table.log-table tr td.flex
{
	white-space:nowrap;
}
table.log-table tr td.ope
{
	position:sticky;
	right:0;

	width:10px;
	white-space:nowrap;

	background-color:var(--body-background-color);
}


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;
}



/* ################################################################################################ */
/* ## 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;
	}
}