/* 共通メニューのスタイル */
#nav ul {
    font-family: 'Noto Serif Japanese', serif;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    width: 960px;
    background-color: #5a2d1a; /* メニューバー全体の背景色 */
}

#nav li {
    flex: 1;
    border-left: 1px solid #111;
}

#nav li:last-child {
    border-right: 1px solid #111;
}

#nav a {
    display: block;
    text-align: center;
    padding: 2px 0;
    text-decoration: none;
    color: #ccc;
    font-size: 12px;
    font-weight: 600;
    background-color: #5a2d1a; /* 各メニュー項目の背景色 */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

#nav a span {
    display: block;
    font-size: 10px;
    color: #ccc;
}

/* 現在地を強調するスタイル */
body#b01 #nav li:nth-child(1) a {
    background-color: #7c3e24; /* 現在地の背景色 */
    font-weight: bold;
}

body#b02 #nav li:nth-child(2) a {
    background-color: #7c3e24; /* 現在地の背景色 */
    font-weight: bold;
}

body#b03 #nav li:nth-child(3) a {
    background-color: #7c3e24; /* 現在地の背景色 */
    font-weight: bold;
}

body#b04 #nav li:nth-child(4) a {
    background-color: #7c3e24; /* 現在地の背景色 */
    font-weight: bold;
}

body#b05 #nav li:nth-child(5) a {
    background-color: #7c3e24; /* 現在地の背景色 */
    font-weight: bold;
}

body#b06 #nav li:nth-child(6) a {
    background-color: #7c3e24; /* 現在地の背景色 */
    font-weight: bold;
}

/* ホバー時のスタイル */
#nav a:hover {
    background-color: #9e4c31; /* ホバー時の背景色 */
    transform: scale(1.05); /* ホバー時に少し拡大 */
}

#nav a:hover span {
    color: #fff; /* ホバー時のサブテキスト色 */
}