/* ニュース全体 */
.anzu_news{
  max-width: 90rem;
  margin: 0 auto;
  margin-top: 8rem;
  margin-bottom: 7rem;
  font-family: var(--NotoSans);
}

/* ニュース個々の指定 */
.news_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.6rem 0;
  border-top: 0.1rem solid  #000000;
  text-decoration: none;
  color: #000000;
  height: auto;
  transition: .3s;
}
.news_item .news_date {
  transition: .3s;
}

/* ニュース個々の最後のボーダー */
.news_item:last-child{
  border-bottom:0.1rem solid  #000000; ;
}

/* 投稿日指定 */
.news_date{
  font-size: 1.6rem;
    color: #707071;
    margin-bottom: 0.25rem;
    font-weight: 400;
    display: block;
}

/* タイトル名指 */
.news_title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
}

/* ホバーすると文字色が変わる */
.news_item:hover .news_date,
.news_item:hover{
  color:#F38200;
  background-color: #fdf5e5;
}


/* オレンジの再生ボタン風アイコン */
.news_icon {
  width: 4rem;
  height: 4rem;
  background-color: #F38200;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  margin-right: 1.5rem;
}

/* アイコンの中の白い三角 */
.news_icon::after {
  content: '';
  width: 1.769rem;
  height: 2rem;
  transform: translate(-50%, -50%);
  background-image: url(../img/btn_icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 55%;
  transition: all 0.2s
}

/* ホバーすると矢印が動く */
/* .news_item:hover .news_icon::after{
  transform: translate(-20%, -50%);
} */


/* ページネーション */
/* ページネーション全体 */
.archive_pagenation_wrap{
  margin-top: 5rem;
  font-family:"Google Sans", sans-serif ;
  font-weight: 600;
}

.archive_pagenation_list{
  display: flex;
  justify-content: center;
}

/* ul */
ul.page-numbers{
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* li */
.page-numbers li{
  list-style: none;
}

/* 数字ボタン */
.page-numbers a,
.page-numbers span{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  text-decoration: none;
  color: #000;
  transition: all 0.2s;
}


/* 現在ページ */
.page-numbers .current{
  color:#F38200;
  border-bottom: 0.1rem solid #F38200;
}

/* ... */
.page-numbers .dots{
  border: none;
  width: auto;
}

/* prev next */
.page-numbers .prev,
.page-numbers .next{
  font-weight: 400;
  border: none;
  width: auto;
}


/* * レスポンシブ */ 

@media screen and (max-width:699.98px) {
  .anzu_news{
  max-width: 33.5rem;
  margin: 0 auto;
  margin-top: 4rem;
  margin-bottom: 7rem;
  }


  /* オレンジの再生ボタン風アイコン */
.news_icon {
  width: 4rem;
  height: 4rem;
  background-color: #F38200;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  margin-right: 0;
  }
}