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