.widget-kit-wgridcontent .infocard,
.widget-kit-wgridcontent .inforowdate  {margin-bottom: 15px;}
.widget-kit-wgridcontent .infocard .detail {font-size: 2rem; padding: 15px 0px 7px;line-height: 29px;width: 100%;height: auto;display: block;float: left;}
.widget-kit-wgridcontent .infocard .detail .detail-title, 
.widget-kit-wgridcontent .inforowdate .detail .detail-title {font-size: 2.6rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.widget-kit-wgridcontent .infocard .detail .detail-row,
.widget-kit-wgridcontent .inforowdate .detail .detail-row {padding: 3px 0px;}
.widget-kit-wgridcontent .infocard .detail .detail-row,
.widget-kit-wgridcontent .inforowdate .detail .detail-row {position: relative;width: 100%;float: left;}
.widget-kit-wgridcontent .infocard .detail .detail-view {padding: 3px 0px;}
.widget-kit-wgridcontent .infocard .detail .detail-view em {font-size: 0.8em;}
.widget-kit-wgridcontent .infocard .detail .detail-view .detail-publish {float:left;display:inline-block;}
.widget-kit-wgridcontent .infocard .detail .detail-view .detail-view-amount {float:right;display:inline-block;}
.widget-kit-wgridcontent .infocard .detail .detail-title a,
.widget-kit-wgridcontent .infocard .detail .detail-title div,
.widget-kit-wgridcontent .inforowdate .detail .detail-title a,
.widget-kit-wgridcontent .inforowdate .detail .detail-title div {color:#333;}

/* row */
.widget-kit-wgridcontent .inforowdate {display: flex;}
.widget-kit-wgridcontent .inforowdate .date {width: 150px; align-self: center; text-align: center;}
.widget-kit-wgridcontent .inforowdate .image {width: 150px;}
.widget-kit-wgridcontent .inforowdate .detail {flex: 1;}
.widget-kit-wgridcontent .inforowdate .image .image-inner {position: relative; width: 100%;}
.widget-kit-wgridcontent .inforowdate .image img {width: 100%; height: 100%;}
.widget-kit-wgridcontent .inforowdate .detail  {font-size: 2rem; line-height: 29px;}
.widget-kit-wgridcontent .inforowdate .detail  .detail-inner {padding: 15px;}


/* Image Scale */
.widget-kit-wgridcontent .infocard .image {
   box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34);
   position: relative;
   width: 100%;
   /* 
   padding-top: 100%; => 1:1 Aspect Ratio
   padding-top: 75%; => 4:3 Aspect Ratio
   padding-top: 66.66%; => 3:2 Aspect Ratio
   padding-top: 62.5%; => 8:5 Aspect Ratio
   padding-top: 56.25%; => 16:9 Aspect Ratio
   padding-top: 50%; => 2:1 Aspect Ratio
   padding-top: 33.33%; => 3:1 Aspect Ratio
   */
}

.widget-kit-wgridcontent .infocard .department-image,
.widget-kit-wgridcontent .inforowdate .department-image { width: 50px; display: inline-block; padding-right: 15px;}
.widget-kit-wgridcontent .infocard .detail-publish em,
.widget-kit-wgridcontent .inforowdate .detail-publish em { padding-right: 10px; }

.widget-kit-wgridcontent .infocard .image.ratio-1-1,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-1-1 { padding-top: 100%; }
.widget-kit-wgridcontent .infocard .image-inner.ratio-4-3,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-4-3 { padding-top: 75%; }
.widget-kit-wgridcontent .infocard .image.ratio-3-2,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-3-2 { padding-top: 66.66%; }
.widget-kit-wgridcontent .infocard .image.ratio-8-5,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-8-5 { padding-top: 62.5%; }
.widget-kit-wgridcontent .infocard .image.ratio-16-9,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-16-9 { padding-top: 56.25%; }
.widget-kit-wgridcontent .infocard .image.ratio-2-1,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-2-1 { padding-top: 50%; }
.widget-kit-wgridcontent .infocard .image.ratio-3-1,
.widget-kit-wgridcontent .inforowdate .image-inner.ratio-3-1 { padding-top: 33.33%; }
.widget-kit-wgridcontent .infocard .image img,
.widget-kit-wgridcontent .inforowdate .image img {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
   object-fit: cover;
}

/* Overlay */
.widget-kit-wgridcontent .infocard .image .image-overlay,
.widget-kit-wgridcontent .inforowdate .image .image-overlay {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    display: block;
    background-color: rgba(51, 51, 51, 0.59);
    font-size: 2.4rem;
    padding: 7px 15px;
    color: #fff;
    text-align: center;
    font-weight: bold;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}

/* Line Clamp */
.widget-kit-wgridcontent .infocard .detail .detail-row a,
.widget-kit-wgridcontent .infocard .detail .detail-row div,
.widget-kit-wgridcontent .inforowdate .detail .detail-row a,
.widget-kit-wgridcontent .inforowdate .detail .detail-row div {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 61px; /*3 x 20 + 1 = 61px*/
  margin: 0 auto;
  font-size: 20px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-kit-wgridcontent .infocard .detail .detail-title a,
.widget-kit-wgridcontent .inforowdate .detail .detail-title a {
   white-space: unset !important;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   min-height: 65px;
   line-height: 1.2;
}

.widget-kit-wgridcontent .read-more-t {}
.widget-kit-wgridcontent .read-more-b {}
.widget-kit-wgridcontent .btn-read-more-all {padding: 5px; display: inline-block; border: 1px solid #000; color: #000; background-color: #ccc; }
.widget-kit-wgridcontent .btn-position-tr, .widget-kit-wgridcontent .btn-position-br {text-align: right;}
.widget-kit-wgridcontent .btn-position-tc, .widget-kit-wgridcontent .btn-position-bc {text-align: center;}
.widget-kit-wgridcontent .btn-position-tl, .widget-kit-wgridcontent .btn-position-bl {text-align: left;}