/*============================================
テスト中のADMINスタイル table
============================================*/
.tableUser01 {
	max-width:720px;
	min-width:246px;
	border-collapse: collapse;
	font-size:1.28rem; 
}

.tableUser01 th,td {
	padding: 6px 10px;
	border: 1px solid #ddd;
}

.tableUser01 th {
	background: #fafafa;
	width: 30%;
	text-align: left;
}

@media only screen and (max-width:479px) {
	.tableUser01 th,td {
		width: auto;
		display: block;
		border-top: none;
	}
	.tableUser01 tr:first-child {
		border-top: 1px solid #d5d5d5;
	}
}

/*============================================
ADMINスタイル table04
============================================*/
.tableUser04 {
	margin:1em 0;
	padding:0;
	display:table;
	border-collapse:separate;
	border-spacing:1em; /*セルの間隔が上下左右1emにしています*/
	background:#666;
}
.tableUser04 p {
	display:table-row;  /*セルを囲んだp要素にtable-rowを指定*/
	margin:0; padding:0;
}
.tableUser04 span {
	display:table-cell;
	padding:1em;
	background:#ffc;
}

/*============================================
テスト中のADMINスタイル table 2
============================================*/
.tableUser02 {
	width: 92%;
	border-collapse: collapse;
}

.tableUser02 th,td {
	padding: 4px 4px;
	border: 1px solid #ddd;
}

.tableUser02 th {
	background: #fafafa;
	width: 20%;
	text-align: left;
}

@media only screen and (max-width:479px) {
	.tableUser02 th,td {
		width: auto;
		display: block;
		border-top: none;
	}
	.tableUser02 tr:first-child {
		border-top: 1px solid #d5d5d5;
	}
}

/*============================================
テスト中のADMINスタイル table 2
============================================*/
.tableUser03 {
	width: 40%;
	border-collapse: collapse;
}

.tableUser03 th,td {
	padding: 4px 4px;
/*	border: 1px solid #ddd;*/
}

.tableUser03 th {
	background: #fafafa;
	width: 20%;
	text-align: left;
}

@media only screen and (max-width:479px) {
	.tableUser03 th,td {
		width: auto;
		display: block;
		border-top: none;
	}
	.tableUser03 tr:first-child {
		border-top: 1px solid #d5d5d5;
	}
}
 
/*
※「border-collapse: collapse;」は隣接するセルのボーダーを重ねて表示する記述です。
※「border」の太さや色は自由に変更してください。
https://www.webtan.cc/wp/htmlcssjquery-%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/%e3%80%90css%e3%80%91%e3%82%b3%e3%83%94%e3%83%9a%e3%81%a7ok%e3%80%82%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%81%aa%e3%80%8ctable%e3%80%8d%e3%82%92%e4%bd%9c%e3%82%8b/
*/