@charset "utf-8";


@media screen and (min-width:641px){ /*PC*/}
@media screen and (max-width:640px){ /*SP*/}


/*top-img---------------------------------------------------------------*/

#top_img{
	width: 100%;
	position: absolute;
}


#top_img .slide li{
	position: absolute;
	top: 0;
	left: 0;
}

#top_img .top_cover{
	position: absolute;
	top: 0;
	left: 0;
}

#g-nav,#p_up{z-index: 10000;}


@media screen and (min-width:641px){ /*PC*/

	#top_img{top: 173px;}

	#main{padding-top: 500px;}

	#top_img .slide{
		width: 1600px;
		height: 600px;
		margin: 0 auto;
		position: relative;
		margin-bottom: -120px;
	}

	#top_img .top_cover{
		width: 1600px;
		height: 600px;
	}

	#top_img .top_ttl{
		width: 1600px;
		height: 600px;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
	}

}

@media screen and (max-width:640px){ /*SP*/
	#top_img{}

	#top_img .slide{position: relative;}

	#top_img .slide li{
		position: absolute;
		top: 0;
		left: 0;
	}

	#top_img .slide li img,.top_cover img{
		width: 100%;
	}

	#top_img .top_ttl{
		z-index: 100;
		position: relative;
		text-align: center;
	}

	#top_img .top_ttl img{
		width: 65%;
	}

}







@media screen and (min-width:641px){ /*PC*/
	.top_ttl{
		height: 440px;
	}
	#top_img .top_ttl img{
		width: 980px !important;
		height: 440px !important;
		max-width: none !important;
	}
	#top_img{}
}
@media screen and (max-width:640px){ /*SP*/
	#top_img{position: relative;}
}




/*最新のお知らせ--------------------------------------------------------------*/
#top_topics{}

#top_topics h2{margin-bottom: 15px;}

.post_box{
	padding: 10px 15px;
	margin-bottom: 15px;
}

.post_box dl{
	padding: 8px;
	display: table;
	width: 100%;
}

.post_box dl:nth-child(2n+1){
	background: #ededed;
}

.post_box dl dt {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 60px;
}

.post_box dl dt p{
	padding: 3px;
	text-align: center;
	color: white;
	background: #54ac19;
	margin-bottom: 0!important;
}

.post_box dl dt p span{
	display: block;
	background: white;
	color: #252525!important;
	padding: 3px 0;
	font-size: 90%;
}

.post_box dl dd{
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

/*span category*/

span.news{
	color:white;
	font-weight: bold;
	background-color: red;
	padding:0 5px;
	position: absolute;
	top:30%;
	right: 0;
}

.cat_inf,.cat_rec{
	color:white;
	padding:3px 5px;
	font-size: 80%;	
	text-align: center;
}

.cat_inf{background-color: #3483d4;}

.cat_rec{background-color: #3eaa22;}



@media screen and (min-width:641px){ /*PC*/

	.post_box dl dd{padding:0 50px 0 90px;}

	.cat_inf,.cat_rec{
		position: absolute;
		top:30%;
		left: 8px;
		width: 70px;
	}
	
}

@media screen and (max-width:640px){ /*SP*/
	.post_box dl dd{padding:0 60px 0 15px;}
	.cat_inf,.cat_rec{display: block;}
}



.post_box dl dd a{text-decoration: underline;}
.post_box dl dd a:hover{text-decoration: none;}