/* ===== リセット ===== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }

/* ===== 全体 ===== */

body {
font-family:
"DotGothic16",
"MS Gothic",
monospace;

color: white;
background: transparent;

font-size: clamp(10px, 1.4vw, 15px);
word-break: break-word;
}

/* ===== SITEMAP全体 ===== */

.sitemap-page {
width: 100%;
min-height: 100%;
padding: 10px;
}

/* ──────────────
各セクション
────────────── */

.sitemap-section {
padding: 4px 2px 14px;
margin-bottom: 14px;

border-bottom:
1px solid rgba(190, 200, 205, 0.55);
}


.sitemap-section:last-child {
border-bottom: none;
}

/* ===== セクション見出し ===== */

.sitemap-section h2 {
margin: 0 0 8px;
padding-bottom: 4px;

font-size: clamp(7px, 1.6vw, 15px);
font-weight: normal;
color: white;

border-bottom:
1px solid rgba(190, 200, 205, 0.45);
}

/* ===== 本文 ===== */

.sitemap-section > p {
line-height: 1.8;
}

/* ──────────────
ページ一覧
────────────── */

.site-item {
display: flex;
align-items: baseline;

gap: 5px;
padding: 4px 2px;

border-bottom:
1px dotted rgba(180, 190, 195, 0.35);
}

/* 最後の項目 */

.site-item:last-child {
border-bottom: none;
}

/* ===== ページ名 ===== */

.site-item a {
flex-shrink: 0;

color: white;
text-decoration: underline;
}

/* ===== 区切り ===== */

.site-item span {
opacity: 0.65;
}

/* ===== ページ説明 ===== */

.site-item p {
margin: 0;
line-height: 1.6;
}

/* ──────────────
注意事項
────────────── */

.sitemap-section:last-child p {
margin-bottom: 8px;
}

.sitemap-section:last-child p:last-child {
margin-bottom: 0;
}

/* ===== リンク ホバー ===== */

.site-item a:hover {
opacity: 0.65;
}