.img-center {
  text-align:center;
}

/* navbarの背景色とテキストカラー */
.navbar, .navbar-menu {
    background-color: #363636 !important; /* 背景色を#333（暗灰色）に設定 */
    color: white !important; /* テキストカラーを白に設定 */
}

/* navbarのアイテムのテキストカラーとホバー時の背景色 */
.navbar-item {
    color: white !important;
}

.navbar-item:hover {
    background-color: #4a4a4a !important; /* ホバー時の背景色を少し明るい灰色に設定 */
}

.sidebar {
  position: fixed;
  top: 3.25rem;
  /* top: 52px; */
  left: -450px;
  width: 450px;
  max-width: 100%;
  height: calc(100vh - 3.25rem);
  /* height: 100vh; */
  /* background-color: #4a4a4a; */
  overflow-y: auto;
  transition: left 0.3s;
  z-index: 1000; 
}

.sidebar.is-active {
  left: 0;
}

.columns.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.card-bordered {
  border: 1px solid #2b2b2b;
}

/* .ul-redefinition ul { */
/*     list-style-type: disc; */
/*     padding-left: 1em; */
/* } */
/*  */
/* .ul-redefinition ul ul { */
/*     list-style-type: circle; */
/* } */
/*  */
/* .ul-redefinition ul ul ul { */
/*     list-style-type: square; /* */
/* } */

.padding-top-10 {
  padding-top: 10px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-side {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-all {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

/* .bg-white { */
/*   background-color:white */
/* } */

.a-white {
  color: white;
  text-decoration: underline;
  text-decoration-color: white;
}

/* 参考 */
/* https://chibashi.me/development/html-css/css-treestructure/ */
.tree ul {
  list-style-type: none;
  margin: 0 0 0 15px;
  padding: 0;
  position: relative;
}
.tree ul li {
  position: relative;
  margin: 0;
  padding: 7px 20px;
}
.tree ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
  width: 13px;
  height: 0;
  border-top: 1px solid #666;
}
.tree ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-left: 1px solid #666;
}
.tree ul li:last-child:after {
  height: 18px;
}

.tree > ul > li:before,
.tree > ul > li:after {
  border: none;
}
.tree i {
  margin-right: 8px;
}