@charset "utf-8";

/* -----------------------------------------------------------------
 cmn_box_sort
----------------------------------------------------------------- */
.cmn_box_sort >.item {
  display: flex;
}
.cmn_box_sort >.item + .item {
  margin-top: 19px;
}
.cmn_box_sort >.item >.ttl {
  width: 7em;
  font-weight: 700;
}
.cmn_box_sort >.item >.body {
  display: flex;
  align-items: center;
}
.cmn_box_sort >.item >.body::before {
  content:"";
  display:block;
  width:1px;
  height:1.1rem;
  margin-right: 1rem;
  background:#231205;
}
.cmn_box_sort >.item .list_cat {
  display: flex;
  align-items: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cmn_box_sort >.item >.body .cat-item {
  padding: 5px 12px 6px;
  border: #231205 1px solid;
  line-height: 1;
}
.cmn_box_sort >.item >.body .cat-item + .cat-item {
  margin-left: 10px;
}
.cmn_box_sort >.item >.body .cat-item.current-cat {
  background: #625A54;
  color: #fff;
}
.cmn_box_sort >.item >.body select {
  min-width: 8em;
  padding: 1px 12px;
  border: #231205 1px solid;
  line-height: 1;
}
@media (min-width : 768px){
  .cmn_box_sort {
    margin-top: 59px;
  }

}
@media screen and (max-width : 767px){
  .cmn_box_sort {
    margin-top: 2.6em;
  }
	.cmn_box_sort >.item >.body .cat-item {
		margin: 0 0px 10px 10px;
	}
}

/* -----------------------------------------------------------------
 cmn_list_news
----------------------------------------------------------------- */
.cmn_list_news {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.cmn_list_news .box_label {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  z-index: 2;
}
.cmn_list_news .box_label time  {
  display: flex;
  flex-direction: column;
  padding: 14px 14px 14px 16px;
  background: #fff;
}
.cmn_list_news .box_label time .year {
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 700;
  font-size: 1.15rem;
}
.cmn_list_news .box_label time .day {
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 700;
  font-size: 1.8rem;
}
.cmn_list_news .box_label .cmn_news_cat {
  margin-left: 1em;
  margin-top: .6em;
}
.cmn_list_news .entry_ttl {
  margin-top: 1.1em;
  line-height: 1.5;
  letter-spacing: .08em;
  font-weight: 700;
}

@media (min-width : 768px){
  .cmn_list_news {
    gap:4rem;
    width: 88vw;
    min-width: 1080px;
    max-width: 1300px;
    margin-top: 84px;
  }
  .cmn_list_news .item {
    width: calc((100% - 8rem) / 3);
  }
  .cmn_list_news .box_label {
    margin-top: -50px;
  }
  .cmn_list_news .entry_ttl {
  font-size: 1.1rem;
  }
}
@media screen and (max-width : 767px){
  .cmn_list_news {
    flex-direction: column;
    align-items: center;
    gap: 9vw;
    width: 100%;
    margin-top: 10vw;
  }
  .cmn_list_news .item {
    width: 100%;
  }
  .cmn_list_news .box_label {
    margin-top: -7vw;
  }
  .cmn_list_news .box_label time {
    flex-direction: row;
    align-items: baseline;
  }
  .cmn_list_news .entry_ttl {
  font-size: 3.7vw;
  }
}
/* -----------------------------------------------------------------
 ページネーション
----------------------------------------------------------------- */
.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  margin-left: auto;
  margin-right: auto;
}
.pagination .page-numbers {
  padding: 0 .6em 0 .8em;
  line-height: 1;
  letter-spacing: 0;
  font-size: 1.2rem;
  color: #D2C0B2;
}
.pagination .page-numbers + .page-numbers {
  border-left: #000 1px solid;
}
.pagination .page-numbers.prev + .page-numbers,
.pagination .page-numbers.next{
  border-left: none;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next{
  font-size: .7rem;
  color: #231205;
}
.pagination .page-numbers.prev {
  margin-right: 4em;
  padding-left: 1.5em;
  background:url("../images/common/arrow_style05_l_br.svg") no-repeat left center;

}
.pagination .page-numbers.next {
  margin-left: 4em;
  padding-right: 1.5em;
  background:url("../images/common/arrow_style05_r_br.svg") no-repeat right center;
}

.pagination .page-numbers.current {
  color: #231205;
}

@media (min-width : 768px){
  .pagination {
    margin-top: 100px;
  }
  .pagination .nav-links {
    width: calc(100% - 200px);
    max-width: 1080px;
  }
}
@media screen and (max-width : 767px){
  .pagination {
    margin-top: 20vw;
  }
}