.blogList{
  padding:0;
  list-style:none;
  display:flex;
   justify-content: space-between;
  flex-wrap:wrap;
  position:relative;
}

.blogList article{
  //width: 100%;
width: calc(100% - 380px);
}
.blogList img {
  width:100%;
  //height:192px;
  height:100%;
  object-fit:cover;
  display:inline-block;
}
.blog_list_title{
  width:100%;
  display:inline-block;
}
.blog_list_outline{
  margin-bottom: 1.5em;
}

.three-column{
  margin-left: -14px;
}
.three-column_items {
  width:33.3%;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}
.three-column_items_title{
  font-size: 90%;
  margin-bottom: 25px;
  line-height: auto;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.three-column_items_title > a {
  text-decoration:none;
  color:#000;
}

/* ///////////////////////////////////////////////// */

.blogTime{
  display: inline-block;
  margin-bottom: 10px;
  padding-right:10px;
  font-size: 70%;
  //color: rgba(0, 0, 0, 0.3) !important;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 400;
  border-right: 1px solid rgba(0,0,0,0.3);
}
.blogCat{
  display: inline-block;
  margin-bottom: 10px;
  margin-left:10px;
  font-size: 70%;
  //color: rgba(0, 0, 0, 0.3) !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;

  padding-left: 0.8em;
  margin-left: 0.8em;
}
.blogPager{
  width:100%;
}
.blogPager ul{
  display:flex;
  justify-content: center;
}
.blogPager li {
  padding: 0 1em;
  color: #e60012;
  font-size:90%;
}
.blogPager li > a{
  color: rgba(0, 0, 0, 0.7);
  text-decoration:none;
}
.blogPager li > a:hover{
  color: rgba(0, 0, 0, 0.3);
  transition:0.3s;
}


/* //////////////////////////////////////////////////////// */
@media screen and (max-width:764px) {
  .three-column_items{margin-left:0px;width: 100%;padding:0;}
  .three-column{margin:0;}
}