@charset "UTF-8";

/*==============================
		content設定
==============================*/



#contents .btn{
	margin: 50px auto;
}


/*-----titleImage-----*/

#contents #titleImg{
	background-image: url(/img/news/titleimg_pc.jpg);
}


/*----- お知らせ一覧 -----*/

#contents .information h3{
	font-weight:bold;
	text-align: center;
	margin-bottom: 20px;
	font-size: 28px;
}

#contents .information ul{
	border-top:1px solid  #a0a0a0;

}

#contents .information ul li{
	border-bottom:1px solid #a0a0a0;
}

#contents .information ul li a{
	display: block;
	position: relative;
	padding:30px 20px;
}

#contents .information ul li a:hover{
	color:#00bfe2;
    background: #f3f3f3;
}

#contents .information ul li span{
	margin-right:10px;
}

#contents .information ul li p.more{
	position: absolute;
	right: 10px;
    bottom: 30px;
}


	
/*----- お知らせ詳細 -----*/

#contents .information .detail{
	min-height: 600px;
}

#contents .information .detail p.date{
	font-size:13px;
	font-weight: bold;
}

#contents .information .detail h3{
	border-bottom:1px solid;
	padding-bottom: 10px;
	font-size:20px;
	text-align: left;
	line-height: 25px;
}

#contents .information .detail p{	

}

#contents .information .detail .img{	
	max-width: 640px;
	margin:40px auto;
}

.btn:after{
	display: none;_
}
.btn:before{
	content: '\f104';
	font-family: Fontawesome;
	padding-left: 10px;
	float: left;
	line-height: 1.5em;
}


/*------------------------------
	スマホの設定
------------------------------*/

@media screen and (max-width:600px){
	
	/*-----titleImage-----*/
	
	#contents #titleImg{
		background-image: url(/img/news/titleimg_sp.jpg);
	}
	
	#contents .information ul li a{
		padding:20px 20px;
	}
	
	#contents .information ul li span{
		display: block;
	}
	
	#contents .information ul li p.more{
		display: none;
	}


}