.articleColumn { width: 735px; clear: both; }

.articleList .pic { width: 82px; float: left; margin-right: 10px; overflow: hidden; background: #fff center center / contain no-repeat;}
.articleList li { overflow: hidden; padding: 0.2em; }
.articleList li.top { width: 725px; }

.articleTab .tab_container	{ background-color: #fff; border:solid 1px #ccc; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.articleTab .tab_item	{ width: calc(100%/7); padding:5px 0 3px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background-color: #f3f3f3; text-align: center; color: #1a668f; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.3s ease; box-sizing: border-box; }
.articleTab .tab_item.lasttab	{ border-right:solid 0px #ccc; }
.articleTab .tab_item:hover	{ opacity: 0.6; cursor: pointer; }
.articleTab input[name="tab_item"]	{ display: none; }
.articleTab .tab_content	{ display: none; padding: 10px 0 10px 5px; clear: both; overflow: hidden; min-height: 210px; }
.articleTab #tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content { display: inline-block; }
.articleTab .tab_container input:checked + .tab_item	{ background-color: #fff; color: #000; border-bottom:solid 1px #fff; }

.article-category { padding: 0.3em; }
.article-category .hominis { float: left; margin: 2px; background: #ff1493 !important; color: #fff; padding: 4px 10px 3px 10px; border-radius: 3px; }
.article-category .hominisTag { float: left; margin: 2px; background: #00859B !important; color: #fff; padding: 4px 10px 3px 10px; border-radius: 3px; }
.article-category .kufu { float: left; margin: 2px; background: #2e8b57 !important; color: #fff; padding: 4px 10px 3px 10px; border-radius: 3px; }
.article-category .gohantabi { float: left; margin: 2px; background: #0000cd !important; color: #fff; padding: 4px 10px 3px 10px; border-radius: 3px; }
.article-category .cms-entertainment { float: left; margin: 2px; background: #ff1493 !important; color: #fff; padding: 4px 10px 3px 10px; border-radius: 3px; }
.article-category .cms-life { float: left; margin: 2px; background: #2e8b57 !important; color: #fff; padding: 4px 10px 3px 10px; border-radius: 3px; }
.article-category .date { float: right; }

.article-txt { padding: 0.6em; overflow: hidden; clear: both; }
.article-txt figcaption { padding: 16px 0 7px; color: #666; }
.article-txt p { padding-top: 1.0em;  line-height: 21px; }

.article-link { text-align: center; margin: 1.6em 0; }
.article-link a { border: 0; background-color: #0893d5; color: #FFFFFF; font-size: 16px; padding: 10px 30px; }