/**************************************************************
 *
 * 2018年度実施のレスポンシブ対応で追加のスタイルを記載
 *
 **************************************************************/

/* 履歴ページにおける一覧表示 */

.ListHist{
	margin: 20px 10px 20px 10px;
	font-size: 80%;
	line-height: 180%;
	border-top: 1px #d2cbcb solid;
}

.ListHist ul{
	list-style: none;
}

.ListHist li{
	padding: 5px;
	border-bottom: 1px #d2cbcb solid;
}

.ListHist .date{
	color: #868686;
	margin-left: 5px;
}

.ListHist img{
	margin: auto 2px;
}

/* 履歴ページにおける一覧表示 */

.ListEmergencyHist{
	margin: 20px 10px 20px 10px;
	font-size: 80%;
	line-height: 200%;
	border-top: 1px #d2cbcb solid;
}

.ListEmergencyHist ul{
	list-style: none;
}

.ListEmergencyHist li.lead{
	padding-top: 8px;
	border-top: 1px #d2cbcb solid;
}

.ListEmergencyHist li.followdata{
	padding: 2px;
	border: none;
	margin-left: 30px;
}

.ListEmergencyHist li.followdata_top{
	border: none;
	margin-left: 25px;
	color: #484848;
}

.ListEmergencyHist li.followdata:before{
	content: "┗";
	color: #868686;
	font-size: 70%;
}

.ListEmergencyHist .date{
	font-size: 100%;
}

.ListEmergencyHist li.lead .date{
	display: block;
}

.ListEmergencyHist li.followdata .date{
	display: inline-block;
	margin-right: 10px;
}

/* モバイルでの表示・非表示切替 ：入札一覧 */
.ViewNormal{
	display: block;
}

.ViewMobile{
	display: none;
}

/* 情報レスポンシブ対応 個別対応 */

#con_link a.resp{
	display: inline-block;
	float: left;
	margin-right: 10px;
}

#con_wap img{
	margin:10px;
}

.list5 ul{
	list-style-position: inside !important;
}

/* 豊田新屋立体事業ニュースレター */
.NewsItemList ul{

}

.NewsItemList li{
	display: inline-block;
	width: 200px;
	float: left;
}

.NewsItemList li:last-child{
	margin-bottom: 30px !important;
}

.mini-title{
	margin: 10px auto;
	clear: both;
}

table.n_tbl{
	width: 100%;
}

/* このウェブサイトについて */
.IconTbl{
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

.IconTbl td{
	border: 1px #999 solid;
	padding: 10px;
	font-size: 75%;
}

/* ボランティア・サポート・プログラム */
.vsprogram .title{
	text-align: center;
	color: #006600;
	font-size: 130%;
	font-weight: bold;
}

.vsprogram .title2{
	text-align: center;
	color: #888888;
	font-size: 130%;
	font-weight: bold;
}


.vsprogram .subttl{
	margin-top: 20px;
	font-weight: bold;
	font-size: 110%;
	color: #0000ff;
}

.vsprogram .subttl2{
	text-align: center;
	margin: 10px auto;
	font-weight: bold;
	font-size: 100%;
}


.vsprogram .text{
	color: #000088;
	font-size: 120%;
	font-weight: bold;
	margin: auto 80px;
}

.vsprogram .text2{
	font-size: 110%;
	font-weight: bold;
	margin: auto 50px;
}


.vsprogram .link_area{
	margin: 30px 120px;
}

.vsprogram .link_area a{
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}

.vsprogram .link_area a:hover{
	text-decoration: underline;
}


.vsprogram .link_area a.red{
	color: #cc3333;
}
.vsprogram .link_area a.red:hover{
	color: #ff0000;
}

.vsprogram .link_area a.yellow{
	color: #ff9900;
}
.vsprogram .link_area a.yellow:hover{
	color: #ffcc00;
}

.vsprogram .link_area a.green{
	color: #006633;
}
.vsprogram .link_area a.green:hover{
	color: #339900;
}

table.vsprogram_ren{
	width: 100%;
}

table.vsprogram_ren td{
	font-size: 90%;
	font-weight: normal;
}

/* responsive  */
@media (max-width: 991px) {
	

	#con_wap{
		width: 90% !important;
		overflow: auto;
	}
	#con_wap img{
		max-width: 100%;
	}

	table.n_tbl tr{
		margin-bottom: 20px;
	}

	table.n_tbl td{
		display: inline-block;
		width: 45%;
	}
	
	.vsprogram .text{
		font-size: 120%;
		margin: auto 50px;
	}
	
	.vsprogram .link_area{
		margin: 30px 10px;
	}

	.vsprogram td{
		width: 100%;
		display: inline-block;
	}

	table.vsprogram_ren td{
		width: auto;
		display: table-cell;
	}

}

@media (max-width: 479px) {

	.ViewNormal{
		display: none;
	}
	
	.ViewMobile{
		display: block;
	}


	#con_wap{
		width: 90% !important;
		overflow: auto;
	}
	
	#con_wap img{
		max-width: 100%;
	}
	
	.box_l{
		width: 100% !important;
	}

	.list5{
		float: left;
	}

	.list5 ul{
		list-style-position: outside !important;
	}
	
	table.n_tbl td{
		display: inline-block;
		width: 100%;
	}

	table.n_tbl td:first-child{
		padding-top: 20px;
	}

	.IconTbl td{
		display: inline-block;
		height: 70px;
	}

	.vsprogram img{
		max-width: 100%;
	}
	
	.vsprogram .text{
		font-size: 120%;
		margin: auto 10px;
	}
	.vsprogram .text2{
		font-size: 120%;
		margin: auto 10px;
	}
	
	.vsprogram .link_area{
		margin: 30px 10px;
	}

	.vsprogram td{
		width: 100%;
		display: block;
		margin-top: 10px;
	}

	table.vsprogram_ren td{
		width: auto;
		display: table-cell;
	}
}