@charset "UTF-8";
.postList {
  line-height: 1.7;
  position: relative;
}
.postList:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  opacity: 0.5;
  background: url(/special/onihei/assets/img/common/line_bk.svg) repeat-x left bottom;
}
.postList > li {
  padding: 16px 16px 28px;
  position: relative;
}
.postList > li:after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  opacity: 0.5;
  background: url(/special/onihei/assets/img/common/line_bk.svg) repeat-x left bottom;
}
.postList > li::before {
  position: absolute;
  top: 10px;
  left: -36px;
  display: block;
  content: "";
  opacity: 0.3;
  width: 120px;
  height: 120px;
  background: url(/special/onihei/assets/img/common/img_ornament01_br.svg) repeat-x left top/contain;
  mix-blend-mode: multiply;
}
.postList-date {
  display: block;
  margin-bottom: 12px;
  padding-top: 36px;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
}
.postList-date:before {
  position: absolute;
  display: block;
  content: "";
  content: "\E809";
  font-family: fontello;
  font-weight: normal;
  top: -4px;
  left: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.postList-body {
  display: block;
  font-size: 1.4rem;
}

/* ▼モバイルのみ付け足すデザイン */
@media screen and (max-width: 767.98px) {
  .c-title.-level1 img {
    width: 202px;
  }
}
/* ▼タブレット用デザインとして付け足すデザイン */
@media screen and (min-width: 768px) {
  .l-pagetitle__img .is-imgfit {
    -o-object-position: left center;
       object-position: left center;
  }

  .postList > li {
    padding: 48px 100px 48px;
    position: relative;
  }
  .postList > li:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    opacity: 0.5;
    background: url(/special/onihei/assets/img/common/line_bk.svg) repeat-x left bottom;
  }
  .postList > li::before {
    position: absolute;
    top: 24px;
    left: 0;
  }
  .postList-date {
    margin-bottom: 15px;
    padding-top: 0;
    font-size: 2rem;
  }
  .postList-date::before {
    top: 0;
    left: -40px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .postList-body {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 1.6rem;
  }
}
/* ▼PC用デザインとして付け足すデザイン */