a {
  text-decoration: none;
}
html {
  --mdc-typography-button-font-size: 16px;
  --mdc-typography-button-text-transform: 16px;
}
/*:not(.material-icons)  {
    font-family:"Hiragino Maru Gothic Pro","Web Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"!important;
    }
    .material-icons {
      font-family: 'Material Icons Round';
    }*/

.ios-safari14-bugfix::after {
  content: "";
  margin-right: 1em;
}
body {
  --mdc-theme-accent: #00949d;
  --mdc-theme-primary: #00949d;
  --mdc-theme-on-secondary: #fff;
  font-family: -apple-system, "BlinkMacSystemFont", "Hiragino Kaku Gothic ProN",
    "メイリオ", Sans-Serif;
}
* {
  caret-color: red;
}

.mdc-tab-scroller {
  background-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-tab.mdc-ripple-upgraded {
  --mdc-theme-primary: #fff;
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  --mdc-theme-primary: #fff;
}

.mdc-tab .mdc-tab__text-label {
  color: rgba(255, 255, 255, 0.5);
}
.mdc-tab--active .mdc-tab__text-label {
  color: #fff;
}

@media (prefers-color-scheme: dark) {
  body {
    --mdc-theme-on: #fff;
    --mdc-theme-surface: #fff;
    --mdc-theme-error: #fff;
    --mdc-theme-on-error: #fff;
    --mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.54);
    --mdc-theme-text-hint-on-background: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-icon-on-background: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-primary-on-light: rgba(255, 255, 255, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(255, 255, 255, 0.54);
    --mdc-theme-text-hint-on-light: rgba(255, 255, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(255, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(255, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
    --background: #282828;
    color: #fff;
    --mdc-theme-text-secondary-on-background: #fff;
  }
  /* 2023/07/15 追加分 */
  .mdc-dialog .mdc-dialog__title {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-dialog .mdc-dialog__surface {
    --mdc-theme-surface: var(--background);
  }
  .mdc-dialog .mdc-dialog__content {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-drawer .mdc-drawer__title {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-drawer .mdc-drawer__subtitle {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-drawer.mdc-drawer--modal.mdc-drawer--open {
    background: var(--background);
  }
  .mdc-drawer .mdc-list-item--activated {
    color: rgba(98, 0, 238, 0.87);
  }
  .mdc-drawer .mdc-list-item {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-drawer .mdc-list-item__graphic {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-drawer .mdc-list-item--activated {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
    color: #fff;
  }
  .mdc-tab-scroller {
    background-color: var(--mdc-theme-primary, #6200ee);
  }
  .mdc-tab-indicator .mdc-tab-indicator__content--underline {
    --mdc-theme-primary: #fff;
  }

  .mdc-tab .mdc-tab__text-label {
    color: rgba(255, 255, 255, 0.5);
  }
  .mdc-tab--active .mdc-tab__text-label {
    color: #fff;
  }
  /*　追加　ここまで */

  a[href].textlink {
    color: #09c6cc;
  }

  .mdc-fab {
    --mdc-theme-on-secondary: #282828;
  }
  .mdc-fab {
    --mdc-theme-accent: #00949d;
    --mdc-theme-primary: #00949d;
    --mdc-theme-on-secondary: #fff;
    background: #444;
    color: #fff;
  }
  hr {
    border-top: 1px solid #555;
  }
  button.mdc-icon-button:before,
  button.mdc-icon-button:after {
    background: #fff;
  }
  .mdc-list-item__ripple::before,
  .mdc-list-item__ripple::after {
    background: #fff !important;
  }
  .mdc-tab-bar {
    background: #282828;
  }
}