@import "./construction.css";

/*----------------------------------

 

----------------------------------*/
/*
details{
	display:block;
	overflow:hidden;
}

summary{
	cursor:pointer;
}

summary > span{
	display:block;
	overflow:hidden;
}

summary > span::after{
	content: "\f107";
}
*/


/*****************************
 道路名 絞り込み
 *****************************/
#road-list{
	display:block;
	overflow:hidden;
	padding: 0 1em 1em;
	border-top: 1px solid #cccccc;
}

#refine-data{
	display:block;
	overflow:hidden;
}

#refine-data details{
	border: 1px solid #cccccc;
}

#refine-data details > summary{
	padding: 1em 1em;
}
#refine-data details > summary > span{
	display: block;
	/*font-size: var(--txt-l);*/
}
#refine-data details > summary > span::before{
	content:"道路名で絞り込む";
}
#refine-data details[open] > summary > span::before{
	content:"道路名を閉じる";
}

dl.list-body{
	display:block;
	overflow:hidden;
	margin-top:1em;
}

#road-list dl.list-body > dt{
	font-weight:600;
}
#road-list dl.list-body > dd{
	padding-left:1em;
}

#road-list dl.list-body > dd > ul{
	display:flex;
	flex-wrap:wrap;
	gap:0.5em 1em;

}
#road-list dl.list-body > dd > ul > li{
	min-width: calc(20% - 1em);
}

#road-list dl.list-body > dd + dt{
	margin-top:1em;
}

#road-list label{
	white-space:no-wrap;
}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	

}


/*****************************
 結果テーブル
 *****************************/
.roadList table{
	table-layout: fixed;
}

.roadList table th{
	width:15%;
}
.roadList table th:nth-child(1){
	width:20%;
}
.roadList table th:nth-child(2){
	width:7.5%;
}


.roadList table th:nth-child(7){
	width:20%;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	.roadList table{
		min-width:980px;
	}

}