@charset "UTF-8";

/* ====================
sitemap
=====================*/

#sitemap a {
  text-decoration: none;
}

#sitemap .c_red {
  font-weight: bold;
  font-size: 120%;
}

#sitemap .blandList p {
  word-break: break-word;
}

#sitemap .sitemapContainer {
  display: flex;
  flex-direction: column;
}

#sitemap .sitemapItem {
  border-bottom: 1px solid #d9d9d9;
  padding: 3em 0;
}

#sitemap .sitemapListTtl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
}

#sitemap .sitemapList {
  padding: 0 1em;
  margin-top: 1em;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
}

#sitemap .sitemapList a {
  display: inline-block;
  line-height: 1.5;
}

#sitemap .sitemapList a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.4em;
  background-image: url(../img/common/icon_arwRed.svg);
  background-size: 100%;
  background-position: center 0.1em;
  background-repeat: no-repeat;
}

#sitemap .sitemapList .link_newWindow a:after {
  background-image: url(../img/common/icon_newWindow_red.png);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  #sitemap .sitemapItem {
    a {
      text-decoration: none !important;
      span {
        text-decoration: none !important;
        background: linear-gradient(var(--red), var(--red)) 0 100% / 0 1px no-repeat;
        display: inline;
        transition: 0.3s;
      }
      &:hover span {
        color: var(--red);
        background-size: 100% 1px;
      }
    }
  }
}

@media (max-width: 767px) {
  #sitemap .sitemapListTtl {
    grid-template-columns: 1fr;
  }

  #sitemap .sitemapList {
    grid-template-columns: 1fr;
  }
}