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

.news_main{
	width:73%;
	float: left;
}

/* サイドバー */

aside{
	float: left;
	width:22.5%;
	margin-left: 4.5%;
}


aside section{
	margin-bottom: 54px;
}


aside section h4{
	background: #a90505;
	width: 100%;
	color:#fff;
	font-size: 1.5rem;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
	border:#eeeeee 1px solid;
}

aside section ul li{
	padding: 14px 0;
	padding-left: 25px;
	padding-right: 15px;
	border:#eeeeee 1px solid;
}

aside section ul li a{
	font-size: 1.4rem;
	color:#444;
}

aside section ul li a:after{
	content:url(../img/news/side_arrow.png);
	display: inline-block;
	margin-left: 10px;
}

aside section ul li a:hover{
	text-decoration: underline;
}

/* 記事 */

main article{
	border-bottom:#e6e6e6 1px solid;
	padding:40px 0;
}

main article section{
	float: left;
	width:76%;
	margin-left: 4%;
	padding-top: 24px;
}

article > div{
	float: left;
	width:18%;
}


main article section p.day{
	font-size: 1.4rem;
	margin-bottom: 14px;
}
main article section p.title{
	font-size: 1.4rem;
}

main article section p.title:after{
	content:url(../img/news/news_detail.png);
	display: inline-block;
	float: right;
}

main article section h5{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

main article section a:hover p{
	text-decoration: underline;
}

@media screen and (max-width: 1200px) {
	.news_main{
		width:100%;
		float: none;
	}
	aside {
    float: none;
    width: 100%;
    margin-left: 0;
	margin-top: 40px;
	}
	.under_content{
	padding:30px 3% 60px;
	}
}

@media screen and (max-width: 960px) {
	article > div{
		float: none;
		margin:0 auto;
	}
	main article section {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-top: 24px;
	}

}

@media screen and (max-width: 600px) {
		article > div{
			width:50%;
		}
		article > div img{
			width:100%;
		}
		
		aside section{
			margin-bottom: 40px;
		}
	
		main article:first-of-type{
			padding-top: 20px;
		}
		.under_content h3{
		margin-bottom: 0;
	}

}