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

/*===========================
Basic
=============================*/
:root {
  --low-background-accent: #8cc3cc;
  --low-background-link: #4b4b4b;

  --background: #aaaaaa;
  /* ------- Colors from Design System ------- */
  /* neutral */
  --color-neutral-100: #333333; /* 元の #000000 100% */
  --color-neutral-90: #3f3f3f; /* 元の #1a1a1a 90% */
  --color-neutral-80: #4b4b4b; /* 元の #333333 80% */
  --color-neutral-70: #575757; /* 元の #4d4d4d 70% */
  --color-neutral-60: #636363; /* 元の #666666 60% */
  --color-neutral-54: #6a6a6a; /* 元の #767676 54% */
  --color-neutral-50: #6f6f6f; /* 元の #7f7f7f 50% */
  --color-neutral-42: #787878; /* 元の #949494 42% */
  --color-neutral-40: #7a7a7a; /* 元の #999999 40% */
  --color-neutral-30: #868686; /* 元の #b3b3b3 30% */
  --color-neutral-20: #929292; /* 元の #cccccc 20% */
  --color-neutral-10: #9e9e9e; /* 元の #e6e6e6 10% */
  --color-neutral-5: #a4a4a4; /* 元の #f2f2f2 5% */
  --color-neutral-0: #aaaaaa; /* 元の #ffffff 0% */
  /* category */
  --color-category-010: #9e9e9e;
  --color-category-011: #333;
  --color-category-020: #9e9e9e;
  --color-category-021: #333;
  --color-category-030: #9e9e9e;
  --color-category-031: #333;
  --color-category-040: #9e9e9e;
  --color-category-041: #333;
  --color-category-050: #9e9e9e;
  --color-category-051: #333;
  --color-category-060: #9e9e9e;
  --color-category-061: #333;
  --color-important: #bc4545;
  /* Semantic Colors:Text Colors */
  --color-text-default: #333;
  --color-text-bold: #222;
  --color-text-link: #0a3760;
  --color-text-placeholder: var(--color-neutral-42);
  --color-text-important: var(--color-important);
  --color-text-disabled: var(--color-neutral-54);
  --color-text-inverse: #333;
  --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: var(--color-neutral-0);
  /* Semantic Colors:Background Colors */
  --color-background-default: var(--color-neutral-5);
  --color-background-active: var(--color-neutral-10);
  --color-background-disabled: var(--color-neutral-10);
  --color-background-section: var(--color-neutral-10);
  --color-background-theme: var(--color-neutral-20);
  --color-background-subtle: var(--color-neutral-10);
  --color-background-subtler: var(--color-neutral-10);
  --color-background-bold: var(--color-neutral-5);
  --color-background-accent: var(--color-neutral-10);
  --color-background-hover: var(--color-neutral-30);
  --color-background-focus: var(--color-neutral-30);
  --color-background-top-important: var(--color-neutral-20);
  --color-background-top-main-visual: var(--color-neutral-5);
  --color-background-footer: var(--color-neutral-20);
  --color-background-copy: var(--color-neutral-5);
  --color-background-kids-ya:  var(--color-background-section);
  /* Semantic Colors:Border Colors */
  --border-default: #333;
  --border-subtle: #333;
  --border-subtler: #333;
  --border-accent: #333;
  --border-theme: #333;
  --border-bold: #333;
  --border-ring: #333;
  --border-black: #333;
  --border-table: #333;
  --border-inverse: #222;
  --border-focus: #065586;
  --border-section: #333;
  --border-top-important: #333;

  --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;
}
.info-calendar__tab {
  color: var(--color-text-default);
  &:hover,
  &:focus-within {
    background-color: var(--low-background-link);
    color: var(--color-text-white);
  }
}
.blc_search .search_wrap .search_wrap_inner input[type='submit'] {
  color: #AAA;
  background-color: var(--low-background-link);
}
.menu-nav__link:hover,
.menu-nav__link:focus-within {
  background-color: var(--color-neutral-30);
  border-color: var(--color-white);
  outline-color: var(--border-bold);
}

[role='tab'][aria-selected='true'] {
  background: var(--color-background-main);
}
[role='tab'][aria-selected='true']::after {
  border-top-color: var(--color-background-main);
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus-visible,
.slick-next:focus-visible {
  outline-color: var(--border-focus) !important;
}

.kids-pagetitle__label img {
  filter: brightness(0.7);
}
.kids-sub-ttl__icon::after {
  background: var(--color-background-subtle);
}