@charset "utf-8";


.news-box{}
	@media (max-width:991px)	{.news-box{}}

.nws-scroll{overflow-y:auto;height: 12.5rem;padding-right: 2rem;}
	@media only screen and (max-width:991px)	{.nws-scroll{padding-right: 0;}}

.news-article{display: table;padding-bottom: 1.25rem;width: 100%;border-bottom: 1px dotted #666;align-items:center;}
	@media only screen and (max-width:575px)	{.news-article{display: block;}}

.news-article + .news-article{padding-top: 1.25rem;}
	@media only screen and (max-width:575px)	{.news-article + .news-article{display: block;}}


.detail-article{display: table;padding: .5rem 0;width: 100%;border-bottom: 1px dotted #666;align-items:center;}
	@media only screen and (max-width:575px)	{.detail-article{display: block;}}


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


.news-article + .news-article{}

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


.news-date{width: 10rem;padding-right: 2rem;line-height: 1;border-right: 1px solid #ddd;letter-spacing:0;}
	@media only screen and (max-width:1199px)	{.news-date{width: 9rem;padding-right: 1rem;}}
	@media only screen and (max-width:991px)	{.news-date{width: 100%;display: flex;justify-content:space-between;align-items:center;padding: 0 0 .5rem;border-right: none;border-bottom: 1px solid #ddd;}}
	@media only screen and (max-width:767px)	{.news-date{}}
	@media only screen and (max-width:575px)	{.news-date{}}


.date{display: flex;justify-content:space-between;width: 9rem;padding: .5rem 0;font-weight: normal;}
	@media only screen and (max-width:991px)	{.date{}}
	@media only screen and (max-width:575px)	{.date{}}
	@media only screen and (max-width:575px)	{.date{}}


.new{background: #c00;color:#fff;font-size: .75rem;line-height: 1;padding: .125rem .25rem;}


.news-icon{font-size: .75rem;color:#fff;line-height: 1rem;padding: .25rem;text-align: center;width: 9rem;min-height: 2rem;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:575px)	{.news-icon{}}


.news-comment{line-height: 2;padding-left:2rem;display: table;width: 100%;}
	@media only screen and (max-width:1199px)	{.news-comment{padding-left: 1rem;}}
	@media only screen and (max-width:991px)	{.news-comment{padding: 1rem 0 0;line-height: 1.75;}}
	@media only screen and (max-width:767px)	{.news-comment{}}
	@media only screen and (max-width:575px)	{.news-comment{display: block;}}

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

.news-img{padding-left: 1rem;width: 11rem;}
	@media only screen and (max-width:575px)	{.news-img{width: 100%;margin: 1rem auto 0;padding-left: 0;}}

.news-detail{width: 10rem;padding: .25rem 0;padding-left: 2rem;}
	@media only screen and (max-width:1199px)	{.news-detail{width: 9rem;padding-left: 1rem;}}
	@media only screen and (max-width:991px)	{.news-detail{width: 15rem;margin: 1rem auto 0;}}
	@media only screen and (max-width:575px)	{.news-detail{width: 100%;padding-left: 0;}}


.news-box + .tit-level2{margin:1rem 0 3rem;}


.nav-pills .nav-item{margin-right:5px;margin-bottom:5px;}
	@media only screen and (max-width:767px)	{.nav-pills .nav-item{margin-right:2px;margin-bottom:2px;}}

.nav-pills .nav-link{color:#666;border-radius:0;font-size:16px;line-height: 1;padding:15px;width:225px;font-weight: bold;}
	@media only screen and (max-width:991px)	{.nav-pills .nav-link{width: auto;}}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link{font-size: 14px;padding: 10px;}}

.nav-topics		{background: rgba(55,173,215,.2);}
.nav-training	{background: rgba(238,157,43,.2);}
.nav-member		{background: rgba(140,192,89,.2);}

.nav-topics:hover,.nav-topics:active,.nav-topics:focus			{background: rgba(55,173,215,.5);}
.nav-training:hover,.nav-training:active,.nav-training:focus	{background: rgba(238,157,43,.5);}
.nav-member:hover,.nav-member:active,.nav-member:focus			{background: rgba(140,192,89,.5);}

.nav-pills .nav-link small{
	border-top: 1px solid #999;border-radius:0;
	font-size:12px;line-height: 0.75;
	margin-top: 10px;padding-top: 10px;
	display: block;
	}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link small{font-size: 10px;margin-top: 5px;padding-top: 5px;}}

.nav-topics.active		{background: rgba(55,173,215,1) !important;}
.nav-training.active	{background: rgba(238,157,43,1) !important;}
.nav-member.active		{background: rgba(140,192,89,1) !important;}

.nav-pills .nav-link.active small{border-color: #FFF;}


.tab-content{padding-top:30px;}