html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* スクロールバー非表示 */
}

iframe {
  position: absolute;
  top: 86px; /* ナビバー高さ */
  left: 0;
  width: 100%;
  height: calc(100% - 56px); /* 残り全て */
  border: none;
}
/* ###  ###*/
.navbar {
  background-color: var(--m3-color) !important;
  color: #ffffff !important;
}
.container-fluid {
  color: #ffffff !important;  
}
.navbar-toggler {/* ナビゲーションのトグルボタン全体 */
  color: #fff;
  border-color: #fff;
}
.navbar-toggler-icon {/* ハンバーガーアイコンのバー */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  width: 2em;
  height: 2em;
}