@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  Author : Hirohisa Kambe
  Date : 2026.03.26
  Copyright(C)HARD DISK. All rights reserved.
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  Sitemap UI（最終完成版）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/* =========================
   ベース
========================= */
.sitemap {
	width: 100%;
}

.sitemap ul {
	padding: 0;
	margin: 0;
}

.sitemap > ul {
	border-bottom: 2px dotted #a7a7a7;
}

.sitemap li {
	list-style: none;
}

/* =========================
   1階層
========================= */
.sitemap > ul > li {
	border-top: 2px dotted #a7a7a7;
	padding-top: 18px;
	padding-bottom: 0;
}

/* 1階層リンク */
.sitemap > ul > li > a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 110%;
	font-weight: 600;
}

/* 子がある時だけ余白 */
.sitemap > ul > li:has(> ul) > a {
	margin-bottom: 6px;
}

/* 子がない時 */
.sitemap > ul > li > a {
	margin-bottom: 18px;
}

/* HOME */
.sitemap-home {
	border-top: none;
	padding-top: 0;
	margin-bottom: 15px;
}

/* =========================
   2階層
========================= */
.sitemap li li > a {
	font-size: 100%;
	font-weight: 600;
}

/* =========================
   階層余白（ここが重要）
========================= */

/* 共通リセット（全部のズレ原因を潰す） */
.sitemap ul ul {
	margin-top: 0 !important;
}

/* 1→2 */
.sitemap > ul > li > ul {
	padding-top: 0;
}

/* 2→3（★ここが今回のゴール） */
.sitemap > ul > li > ul > li > ul {
	padding-top: 4px;
}

/* 3→4 */
.sitemap > ul > li > ul > li > ul > li > ul {
	padding-top: 2px;
}

/* =========================
   3階層
========================= */
.sitemap li li li > a {
	font-size: 100%;
	font-weight: 400;
}

/* =========================
   商品
========================= */
.sitemap li.single_item > a,
.sitemap li.item-product > a {
	font-size: 89%;
	font-weight: 400;
}

/* =========================
   リンク共通
========================= */
.sitemap a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #231815;
	text-decoration: none;
	transition: 0.3s;
}

.sitemap a:hover {
	color: #003350;
}

/* =========================
   アイコン
========================= */
.sitemap a::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	background-image: none;
}

/* =========================
   1階層アイコン（ファイル）
========================= */
.sitemap > ul > li > a::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='currentColor' d='M97.5 400l50-160 379.4 0-50 160-379.4 0zm190.7 48L477 448c21 0 39.6-13.6 45.8-33.7l50-160c9.7-30.9-13.4-62.3-45.8-62.3l-379.4 0c-21 0-39.6 13.6-45.8 33.7L80.2 294.4 80.2 96c0-8.8 7.2-16 16-16l138.7 0c3.5 0 6.8 1.1 9.6 3.2L282.9 112c13.8 10.4 30.7 16 48 16l117.3 0c8.8 0 16 7.2 16 16l48 0c0-35.3-28.7-64-64-64L330.9 80c-6.9 0-13.7-2.2-19.2-6.4L273.3 44.8C262.2 36.5 248.8 32 234.9 32L96.2 32c-35.3 0-64 28.7-64 64l0 288c0 35.3 28.7 64 64 64l192 0z'/></svg>");
}

/* =========================
   2階層アイコン（ファイル）
========================= */
.sitemap li li > a::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M64 48l112 0 0 88c0 39.8 32.2 72 72 72l88 0 0 240c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16zM224 67.9l92.1 92.1-68.1 0c-13.3 0-24-10.7-24-24l0-68.1z'/></svg>");
}

/* =========================
   3階層アイコン（カテゴリ）
========================= */
.sitemap li li li > a::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M232 96l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24zM64 32C28.7 32 0 60.7 0 96l0 352c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-352c0-35.3-28.7-64-64-64L64 32z'/></svg>");
}

/* =========================
   商品アイコン
========================= */
.sitemap li.item-product > a::before,
.sitemap li.single_item > a::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='currentColor' d='M240 432L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0c8.8 0 16 7.2 16 16l0 176-88 0c-39.8 0-72 32.2-72 72l0 88zM380.1 320L288 412.1 288 344c0-13.3 10.7-24 24-24l68.1 0z'/></svg>");
}

/* =========================
   インデント
========================= */
.sitemap ul ul {
	padding-left: 10px;
}

.sitemap ul ul ul {
	padding-left: 10px;
}

/* =========================
   子リスト
========================= */
.sitemap ul ul li {
	padding: 8px 0;
	border-top: none;
}

.sitemap li.item-product,
.sitemap li.single_item {
	margin-bottom: 8px;
}

/* =========================
   レスポンシブ
========================= */
@media (max-width: 768px) {
	.sitemap a {
		font-size: 14px;
	}
	.sitemap > ul > li {
		padding-top: 14px;
	}
}