/*---------------------------------
	priceTable start
---------------------------------*/
.priceTable th p,
.priceTable td p{
	margin: 0;
}

@media(max-width: 750px){
	.priceTable tr{
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.priceTable th,
	.priceTable td{
		display: flex;
		width: 100%;
	}
	.priceTable th p,
	.priceTable td p{
		width: calc(100% - 7.75em);
	}
	.priceTable th:before,
	.priceTable td:before{
		width: 7.75em;
	}
	.priceTable--cell01:before{
		content: "\30D7\30E9\30F3";
		font-weight: var(--fontWeightBold);
	}
	.priceTable--cell02:before{
		content: "\4FA1\683C\FF08\7A0E\8FBC\FF09";
		font-weight: var(--fontWeightBold);
	}
	.priceTable--cell03:before{
		content: "\7279\5178\FF0F\8A73\7D30\5185\5BB9";
		font-weight: var(--fontWeightBold);
	}
	.priceTable tr.priceTableTitleLine,
	.priceTable tr.priceTableTitleLine *{
		display: none;
	}
}
/*---------------------------------
	extraTable end
---------------------------------*/

/*---------------------------------
	extraTable start
---------------------------------*/
.extraTable{
	width: 100%;
	table-layout: auto;
}

.extraTable th,
.extraTable td{
	padding: 0.75em 0.5em;
	vertical-align: top;
	border: 1px solid var(--tableBordergridBorderColor);
}

.extraTable th p,
.extraTable td p{
	margin: 0;
}

.extraTable th{
	font-weight: var(--fontWeightBold);
}

.extraTableTitleLine th{
	background-color: var(--tableBordergridHeadBgColor);
	color: var(--tableBordergridHeadTextColor);
}

.extraTable td{
	background-color: var(--tableBordergridCellBgColor);
	color: var(--tableBordergridCellTextColor);
}

@media(min-width: 751px){
	.extraTable--cell06{
		white-space: nowrap;
		text-align: right;
	}
}

@media(max-width: 750px){
	.extraTable tr{
		display: flex;
		flex-direction: column;
		gap: 0;
		border: 1px solid var(--tableBordergridBorderColor);
	}
	.extraTable tr:not(:last-of-type){
		margin-bottom: 1em;
	}
	.extraTable th,
	.extraTable td{
		display: flex;
		padding: 0.5em;
		border: none;
		width: 100%;
	}
	.extraTable th{
		background-color: var(--tableBordergridHeadBgColor);
	}
	.extraTable th p,
	.extraTable td p{
		width: calc(100% - 3.75em);
	}
	.extraTable th:before,
	.extraTable td:before{
		width: 3.75em;
	}
	.extraTable--cell01:before{
		content: "\8B1B\5EA7\540D";
		font-weight: var(--fontWeightBold);
	}
	.extraTable--cell02:before{
		content: "\5BFE\8C61";
		font-weight: var(--fontWeightBold);
	}
	.extraTable--cell03:before{
		content: "\671F\9593";
		font-weight: var(--fontWeightBold);
	}
	.extraTable--cell04:before{
		content: "\6642\9593";
		font-weight: var(--fontWeightBold);
	}
	.extraTable--cell05:before{
		content: "\5185\5BB9";
		font-weight: var(--fontWeightBold);
	}
	.extraTable--cell06:before{
		content: "\6599\91D1";
		font-weight: var(--fontWeightBold);
	}
	.extraTable tr.extraTableTitleLine,
	.extraTable tr.extraTableTitleLine *{
		display: none;
	}
}
/*---------------------------------
	extraTable end
---------------------------------*/