@charset "utf-8";

/*

************************************************************************

 チケット

************************************************************************

*/

.ticket-table

{

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

	border-top:1px solid var(--body-border-color);

	line-height:1;

}

.ticket-table.cell-1 > *  {flex:0 0 100%;}

.ticket-table.cell-2 > *  {flex:0 0 50%;}

.ticket-table.cell-3 > *  {flex:0 0 33.33333%;}

.ticket-table.cell-4 > *  {flex:0 0 25%;}

.ticket-table.cell-5 > *  {flex:0 0 20%;}

.ticket-table.cell-6 > *  {flex:0 0 16.66666%;}

.ticket-table.cell-7 > *  {flex:0 0 14.28571%;}

.ticket-table.cell-8 > *  {flex:0 0 12.5%;}

.ticket-table.cell-9 > *  {flex:0 0 11.11111%;}

.ticket-table.cell-10 > * {flex:0 0 10%;}



.ticket-table > .ticket-tabel-header1,

.ticket-table > .ticket-tabel-header2,

.ticket-table > .ticket-tabel-ammount

{

	padding:1.0em;

	border-bottom:1px solid var(--body-border-color);

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

}

.ticket-table > .ticket-tabel-header1,

.ticket-table > .ticket-tabel-ammount

{

	text-align:right;

}

.ticket-table > .ticket-tabel-header2

{

	text-align:left;

}



.ticket-table > .ticket-tabel-ammount > .amount

{

	font-size:1.2em;

}



/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

@media screen and (max-width:1040px) {

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

@media screen and (max-width:640px) {

	.ticket-table

	{

		display: flex;

		flex-wrap: wrap;

		align-items: stretch;

		flex-direction: column;

		overflow-y: scroll;

	}

	.ticket-table.cell-1  {height:2.5em;}

	.ticket-table.cell-2  {height:5.0em;}

	.ticket-table.cell-3  {height:7.5em;}

	.ticket-table.cell-4  {height:10.0em;}

	.ticket-table.cell-5  {height:12.5em;}

	.ticket-table.cell-6  {height:15.0em;}

	.ticket-table.cell-7  {height:17.5em;}

	.ticket-table.cell-8  {height:20.0em;}

	.ticket-table.cell-9  {height:22.5em;}

	.ticket-table.cell-10 {height:25.0em;}



	.ticket-table > .ticket-tabel-header1,

	.ticket-table > .ticket-tabel-header2,

	.ticket-table > .ticket-tabel-ammount

	{

		padding:0.5em;

	}

		.ticket-table > .ticket-tabel-header1

	{

		text-align:left;

		position:sticky;

		left:0;

		z-index:10000;

	}

	.ticket-table > .ticket-tabel-header2

	{

		text-align:right;

	}

}