@charset "utf-8";


.news-box{}
	@media (max-width:767px)	{.news-box{font-size: 14px;line-height: 24px;}}
	@media (min-width:768px)	{.news-box{font-size: 14px;line-height: 30px;}}

.nws-scroll{}
	@media (max-width:991px)	{.nws-scroll{}}
	@media (min-width:992px)	{.nws-scroll{}}

.news-article{display: flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap; border-bottom: dotted 1px #fe0000;}
	@media (max-width:575px)	{.news-article{flex-direction:column;}}
	@media (min-width:576px)	{.news-article{flex-direction:row;}}
	@media (max-width:767px)	{.news-article{}}
	@media (min-width:768px)	{.news-article{}}


.news-article + .news-article{margin-top: 30px;}

.news-date{background: #000;color:#fff;text-align: center;line-height: 50px;margin-bottom: 20px;}
	@media (max-width:575px)	{.news-date{width:50%;}}
	@media (min-width:576px)	{.news-date{flex:1 1 22%;max-width:22%;}}
	@media (min-width:992px)	{.news-date{flex:1 1 17%;max-width:17%;}}
	@media (min-width:1200px)	{.news-date{flex:1 1 14%;max-width:14%;}}


.news-comment{padding-top: 10px;margin-bottom: 20px;}
	@media (max-width:575px)	{.news-comment{padding-left: 0;padding-top: 15px;flex:1 1 100%;max-width:100%;}}
	@media (min-width:576px)	{.news-comment{padding-left: 15px;flex:1 1 78%;max-width:78%;}}
	@media (min-width:768px)	{.news-comment{padding-left: 25px;flex:1 1 83%;max-width:83%;}}
	@media (min-width:992px)	{.news-comment{flex:1 1 83%;max-width:83%;}}
	@media (min-width:1200px)	{.news-comment{flex:1 1 86%;max-width:86%;}}






.publicity-box{}

.publicity-article{border: 1px solid #ddd;}
	@media (max-width:767px)	{.publicity-article{padding:14px;}}
	@media (min-width:768px)	{.publicity-article{padding:24px;}}
	@media (min-width:1200px)	{.publicity-article{padding:44px;}}

.publicity-article + .publicity-article{margin-top: 45px;}

.publicity-title{font-size: 18px;font-weight: bold;margin-bottom: 30px;background: #efefef;}
	@media (max-width:767px)	{.publicity-title{margin: -13px -13px 14px;padding: 13px;}}
	@media (min-width:768px)	{.publicity-title{margin: -23px -23px 24px;padding: 13px 23px;}}
	@media (min-width:1200px)	{.publicity-title{margin: -43px -43px 44px;padding: 23px 43px;}}

.publicity-title a,.publicity-title a:hover,.publicity-title a:active{text-decoration: underline;}

.publicity-date{border-bottom: 3px double #ddd;margin-bottom: 15px;padding-bottom: 10px;}


.publicity-comment a,.publicity-comment a:hover,.publicity-comment a:active{text-decoration: underline;}