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

#news dl .box {
	margin-top: 100px;
}
#news dl .box:first-child {
	margin-top: 20px;
}
#news dl dt {
	color: #ccc;
	font-size: 16px;
}
#news dl .news_title {
	font-size: 20px;
	color: #f44a4a;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	line-height: 180%;
}
#news dl dd {
	line-height: 180%;
	margin-top: 10px;
}
#news dl .img {
	margin-top: 20px;
	text-align: center;
	
}
#news dl .img img {
	width:auto;
	height:auto;
	max-width: 100%;
	max-height: 400px;
	display: inline;
}

/*NewsList-----------------------------------------------------------*/
.news_list {
	text-align: center;
	margin: 20px;
	margin-top: 40px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
.news_list li {
	display: inline;
	padding: 14px;
}
.news_list li a {
	color: #333;
}
.news_list li a:hover{
	color: #f44a4a;
	transition: .3s;
}

/*ここからタブレット用（～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width:768px){
	#news {
		padding: 0 20px;
	}
	#news dl .box {
		margin-top: 50px;
	}
	#news dl .news_title {
		font-size: 16px;
	}
}

/*スマホ----------------------------------------------------------------------*/
@media (max-width:415px) {
	.news_list li {
		padding: 6px;
	}
}

/*スマホiphone5-----------------------------------------------------------------*/
@media (max-width:320px) {
	
}