@charset "UTF-8";

/* =============================================================================

Sitemap CSS

・サイトマップページ用CSS「.sitemap-×××」

上記はここに記述する

============================================================================= */


/* .SelectorName
----------------------------------------------------------------------------- */
.sitemap-selectorName {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
}

.sitemap .p-pbe-A {
  @media (width <= 640px) {
    padding-block-end: 0;
  }
}

.sitemap-wrap {
  @media (width > 640px) {
    display: flex;
    justify-content: space-between;
    padding: 12rem;
  }
  @media (width <= 640px) {
    padding: 8rem 0;
  }
}

.sitemap-link {
  margin-inline: 0;
  font-size: 1.8rem;
  font-family:var(--ff-serif);
  line-height: 1.8;
  letter-spacing: 0.16em;
  text-decoration: underline;
  transition: all .3s;
  @media (width > 640px) {
    min-height: 3.2rem;
    transition: all .7s;
  }
  @media (width <= 640px) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 0 0.8rem;
    width: 100%;
    min-height: 4rem;
    border-bottom: 1px solid var(--cc-gray_line-A);
    text-decoration: none;
  }
}

.sitemap-link:hover {
  @media (width > 640px) {
    opacity: .6;
  }
}

.sitemap-link::before {
  @media (width > 640px) {
    border-bottom: none;
  }
  @media (width <= 640px) {
    border-bottom: 1px solid var(--cc-gray_line-A);
  }
}
.sitemap-link::after {
  @media (width > 640px) {
    content: none;
  }
  @media (width <= 640px) {
  }
}

.sitemap-list:not(:last-child) {
  @media (width > 640px) {
    margin-bottom: 2.4rem;
  }
  @media (width <= 640px) {
  }
}

.sitemap-linkbox {
  font-size: 1.8rem;
  font-family:var(--ff-serif);
  line-height: 1.8;
  letter-spacing: 0.16em;
  .sitemap-txt {
    @media (width > 640px) {
      margin-bottom: 1.2rem;
      text-decoration: underline;
    }
    @media (width <= 640px) {
      margin-bottom: 1.6rem;
      padding: 1.6rem 0 0.8rem;
      border-bottom: 1px solid var(--cc-gray_line-A);
    }
    a {
      display: block;
      color: var(--cc-black-A);
      font-size: 1.8rem;
      font-family:var(--ff-serif);
      line-height: 1.8;
      letter-spacing: 0.16em;
    }
  }
  li:not(:last-child) {
    @media (width > 640px) {
      margin-bottom: 0.8rem;
    }
    @media (width <= 640px) {
      margin-bottom: 0.6rem;
    }
  }
  a {
    margin-inline: 0;
    gap: 0.8em;
    color: var(--cc-gray_text-A);
    font-size: 1.6rem;
    font-family: var(--ff-default);
    line-height: 2;
    letter-spacing: 0.12em;
    min-height: auto;
    @media (width <= 640px) {
      width: 100%;
    }
  }
  a::before {
    border-bottom: none;
  }
  a::after {
    background-color: var(--cc-gray_text-A);
  }
}

.sitemap-linkbox:not(:last-child) {
  @media (width > 640px) {
    margin-bottom: 2.4rem;
  }
  @media (width <= 640px) {
    margin-bottom: 0; 
  }
}

.sitemap-sublist {
  margin-left: 1.2rem;
}