/* custom.css */

/* スマホ表示時のプロフィール顔写真サムネイルを小さく */
@media (max-width: 576px) {
  #profile img.rounded-circle {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin-bottom: 1rem !important;
  }
}

/* トグルボタン全体を flex コンテナにして中央寄せ */
.navbar .navbar-toggler {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;       /* 右端に寄せたい場合 */
  padding: 0.25rem 0.75rem; /* 必要に応じて上下余白を微調整 */
  height: auto;            /* 高さ固定があれば外しておく */
}

/* アイコン背景画像を完全中央に */
.navbar-toggler-icon {
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;  /* アイコンの大きさ調整 */
}