@charset 'UTF-8';
.bl_vertBlogListTtl {
  margin-bottom: 50px;
  border-bottom: 1px solid #222;
  font-family: 'Noto Serif JP', serif;
}

.bl_vertBlogListTtl .bl_vertBlogListTtl_inner {
  margin-bottom: 3px;
  border-bottom: 2px solid #222;
}

.bl_vertBlogListTtl .bl_vertBlogListTtl__ttl {
  font-size: 30px;
}

.bl_vertBlogListTtl .bl_vertBlogListTtl__txt {
  margin-left: 10px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .bl_vertBlogListTtl {
    margin-bottom: 25px;
  }
}

.bl_vertBlogPost .bl_vertBlogPost_item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  margin-top: 30px;
  border-bottom: 1px solid #ddd;
  font-family: 'Noto Serif JP', serif;
}

.bl_vertBlogPost .bl_vertBlogPost_item:focus,
.bl_vertBlogPost .bl_vertBlogPost_item:hover {
  opacity: .75;
}

.bl_vertBlogPost .bl_vertBlogPost_item:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .bl_vertBlogPost .bl_vertBlogPost_item {
    display: block;
  }
}

.bl_vertBlogPost .bl_vertBlogPost_item_img {
  position: relative;
  width: 310px;
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .bl_vertBlogPost .bl_vertBlogPost_item_img {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 51.7241%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.bl_vertBlogPost .bl_vertBlogPost_item_img::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  opacity: .6;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat01::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #b69233 transparent;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat02::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #0987c1 transparent;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat03::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #8b0d0d transparent;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat04::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #4e8014 transparent;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat05::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #125ca1 transparent;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat06::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #ad6d2e transparent;
}

.bl_vertBlogPost .bl_vertBlogPost_item_img.bl_vertBlogPost_item_img__cat08::after {
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #547082 transparent;
}

@media screen and (max-width: 768px) {
  .bl_vertBlogPost .bl_vertBlogPost_item_img .bl_vertBlogPost_item_thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  @supports (object-fit: cover) {
    .bl_vertBlogPost .bl_vertBlogPost_item_img .bl_vertBlogPost_item_thumb {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: none;
      transform: none;

      object-fit: cover;
    }
  }
}

.bl_vertBlogPost .bl_vertBlogPost_item_movIcon {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 48px;
}

@media screen and (max-width: 768px) {
  .bl_vertBlogPost .bl_vertBlogPost_item_movIcon {
    bottom: 6px;
    left: 6px;
    width: 43px;
  }
}

.bl_vertBlogPost .bl_vertBlogPost_item_body a {
  text-decoration: none;
}

.bl_vertBlogPost .bl_vertBlogPost_item_body a:focus,
.bl_vertBlogPost .bl_vertBlogPost_item_body a:hover {
  opacity: .75;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag {
  font-size: 15px;
  font-weight: bold;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01 a {
  color: #b69233;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat02 a {
  color: #0987c1;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat03 a {
  color: #8b0d0d;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat04 a {
  color: #4e8014;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat05 a {
  color: #125ca1;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat06 a {
  color: #ad6d2e;
}

.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat01,
.bl_vertBlogPost .bl_vertBlogPost_item_mainTag.bl_vertBlogPost_item_mainTag__cat08 a {
  color: #547082;
}

.bl_vertBlogPost .bl_vertBlogPost_item_link__ttl {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.bl_vertBlogPost .bl_vertBlogPost_item_link__txt {
  margin-bottom: 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}

.bl_vertBlogPost .bl_vertBlogPost_item_tag li {
  display: inline;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}

.bl_vertBlogPost .bl_vertBlogPost_item_tag li a {
  color: #888;
}

.bl_vertBlogPost .bl_vertBlogPost_item_tag li + li::before {
  content: '・';
  color: #888;
}