@charset "utf-8";


.news-box{border-top: 1px solid #ddd;}


.tit-news,.news-box-inner{}
	@media (max-width:575px)	{.tit-news,.news-box-inner{display: block;}}


.tit-news{width: 25%;background: #283e8a;padding: 30px 15px;color:#fff;text-align: center;}
	@media only screen and (max-width:767px)	{.tit-news{padding: 15px;}}
	@media only screen and (max-width:575px)	{.tit-news{width: 100%;}}

.tit-news h2{font-size: 27px;}


.tit-news .tit-level0{color:#fff;}

.nws-scroll{/*overflow-x: hidden;overflow-y: scroll;*/}
	@media only screen and (max-width:767px)	{.nws-scroll{}}

.news-article{display: table;width: 100%;padding: 20px 0;font-size: 14px;line-height: 24px;border-bottom: 1px solid #ddd;}
	@media only screen and (max-width:767px)	{.news-article{padding: 10px 0;}}
	@media only screen and (max-width:575px)	{.news-article{display: block;}}

.news-article + .news-article{}


.news-date,.news-comment{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:575px)	{.news-date,.news-html{display: block;}}


.date-inner{display: flex;align-items:center;}

.news-date{width: 195px;}
	@media only screen and (max-width:767px)	{.news-date{}}
	@media only screen and (max-width:575px)	{.news-date{margin-bottom: 10px;}}


.date{width: 120px;}
	@media only screen and (max-width:767px)	{.date{}}
	@media only screen and (max-width:575px)	{.date{padding: 0;}}


.new{width: 45px;text-align: center;font-size: 12px;color:#c00;font-weight: bold;}
	@media only screen and (max-width:767px)	{.new{margin:0 5px;}}


.comment-inner{display: table;width: 100%;}
	@media only screen and (max-width:575px)	{.comment-inner{display: block;}}

.news-img-box{padding-top: 10px;display: flex;}

.news-img,.news-html{}
	@media only screen and (max-width:575px)	{.news-img,.news-html{}}


.news-img{width: 135px;margin-right: 15px;}
	@media only screen and (max-width:575px)	{.news-img{width: 90px;margin-right: 10px;}}




.news-comment{}
	@media only screen and (max-width:1199px)	{.news-comment{}}
	@media only screen and (max-width:991px)	{.news-comment{}}
	@media only screen and (max-width:767px)	{.news-comment{}}
	@media only screen and (max-width:575px)	{.news-comment{}}