.koda_sitemap {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    /*color: #2c2c2c;*/
    line-height: 2;
    margin: 0 auto;
}

.koda_sitemap h1 {
    font-weight: 300;
    font-size: 1.6rem;
    letter-spacing: 0.12em;
    color: #888;
    margin-bottom: 2.5rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #ddd;
}

.koda_sitemap ul {
    list-style: none;
    padding-left: 0;
}

.koda_sitemap ul ul {
    padding-left: 1.8rem;
    border-left: 1px solid #e0ddd8;
    margin-left: 0.4rem;
}

.koda_sitemap li {
    position: relative;
    /* padding: 0.35rem 0;*/
    letter-spacing: 1px;
}

/* Top-level items */
.koda_sitemap>ul>li {
    margin-bottom: 0px;
}

.koda_sitemap>ul>li>span {
    font-weight: 700;
    font-size: 16px;
    color: #1a1a1a;
    display: inline-block;
    padding: 0px 14px;
    background: #eae8e3;
    border-radius: 10px 0;
    width: 200px;
    border-top: 1px solid #e0ddd8;
    border-bottom: 1px solid #e0ddd8;
    margin-top: 10px;
    margin-bottom: 8px;
}

/* Nested items */
.koda_sitemap ul ul li>span {
    font-weight: 600;
    font-size: 15px;
    color: #444;
    transition: color 0.2s;
}

/*.koda_sitemap ul ul li > span:hover {
  color: var(--_koda---bg_button);
}*/
/* Depth indicator dots
ul ul > li::before {
  content: '·';
  position: absolute;
  left: -1.15rem;
  color: #bbb;
  font-size: 1.2rem;
  line-height: 1.6;
}
*/
/* Note marker */
.note {
    color: #a0937e;
    font-size: 10px;
    margin-left: 6px;
}

.sm_link {
    cursor: pointer;
}

/*.sm_link::after {*/
.koda_sitemap a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.koda_sitemap a::after {
    font: var(--fa-font-solid);
    content: "\f101";
    margin-left: 4px;
    color: var(--_koda---bg_button);
}

.koda_sitemap a:hover {
    color: var(--_koda---bg_button);
}

.sm_list::before {
    font: var(--fa-font-solid);
    content: "\f03a";
    margin-right: 4px;
}

.sm_detail::before {
    font: var(--fa-font-regular);
    content: "\f15b";
    margin-right: 4px;
}

.sm_comingsoon::after {
    content: "coming soon";
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: orchid;
}

.sm_memberonly::after {
    content: "member only";
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: green;
}
.sm_delim::after {
  content: "/";
  padding: 0 0px;
}