/****************************************

          Table Setting

*****************************************/
/**偶数業のみ色を変えるテーブル(カードなど)**/
table.ab_uneven {
	width: 100%;
	border-spacing :0px;
	border-collapse: collapse;
	border-top: 1px solid #DF2029 !important;
	border-bottom: 1px solid #DF2029 !important;
	border-left: 1px solid #DF2029 !important;
	border-right: 1px solid #DF2029 !important;
}

table.ab_uneven tr:nth-child(odd) {
	background: #E6F4FA;
}

table.ab_uneven,
table.ab_uneven td {
	padding: 12px;
	vertical-align: top;
	border-top: 1px solid #DF2029 !important;
	border-bottom: 1px solid #DF2029 !important;
	border-left: 1px solid #DF2029 !important;
	border-right: 1px solid #DF2029 !important;
	text-align: center;
}

@media screen and (max-width: 640px) {
	table.ab_uneven {
		/*border: none;*/
	}

	table.ab_uneven td {
		width: 100%;
		text-align: center;
		/*border: none;*/
		border-bottom: 1px solid #DF2029 !important;
		border-left: none;
		display: block;
	}
}/*** Media Queries ***/

/**テーブルのみブレイクポイントを640**/
table.table_inspection {
	width: 100%;
	border-spacing :0px;
	border-collapse: collapse;
	color: #3E3A39;
	/*border-top: 1px solid #D53284;
	border-right: 1px solid #D53284;*/
}

table.table_inspection th {
	width: 35%;
	background-color: #FFECF4;
}

table.table_inspection td {
	width: 65%;
	background-color: #FFFFFF;
}

table.table_inspection th,
table.table_inspection td {
	padding: 12px;
	vertical-align: top;
	border-bottom: 1px dotted #D53284;
	border-left: 2px solid #D53284;
}

table.table_inspection th {
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
}

table.table_inspection tr:last-child th,
table.table_inspection tr:last-child td {
	border-bottom: none;
}

@media screen and (max-width: 640px) {
	table.table_inspection {
		border: none;
	}

	table.table_inspection td,
	table.table_inspection th {
		width: 100%;
		text-align: center;
		border: none;
		display: block;
	}

	table.table_inspection th {
		border: none;
		background-color: #FFECF4;
	}
}/*** Media Queries ***/

/**レスポンシブでスクロールするテーブル**/
table.ab_table_sp2 {
	width: 100%;
	border-collapse: collapse;
	border-spacing :0px;
	color: #222222;
    border: 3px solid #000;
    font-family: 'Noto Sans JP', sans-serif !important;
}

table.ab_table_sp2 span {
    display: block;
}



@media only screen and (max-width: 640px) {
	table.ab_table_sp2 {
		display: block;
		position: relative;
		letter-spacing: -0.4em;
	}
}/*** Media Queries ***/

table.ab_table_sp2 thead tr th {
	border: 1px solid #000000;
	padding: 12px;
/*	background-color: #DF2029;*/
	background-color: #F8F8F8;
	font-weight: normal;
	color: #000;
	vertical-align: top;
	border-collapse: collapse;font-weight: bold;
    vertical-align: middle;
    text-align: center;
    width: 15%;
}

@media only screen and (max-width: 640px) {
	table.ab_table_sp2 thead {
		display: block;
		float: left;
	}

	table.ab_table_sp2 thead tr {
		display: block;
	}

	table.ab_table_sp2 thead tr th {
		display: flex;
        justify-content: center;
        align-items: center;
		border-left: 1px solid #000000;
		border-bottom: none;
		letter-spacing: normal;
		line-height: 2.8;
        width: inherit;
        height: 67px;
        font-size: 14px;
	}

	table.ab_table_sp2 thead tr th:last-child {
		border-bottom: 1px solid #000000;
	}
}/*** Media Queries ***/

table.ab_table_sp2 tbody tr td {
	border: 1px solid #000000;
	padding: 12px;
	text-align: center;
}

table.ab_table_sp2 .ab_sax {
/*	background-color: #E6F4FA;*/
	background-color: #FFE4B9;
    text-align: left;
    max-width: 200px;
}



@media only screen and (max-width: 640px) {
    table.ab_table_sp2 .ab_sax {
        font-size: 14px;
        text-align: center;
        max-width: inherit;
    }
    
	table.ab_table_sp2 tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		/****iOSの慣性スクロール****/
		white-space: nowrap;
	}

	table.ab_table_sp2 tbody tr {
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #000000;
	}

	table.ab_table_sp2 tbody tr td {
		display: block;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		letter-spacing: normal;
		color: #424242;
        height: 67px;
	}

	table.ab_table_sp2 tbody tr td br {
		display: none;
	}

	table.ab_table_sp2 tbody tr td:last-child {
		border-bottom: 1px solid #000000;
	}
}/*** Media Queries ***/

/**レスポンシブでリスト化するテーブル**/
table.bto_template_table_list {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.bto_template_table_list th {
	border: 1px solid #EBEBEB;
	/**背景を着色する場合**/
	/*background: #FAFAFA;*/
	padding: 12px;
}

table.bto_template_table_list thead th {
	font-weight: 500;
	color: #666666;
}

table.bto_template_table_list td {
	padding: 12px;
	border: 1px solid #EBEBEB;
}

table.bto_template_table_list tbody th {
	color: #DF2029;
	font-size: 120%;
	font-weight: normal;
}

@media only screen and (max-width:460px) {
	table.bto_template_table_list thead {
		display: none;
	}

	table.bto_template_table_list tbody tr {
		display: block;
		margin-bottom: 2em;
	}

	table.bto_template_table_list tbody th,
	table.bto_template_table_list tbody td {
		border: none;
		display: list-item;
		list-style: none;
	}

	table.bto_template_table_list td:nth-child(2n+1) {
		background: #F2F2F2;
	}

	table.bto_template_table_list tbody th {
		width: 100%;
		padding: 7px;
		color: #FFFFFF;
		text-align: left;
		background-color: #DF2029;
	}

	table.bto_template_table_list tbody td {
		/*margin-left: 1em;*/
	}
}/*** Media Queries ***/

/**フォームテーブル**/
table.autobacks_table {
	width: 100%;
	border-spacing :0px;
	border-collapse: collapse;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #FFFFFF;
}

table.autobacks_table th {
	width: 30%;
}

table.autobacks_table td {
	width: 70%;
}

table.autobacks_table,
table.autobacks_table td,
table.autobacks_table th {
	padding: 12px;
	vertical-align: middle;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}

table.autobacks_table th {
	white-space: nowrap;
	color: #DF2029;
	text-align: left;
	font-weight: normal;
}

@media screen and (max-width: 640px) {
	table.autobacks_table td,
	table.autobacks_table th {
		width: 100%;
		line-height: 1;
		border-bottom: 1px solid #666666;
		border-left: none;
		display: block;
	}

	/**最後のtdにだけ指定**/
	table.autobacks_table tr:last-child td:last-child {
		border-bottom: none;
	}

	table.autobacks_table th {
	/**着色する場合(反転させるだけ)**/
		/*border: none;
		background-color: #DF2029;
		color: #FFFFFF;*/
	}
}/*** Media Queries ***/