@charset "UTF-8";

/*--------------------------------
記事詳細
-------------------------------- */

.topix h3,
.news h3 {
  border-bottom: none;
}

.ttl_type_01 h3 {
  line-height: 4rem;
}

#detail b,
#up_ymd {
  font-weight: bold;
}

.detailText {
  margin-bottom: 20px;
}


.detailUpfile a {
  color: #000000;
  padding: 1rem 2rem;
  border: 1px solid #CCCCCC;
}

.detailText a {
  color: #000000;
}

.detailUpfile a:hover,
.detailText a:hover {
  color: #CCCCCC;
}

.topix-news__back {
  text-align: right;
  display: block;
}

.topix-news__back a {
  color: #000;
  border-bottom: 1px solid #1ea132;
}

.topix-news__back a:hover {
  border-bottom: none;
}

#detail ul {
  list-style: disc;
  margin-left: 1em;
}

/*--------------------------------
記事一覧
-------------------------------- */

#contentList {
  list-style: none;
}

#contentList > li {
  border-top: 1px solid #8b8b8b;
  padding: 20px 0;
}

#contentDetail {
  display: flex;
  justify-content: center;
  list-style: none;
  line-height: 1.6;
}

#contentDetail .up_ymd {
  width: 20%;
  font-weight: bold;
  padding: 3px 10px 3px 0;
  border-right: 1px solid #8b8b8b;
}

#contentDetail .up_title {
  width: 80%;
  padding: 3px 0 3px 20px;
}

#contentDetail a {
  color: #000;
  text-decoration: underline;
}

#contentDetail a:hover {
  text-decoration: none;
}

@media (max-width: 1024px) {
}

@media (max-width: 767px) {
  .ttl_type_01 h3 {
    line-height: 2.8rem;
    text-align: left;
  }
}

@media (max-width: 480px) {
  #contentDetail{
    font-size: 1.4rem;
  }
  #contentDetail .up_ymd {
    width:27%;
  }
  #contentDetail .up_title {
    width:73%;
  }
}


    /* ページネーション */
    .pager {
      text-align: center;
      margin: 50px 0 0;
  }

  .pager a {
      border-radius: 5px;
      color: #000;
      font-size: 1.4rem;
      padding: 6px 12px;
      margin: 0 7px;
      text-decoration: none;
  }

  .pager a.current {
      color: #1ea132;
  }

  .overPagerPattern {
      padding: 0 2px;
  }

  .pager a.pager_prev {
      background: url(../img/common/arrow_left.svg) no-repeat left center;
      margin: 0 15px 0 0;
      padding: 0 0 0 18px;
  }

  .pager a.pager_next {
      background: url("../img/common/arrow_right.svg") no-repeat right center;
      margin: 0 0 0 15px;
      padding: 0 18px 0 0;
  }

  /* 詳細 */

  .detailUpfile {
      text-align: center;
      margin: 30px 0 60px;
  }

  .detailUpfile img {
      width: 100%;
      height: auto;
  }

  @media (min-width: 1025px) {
      .pager a.pager_prev:hover {
          background: url(../img/common/arrow_left.svg) no-repeat left center;
          color: #1ea132;
          opacity: 0.7;
      }

      .pager a.pager_next:hover {
          background: url("../img/common/arrow_right.svg") no-repeat right center;
          color: #1ea132;
          opacity: 0.7;
      }
  }

  @media (max-width: 767px) {
      #up_ymd {
          padding: 0 0 1rem;
      }

      .detailUpfile {
          margin: 20px 0 40px;
      }
  }

  @media (max-width: 480px) {

      .pager a {
          font-size: 1.2rem;
          padding: 4px 8px;
          margin: 0 5px;
      }

      .pager a.pager_prev {
          margin: 0 10px 0 0;
          padding: 0 0 0 15px;
      }

      .pager a.pager_next {
          margin: 0 0 0 10px;
          padding: 0 15px 0 0;
      }
  }