@charset "utf-8";

/*-------------------------------------------*/
/* Article setting（記事設定）
/*-------------------------------------------*/

/* 行替え位置の指定 */
span.nowrap { white-space: nowrap; }


/* 幅可変テーブル
----------------------------------*/
ul.tbl_cel_free {
	margin: 0;
	display: table;
	table-layout: auto;
	width: 100%;
}
ul.tbl_cel_free li {
	margin: 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
	vertical-align: bottom;
}
ul.tbl_cel_free li > p {
	font-size: 80%;
}
ul.tbl_cel_free li img {
	max-width: 95%;
	height: auto;
}
@media only screen and (max-width: 849px){
 ul.tbl_cel_free {
	margin: 0;
	display: block;
 	width: 100%;
 }
 ul.tbl_cel_free li {
	padding: 0;
	display: block;
 }
 ul.tbl_cel_free li.center {
	 text-align:left;
 }
 ul.tbl_cel_free li img {
	 width: auto;
	 margin: 0;
 }
}



/* 事業概要
----------------------------------*/

/* 常願寺川の特徴 */
h4.bgblue {
	background: #CEF;
	border-left: 0;
}
h4.bggreen {
	background: #CEB;
	border-left: 0;
}
.waku {
	padding: 0px 5px;
	border: 1px solid #000;
	display: inline-block;
}


/* 沿革 */
@media only screen and (min-width: 640px){
 .post_box table.tb-blue th {
	background-color: #E8E8FF;
	border: 1px solid #003399;
 }
 .post_box table.tb-blue td {
	border: 1px solid #003399;
 }
 .post_box table.tb-blue tr td:nth-child(1) {
	text-align: right;
 }
 .fctrans {color: transparent;}
}
@media only screen and (max-width: 639px){
 .post_box table.tb-blue thead {
	display: none;
 }
 .post_box table.tb-blue tr {
	display: block;
	border-bottom: 3px solid #DDD;
	margin-bottom: 30px;
 }
 .post_box table.tb-blue th,
 .post_box table.tb-blue td {
	display: block;
	border: 0;
 }
 .post_box table.tb-blue tr td:nth-child(1) {
	border-right: 0;
	float: left;
 }
 .post_box table.tb-blue tr td:nth-child(1):before {
	content: "年月：";
	font-weight: bold;
 }
 .post_box table.tb-blue tr td:nth-child(2):before {
	content: "（";
 }
 .post_box table.tb-blue tr td:nth-child(2):after {
	content: "）";
 }
 .post_box table.tb-blue tr td:nth-child(3),
 .post_box table.tb-blue tr td:nth-child(4) {
	clear: both;
	margin-left: 3.0em;
	text-indent: -3.0em;
 }
 .post_box table.tb-blue tr td:nth-child(3):before {
	content: "災害：";
	font-weight: bold;
 }
 .post_box table.tb-blue tr td:nth-child(4):before {
	content: "沿革：";
	font-weight: bold;
 }
 .post_box table.tb-blue td.non {
	display: none;
 }
}

/* 業務内容　table-layout
----------------------------------*/
.disp-tb-gyoumu {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.disp-tb-gyoumu .dt-row {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.disp-tb-gyoumu .dt-cell {
	display: table-cell;
	padding: 0px 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.disp-tb-gyoumu li.dt-cell:last-child {
	border-right: none;
}
.disp-tb-gyoumu .ttl-gyoumu {
	width: 6em;
}
.disp-tb-gyoumu .tel-gyoumu {
	width: 11em;
	text-align:right;
}



/*-------------------------------------------*/
/*  640px以下から 1カラム表示用
/*-------------------------------------------*/
@media only screen and (max-width: 639px){

 /* 業務内容　table-layout
 ----------------------------------*/
 .disp-tb-gyoumu {
	border: none;
 }
 .disp-tb-gyoumu .dt-row {
	display: block;
	width: 100%;
	box-sizing: border-box;
 }
 .disp-tb-gyoumu .dt-cell {
	display: block;
	padding: 0px;
	margin: 0px;
	border: none;
 }
 .disp-tb-gyoumu li.dt-cell:last-child {
	border-bottom: 1px solid #CCC;
 }
 .disp-tb-gyoumu .ttl-gyoumu {
	width: auto;
	font-size: 120%;
	font-weight: bold;
 }
 .disp-tb-gyoumu .tel-gyoumu {
	width: auto;
	text-align: left;
	margin-bottom: 15px;
 }

}