/**********************************************************************

 - アーカイブページ（共通）

**********************************************************************/
h2.archive {
  margin-bottom: 24px;
  font-size: 2.0rem;
  text-align: left;
}
.archives {
  margin-bottom: 40px;
}
.archives li {
  border-bottom: 1px solid #ccc;
}
.archives li:last-child {
  border-bottom: none;
}
.archives li a {
  display: block;
  padding: 40px 0;
  box-sizing: border-box;
}
.archives li a h4 {
  display: block;
  margin-bottom: 12px;
  font-size: 1.6rem;
}
.archives li a p {
  /*margin-bottom: 20px;*/
  font-size: 1.4rem;
}
.archives li a .post_details {
  margin: 16px 0 0;
  font-size: 1.2rem;
}
.archives li a .post_details .post-type {
  margin-left: 4px;
  padding: 4px 8px;
  font-size: 1.0rem;
  text-align: center;
  background: #eee;
}
.archives li a .post_details .taxonomy {
  display: block;
  margin-top: 16px;
  line-height: 1.6;
  color: #888;
}
.archives li a .post_details .taxonomy span::before {
  content: "/";
  margin: 0 8px;
  color: #aaa;
}
.archives li a .post_details .taxonomy span:first-of-type::before {
  content: none;
}
.archives li a .post_details .writer {
  display: block;
  margin-top: 12px;
  line-height: 1.6;
  color: #888;
}
.archives li a .post_details .writer::before {
  content: "筆者：";
  margin-right: 8px;
}

/**********************************************************************

 - タクソノミーアーカイブページ
 - 固定ページアーカイブテンプレート
 - アーカイブテンプレート

**********************************************************************/
#TaxList.taxonomy_archives > li:first-child a,
#PostArchives > li:first-child a,
#ArchiveList > li:first-child a {
  padding-top: 0;
}
#TaxList.taxonomy_archives > li:last-child a,
#PostArchives > li:last-child a,
#ArchiveList > li:last-child a {
  padding-bottom: 0;
}
#TaxList.taxonomy_archives > li a .imgBox,
#PostArchives > li a .imgBox,
#ArchiveList > li a .imgBox {
  display: block;
}
#TaxList.taxonomy_archives > li a .textBox,
#PostArchives > li a .textBox,
#ArchiveList > li a .textBox {
  display: block;
}
@media (min-width: 600.000px) {
  #TaxList.taxonomy_archives > li a .imgBox,
  #PostArchives > li a .imgBox,
  #ArchiveList > li a .imgBox {
    width: 26%;
    float: left;
  }
  #TaxList.taxonomy_archives > li a .textBox,
  #PostArchives > li a .textBox,
  #ArchiveList > li a .textBox {
    width: 70%;
    float: right;
  }
}
@media (max-width: 599.999px) {
  #TaxList.taxonomy_archives > li a .imgBox,
  #PostArchives > li a .imgBox,
  #ArchiveList > li a .imgBox {
    width: 100%;
    margin-bottom: 12px;
  }
  #TaxList.taxonomy_archives > li a .textBox,
  #PostArchives > li a .textBox,
  #ArchiveList > li a .textBox {
    width: 100%;
  }
}

#TaxList.taxonomy_archives > li a .textBox h3,
#PostArchives > li a .textBox h3,
#ArchiveList > li a .textBox h3 {
  margin-bottom: 8px;
  font-size: 1.8rem;
  line-height: 1.6;
}
#TaxList.taxonomy_archives > li a .textBox .Date,
#PostArchives > li a .textBox .Date,
#ArchiveList > li a .textBox .Date {
  display: inline-block;
  margin-bottom: 0px;
  font-size: 1.2rem;
  color: #888;
}
#TaxList.taxonomy_archives > li a .textBox p,
#PostArchives > li a .textBox p,
#ArchiveList > li a .textBox p {
  line-height: 1.6;
}

/**********************************************************************

 - 連載

**********************************************************************/
#SeriesTermList li {
  display: block;
  width: calc((100% - 4%) / 2);
  margin: 0 0 40px 4%;
  float: left;
}
#SeriesTermList li:nth-child(2n+1) {
  margin: 0;
  clear: both;
}
#SeriesTermList li a {
  display: block;
}
#SeriesTermList li a .imgBox {
  margin-bottom: 16px;
}
#SeriesTermList li a h4 {
  font-size: 1.6rem;
}
/**********************************************************************

 - 検索結果

**********************************************************************/
.search_result_title {
  margin-bottom: 24px;
}

/**********************************************************************

 - info

**********************************************************************/
#infoList.customposts_archives.info li span.Date {
  width: 12%;
}
#infoList.customposts_archives.info li span.infoTxt {
  width: 86%;
}

@media (max-width: 1080px) and (min-width: 969px) {
  #infoList.customposts_archives.info li span.Date {
    width: 16%;
  }
  #infoList.customposts_archives.info li span.infoTxt {
    width: 84%;
  }
}
@media (max-width: 968px) and (min-width: 833px) {
  #infoList.customposts_archives.info li span.Date {
    width: 18%;
  }
  #infoList.customposts_archives.info li span.infoTxt {
    width: 82%;
  }
}