/**
 * File: archive.css
 * Usage: archive.php(投稿の一覧ページ)のスタイルを定義します。
*/

.bl_aboutFV img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ly_magazineBanner {
  padding-top: 49px;
  padding-bottom: 64px;
  padding-inline: 30px;
  display: flex;
  gap: 24px;
  flex-direction: column;
  align-items: center;
}

.ly_magazineBanner_txt {
  line-height: 1.7;
}

.ly_magazinePosts {
  padding-inline: 30px;
}

.ly_magazinePosts_cat,
.ly_newsPosts_cat {
  font-family: 'NotoSansJp', sans-serif;
  padding-block: 24px;
  /* border-top: 1px solid #e6ddd3; */
  border-bottom: 1px solid #e6ddd3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 16px;
}

.ly_newsPosts_cat {
  padding-bottom: 80px;
}

.ly_magazinePosts_catItem,
.ly_newsPosts_catItem {
  border: 1px solid #ab8b8c;
  color: #ab8b8c;
  height: 36px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 13px;
  border-radius: 18px;
}

.ly_magazinePosts_catItem:hover,
.ly_magazinePosts_catItem:focus,
.ly_magazinePosts_catItem.active,
.ly_newsPosts_catItem:hover,
.ly_newsPosts_catItem:focus,
.ly_newsPosts_catItem.active {
  background-color: #ab8b8c;
  color: #fff;
}

.ly_magazinePosts_cont {
  font-family: 'NotoSansJp', sans-serif;
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-bottom: 100px;
}

.bl_magazineItem {
  width: 100%;
}

.bl_magazineItem_img {
  width: 100%;
  max-width: 420px;
  height: auto;
  max-height: 420px;
}

.ly_faq {
  background: transparent;
  border-top: 1px solid #e6ddd3;
}

.ly_magazinePosts_cat {
  padding-bottom: 80px;
}

.ly_newsPosts_cont {
  display: flex;
  flex-direction: column;
  font-family: 'NotoSansJP', sans-serif;
  padding-bottom: 80px;
}

.bl_newsItem {
  padding-top: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e6ddd3;
}

.bl_newsItem_meta {
  display: flex;
  flex-direction: row;
  gap: 24px;
  font-size: 14px;
}

.bl_newsItem_date {
  font-size: 20px;
  color: #808080;
}

.bl_newsCategory {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.bl_newsCategory_item {
  color: var(--text_heading);
  font-size: 14px;
}

.bl_pagination .wp-pagenavi {
  display: flex;
  justify-content: center;
  padding-bottom: 100px;
}

.bl_pagination .current,
.bl_pagination .page,
.bl_pagination .extend,
.bl_pagination .nextpostslink,
.bl_pagination .previouspostslink {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: 'NotoSerifJp', serif;
}

.bl_pagination .current {
  background-color: #4d4d4d;
  border-radius: 50%;
  color: #fff;
}

@media screen and (width >= 600px) {
  .ly_magazinePosts_cont {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .bl_magazineItem,
  .bl_magazineItem.swiper-slide {
    width: calc(100% / 2 - 24px);
  }

  .ly_contSingleNews .bl_btnCont {
    padding-inline: 100px;
  }
}

@media screen and (width > 768px) {
  .ly_magazineBanner {
    padding-top: 0;
    padding-bottom: 100px;
    padding-inline: 0;
    padding-top:80px;
    position: relative;
    z-index: 1;
  }

  .ly_magazineBanner {
    gap: 40px;
  }

  .ly_magazineBanner_img svg {
    width: 280px;
    height: 280px;
  }

  .ly_magazineBanner_txt {
    font-size: 18 px;
    line-height: 2;
  }

  .ly_magazinePosts {
    padding-inline: 0;
  }

  .ly_magazinePosts_cat {
    padding-inline: 0;
    padding-block: 32px;
    justify-content: center;
  }

  .ly_magazinePosts_cont {
    padding-top: 100px;
    padding-inline: 0;
    column-gap: 40px;
    row-gap: 80px;
    justify-content: start;
  }

  .bl_magazineItem {
    width: calc((100% - 80px) / 3);
  }

  .ly_magazinePosts_cont .bl_magazineItem_img {
    aspect-ratio: 1 / 1;
  }

  .bl_magazineItem_img {
    max-width: unset;
    max-height: unset;
  }

  .ly_newsPosts_cont {
    padding-bottom: 100px;
  }

  .ly_newsPosts_cat {
    border-top: none;
    justify-content: center;
    padding-top: 21.4vh;
    padding-bottom: 8.5vh;
  }

  .bl_newsItem_meta {
    display: contents;
  }

  .bl_newsItem {
    padding-top: 38px;
    padding-bottom: 42px;
    display: flex;
    flex-direction: row;
  }

  .bl_newsItem_meta p {
    width: 10ch;
  }

  .bl_newsCategory {
    width: 15%;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 4px;
  }
}