@charset "utf-8";
/*======================================
highcontrast.css
色変更による設定以外追記しない（幅、高さ、余白など）
======================================*/

/*===========================
Basic
=============================*/
:root {
  --background: #000;
  /* ------- Colors from Design System ------- */
  /* neutral */
  --color-neutral-0: #000;
  --color-neutral-5: #1a1a1a;
  --color-neutral-10: #333;
  --color-neutral-20: #4d4d4d;
  --color-neutral-30: #666;
  --color-neutral-40: #767676;
  --color-neutral-42: #7f7f7f;
  --color-neutral-50: #949494;
  --color-neutral-54: #999;
  --color-neutral-60: #b3b3b3;
  --color-neutral-70: #ccc;
  --color-neutral-80: #e6e6e6;
  --color-neutral-90: #f2f2f2;
  --color-neutral-100: #fff;

  /* category */
  --color-category-010: #333;
  --color-category-011: #fff;
  --color-category-020: #333;
  --color-category-021: #fff;
  --color-category-030: #333;
  --color-category-031: #fff;
  --color-category-040: #333;
  --color-category-041: #fff;
  --color-category-050: #333;
  --color-category-051: #fff;
  --color-category-060: #333;
  --color-category-061: #fff;
  --color-important: #ffff00;
  /* Semantic Colors:Text Colors */
  --color-text-default: #fff;
  --color-text-title: #fff;
  --color-text-bold: #fff;
  --color-text-link: #00eaff;
  --color-text-placeholder: var(--color-neutral-42);
  --color-text-important: var(--color-important);
  --color-text-disabled: var(--color-neutral-54);
  --color-text-inverse: #fff;
  --color-text-bredcrumb: var(--color-text-default);
  --color-text-bredcrumb-link: var(--color-text-link);
  --color-text-black: var(--color-neutral-100);
  --color-text-white: #fff;
  /* Semantic Colors:Background Colors */
  --color-background-default: #333;
  --color-background-active: #222;
  --color-background-disabled: #222;
  --color-background-section: #333;
  --color-background-theme: #444;
  --color-background-subtle: #333;
  --color-background-subtler: #000;
  --color-background-bold: #000;
  --color-background-accent: #000;
  --color-background-hover: #444;
  --color-background-focus: #444;
  --color-background-accent-active: #222;
  --color-background-accent-disabled: #444;
  --color-background-top-important: #444;
  --color-background-top-main-visual: #000;
  --color-background-slide-button: #000;
  --color-background-slide-button-fucus: #444;
  --color-background-library-close: #000;
  --color-background-footer: #444;
  --color-background-copy: #333;
  --color-background-kids-ya: #333;
  /* Semantic Colors:Border Colors */
  --border-default: #fff;
  --border-subtle: #fff;
  --border-subtler: #fff;
  --border-accent: #fff;
  --border-theme: #fff;
  --border-bold: #fff;
  --border-ring: #fff;
  --border-black: #fff;
  --border-table: #fff;
  --border-inverse: #fff;
  --border-focus: #ffff00;
  --border-section: #fff;
  --border-accent-active: #fff;
  --border-accent-disabled: #444;
  --border-top-important: #ffff00;

  --txtbox-link-color: var(--color-text-link);

  /* Semantic Colors:Button Colors */
  --button-color-default: var(--color-text-default);

  /* Semantic Colors:UD*/
  --ud--search-form-background-focused: #000000;

  /* Semantic Colors:totop */
  --totop--border-color: var(--border-bold);

  /* Semantic Colors:Table */
  --table--th-background-color: #333;
}

.open-info__status-label,
.site-header__title a {
  color: var(--color-text-title);
}

form input[type='submit'] {
  color: #000;
}
.archive-nav__category,
.top-info__tabs [role="tab"][aria-selected="false"]:hover,
.top-info__tabs [role="tab"][aria-selected="false"]:focus-within,
.info-calendar__tab[role="tab"][aria-selected="true"] {
  color: #000;
}
.site-footer,
.info-calendar__tab,
.main-visual__links-note {
  color: #FFF;
}
.text-links__icon {
  background: #FFF;
}

.btn-txt::after,
.menu-nav__link::after,
.drawer-nav__link::after,
img.invert {
  filter: invert(1);
} 
.btn-txt::after {
  border-color: #000;
}

.contact-label {
  background: #000;
}

.menu-nav__link::after,
.drawer-nav__link::after {
  border-color: #000;
}
.menu-nav__link::after,
.main-visual-links__link.suita-densi .main-visual-links__icon,
.main-visual-links__link.login .main-visual-links__icon,
.main-visual-links__link.chuoh-reserve .main-visual-links__icon,
.link-button img,
.site-footer__title-logo img,
.icon-x,
.sns-link__icon img,
.reread-link img,
.section-title::before {
  filter: invert(1) hue-rotate(180deg) saturate(0) brightness(1.5);
}
.kids-sub-ttl__icon::after,
.drawer {
  background: #333;
}
.drawer-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus-visible,
.slick-next:focus-visible {
  outline-color: var(--border-focus) !important;
}

.site-footer-links__text-link {
  outline: var(--border-width-md) var(--border-accent) solid;
}
.site-footer a {
  color: var(--color-text-link);
}

.info-calendar__tab {
  &:hover, &:focus-within {
    background-color: var(--color-background-tab);
    color: #000;
  }
}