@charset "Shift_JIS";
/* トップメニュー　共通 */
.top-menu { font-family: var(--text-Serif); font-size: 0.75rem; font-weight: bold; border-top: 1px solid #000000;
    border-bottom: 1px solid #000000; padding: 3px 5px; margin: 10px 0px; }
    .top-menu-p { display: flex; justify-content: center; margin: 2px 0px; }
    .top-menu-p.menu-1 { font-size: 1rem; margin-bottom: 10px; }
.top-menu a { display: block; color: #000000; white-space: nowrap; text-align: center; width: 100px; padding: 5px; margin: 0px 3px; }
.top-menu a:hover { color: var(--main-blue); background-color: var(--main-blue-pale); }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    .top-menu-p { display: grid; grid-template-columns: 1fr; margin: 0px; }
    .top-menu-p.menu-1 { margin-bottom: 2px; }
    .top-menu a { border: 1px solid #000000; width: auto; margin: 5px; }
    .top-menu a:hover { border-color: var(--main-blue); }
}
/* ---------------------------------------------------------------------------------------------------- */