@charset "UTF-8";

p.small {
	font-size:85%;
}

#list01 table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
#list01 th, td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	padding: 5px;
}
#list01 td.listL {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	padding: 5px;
}
#list01 td.listLs {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size:85%;
	padding: 5px;
}
#list01 th { background-color: #009966; color: #fff;}

@media screen and (max-width: 767px) {

	#list01 table { width: 100%; border:none; padding: 10px;}
	#list01 thead { display: none;}
	#list01 tr {
		display: block;
		margin-bottom: 20px;
		border-top: 1px solid #ccc;
	}
	#list01 td {
		display: block;
		text-align: center;
		border-right: 1px solid #ccc;
		border-bottom: none;
		padding: 0;
	}

	#list01 td:nth-of-type(1) { background-color: #009966; text-align: center; color: #fff;}
	#list01 td:last-child { border-bottom: 1px solid #ccc;}
	#list01 td:before {
		color: #fff;
		display: block;
		background-color: #22bb88;
	}

	/* contentでタイトルを追加 */
	#list01 td:nth-of-type(2):before { content: "設計者";}
	#list01 td:nth-of-type(3):before { content: "開場/所在";}
}