@import "./construction.css";

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

 

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

.content-box .acc_frame > summary{
	 font-weight:600;
	 margin:0.5em 0;
}


.content-box .acc_frame > summary + ul{
	padding-left:2em;
}


.content-box article + article{
	margin-top:1em;
}

.content-box article a{
	text-decoration:underline!important;
}


/*****************************
 道路名 絞り込み
 *****************************/
#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) {

	

}


#dainikeihan_etc_attention{
	display:none;
}

.akon #dainikeihan_etc_attention{
	display:block;
}


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

.roadList table th{
	
}
.roadList table th:nth-child(1){
	width:23%;
}
.roadList table th:nth-child(2),
.roadList table th:nth-child(4){
	width:7.5%;
}

.roadList table th:nth-child(3),
.roadList table th:nth-child(5){
	width:17%;
}

.roadList table th:nth-child(6){
	width:30%;
}

.roadList table td:nth-child(2){
	text-align:center;
}

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

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

}