.btn {
  background-color: #F2F2F2 !important;
  border-radius: 15px !important;
}

.btn:hover {
  background-color: #E5E5E5 !important;
}

/* SVGの設定 */
svg text:hover {
  fill: blue; /*  テキストの色を変更 */
  font-weight: bold;
  cursor: pointer; /* ホバー時にカーソルをポインターに変更 */
}


/* ナビゲーションバーの設定 */
.purple-bg {
  background-color: purple; /* 背景色を紫に設定 */

}

.nav-item {
  border :none;
  box-shadow: none;
}

.nav-item:hover {
  border :none;
  box-shadow: none;
}

.nav-link.active {
  color: black !important; /* アクティブなリンクの色を黒に設定 */
}

/* stylesheet.css */
.chart-container {
  width: 100%;
}
/* 他のCSSスタイルもここに追加 */
table{
  font-size: 0.8rem; /* 例えば、デフォルトサイズより小さく設定 */
}
th{
  width:20%;
}

/* 動画 */
iframe{
border-radius: 10px;
}
/* スマホのレスポンシブ：コンテナを外す */
@media screen and (max-width: 768px)  {
  .container {
      padding-right: 0; 
      padding-left: 0;
  }
  iframe{
    border-radius: 0px;
    } 
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive-16by9::before {
  padding-top: 52.5%; /* 16:9のアスペクト比(56.25%) */
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}