.tdc-menulist-top { /* max-width は swell_child .l-container に委譲 */ }
.tdc-menulist-top__inner { padding: 16px; }
.tdc-menulist-top__header { padding: 32px 16px; }
.tdc-menulist-top__header h1 { font-size: 1.8em; margin: 0 0 8px; }
.tdc-menulist-top__lead { color: #666; }
.tdc-menulist-top .tdc-section { margin: 48px 0; }
.tdc-menulist-top .tdc-section__inner { max-width: 1080px; margin: 0 auto; }
/* h2 ベース は SWELL .post_content h2 に委譲。en サブのみ調整 */
.tdc-menulist-top .tdc-section__title-en { color: rgba(255,255,255,.7); font-size: .65em; letter-spacing: .15em; margin-left: 12px; }

.tdc-menulist-top__area-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}
.tdc-menulist-top__area-block { padding: 16px; background: #fafafa; border-radius: 6px; }
.tdc-menulist-top__area-name {
    font-size: 1.05em; margin: 0 0 12px;
    color: var(--color-main, #c33);
    border-bottom: 1px solid #eee; padding-bottom: 6px;
}
.tdc-menulist-top__pref-list {
    list-style: none; padding: 0; margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 8px;
}
.tdc-menulist-top__pref-list a {
    display: block; padding: 4px 8px; text-decoration: none; color: inherit;
    border-radius: 4px; font-size: .9em;
}
.tdc-menulist-top__pref-list a:hover { background: #fff; }
.tdc-menulist-top__area-note { color: #888; font-size: .85em; margin-top: 12px; }