/*コンテンツ幅やセクション見出しのスタイリング*/
.ly_section {
  padding: 0px 0;
}
  
.ly_section_inner {
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto;
}
  
.el_lv2Heading {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 70px;
}
  
/*ここから3カラム記事エリアのスタイリング*/
.card_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
}
  
.card_items > li {
  width: 96%;
  margin-bottom: 5px;
  list-style: none;
}
  
.card_items > li:nth-of-type(2n) {
  margin-right: 0;
}
  
.card_item {
  position: relative;
  display: block;
  -webkit-box-shadow: 0 2px 4px #f4d384;
  box-shadow: 0 0 10px #f4d384;
}
  
/*画像エリアのスタイリング*/
.card_item:hover .card_item_imgWrapper::before {
  opacity: 1;
}
  
.card_item:hover .card_item_imgWrapper::after {
  content: "Read More";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
}
  
.card_item_imgWrapper {
  position: relative;
  width: 100%;
  left: -13%;
  padding-top: 56.25%;
  overflow: visible;
}
  
.card_item_imgWrapper::before, .card_item_imgWrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fafafa;
  background-color: rgba(26, 23, 23, 0.4);
  font-size: 1.5rem;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 0;
}
  
.card_item_imgWrapper > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}
  
/*日時、タイトル、抜粋文テキスト部分のスタイリング*/
.card_item_body {
  height: 100px;
  padding: 5px;
}
  
.card_item_body > .card_item_time {
  color: #e0e0e0;
  font-size: 1rem;
  
  display: block;
}
  
.card_item_body > .card_item_ttl {
  color: #e0e0e0;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
  
.card_item_body > .card_item_txt {
  color: #777;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 10px;
  overflow-x: hidden;
   white-space: nowrap;
  text-overflow: ellipsis;
}