@charset "UTF-8";

/* =========================================================
   Content / Docs, Category
========================================================= */

/* contentGpArticleDocs, contentGpCategoryCategory
----------------------------------------------- */
.contentGpArticleDocs, .contentGpCategoryCategory {
  max-width: 890px;
  margin: 0 auto;
}
.contentGpArticleDocs .docs ul, .contentGpCategoryCategory .docs ul {
  border-top: 1px solid var(--clr-deep-gray);
}
.contentGpArticleDocs .docs ul li a, .contentGpCategoryCategory .docs ul li a {
  display: flex;
  align-items: flex-start;
  padding: 18px 60px 18px 0;
  border-bottom: 1px solid var(--clr-deep-gray);
  background: url(/_themes/renkei/img/topics-arrow2.svg) right 15px center no-repeat;
  color: var(--font-color);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.contentGpArticleDocs .docs ul li a:hover, .contentGpCategoryCategory .docs ul li a:hover {
  opacity: 0.5;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.contentGpArticleDocs .docs ul li a .publish_date, .contentGpCategoryCategory .docs ul li a .publish_date {
  flex-shrink: 0;
  margin-right: 40px;
}
.contentGpArticleDocs .docs ul li a .category span, .contentGpCategoryCategory .docs ul li a .category span {
  display: block;
  min-width: 105px;
  margin-right: 20px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #858585;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
}
.contentGpArticleDocs .docs ul li a .category span ~ span, .contentGpCategoryCategory .docs ul li a .category span ~ span {
  display: none;
}
@media only screen and (max-width: 768px) {
  .contentGpArticleDocs .docs ul li a, .contentGpCategoryCategory .docs ul li a {
    flex-wrap: wrap;
    gap: 5px 20px;
    padding: 10px 45px 10px 0;
  }
  .contentGpArticleDocs .docs ul li a .publish_date, .contentGpCategoryCategory .docs ul li a .publish_date {
    margin: 0;
  }
  .contentGpArticleDocs .docs ul li a .category span, .contentGpCategoryCategory .docs ul li a .category span {
    min-width: 0;
    margin: 0;
    font-size: 0.75rem;
  }
  .contentGpArticleDocs .docs ul li a .title, .contentGpCategoryCategory .docs ul li a .title {
    flex-basis: 100%;
  }
}

/* contentGpCategoryCategoryTypes, contentGpCategoryCategoryType
----------------------------------------------- */
.contentGpCategoryCategoryTypes, .contentGpCategoryCategoryType {
  max-width: 890px;
  margin: 0 auto;
  border-top: 1px solid var(--clr-deep-gray);
}
.contentGpCategoryCategoryTypes h2 a, .contentGpCategoryCategoryType h2 a {
  display: block;
  padding: 18px 60px 18px 0;
  border-bottom: 1px solid var(--clr-deep-gray);
  background: url(/_themes/renkei/img/topics-arrow2.svg) right 5px center no-repeat;
  color: var(--font-color);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.contentGpCategoryCategoryTypes h2 a:hover, .contentGpCategoryCategoryType h2 a:hover {
  opacity: 0.5;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .contentGpCategoryCategoryTypes h2 a, .contentGpCategoryCategoryType h2 a {
    padding: 10px 30px 10px 0;
  }
}