@charset "utf-8";
/* CSS Document */
body:not(.on) {
  background: #07111B;
}

/* ---------- news_detail（ニュース詳細） ---------- */
.news_detail .txt-box {
  color: #C8C4B9;
}

.news_detail .title {
  color: #E0DDD6;
  font-family: "Zen Old Mincho", serif;
}


/* ---------- newspage_a（ニュース詳細ページ内パーツ） ---------- */
.newspage_a .webgene-blog .webgene-item .date {
  color: #9F8554;
  font-family: "EB Garamond", serif;
}

.newspage_a .webgene-blog .webgene-item h1 {
  font-size: 30px;
}

.newspage_a .webgene-blog .webgene-item .catename {
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #937431;
  border-radius: 200px;
  padding: 3px 20px;
  font-size: 14px;
}


/* ---------- news_b（一覧：画像） ---------- */
.news_b.news_list .contents .webgene-blog .webgene-item .imgbox {
  border-radius: 0px;
}


/* ---------- news_b（一覧：カテゴリ上部） ---------- */
.news_b .cate-wrap {
  gap: 80px;
  justify-content: flex-start;
}

.news_b .cate-wrap .webgene-blog {
  justify-content: center;
}

.news_b .cate-wrap .webgene-blog p {
  color: #E0DDD6;
}

.news_b .cate-wrap .webgene-blog .webgene-item {
  min-width: calc(100% / 6 - 100px / 6);
}

.news_b .cate-wrap .webgene-blog .webgene-item a {
  border: 1px solid #E0DDD6;
  padding: 5px 15px;
  border-radius: 200px;
}
/*
.news_b .cate-wrap .webgene-blog .webgene-item a.on {
  background-color: #937431;
  border-color: #fff;
}
*/
.news_b .cate-wrap .webgene-blog .webgene-item a.on {
  background-color: #754b0a;
  border-color: #fff;
}


/* ---------- news_b（一覧：リスト） ---------- */
.news_b .news_list .webgene-blog .webgene-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(235, 235, 235, 0.2);
}

.news_b .news_list .webgene-blog .webgene-item h3 {
  color: #fff;
}

.news_b .news_list .webgene-blog .webgene-item .cate_txt {
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #937431;
  border-radius: 200px;
  padding: 3px 20px;
  font-size: 14px;
}

/* カテゴリ名バッジ（一覧共通） */
.news_b .webgene-blog .webgene-item .catename {
  border: 1px solid #E0DDD6;
  line-height: 1.6;
}


/* ---------- news_b（一覧：ページネーション） ---------- */
.news_b .webgene-pagination {
  padding-top: 60px;
}

.news_b .webgene-pagination ul a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff;
  background-color: transparent;
  width: 30px;
  aspect-ratio: 1 / 1;
  font-size: 22px;
  line-height: 0;
  padding-bottom: 16px;
  font-family: "EB Garamond", serif;
}

.news_b .webgene-pagination ul .selected a {
  pointer-events: none;
  background-color: transparent;
  color: #9F8554;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
  /* IE専用スタイル */
}


/* ---------- 1280px以下 ---------- */
@media screen and (max-width: 1280px) {
}


/* ---------- 1080px以下 ---------- */
@media screen and (max-width: 1080px) {
  .newspage_a .webgene-blog .webgene-item h1 {
    font-size: 24px;
  }
}


/* ---------- 768px以下 ---------- */
@media screen and (max-width: 768px) {
  .news_b .cate-wrap {
    gap: 30px;
  }
    .news_b.news_list .contents .webgene-blog .webgene-item {
        width: calc(100% / 2 - 30px / 2);
    }
    
        .news_b.news_list .contents .webgene-blog {
        gap: 60px 30px;
    }
    
}


/* ---------- 576px以下 ---------- */
@media screen and (max-width: 576px) {
        .news_b.news_list .contents .webgene-blog .webgene-item {
        width: 100%;
    }
    
  .news_b .cate-wrap .webgene-blog {
    justify-content: flex-start;
  }

  .news_b .news_list .webgene-blog .webgene-item .imgbox {
    margin-bottom: auto;
  }

  .newspage_a .webgene-blog .webgene-item h1 {
    font-size: 20px;
  }
}