@charset "UTF-8";
/* =========================================================
   USTOOL.jp  -  sitemap（/sitemap/）
   base.css → page.css のあとに読む。
   ページ一覧。左に点線の縦罫を引いて枝分かれに見せる。
   ========================================================= */

.smap{
  margin-top:clamp(14px,2vw,20px);
  padding-left:10px;
  border-left:2px dotted var(--line-soft);
}
.smap__item{
  position:relative;
  padding:clamp(11px,1.6vw,14px) 0 clamp(11px,1.6vw,14px) 22px;
}
/* 縦罫から伸びる枝 */
.smap__item::before{
  content:""; position:absolute; left:0; top:1.55em;
  width:14px; height:2px; border-radius:2px;
  background:var(--line);
}

.smap__link{
  display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px;
  font-family:var(--font-round); font-weight:700;
  font-size:clamp(15px,1.8vw,17px); line-height:1.6;
  color:var(--teal);
}
a.smap__link{
  text-decoration:underline; text-decoration-color:transparent;
  text-underline-offset:4px; transition:text-decoration-color .18s;
}
a.smap__link:hover{ text-decoration-color:currentColor; }
.smap__en{
  font-family:var(--font-body); font-weight:400;
  font-size:12px; letter-spacing:.04em; opacity:.8;
}

.smap__desc{
  margin-top:3px; font-size:14px; color:var(--ink-soft); line-height:1.9;
}

/* 今いるページ・準備中のページはリンクにしないので色を落とす */
.smap__item--current .smap__link,
.smap__item--soon .smap__link{ color:var(--ink-soft); }
.smap__item--soon .tag-state{ margin-top:0; }