/* Minimal tweaks to complement Bulma */


/* メニューを縦並びに（Bulmaの構造に合わせて） */
/* .navbar-menu,
.navbar-start,
.navbar-end {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
 */


/* コンテンツを押し出す：<main class="main"> で囲む想定 */
.main {
    /* margin-left: 200px;  */
    background-color: 363636;
    min-height: 100vh;  /* ビューポートの高さにフィット */   
  }

html, body {
    margin: 0;      /* ← デフォルト8pxの余白を消す */
    padding: 0;
    background-color: #1c1c1c; 
    font-family: 'Source Sans Pro', sans-serif;
}

h1 {
  font-family: 'Lato', "Microsoft Yahei", sans-serif;
}

#sidebarMenu ul {
  opacity: .9;              /* 少し透ける（90%表示） */
  width: 100%;              /* 親要素いっぱいの幅に広がる */
  padding-left: 1.5rem;     /* 左に 1.5rem の余白 */
  padding-right: 1.5rem;    /* 右に 1.5rem の余白 */
  /* text-align: center;  */
}
  

/* sidebarの初期状態 */
.slide-menu {
  position: fixed;
  top: 0;
  left: -250px;       /* 初期は画面外 */
  width: 250px;
  height: 100%;
  background-color: #363636;
  color: white;
  /* padding-top: 60px;  navbarを避ける */
  transition: left 0.3s ease;
  z-index: 1000;
}

/* アクティブ時にスライドイン */
.slide-menu.is-active {
  left: 0;
}

#sidebarMenu .profile_wrapper {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 1.5rem;
  width: 100%;
  /* text-align: center;  */
}

#sidebarMenu ul.menu-list li a i{
  font-size: 95%;
  opacity: .8;
  margin-right: 1.5rem;
}

.menu-list a {
  margin-top:1.5rem;
}



/* メインコンテンツを左に押す */
.main-content {
  transition: margin-left 0.3s ease;
}

.main-content.shifted {
  margin-left: 250px;
}

/* モバイル以外では常に表示
@media (min-width: 1024px) {
  .slide-menu {
    position: static;
    width: 250px;
    left: 0;
  }
  .main-content {
    margin-left: 250px;
  }
  .navbar-burger {
    display: none;
  }
  
} */

/* Hide slide menu on desktop */
@media screen and (min-width: 1024px) {
  .slide-menu {
    display: none;
  }
  .main {
    margin-left: 0;
  }
}