@charset "utf-8";
/*  home.css
---------------------------------------------- */
/*  pc
---------------------------------------------- */
/*--------------------------------
 head_in 
 --------------------------------*/
#head_in {
  background: rgb(229, 246, 248);
}

/*--------------------------------
 news 
 --------------------------------*/
#news {
  padding: 130px 0;
  background: url(../common/img/bg_news.jpg) repeat-y center top / 100%;
}
#news .news_cont {
  padding: 50px 3% 70px;
}
#news .news_cont .pagenation {
  margin: 60px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-family: "Judson", serif;
  font-weight: 400;
  font-size: 22px;
}
#news .news_cont .pagenation .pg_active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #87bcc3;
  color: #fff;
}
#news .news_cont .pagenation .pg_next,
#news .news_cont .pagenation .pg_prev {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
}
#news .news_cont .pagenation .pg_next::before,
#news .news_cont .pagenation .pg_prev::before {
  content: "";
  width: 100%;
  height: 100%;
  border-top: solid 2px #1a1612;
  border-right: solid 2px #1a1612;
  position: absolute;
  transform: rotate(45deg);
}
#news .news_cont .pagenation .pg_prev::before {
  transform: rotate(-135deg);
}

/*--------------------------------
 single 
 --------------------------------*/
#single {
  font-family: "Shippori Mincho", serif;
}
#single time {
  font-family: "Judson", serif;
  font-size: 1.8rem;
  color: #afafaf;
}
#single .single_ttl {
  margin-bottom: 40px;
  font-size: 3.4rem;
}
#single .single_txt {
  line-height: 1.7;
}
#single .single_btn {
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
#single .single_btn .arrow {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
#single .single_btn .arrow a {
  display: block;
  width: 100%;
  height: 100%;
}
#single .single_btn .arrow a::before {
  content: "";
  width: 100%;
  height: 100%;
  border-top: solid 2px #1a1612;
  border-right: solid 2px #1a1612;
  position: absolute;
}
#single .single_btn .prev a::before {
  transform: rotate(45deg);
}
#single .single_btn .next a::before {
  transform: rotate(225deg);
}
#single .single_btn .list {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  height: 40px;
  border-radius: 22px;
  background: #87bcc3;
  color: #fff;
}

/*  mobile & smart phone
---------------------------------------------- */
@media only screen and (max-width: 959px) {
  /*--------------------------------
 news 
 --------------------------------*/
  #news {
    padding: 70px 0 100px;
  }
  #news .news_cont {
    padding: 10px 5% 40px;
  }
  #news .news_cont .pagenation {
    margin: 40px auto 0;
    gap: 15px;
  }
  #news .news_cont .pagenation .pg_active {
    width: 35px;
    height: 35px;
  }
  #news .news_cont .pagenation .pg_next::before,
  #news .news_cont .pagenation .pg_prev::before {
    border-top: solid 1px #1a1612;
    border-right: solid 1px #1a1612;
  }
}