@charset "UTF-8";
/*===================================
 page --- トピックス（一覧）
===================================*/
footer {
  margin-top: 60px;
}
@media screen and (min-width: 600px) {
  footer {
    margin-top: 60px;
  }
}

/*----------------------------------
 ページタイトル
----------------------------------*/
.page__title-area {
  background-image: url("../../images/topics/mv_sp.jpg");
}
@media screen and (min-width: 600px) {
  .page__title-area {
    background-image: url("../../images/topics/mv.jpg");
  }
}

/*----------------------------------
 コンテンツ
----------------------------------*/
.topics-wrap {
  margin-top: 16px;
}
@media screen and (min-width: 600px) {
  .topics-wrap {
    margin-top: 45px;
  }
}

.c-topics__item {
  border-top: 1px dotted #595757;
  margin-top: 2px;
  padding: 10px 8px 10px 18px;
}
@media screen and (min-width: 600px) {
  .c-topics__item {
    margin-top: 2px;
    padding: 27px 5px;
  }
}
.c-topics__item:nth-child(n+2) {
  margin-top: 0;
  padding: 10px 8px 10px 18px;
}
@media screen and (min-width: 600px) {
  .c-topics__item:nth-child(n+2) {
    padding: 27px 5px;
  }
}
.c-topics__item:last-child {
  border-bottom: none;
}

@media screen and (min-width: 600px) {
  .c-topics-content {
    margin-left: 3.4%;
  }
}

/*----------------------------------
 ページネーション
----------------------------------*/
.pagination {
  margin: 32px 0 0;
}
@media screen and (min-width: 600px) {
  .pagination {
    margin: 64px 0 0;
  }
}

@media screen and (min-width: 600px) {
  .pagination-list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

/*----------------------------------
 アーカイブ
----------------------------------*/
.ttl_archive {
  margin: 0 0 30px;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
  .ttl_archive {
    margin: 0 0 50px;
    font-size: 2.5rem;
  }
}
.no_articles {
  margin: 90px 0;
  text-align: center;
}
/*# sourceMappingURL=topics.css.map */