/*
 ニュース一覧
*/

/* 大枠 */
.news {
  padding: 0 0 60px;
}

.pageHeader {
  height: 600px;
  background-image: url('../img/post/postHeader.png');
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .pageHeader {
    height: calc((600 / 600) * 100vw);
    background-image: url('../img/post/postHeader-sp.png');
  }
}

.pageHeader span {
  font-family: 'Kozuka Gothic Pro', "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 90px;
  text-align: center;
  color: #ff7a08;
  display: inline-block;
  padding: 15px 70px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 600px) {
  .pageHeader span {
    font-size: calc((90 / 600) * 100vw);
    padding: calc((15 / 600) * 100vw) calc((70 / 600) * 100vw);
  }
}

/* 飾り */
.news .decoRightYeBar {
  top: 488px;
}

.news .decoRightYeBar2 {
  top: 30px;
}

/* newsMain */
.newsMain {
  padding: 110px 0 0 0;
}

@media screen and (max-width: 600px) {
  .newsMain {
    padding: calc((70 / 600) * 100vw) 0 0 0;
  }
}

.newsMainArea {
  position: relative;
  padding: 50px 0 0 0;
  z-index: 102;
}

@media screen and (max-width: 600px) {
  .newsMainArea {
    padding: calc((50 / 600) * 100vw) 0 0 0;
    z-index: 102;
  }
}

.newsMainArea h2 {
  text-align: center;
}

.newsMainArea h2 span {
  display: inline-block;
  background-color: #ffc84b;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  border-radius: 10px;
  line-height: 1;
  padding: 5px 0;
}

@media screen and (max-width: 600px) {
  .newsMainArea h2 span {
    font-size: calc((30 / 600) * 100vw);
    width: calc((200 / 600) * 100vw);
  }
}

.newsMainAreaList {
  color: #9a9a9a;
  margin: 0 auto;
  padding: 20px 0 0 0;
  width: 580px;
}

@media screen and (max-width: 600px) {
  .newsMainAreaList {
    width: 100%;
    padding: calc((20 / 600) * 100vw) calc((10 / 600) * 100vw) 0;
  }
}

.newsMainAreaLink {
  display: flex;
  margin: 0 auto;
  background-color: #fff;
  padding: 17px 20px;
  line-height: 1;
}

@media screen and (max-width: 600px) {
  .newsMainAreaLink {
    padding: calc((17 / 600) * 100vw) calc((20 / 600) * 100vw);
  }
}

.newsMainAreaLink:nth-child(odd) {
  background-color: #ededed;
}

.newsMainAreaLinkDate {
  color: #9a9a9a;
  font-size: 16px;
  display: flex;
  align-self: center;
  padding: 0 20px 0 0;
}

@media screen and (max-width: 600px) {
  .newsMainAreaLinkDate {
    font-size: calc((16 / 600) * 100vw);
    padding: 0 calc((20 / 600) * 100vw) 0 0;
  }
}

.newsMainAreaLinkTitle {
  color: #595757;
  font-size: 18px;
  display: flex;
  align-self: center;
}

@media screen and (max-width: 600px) {
  .newsMainAreaLinkTitle {
    font-size: calc((18 / 600) * 100vw);
  }
}

.newsMainAreaListButton {
  text-align: center;
  padding: 26px 0 0 0;
}

@media screen and (max-width: 600px) {
  .newsMainAreaListButton {
    text-align: center;
    padding: calc((26 / 600) * 100vw) 0 0 0;
  }
}

.newsMainAreaListButton a {
  color: #ff7a08;
  font-size: 18px;
  text-decoration: underline;
}

@media screen and (max-width: 600px) {
  .newsMainAreaListButton a {
    font-size: calc((18 / 600) * 100vw);
  }
}

/* ページャー */
.wp-pagenavi {
  text-align: center;
  padding: 10px;
}

.wp-pagenavi span.current {
  border-color: #ff7903;
  color: #ff7903;
}

.wp-pagenavi a,
.wp-pagenavi span {
  border-color: #ffc84b;
}

.wp-pagenavi a:hover {
  border-color: #ff7903;
}

.wp-pagenavi a:visited {
  color: #ffc84b;
}