/*
 ニュース一覧
*/

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

.pageHeader {
  height: 600px;
  background-image: url('../img/single/singleHeader.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/single/singleHeader-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);
  }
}

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

.newsSingle .decoRightYeBar2 {
  top: 30px;
}

/* newsSingleArea */
.newsSingleArea {
  padding: 0;
}

@media screen and (max-width: 600px) {
  .newsSingleArea {
    padding: 0;
  }
}

.newsSingleMain {
  width: 1000px;
  margin: 0 auto;
}

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

.newsSingleMainDate {
  font-size: 16px;
  color: #9a9a9a;
}

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

.newsSingleMainTitle {
  font-size: 26px;
  font-weight: bold;
  color: #595757;
  padding: 20px 0 30px;
}

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

.newsSingleMaincatch {
  padding: 0 0 30px;
}

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

.newsSingleMaincatch img {
  border-radius: 10px;
}

@media screen and (max-width: 600px) {
  .newsSingleMaincatch img {
    border-radius: calc((10 / 600) * 100vw);
  }
}

.newsSingleMainText {
  color: #595757;
  font-size: 16px;
  line-height: 1.8em;
}

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

.navLinksBack {
  text-align: center;
  padding: 15px 0 0 0;
}

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

@media screen and (max-width: 600px) {

  .navLinksBack a,
  .navLinksBack a:visited {
    font-size: calc((18 / 600) * 100vw);
  }
}

.navLinksBack a:hover {
  text-decoration: none;
}