@charset "UTF-8";

#main{
	margin-bottom: 100px;
}
.news{
	margin-bottom: 50px;
}
#news {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
#news .content{
    width: 95%;
	margin: 0 auto;
}
#news p{
    padding: 0 10% 5px;
    margin-bottom: 100px;
    text-align: left;
}
#news p:first-child{
	margin-bottom: 10px;
}
#news p .newsdate{
	font-size: 0.9em;
    display: block;
	width: 100%;
	margin-bottom: 5px;
}
#news p .newstitle{
	display: block;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
#news .newsbox{
	padding-top:150px;
	margin-top:-150px;
}

@media screen and (max-width: 767px){
	#main{
		margin-bottom: 50px;
	}
    #news p{
        margin: 0 5% 100px;
	}
	#news .newsbox{
		padding-top:50px;
		margin-top:-50px;
	}
}