/* ===== 全ページ共通の背景 ===== */
body {
  background-color: #e6f2fa !important;
}

main, .container, .row {
  background-color: transparent !important;
}

.fixed-sidebar {
  position: fixed;
  top: 80px;   /* ナビバーの高さ分ちょっと下げる */
  right: 20px; /* 画面右端からの余白 */
  width: 400px; /* 固定幅を与える（col-md-4の代わり） */
}

.fixed-sidebar .card,
.fixed-sidebar .btn {
  font-size: 1.1rem;   /* 文字を少し大きく */
  padding: 1rem;       /* 内側の余白を増やす */
}

.fixed-sidebar .btn {
  height: 40px;        /* ボタンを縦に大きく */
   line-height: 40px;         /* 行の高さをボタンの高さと同じにする */
  padding: 0;                /* 余分なpaddingを消す */
  text-align: center;        /* 文字を中央寄せ */
}

.btn-gradient {
    background: linear-gradient(90deg, rgb(116, 188, 226) 0%, rgb(21, 61, 135) 100%) !important;
    color: #fff !important;
    border: none !important;
}
.btn-gradient:hover {
    opacity: 0.9 !important;
}