.menu-list {
  cursor: pointer;
  font-size: 0.8rem;
  line-height: 4em;
  list-style-type: none;
}

.menu-list:hover {
  backdrop-filter: brightness(90%);
}

.menu-list a {
  display: block;
  color: white;
  padding: 0 1.5em;
  text-decoration-line: none;
}

.menu-list a:hover {
  text-decoration: none;
}

.menu-list img {
  width: 1.5rem;
}

.close-menu-btn {
  position: absolute;
  top: 5px;
  left: 0;
  color: #fff;
  cursor: pointer;
  width: 32px;
  font-size: 24px;
  z-index: 1000;
}

/* 店舗名バー: サイドメニュー表示時は左に少しだけ余白を取る */
.store-name-bar {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* サイドメニューを閉じるとバーガーアイコンが左端に出るため、店舗名が重ならないよう左余白を広げる */
.js-content.col-12 .store-name-bar {
  padding-left: 44px;
}