/* ==========================================================
ignis News
Created: 2021-01

01.archiveNews
02.
========================================================== */
/* 1.archiveNews
* ------------------------- */
.archiveNews {
  margin-top: 9.7014925373%;
}
.archiveNews .yearList {
  margin-bottom: 11.9402985075%;
  position: relative;
  z-index: 2;
}
.archiveNews .yearList .splistBtn {
  color: #d16c15;
  display: block;
  box-sizing: border-box;
  width: 100%;
  line-height: 2.7857142857;
  position: relative;
  border: #d16c15 1px solid;
  border-radius: 3px;
}
.archiveNews .yearList .splistBtn:after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 0.6428571429em;
  height: 0.6428571429em;
  border-bottom: #d16c15 1px solid;
  border-right: #d16c15 1px solid;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0.9285714286em;
  margin-top: -0.4821428571em;
  transform: rotate(45deg);
}
.archiveNews .yearList .splistBtn.active {
  border-radius: 3px 3px 0 0;
}
.archiveNews .yearList .splistBtn.active:after {
  margin-top: -0.1607142857em;
  transform: rotate(225deg);
}
.archiveNews .yearList .list {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: #fff;
  border: #d16c15 1px solid;
  border-top: none;
  border-radius: 0 0 3px 3px;
  display: none;
}
.archiveNews .yearList .list ul li {
  border-top: #d16c15 1px solid;
}
.archiveNews .yearList .list ul li:first-child {
  border-top: none;
}
.archiveNews .yearList .list ul li a {
  font-family: 'Open Sans', sans-serif;
  color: #d16c15;
  line-height: 2.7857142857;
  text-align: center;
  display: block;
}
.archiveNews .newsList li {
  border-bottom: #c9caca 1px solid;
}
.archiveNews .newsList li:first-child {
  border-top: #c9caca 1px solid;
}
.archiveNews .newsList li a,
.archiveNews .newsList li div {
  display: block;
  padding: 1.0714285714em 0;
}
.archiveNews .newsList li .cat {
  font-size: 0.8571428571em;
  line-height: 1;
  letter-spacing: .12em;
  margin-bottom: 1em;
}
.archiveNews .newsList li .cat:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.75em;
  height: 1.75em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 1em;
}
.archiveNews .newsList li .cat.blog:before {
  background-image: url("../images/ico_blog.svg");
}
.archiveNews .newsList li .cat.works:before {
  background-image: url("../images/ico_works.svg");
}
.archiveNews .newsList li .cat.info:before {
  background-image: url("../images/ico_info.svg");
}
.archiveNews .newsList li .date {
  color: #999;
  font-size: 0.8571428571em;
  line-height: 1;
  margin-bottom: 0.8333333333em;
}
.archiveNews .newsList li .title {
  letter-spacing: .07em;
  line-height: 1.7142857143;
}
.archiveNews .pager {
  margin-top: 11.9402985075%;
}
.archiveNews .pager .pages {
  text-align: center;
  display: flex;
  justify-content: center;
}
.archiveNews .pager .pages li {
  width: 2.1428571429em;
  margin: 0 0.3571428571em;
  position: relative;
}
.archiveNews .pager .pages li:first-child {
  margin-left: 0;
}
.archiveNews .pager .pages li:last-child {
  margin-right: 0;
}
.archiveNews .pager .pages li a {
  display: block;
  line-height: 1;
}
.archiveNews .pager .pages li.num a {
  color: #d16c15;
  text-align: center;
  line-height: 2.1428571429;
  box-sizing: border-box;
  border: #d16c15 1px solid;
  border-radius: 2px;
}
.archiveNews .pager .pages li.num .dot {
  color: #d16c15;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.archiveNews .pager .pages li.num.current a {
  color: #fff;
  background: #d16c15;
  pointer-events: none;
  cursor: default;
}
.archiveNews .pager .pages li.btn > span {
  display: block;
  opacity: .4;
}
.archiveNews .pager .pages li.btn > span,
.archiveNews .pager .pages li.btn a {
  line-height: 1.5;
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}
.archiveNews .pager .pages li.btn > span:before,
.archiveNews .pager .pages li.btn a:before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  transform: rotate(45deg);
}
.archiveNews .pager .pages li.btn.prev > span:before,
.archiveNews .pager .pages li.btn.prev a:before {
  border-left: #d16c15 1px solid;
  border-bottom: #d16c15 1px solid;
}
.archiveNews .pager .pages li.btn.next > span:before,
.archiveNews .pager .pages li.btn.next a:before {
  border-right: #d16c15 1px solid;
  border-top: #d16c15 1px solid;
  margin-left: -3px;
}

/*/////////////////////////////
 RWD
/////////////////////////////*/
@media (min-width: 813px) {
  .archiveNews {
    margin-top: 4.2857142857em;
  }
  .archiveNews .yearList {
    width: 58.3333333333%;
    margin: 0 auto 1.4285714286em;
  }
  .archiveNews .yearList .splistBtn {
    display: none;
  }
  .archiveNews .yearList .list {
    position: static;
    background: none;
    border: none;
    border-radius: 0;
    display: block !important;
  }
  .archiveNews .yearList .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.4285714286%;
  }
  .archiveNews .yearList .list ul li {
    width: 13.8888888889%;
    margin: 0 1.3888888889% 2.7777777778%;
    border-top: none;
  }
  .archiveNews .yearList .list ul li a {
    line-height: 2.7142857143;
    border: #d16c15 1px solid;
    border-radius: 2px;
    transition: all .4s ease;
  }
  .archiveNews .yearList .list ul li a:hover, .archiveNews .yearList .list ul li a[aria-current="page"] {
    color: #fff;
    background-color: #d16c15;
  }
  .archiveNews .newsList li a,
  .archiveNews .newsList li div {
    display: flex;
    align-items: center;
    padding: 1.7142857143em 2.5% 1.7142857143em 0;
    position: relative;
  }
  .archiveNews .newsList li a:after,
  .archiveNews .newsList li div:after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 0.6428571429em;
    height: 0.6428571429em;
    border-top: #000 1px solid;
    border-right: #000 1px solid;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0.3214285714em;
    margin-top: -0.3214285714em;
    transform: rotate(45deg);
  }
  .archiveNews .newsList li div:after {
    display: none;
  }
  .archiveNews .newsList li a {
    transition: opacity .4s ease;
  }
  .archiveNews .newsList li a:hover {
    opacity: .7;
  }
  .archiveNews .newsList li a:hover .title {
    color: #d16c15;
  }
  .archiveNews .newsList li .cat {
    width: 10.2564102564%;
    margin-bottom: 0;
  }
  .archiveNews .newsList li .date {
    width: 11.9658119658%;
    color: #000;
    font-size: 1em;
    margin-bottom: 0;
  }
  .archiveNews .newsList li .title {
    width: 77.7777777778%;
    letter-spacing: .08em;
    line-height: 1.4285714286;
    transition: color .4s ease;
  }
  .archiveNews .pager {
    margin-top: 4.2857142857em;
  }
}

/*# sourceMappingURL=news.css.map */