@charset "UTF-8";

/*****
Table CSS for responsive design of modern browser
*****/
caption{
	display:none;
}
.tablecap{
	font-weight:bold;
	font-size:20px;
}
table{
	width: 100%;
	margin:0 auto;
	border-collapse: collapse;
	margin-bottom:10px;
}
table td,
table th{
	padding: 5px;
	border: 1px solid #a5a5a5;
}
table th{
	background-color:#f6f5e5;
}
.tablenote{
	text-align:right;
	padding-right:5px;
}
.table-fontS{
	font-size:90%;
}
/*tb_transparent*/
table.tb_trans td,
table.tb_trans th{
	border: none;
}
table.tb_trans th{
	background-color:transparent;
}

/****************************************
gaiyoSection CSS
****************************************/
.gaiyoSection table th{
	padding-top:5px;
}
/****************************************
PriceSection CSS
****************************************/
.pricetb01-wrap{
	overflow:hidden;
	overflow-x:auto;
	padding-bottom:5px;
/*	margin-bottom:10px; */
}
/* iOSでスクロールバーを表示 */
.pricetb01-wrap::-webkit-scrollbar {
	height: 5px;
}
.pricetb01-wrap::-webkit-scrollbar-thumb{
	background: #bbb;
	border-radius: 5px;
}
.pricetb01-wrap::-webkit-scrollbar-track-piece {
	background: #efefef;
}
.pricetb01-wrap table.pricetb01{
	font-size: 95%;
}
table.pricetb01 thead th{
	vertical-align:middle;
	white-space:nowrap;
}
table.pricetb01 tbody td{
	text-align:right;
	vertical-align:middle;
}
table.pricetb01 tbody td.nodata{
	text-align:center;
}
table.pricetb01 tbody td.txtdata{
	text-align:center;
}
table.pricetb01 tbody td.text-left{
	text-align:left;
}
table.pricetb01{
	font-size:97%;
}
table.pricetb01 tbody td{
	margin-left:0;
}

/* ▼SP BEGIN▼Table under 766px BEGIN▼ */
/* 以下スマホ用CSS */
@media only screen and (max-width:766px){
	caption{
		display:block;
		font-size:16px;
		font-weight:bold;
	}
	.tablecap{
		font-size:16px;
	}
	table{
		display: block;
	}
	table thead{
		display: none;
	}
	table tbody{
		display: block;
	}
	table tbody tr{
		display: block;
		margin-bottom: 12px;
	}
	table tbody th,
	table tbody td{
		display: list-item;
		list-style-type: none;
		border: none;
	}
	table tbody th{
		margin-bottom: 5px;
		background-color:#f6f5e5;
	}
	table tbody td{
		margin-left: 20px;
		padding: 0;
	}
	.table-fontS{
		font-size:100%;
	}
/****************************************
Contact Confirm CSS
****************************************/
/* ▼SP BEGIN▼Table under 766px BEGIN▼ */
@media only screen and (max-width:766px){
	.contactFormSection table.confirm th{
		width:auto;
	}
	.contactFormSection table.confirm td{
		border:none;
		margin-left: 1em;
	}
}/* ▲SP END▲Table under 766px END▲ */

