﻿@charset "UTF-8";
/* CSS Document */

/*******************************************************

地区別工事情報

********************************************************/
.image{
	width: 100%;
	max-width: 400px;
}
.image img{
	width: 100%;
}


/*******************************************************

地区別工事情報スマホ用（Mapの代わり

********************************************************/
/*縦並び（ヘッダー含む
----------------------------------------------*/
.nyuusatu_kekka_ichiran_flex{
	  display: flex;
	flex-direction: column;
  width: 100%;
	max-width: 500px;
	
}
/*ヘッダー
----------------------------------------------*/
.nyuusatu_kekka_ichiran_flex .header {
  width: 100%;
	text-align: center;
  border-bottom: solid 2px #8CDAA8;
	margin-bottom: 10px;
  padding: 6px 8px;
	  box-sizing: border-box;
  background-color: #C6F1D6;

}

/* ==============================================
ボタン小　幅フリー
=============================================== */
/*テーブル内のボタン----------------------------*/

.nyuusatu_kekka_ichiran_flex a{
	text-decoration: none;
	color: #44A01B;
}
.nyuusatu_kekka_ichiran_flex .btn_s{
		margin:0px auto 0 auto;
  width: 100%;
  text-align: center;
  padding: 6px 6px;
	margin-bottom: 20px;
  /*cursor: pointer;*/
  border-radius: 4px;
  /*background-color: #94F2A4;*/
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}
.nyuusatu_kekka_ichiran_flex .btn_s:hover{
	 background-color: #5AB4BD;
  color: #ffffff;
}
/*******************************************************
pc、スマホ切り替え
********************************************************/
/* スマホ用 */
@media (max-width: 850px) {
	.pc{
	display: none;
}
}

@media (min-width: 851px) {
	.sp{
		/*display: none;*/
	}
}


