/* サイトマップ（page-sitemap.php）。シンプルな一覧。共通のヒーローは ai-page.css を使う */
body.page-template-page-sitemap { background: var(--sh-bg, #f1f2f3); }
body.page-template-page-sitemap .site-main { max-width: none !important; width: 100% !important; padding-inline: 0 !important; }
.smp .ai-hero.smp-hero { padding-bottom: 20px; }
.smp .ai-hero__grid { grid-template-columns: 1fr; }
.smp .ai-hero .ai-crumb { position: static; }
.smp .ai-hero .ai-crumb ol { margin-bottom: 36px; }
.smp .ai-hero + .ai-sec.smp-main { padding-top: 10px; padding-bottom: 120px; }

/* 探しているものから選ぶ */
.smp-quick { margin: 0 0 40px; padding: 32px 36px 30px; border-radius: 30px; background: linear-gradient(135deg, #eaf6fc, #fff4f7); box-shadow: 0 14px 40px rgba(0, 48, 64, .08); }
.smp-quick__t { display: flex; align-items: baseline; gap: 14px; margin: 0 0 18px; font-size: 20px; font-weight: 700; letter-spacing: .05em; }
.smp-quick__t span { font-size: 12px; letter-spacing: .26em; color: var(--sh-blue, #0599d9); }
.smp-quick ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.smp .smp-quick a { position: relative; display: block; height: 100%; padding: 16px 46px 16px 20px; border-radius: 18px; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 8px 22px rgba(0, 48, 64, .08); transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s; }
.smp .smp-quick a:hover, .smp .smp-quick a:focus-visible { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(0, 48, 64, .15), inset 0 0 0 2px rgba(233, 106, 143, .5); }
.smp-quick small { display: block; margin-bottom: 4px; font-size: 12.5px; line-height: 1.7; letter-spacing: .04em; font-weight: 600; color: #5b6e77; }
.smp-quick b { display: block; font-size: 16.5px; line-height: 1.5; letter-spacing: .05em; color: #0b4f73; }
.smp-quick i { position: absolute; right: 18px; top: 50%; margin-top: -10px; color: #e96a8f; font-style: normal; font-weight: 700; transition: transform .3s; }
.smp .smp-quick a:hover i { transform: translateX(4px); }

/* 全ページの一覧 */
.smp-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.smp-group { padding: 30px 34px 26px; border-radius: 28px; background: #fff; box-shadow: 0 12px 36px rgba(0, 48, 64, .08); }
.smp-group h2 { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 2px solid #eef2f5; font-size: 19px; line-height: 1.5; font-weight: 700; letter-spacing: .05em; flex-direction: row-reverse; }
.smp-group h2 span { font-size: 11px; letter-spacing: .24em; color: var(--sh-blue, #0599d9); }
.smp-group > ul { margin: 0; padding: 0; list-style: none; }
.smp-group > ul > li { border-bottom: 1px solid #eef2f5; }
.smp-group > ul > li:last-child { border-bottom: 0; }
.smp .smp-group a { color: inherit; text-decoration: none; }
.smp .smp-group > ul > li > a { display: grid; grid-template-columns: 1fr; gap: 1px; padding: 12px 8px; border-radius: 12px; transition: background .3s, transform .3s; }
.smp .smp-group > ul > li > a:hover, .smp .smp-group > ul > li > a:focus-visible { background: #f4f9fc; transform: translateX(4px); }
.smp-group b { font-size: 16px; line-height: 1.6; letter-spacing: .05em; color: #0b4f73; }
.smp-group b::before { content: "▸"; margin-right: 8px; color: #e96a8f; font-size: 12px; }
.smp-group b, .smp-group h2 { word-break: auto-phrase; text-wrap: balance; }   /* 「…制作」の「作」だけが次の行に落ちるのを防ぐ */
.smp-group small { padding-left: 20px; font-size: 12.5px; line-height: 1.7; letter-spacing: .04em; color: #6d8089; font-weight: 500; }
.smp-sub { margin: 0 0 10px 28px; padding: 0 0 0 14px; list-style: none; border-left: 2px solid #dbe6ed; }
.smp .smp-sub a { display: block; padding: 5px 6px; border-radius: 8px; font-size: 13.5px; font-weight: 600; letter-spacing: .04em; color: #3d525c; transition: background .3s, color .3s; }
.smp .smp-sub a::before { content: "└ "; color: #b9c8d1; font-size: 11px; }
.smp .smp-sub a:hover, .smp .smp-sub a:focus-visible { background: #f4f9fc; color: #0b4f73; }
.smp .smp-group a:focus-visible, .smp .smp-quick a:focus-visible { outline: 3px solid rgba(5, 153, 217, .5); outline-offset: 2px; }
.smp-contact { margin: 36px 0 0; text-align: center; font-size: 14.5px; letter-spacing: .05em; color: #3d525c; }
.smp-contact a { color: var(--sh-blue, #0599d9); font-weight: 700; }

@media (max-width: 1024px) {
	.smp-quick ul { grid-template-columns: repeat(2, 1fr); }
	.smp-groups { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.smp-quick { padding: 24px 20px; }
	.smp-quick ul { grid-template-columns: 1fr; }
	.smp-group { padding: 24px 20px 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.smp .smp-quick a, .smp .smp-group > ul > li > a, .smp-quick i { transition: none; }
}