@charset "UTF-8";
/* CSS Document */

/* ====== 上 ====== */
/* メイン画像 */
#mainimg{
	width:1090px;
	padding:100px 0 0 0;
	margin:0 auto 30px auto;
	text-align:center;
	overflow:hidden;
	background:url("images/top-mainimg-bg.png") no-repeat center 0;
}
#mainimg .text{
	margin:0 20px 67px 20px;
}
#mainimg .flow{
	margin: 0 20px;
}

/* メイン画像 - モバイル用 */
#mainimg-mobile{
	display:none;
	text-align:center;
	background:url("images/top-mainimg-bg.png") no-repeat center center;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	padding-top:40px;
	margin-bottom:30px;
}
#mainimg-mobile img{
	max-width:100%;
	height:auto;
}
#mainimg-mobile .text{
	margin:0 20px 20px;
}
#mainimg-mobile .flow{
	margin: 0 20px;
}

/* 通報する */
#top-report{
	max-width:938px;
	border:1px solid #b2b2b2;
	padding:5px;
	margin:0 auto 20px auto;
	text-align:left;
	overflow:hidden;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#top-report .frames{
	background:#f2f2b0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:15px 10px 10px 15px;
}
#top-report .frames .icon1{
	float:left;
	margin:2px 8px 0 0;
}
#top-report .frames .texts{
	float:left;
	margin:2px 17px 0 0;
}
#top-report .frames .title{
	margin-bottom:5px;
}
#top-report .frames .text{
	font-size:85.7%;
}
#top-report .frames .icon2{
	float:left;
	margin:14px 17px 0 0;
}
#top-report .frames .btn{
	float:right;
	margin-top:-2px;
}

/* メニュー */
#top-menu{
	max-width:950px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
#top-menu ul li{
	float:left;
	margin:0 0 0 12px;
}
#top-menu ul li:first-child{
	margin:0;
}
/*20170613追加*/
#top-banner{
	max-width:950px;
	margin:0 auto;
	padding-top:15px;
	text-align:left;
	overflow:hidden;
}
#top-banner ul li{
	float:left;
	margin:0 0 0 15px;
}
#top-banner ul li:first-child{
	margin:0;
}

@media screen and (max-width: 1090px) and (min-width: 0px){
	#top #mainimg{
		width:100%;
		margin:0 0 30px 0;
	}
	#top #mainimg img{
		max-width:100%;
		height:auto;
	}
}

@media screen and (max-width: 964px) and (min-width: 0px){
	#top-report{
		padding:0;
		margin:0;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
	}
	#top-report .frames{
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		padding:15px;
	}
	#top-report img{
		max-width:100%;
		height:auto;
	}
	#top-report .frames .icon1{
		display:none;
	}
	#top-report .frames .texts{
		float:none;
		margin:0 0 0 0;
		text-align:center;
	}
	#top-report .frames .text{
		line-height:1;
		margin-top:10px;
	}
	#top-report .frames .icon2{
		display:none;
	}
	#top-report .frames .btn{
		float:none;
		margin-top:10px;
		text-align:center;
	}
	#top-menu{
		max-width:auto;
		margin:10px 15px;
	}
	#top-menu ul li,#top-menu ul li:first-child{
		float:none;
		margin:0 0 10px 0;
		text-align:center;
	}
/*20170613追加*/
	#top-banner{
		max-width:auto;
		margin:5px 15px 0px;
    		padding-top:0px;
	}
	#top-banner ul li, #top-banner ul li:first-child{
		float:none;
		margin:0 0 12px 0;
		text-align:center;
	}
}

@media screen and (max-width: 639px) and (min-width: 0px){
	#top #mainimg{
		display:none;
	}
	#top #mainimg-mobile{
		display:block;
	}
	#top-report .frames .text{
		line-height:1.3;
		text-align:left;
	}
}

/* ====== コンテンツ ====== */
#contents{
	width:950px;
	margin:0 auto;
}
@media screen and (max-width: 964px) and (min-width: 0px){
	#contents{
		width:100%;
		margin:0;
		padding-bottom:20px;
	}
	#contents img{
		max-width: 100%;
		height: auto;
		width: auto;
	}
}

/* ====== コンテンツ：左 ====== */
#main{
	float:left;
	width:681px;
	margin-right:15px;
}

@media screen and (max-width: 964px) and (min-width: 0px){
	#main{
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	#main .content{
		margin:0 15px;
	}
}

/* ====== コンテンツ：右 ====== */
#side{
	float:left;
	width:254px;
	margin:0;
	padding:0;
	background:none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#side .content{
	margin-bottom:7px;

}
@media screen and (max-width: 964px) and (min-width: 0px){
	#side{
		margin:0 auto;
		float:none;
		width:auto;
		max-width:522px;
	}
	#side .content{
		margin:0 7px 7px 0;
		float:left;
	}
}