@charset "utf-8";


.news-box{margin-bottom: 30px;}
	@media (max-width:991px)	{.news-box{}}

.nws-scroll{}
	@media only screen and (max-width:991px)	{.nws-scroll{}}

.news-article{display: flex;padding: 20px 0;border-bottom: 1px dotted #999;align-items:center;}
	@media only screen and (max-width:575px)	{.news-article{display: block;}}

.news-detail-article{display: flex;align-items:center;}
	@media only screen and (max-width:575px)	{.news-detail-article{display: block;}}


.news-article + .news-article{}

.news-date{font-weight: bold;flex:1 1 18%;max-width:18%;padding-right: 25px;font-size: 14px;line-height: 1;}
	@media only screen and (max-width:1199px)	{.news-date{flex:1 1 15%;max-width:15%;}}
	@media only screen and (max-width:991px)	{.news-date{flex:1 1 20%;max-width:20%;}}
	@media only screen and (max-width:767px)	{.news-date{padding-right: 15px;}}
	@media only screen and (max-width:575px)	{.news-date{flex:1 1 100%;max-width: 100%;padding-right: 0;padding-bottom: 15px;line-height: 1;display: flex;align-items:center;justify-content:space-between;}}



.date{display: flex;justify-content:space-between;}
	@media only screen and (max-width:575px)	{.news-date .date{flex:1 1 50%;max-width: 50%;padding-right: 15px;}}

.date img{vertical-align: middle;}


.news-icon{font-size: 12px;color:#fff;line-height: 14px;padding: 5px;text-align: center;margin-top: 5px;}
	@media only screen and (max-width:575px)	{.news-icon{flex:1 1 50%;margin-top: 0;max-width: 50%;}}


.news-comment{font-size: 14px;line-height: 20px;flex:1 1 75%;max-width:75%;border-left: 1px solid #ddd;padding:0 25px;}
	@media only screen and (max-width:1199px)	{.news-comment{flex:1 1 70%;max-width:70%;}}
	@media only screen and (max-width:991px)	{.news-comment{flex:1 1 60%;max-width:60%;}}
	@media only screen and (max-width:767px)	{.news-comment{padding:0 15px;}}
	@media only screen and (max-width:575px)	{.news-comment{flex:1 1 100%;max-width: 100%;border-left: none;border-top: 1px solid #ddd;padding: 15px 0;}}

.news-detail{flex:1 1 12.5%;max-width:12.5%;}
	@media only screen and (max-width:1199px)	{.news-detail{flex:1 1 15%;max-width:15%;}}
	@media only screen and (max-width:991px)	{.news-detail{flex:1 1 20%;max-width:20%;}}
	@media only screen and (max-width:575px)	{.news-detail{flex:1 1 100%;max-width: 100%;}}

.news-detail-comment{font-size: 14px;line-height: 20px;flex:1 1 87.5%;max-width:87.5%;border-left: 1px solid #ddd;padding:0 0 0 25px;}
	@media only screen and (max-width:1199px)	{.news-detail-comment{flex:1 1 85%;max-width:85%;}}
	@media only screen and (max-width:991px)	{.news-detail-comment{flex:1 1 80%;max-width:80%;}}
	@media only screen and (max-width:767px)	{.news-detail-comment{padding:0 0 0 15px;}}
	@media only screen and (max-width:575px)	{.news-detail-comment{flex:1 1 100%;max-width: 100%;border-left: none;border-top: 1px solid #ddd;padding:15px 0 0;}}





/* .news-entry- */
.news-entry-box{border:1px solid #ddd;background:#fff;display:block;}
a.news-entry-box:hover,a.news-entry-box:focus,a.news-entry-box:active{opacity:.75;}

.news-entry-box{padding:24px;}
	@media only screen and (max-width:767px)	{.news-entry-box{padding:14px;}}

.news-entry-tit-box{background:#f6f6f6;color:#333;font-weight:bold;font-size:18px;}
	@media only screen and (max-width:767px)	{.news-entry-tit-box{font-size:16px;}}

.news-entry-box .news-entry-tit-box{margin:-24px -24px 24px;padding:14px 24px;}
	@media only screen and (max-width:767px)	{.news-entry-box .news-entry-tit-box{margin:-14px -14px 14px;padding:14px;}}

.news-entry-tit-box .date-square{display: block;font-size: 16px;margin-right: 10px;vertical-align: middle;display: flex;margin-top: -30px;font-size: 16px;width: 120px;}
	@media only screen and (max-width:767px)	{.news-entry-tit-box .date-square{font-size: 12px;width: 100px;}}

.news-entry-tit-box .date-year{background: #000;text-align: center;line-height: 28px;display: block;color:#fff;border: 1px solid #000;border-right: none;flex:1 1 50%;max-width: 50%;}
.news-entry-tit-box .month-date{background: #fff;text-align: center;line-height: 28px;display: block;border: 1px solid #ddd;border-left: none;flex:1 1 50%;max-width: 50%;}

.news-entry-tit-box .news-entry-title{display: block;line-height: 30px;padding: 5px 0;vertical-align: middle;}