@charset "UTF-8";

/* =========================================================
  docs tour
========================================================= */

/* tourTab, contentGpArticleDocs, contentGpCategoryCategory
----------------------------------------------- */

/* doc_link */
div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul.feed {
  display: none;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 30px;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li {
  flex-basis: calc((100% - 60px) / 3);
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .doc_link {
  color: inherit;
  text-decoration: none;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .image {
  display: block;
  aspect-ratio: 380/285;
  margin-bottom: 15px;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-in-out;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li:hover .image img {
  opacity: 0.8;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .title {
  display: block;
  margin-bottom: 15px;
  color: var(--a-color);
  font-size: 1.125rem;
  text-decoration: underline;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li:hover .title {
  color: var(--a-hover-color);
  text-decoration: none;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .subtitle {
  display: block;
  margin-bottom: 15px;
}

div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .summary {
  display: block;
  padding: 24px;
  border-radius: 8px;
  background-color: #fffce3;
  color: #cc4068;
}

@media only screen and (max-width: 959px) {
  div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li {
    flex-basis: calc((100% - 30px) / 2);
  }
}

@media only screen and (max-width: 534px) {
  div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) {
    flex-direction: column;
    gap: 40px;
  }

  div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li {
    flex-basis: 0;
    width: 100%;
  }

  div:is(#tourTab, .contentGpArticleDocs, .contentGpCategoryCategory) ul:has(li .doc_link) li .summary {
    padding: 15px;
  }
}