@charset 'utf-8';

/* .blContainer {
  width: 90%;
  outline: 1px solid red;
} */

/* .section_inner p {
  margin-top: 3rem;
  font-size: max(1.5cqw, 0.9rem);
  line-height: 1.5;
} */

.article {
  width: 80%;
  margin: 0 auto;
}

figure {
  width: 100%;
  margin: 1.5rem auto 0;
}

figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.article_date,
.article_category {
  font-size: 0.9rem;
  color: #777;
}

.article_category {
  margin-top: 0.5rem;
}

.article_category a {
  color: var(--color1);
  text-decoration: underline;
  transition: font-weight .1s ease-in;
}

.article_category a:hover {
  font-weight: 600;
}

.wp-block-columns {
  display: flex;
  gap: 10px;
}

.article_title {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.article_text p {
  margin-top: 3rem;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media screen and (max-width: 580px) {
  .article {
    width: 100%;
  }

  .article_text p {
    margin-top: 1rem;
    font-size: min(4cqw, 1.2rem);
    line-height: 1.25;
  }

  .wp-block-columns {
    display: block;
  }
}

/*--------------------------------------------------------
what's new
--------------------------------------------------------*/
.news_container {
  margin-top: 3rem;
}

.news_list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2%;
}

.hover_all {
  position: relative;
}

.hover_all a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.news_item {
  width: calc(96% / 3);
  margin-top: 20px;
  overflow: hidden;
}

.news_item figure {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.news_item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}

.news_item:hover figure img {
  transform: scale(1.05);
}

.news_body {
  margin-top: 0.5rem;
}

.data-box {
  font-size: 0.8rem;
}
.text_box {
  font-size: 0.8rem;
}
.news_title {
  margin-top: 0.5rem;
  color: var(--color1);
  font-size: min(1.5cqw, 1rem);
  font-weight: 700;
}

.news_text {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.25;

  display: -webkit-box;             
  -webkit-box-orient: vertical;      /* 垂直方向に配置 */
  overflow: hidden;                  /* 溢れた部分を隠す */
  text-overflow: ellipsis;           /* 溢れた部分に「...」を表示 */
  -webkit-line-clamp: 2;             /* 最大行数を2行に設定 */
}

@media screen and (max-width: 900px) {
  .news_list {
    display: block;
  }

  .news_item {
    width: 80%;
    margin: 50px auto 0;
  }

  .news_item figure {
    height: 350px
  }
}

@media screen and (max-width: 580px) {
  .news_item {
    width: 100%;
  }

  .news_item figure {
    height: 250px
  }

  .data-box {
    font-size: 0.9rem;
  }

  .news_title {
    font-size: 1.5rem;
  }

  .news_text {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------
pagination
--------------------------------------------------------*/
.screen-reader-text {
  display: none;
}

.pagination {
  margin-top: 1rem;
}

.nav-links {
  display: flex;
  gap: 5px;
}

a.page-numbers,
span.page-numbers {
  display: block;
  border: 1px solid #333;
  border-radius: 2px;
  width: 30px;
  height: 25px;
  font-size: 0.8rem;
  text-align: center;
  line-height: 25px;
}

a.page-numbers.next,
a.page-numbers.prev {
  border: none;
}

span.page-numbers.current {
  background: #333;
  color: #fff;
}