:root {
  /* 
    ここで定義しているCSS変数はMaterial for MkDocsのテーマ全体に影響します。
    一部を変更すると、下記コメントに記載している要素以外にも他の要素へ影響が及ぶ可能性があります。
  */
  --md-primary-bg-color: #808080; /* タブバーの文字色 */
  --md-footer-bg-color--dark: #f5f5f5; /* フッターの背景色 */
  --md-footer-fg-color--light: #808080; /* フッターのコピーライト */
  --md-footer-fg-color--lighter: #808080; /* フッターのMade with */
  --md-typeset-a-color: #2980B9; /*通常時のリンクカラー*/
  --md-typeset-a-color--hover: #3091d1; /*ホバー時のリンクカラー*/
}

.md-header {
  background-color: #f5f5f5; /* ヘッダーの背景色 */
}

.md-tabs {
  background-color: #f5f5f5; /* タブの背景色 */
}

.md-nav--primary .md-nav__title[for=__drawer] {
  background-color: #F5F5F5; /* ドロワーメニューのヘッダーの背景色 */
}

/*インライン用アイコンサイズ調整*/
.icon-inline {
  height: 1.5em !important;
  vertical-align: middle;
}

/* 画像にボーダーを付与 */
.img-container {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px; 
}