@charset "UTF-8";

.news_content p {
	margin-top: 20px;
}

/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	.heading{
		margin-top:15px;
		padding:20px 0;
		/* background-color:#00b1ff; */
	}
	
	.heading h1{
		font-size:30px;
		font-weight:bold;
		/* color:#fff; */
	}
	
	/* 一覧ページ */
	.news_list{
		max-width:900px;
	}
	
	.news_list li{
		display:table;
		width:100%;
		border-bottom:#a8aaab 1px solid;
	}
	
	.news_list li .date,
	.news_list li .title{
		display:table-cell;
		vertical-align:top;
		padding:15px 0;
		color:#333;
	}
	
	.news_list li .date{
		width:150px;
	}
	
	/* 詳細ページ */
	.news_detail{
		max-width:900px;
	}
	
	.news_detail .date{
		font-size:14px;
	}
	
	.news_detail h2{
		font-size:22px;
		font-weight:bold;
	}
	

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	.heading{
		margin-top:15px;
		padding:15px 0;
		background-color:#00b1ff;
	}
	
	.heading h1{
		font-size:24px;
		font-weight:bold;
		color:#fff;
	}
	
	/* 一覧ページ */
	.news_list li{
		width:100%;
		padding:10px 0;
		border-bottom:#a8aaab 1px solid;
	}
	
	.news_list li .date,
	.news_list li .title{
		display:block;
		color:#333;
	}
	
	.news_list li .date{
		font-size:12px;
	}
	
	.news_list li .title{
		font-size:14px;
	}
	
	/* 詳細ページ */
	.news_detail .date{
		font-size:12px;
	}
	
	.news_detail h2{
		font-size:18px;
		font-weight:bold;
	}
	

}/* End SP */