/*********************************************************************************
デフォルトテーブル
********************************************************************************/
.c-table{
	display: block;
	width: 100%;
}

/* table */
.c-table table{
	width: 100%;
}

/* tr */
.c-table tr:first-of-type{
	border-top: 1px solid var(--c-gray);
}
.c-table tr{
	display: block;
	padding: 1.125rem .25rem;
	vertical-align: top;
	border-bottom: 1px solid var(--c-gray);
}
@media (min-width: 768px){
	.c-table tr{
		padding: 1.5rem 1rem;
	}
}

/* th, td */
.c-table :is(th,td){
	display: block;
}
.c-table :is(th,td):first-of-type{
	min-width: 12rem;
	margin-bottom: .5rem;
	font-weight: var(--fw-lg);
}
@media (min-width: 768px){
	.c-table :is(th,td){
		display: table-cell;
		margin-bottom: 0;
	}
}



/*===============================================================================
交互に背景色
================================================================================*/
.c-bgcTable{
	display: block;
	width: 100%;
}

/* table */
.c-bgcTable table{
	width: 100%;
}

/* tr */
.c-bgcTable tr{
	display: block;
	padding: 1.125rem .5rem;
	vertical-align: top;
}
@media (min-width: 768px){
	.c-bgcTable tr{
		padding: 1.5rem;
	}
}
.c-bgcTable tr:nth-of-type(odd){
	background: rgba(221, 221, 221, 0.3);
}


/* th, td */
.c-bgcTable :is(th,td):first-of-type{
	min-width: 12rem;
	font-weight: var(--fw-lg);
}