/* まちろぐ：どのページでも使う */
:root { --machi-bg: #faf8f3; --machi-greige: #ddd6cb; --machi-line: #402d23; --machi-green: #6e8c60; --machi-grey: #80766a; }

/* SNSのアイコン */
.machi-sns { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.machi-sns a {
	display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px 0 11px;
	border-radius: 99px; border: 1.5px solid var(--machi-line); color: var(--machi-line) !important;
	background: var(--machi-bg); font-size: 12px; font-weight: 700; text-decoration: none !important;
	transition: background .2s, color .2s, border-color .2s;
}
.machi-sns svg { width: 17px; height: 17px; fill: currentColor; flex: none; }
.machi-sns .machi-sns__instagram svg { fill: none; stroke: currentColor; }
.machi-sns a:hover { color: var(--machi-bg) !important; }
.machi-sns .machi-sns__x:hover { background: #000; border-color: #000; }
.machi-sns .machi-sns__instagram:hover { background: #d6336c; border-color: #d6336c; }
.machi-sns .machi-sns__youtube:hover { background: #e62117; border-color: #e62117; }
.machi-sns .machi-sns__note:hover { background: #222; border-color: #222; }
.machi-sns--icon a { width: 38px; padding: 0; justify-content: center; }
.machi-sns--icon span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ヘッダー（記事ページなど。トップは自前のヘッダー） */
.l-header { background: rgba(250, 248, 243, .94) !important; box-shadow: none !important; border-bottom: 1.5px solid var(--machi-greige); }
.l-header__bar { display: none !important; }                 /* 上の細いSNSの帯は出さない（SNSはページ下にある） */
.l-header__inner { min-height: 0 !important; height: 60px; }
.c-headLogo.-txt .c-headLogo__link {
	display: block; width: 168px; height: 33px; font-size: 0 !important; color: transparent !important;
	background: url(img/logo-h.png) left center / contain no-repeat;
}
.c-gnav { gap: 4px; }
.c-gnav > .menu-item > a { padding: 0 2px !important; height: 60px; }
.c-gnav > .menu-item > a::after { display: none !important; }
.c-gnav > .menu-item > a .ttl {
	font-family: "Syne", sans-serif; font-weight: 700; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--machi-line); padding: 6px 12px; border-radius: 99px; transition: background .2s, color .2s;
}
.c-gnav > .menu-item > a:hover .ttl { background: var(--machi-greige); }
.c-gnav > .current-menu-item > a .ttl, .c-gnav > .current-menu-parent > a .ttl, .c-gnav > .current-post-parent > a .ttl { background: var(--machi-line); color: var(--machi-bg); }
.l-fixHeader { background: rgba(250, 248, 243, .96) !important; border-bottom: 1.5px solid var(--machi-greige); }
@media (max-width: 959px) {
	.l-header__inner { height: 54px; }
	.c-headLogo.-txt .c-headLogo__link { width: 140px; height: 28px; }
}