#column-div{ width: 25%; padding-left:25px; box-sizing:border-box; display:inline-block; float:left;}
#column-div h3{ color: #666; text-align: left; clear: right; font-size: 12px;}
#column-div a{ color: #666; text-decoration: none;}
#column-div .top-column-banner{ clear: left; position: relative; margin-bottom: 20px; border: 1px solid #ddd; padding-bottom: 10px;}
#column-div .top-cate-tag{ position: relative; padding-left: 5px;padding-right: 5px; background-color: #f96666; color: #fff; height: 20px; font-size: 12px; margin-bottom: 2px; display: inline-block; font-family: "Hiragino Kaku Gothic ProN", "Þ⥴¥·¥Ã¥¯", YuGothic, Meiryo, sans-serif; opacity:1;}
#column-div .top-cate-date{ color: #666; margin-top: 2px; display: inline-block; float:right; font-size: 10px; margin-left:10px;}
#column-div .top-column-color{ padding: 10px 5px 0px 5px;}
#column-div img{width:100%;}
#column-div span{color: #777; font-size: 11px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}