@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.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;

	}

}