@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------------------------
　　書庫系の表-2020フレックス化（高さ左端THに表記、TDS>TD、小さい画像とテキスト羅列）
--------------------------------------------------------------------------------- */


/*組み合わせ一枚絵*/
.cabinet-combi{max-width: 100%; text-align: center; margin: 0 auto 1rem auto; }

/*表ブロック*/
section.cabinet-list{ margin: 1rem 0 2rem; }
/*周囲の注記など*/
.cabinet-list > ul{ margin: 0; padding-right: 10px; padding-left: 20px; }
.cabinet-list > ul li{ font-size: 12px; color: #666970; list-style-type: none; }
.cabinet-list > h3, .cabinet-list > h4{ padding-left: 0; }

/*疑似テーブル*/
.cabinet-table{ margin: .5rem 0 1rem; border-bottom: 1px solid #01A199; width: 100%; background-color: white; }
.cabinet-tr{ display: flex; flex-wrap: wrap; align-items: center; background-color: #01A199; border-bottom: 1px solid #fff; }
.cabinet-tr:last-child{border-bottom: none; }
.cabinet-th, .cabinet-th5, .cabinet-th3{ font-weight: bold; color: #fff; text-align: center; } 
.cabinet-th br,.cabinet-th5 br{display: none; }
.swhite{font-size:0.75em; color:#fff; }
.cabinet-tds, .cabinet-tds5, .cabinet-tds3{ display: flex; flex-wrap: wrap; border-top: 1px solid #01A199; border-right: 1px solid #01A199; background-color: #fff; }
/*9桁(標準)*/
.cabinet-th{ flex-basis: 100%;  padding: 0.5rem 0.1rem; }
.cabinet-tds{ flex-basis: 100%;  border-left: 1px solid #01A199; }
/*5桁*/
.cabinet-th5{ flex-basis: 100%; }
.cabinet-tds5{ flex-basis: 100%; border-left: 1px solid #01A199; }
/*3桁*/
.cabinet-th3{ flex-basis: 20%; }
.cabinet-tds3{ flex-basis: 80%; }
/*疑似TDセル*/
.cabinet-td{ text-align: center; padding: 3px 1px; max-width: 20%; }
.cabinet-td p{padding: 2px 5px; margin: -5px 0 3px 0; font-size: 75%; font-weight: bold; }


@media(min-width:740px){
	section.cabinet-list{ margin: 1%; width: 98%; }
	.cabinet-th br,.cabinet-th5 br{display: block; }
	/*9桁(標準)*/
	.cabinet-th{ flex-basis: 10%; }
	.cabinet-tds{ flex-basis: 90%; border-left: none; }
	/*5桁*/
	.cabinet-th5{ flex-basis: 20%; }
	.cabinet-tds5{ flex-basis: 80%; border-left: none; }
	/*3桁*/
	.cabinet-th3{ }
	.cabinet-tds3{ }
	/*疑似TDセル*/
	.cabinet-td{ max-width: 92px; }

	
}