@charset "UTF-8";

/*
menu
================================================ */
.menu{
    border: 1px solid;
    padding: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.menu ul{
    padding: 0;
}
.menu li{
    background-color: #ffb56f;
    margin-bottom: 3px;/*下のバーとの余白*/
    line-height: 1.5;
    padding: 0.5em;
    list-style-type: none!important;/*ポチ消す*/
}

/* Menu - Husen Style
================================================ */
.menu-husen {
  --border-color: orange;
  --divider-color: #dadada;
  --bg-color: whitesmoke;
  --text-color: #404040;
  --hover-bg: #ffeccf;
  --hover-border: #ff9900;
}

.menu-husen ul,
.menu-husen ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-husen li {
  color: var(--text-color);
  border-left: 6px solid var(--border-color); /* 左線 */
  border-bottom: 2px solid var(--divider-color); /* 下線 */
  background: var(--bg-color);
  margin-bottom: 6px; /* 下余白 */
  padding: 0.4em 0.6em;
  line-height: 1.6;
  font-weight: 600;
  border-radius: 4px; /* 少し角丸で柔らかい印象に */
  transition: background 0.2s ease, border-color 0.2s ease;
}

.menu-husen li:hover {
  background: var(--hover-bg);
  border-left-color: var(--hover-border);
}

.menu-husen a {
  font-size: 0.85rem; /* 可読性を上げる（0.5remは小さすぎる） */
  text-decoration: none;
  color: inherit; /* リンクカラーをliの色と合わせる */
  display: block; /* クリック範囲をli全体に */
  padding: 0.2em 0;
}

.menu-husen a:hover {
  text-decoration: underline;
}