@charset "utf-8";
/*　table
-------------------------------------*/
table.typeFM {
	border-collapse: collapse;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	box-sizing:border-box;
	width:100%;
}
table.typeFM th {
	background-color:#eee;
	text-align: left;
	font-weight:normal;
}
table.typeFM th.tblDecoA {
	background-color: #dad0fd;
}
table.typeFM thead th {
	background-color:#dcdcdc;
}
table.typeFM th,
table.typeFM td {
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding:10px 20px;
}
table.typeFM td:before {
	display: none;
}
#main table.typeA th.schedule_day{
	width: 20%;
}
#main table.typeA th.schedule_time{
	width: 20%;
}
#main table.typeA th.schedule_title{
	width: 47%;
}

@media only screen and (max-width:767px){
	table.typeFM th,
	table.typeFM td {
		display: block;
	}
	table.typeA th.schedule_day,
	table.typeA th.schedule_time,
	table.typeA th.schedule_venue,
	table.typeA th.schedule_title {
		display: none;
	}
	table.typeFM td:before {
		display: table-cell;
		content: attr(aria-label);
		font-weight:bold;
		font-size:90%;
		margin-right:10px;
		text-align: left;
	}
	table.typeFM .btnBlue {
		margin-bottom:20px;
	}
	table.typeA th.schedule_day{
		width: 100%;
		box-sizing: border-box;
	}
	table.typeA th.schedule_time{
		width: 100%;
		box-sizing: border-box;
	}
	/* フォラーム項目をaria-labelで表示 */
	main table.typeA td{
		position: relative;
		padding: 10px 10px 10px calc(24% + 10px);
	}
	main table.typeA td:before {
		content: attr(aria-label);
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 24%;
		height: 100%;
		padding: 10px;
		font-size:.9em;
		border-right: 1px solid #bbb;
		background-color: #eee;
	}
	/* 各フォーラム毎に太線で区切る */
	table.typeA tr {
		border-bottom: 3px solid #bbb;
	}
	/* agree ～ confirm_content.php
	-------------------------------------*/
	/* 「戻る」「進む」ボタン並び順 */
	/* 1番目 */
	.btn-group > .btn-primary{
		order: 1;
	}
	/* 2番目 */
	.btn-group > .btn-secondary{
		order: 2;
	}
	/* SPでは見出し折り返し */
	main table.typeFM td.tblDecoA {
		background-color: #dad0fd;
		white-space: wrap;
	}
	/* 下段の右寄せを解除 */
	p.txtR{
		text-align: left!important;
	}

}