@charset "utf-8";
/***************************************
lowcontrast.css
背景色:#AAAAAA;
文字色:#333333;
色変更による設定以外追記しない（幅、高さ、余白など）
***************************************/
/*===========================
Basic
=============================*/
:root {
  --low-background-default: #aaaaaa;
  --low-background-subtle: #b8b8b8;
  --low-background-subtler: #c8c8c8;
  --low-background-accent: #8cc3cc;
  --low-background-link: #4b4b4b;
  --low-background-link-hover: #efefef;
  --low-background-hover: #c5c4c4;
  --low-background-inverse: #fff;
  --low-background-placeholder: #c4c4c4;
  --low-text-default: #333;
  --low-text-visited: #333;
  --low-text-hover: #1a1a1a;
  --low-text-active: #0c0c0c;
  --low-text-bold: #0f0f0f;
  --low-text-accent: #272727;
  --low-text-link: #000085;
  --low-text-placeholder: #a3a3a3;
  --low-text-inverse: #fff;
  --low-text-disabled: #a1a1a1;
  --low-text-important: #9e1500;
  --low-text-bredcrumb: #333;
  --low-text-bredcrumb-link: #7c7c7c;
  --low-border-default: #333;
  --low-border-accent: #1f70b3;
  --low-border-black: #333;
  --low-border-table: #464747;
  --low-border-focus: #ffc400;
  --low-border-subtle: #464646;
  --low-border-subtler: #858585;
  --low-marker-color-1: #02adbd;
  --low-marker-color-2: #02838f;
  --low-marker-color-3: #025966;
}
body {
  background: var(--low-background-default);
  color: var(--low-text-default);
}

a {
  color: var(--low-text-link);
}

a:visited {
  color: var(--low-text-visited);
}

a:hover,
a:focus-within {
  color: var(--low-text-hover);
}

a:active {
  color: var(--low-text-active);
}

[class*='__title-text-main'],
[class*='__title-text'] span[lang='en'] {
  color: var(--low-text-default);
}

/*===========================
Header & Drawer
=============================*/
/*  Header  */
.site-header,
.drawer {
  background: var(--low-background-subtle);
}

/* text color change */
.site-header__gnav-title,
.site-header__nav-login,
.drawer-nav__link,
.drawer-search__title {
  color: var(--low-text-default);
}

.site-header__gnav-link:hover,
.site-header__gnav-link:focus-within {
  color: var(--low-text-hover);
}

/* border color change */
.site-header__nav-language,
.search-form__inner,
.site-header__gnav-item:not(:last-child)::after,
.drawer-nav__item::after {
  border-color: var(--low-border-default);
}

/* icon color change */
.site-header__nav-language::after,
.search-form__input,
.site-header__nav-login::before {
  filter: brightness(80%) saturate(0%);
}

.drawer-nav__link::after {
  border-color: #000;
  filter: invert(1) saturate(0%);
}

/* hover & focus color change */
.site-header__gnav-link:hover,
.site-header__gnav-link:focus-within {
  background-color: var(--low-background-hover);

  .site-header__gnav-title {
    color: var(--low-text-hover);
  }
}

.drawer-nav__link:hover,
.drawer-nav__link:focus-within {
  background-color: var(--low-background-hover);
  color: var(--low-text-hover);
}

/* hover & focus background color change */
.site-header__nav-language:hover,
.site-header__nav-language:focus-within,
.search-form__inner:hover,
.search-form__inner:focus-within,
.toggle:hover,
.toggle:focus-within,
.site-header__nav-login:hover,
.site-header__nav-login:focus-within {
  background-color: var(--low-background-hover);
}

.drawer-search__inner input[type='text']:hover,
.drawer-search__inner input[type='text']:focus-within {
  background-color: var(--low-background-placeholder);
}

/* hover & focus text color change */
.toggle:hover .toggle-text {
  color: var(--low-text-hover);
}

/* hover & focus border color change */
.search-form__input:focus-visible {
  border-color: var(--low-border-focus);
}

form input[type='submit'].search_bt {
  background: var(--low-background-link);
}

input[type='submit']:hover,
input[type='submit']:focus-within {
  background-color: var(--low-background-link-hover);
  transform: translateY(-1px);
}

.toggle,
.site-header__nav-login {
  background-color: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.toggle-icon::before,
.toggle-icon::after,
.toggle-icon span {
  background-color: var(--low-border-black);
}

.toggle-text {
  color: var(--low-text-default);
}

/* UD */
.UD .color_change > dt,
.UD .textsize_change > dt,
.UD .color_change > dd:not(.high) > a,
.UD .textsize_change > dd > a,
.search-form__label {
  color: var(--low-text-default);
}

.UD .color_change .default > a {
  color: var(--low-background-default);
}

.UD .color_change .low > a {
  color: var(--low-text-default);
}

.UD .textsize_change > dd > a {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.search-form__inner input[type='submit'],
.drawer .search-form__inner input[type='submit'] {
  background: var(--low-background-subtle);
  border: var(--low-border-default);
}

/*===========================
Footer
=============================*/
.site-footer__container {
  background: var(--low-background-subtle);
}

.contact-list__label,
.contact-list__value,
.contact-list__value > a,
.location-info__main > span {
  color: var(--low-text-default);
}
/* ------- Footer Links ------- */
.site-footer-links__list {
  background: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.site-footer-links__item:not(:first-child)::before {
  background-color: var(--low-background-inverse);
}

.site-footer-links__link {
  color: var(--low-text-default);
}

.site-footer-links__link::after {
  background-color: var(--low-border-default);
}

.site-footer-links__link:hover,
.site-footer-links__link:focus-within {
  background: none;
}

@media (width < 576px) {
  .site-footer-links__list {
    background: none;
    border: none;
  }

  .site-footer-links__link {
    background: var(--low-background-default);
    border: 1px solid var(--low-border-default);
  }
}
/* ------- Footer Nav ------- */
.footer-nav__link {
  background-color: var(--low-background-subtle);
  border-color: var(--low-border-default);
}

.footer-nav__link:hover,
.footer-nav__link:focus-visible {
  background-color: var(--low-background-hover);
}

.footer-nav__link::before {
  background-color: var(--low-background-accent);
}

.footer-nav__label {
  color: var(--low-text-default);
}

/* ------- reread-link ------- */
.reread-link {
  background-color: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.reread-link:hover,
.reread-link:focus-visible {
  background-color: var(--low-background-hover);
  box-shadow: 0 0 0 2px var(--low-border-default);
}

/*===========================
Copyright
=============================*/
.copyright {
  background: var(--low-background-default);
}
.copyright span {
  color: var(--low-text-default);
}

.copyright__banner img {
  filter: invert(1) brightness(200%) saturate(0%);
}
/*===========================
contents
=============================*/
/* breadcrumb */
.locus-container {
  background-color: var(--low-background-subtler);
}

.locus a {
  color: var(--low-text-link);
}

.locus span {
  color: var(--low-text-default);
}

/* side-nav */
.side-nav::before {
  background: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.side-nav__title {
  color: var(--low-text-default);
}

.side-nav__link,
.side-nav__label {
  color: var(--low-text-link);
}

.side-nav__icon {
  background: var(--low-background-default);
  border-color: var(--low-border-default);
}

.side-nav__link::before {
  background: var(--low-background-hover);
}

.side-nav__link::after {
  border-bottom-color: var(--low-border-default);
}

article h1.content-title,
.txtbox h2,
.txtbox h3,
.txtbox h4,
.txtbox h5,
.txtbox h6,
.txtbox p,
.txtbox table,
.txtbox dl,
.txtbox ul,
.txtbox ol,
.txtbox li,
.txtbox i,
.txtbox table th,
.txtbox table td {
  color: var(--low-text-default);
}

.txtbox a {
  color: var(--low-text-link);
}

article h1.content-title::after {
  background-color: var(--low-border-default);
}

article .txtbox h2 {
  background-color: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.txtbox h3::before,
.txtbox h5::before {
  background-color: var(--low-marker-color-1);
}

.txtbox h6::before {
  background-color: var(--low-marker-color-2);
}

.txtbox h4::before {
  box-shadow: inset 0 0 0 calc(5 / 16 * 1rem) var(--low-marker-color-2);
}

.txtbox ul > li:before {
  background-color: var(--low-marker-color-3);
}

article .txtbox table th {
  color: var(--low-text-default);
}
/* table */
.txtbox table th {
  border: 1px solid var(--low-border-default);
}

.txtbox table td {
  border: 1px solid var(--low-border-default);
}

.txtbox table th {
  color: var(--low-text-default);
  background: var(--low-background-subtle);
}

.txtbox table th[scope='col'] {
  background: var(--low-background-subtle);
}

.txtbox table th[scope='row'] {
  background: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.txtbox table td {
  background: var(--low-background-default);
}

/*===========================
Top Page
=============================*/
/* important-news */
.important-news,
.main-content {
  background-color: var(--low-background-default);
}

.important-news__container,
.important-news__link {
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
  overflow: hidden;
}

.important-news__title {
  background: var(--low-background-subtle);
  color: var(--low-text-important);
}

.important-news__item a {
  color: var(--low-text-bold);
}

.important-news__item a::before {
  background: var(--low-text-important);
}

.important-news__link::after {
  filter: brightness(100%) saturate(0%);
}

.important-news__link:hover,
.important-news__link:focus-within {
  background: var(--low-background-hover);
}

.main-content__search {
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.main-content__search input[type='text'] {
  background: var(--low-background-default);
}

.quick-search-form__label,
.quick-search-form__label-en {
  color: var(--low-text-default);
}

form input[type='text'].quick-search-form__input {
  background-color: var(--low-background-subtle);
  border-color: var(--low-border-default);
}

form input[type='text'].quick-search-form__input:hover,
form input[type='text'].quick-search-form__input:focus-within {
  background-color: var(--low-background-hover);
}

form input[type='submit'].quick-search_bt {
  background-color: var(--low-background-link);
  border-color: var(--low-border-accent);
}

.quick-search-form__input::placeholder {
  color: var(--low-text-placeholder);
}

form input[type='submit'].quick-search_bt:hover,
form input[type='submit'].quick-search_bt:focus-visible {
  background-color: var(--low-background-link-hover);
  color: var(--low-text-hover);
}

.ad-banner {
  background-color: var(--low-background-default);
  border-color: var(--low-border-default);
}

.ad-banner__title {
  color: var(--low-text-default);
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.slide {
  border-color: var(--low-border-default);
}

.slick-prev,
.slick-next {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.buttons .button.js-stop,
.buttons .button.js-play {
  background-color: var(--low-background-default);
  border-color: var(--low-border-default);
}

.slick-prev:hover,
.slick-prev:focus-within,
.slick-next:hover,
.slick-next:focus-within,
.buttons .button.js-stop:hover,
.buttons .button.js-stop:focus-within,
.buttons .button.js-play:hover,
.buttons .button.js-play:focus-within {
  background-color: var(--low-background-hover);
}

.buttons .button.js-stop::before,
.buttons .button.js-stop::after {
  background-color: var(--low-background-inverse);
}
.buttons .button.js-play::before {
  border-color: var(--low-border-default);
}

.mypage-banner,
.digital-library-banner {
  background-color: var(--low-background-default);
  border-color: var(--low-border-subtle);
  outline-color: var(--low-border-subtler);
  color: var(--low-text-default);
}

.mypage-banner:hover,
.mypage-banner:focus-within,
.digital-library-banner:hover,
.digital-library-banner:focus-within {
  background-color: var(--low-background-hover);
  outline-color: var(--low-border-default);
}

.digital-library-banner img {
  filter: brightness(100%) saturate(0%);
}

.search-nav__link {
  color: var(--low-text-default);
  background-color: var(--low-background-default);
  box-shadow: 0px 0px 0px 3px var(--low-border-subtle);
}

.search-nav__link:hover,
.search-nav__link:focus-within {
  background-color: var(--low-background-hover);
}

.search-nav__link::after {
  border-color: var(--low-border-default);
}

.info-section {
  background-color: var(--low-background-subtle);
}

.calendar__title,
.top-info__title,
.top-info__title span[lang='ja'] {
  color: var(--low-text-default);
}

.calendar__title::after,
.top-info__title::after {
  background-color: var(--low-border-default);
}

/* calendar */
.calendar,
#library-select,
.calendar table,
.calendar thead .calendar_btn {
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

#library-select,
.calendar .day td {
  color: var(--low-text-default);
}

.library-select-wrapper::after {
  border-color: var(--low-border-default);
}

#library-select option {
  /* layout */
  width: 100%;
  /* style */
  background: var(--low-background-default);
}

#library-select option:hover,
#library-select option:focus,
#library-select option:checked {
  background-color: var(--low-background-hover);
  color: var(--low-text-bold);
}

.calendar table thead,
.calendar table thead,
.calendar .year_month td,
.calendar .day td {
  background-color: var(--low-background-default);
}

.calendar thead .calendar_btn::before {
  border-color: var(--low-border-default);
}

.calendar .week th:not(:nth-child(1)),
.calendar .week th:not(:nth-child(7)) {
  background-color: var(--low-background-default);
}

.calendar .week th:nth-child(1) {
  background-color: var(--low-background-subtle);
}
.calendar .week th:nth-child(7) {
  background-color: var(--low-background-subtle);
}

.calendar .day .closed::after,
.calendar-note__item:first-of-type:before,
.calendar .day .event:after,
.calendar-note__item:last-of-type:before {
  background-color: var(--low-background-subtle);
  border: 1px solid var(--low-border-default);
}

.calendar-link {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.calendar-link:hover,
.calendar-link:focus-within {
  background-color: var(--low-background-hover);
}

/* infomation */
[role='tablist'] button {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
  color: var(--low-text-default);
}

[role='tab'][aria-selected='true'] {
  background-color: var(--low-border-default) !important;
  color: var(--low-text-inverse) !important;
}

[role='tab'][aria-selected='true']::after {
  border-top-color: var(--low-border-default) !important;
}

[role='tab'][aria-selected='false'] {
  background-color: var(--low-background-default);
}

[role='tablist'] button:hover,
[role='tablist'] button:focus-within {
  background: var(--low-background-hover);
}

.top-article__item {
  border-bottom-color: var(--low-border-subtle);
}

.top-article__date,
.top-article__link {
  color: var(--low-text-default);
}

.top-article__category {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
  color: var(--low-text-default);
}

/* link */
.top-info__more {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
  color: var(--low-text-default);
}

.top-info__more:hover,
.top-info__more:focus-within {
  background-color: var(--low-background-hover);
}

/* Links For Kids */
.links-forkids {
  background-color: var(--low-background-default);
}

.links-forkids__title {
  color: var(--low-text-default);
}

.links-forkids__title::after {
  background-color: var(--low-border-default);
}

.links-forkids__link {
  background-color: var(--low-background-default);
  border-color: var(--low-border-default);
  color: var(--low-text-default);
}

.links-forkids__link::before {
  background: linear-gradient(115deg, rgb(190, 190, 190) 72%, #a1a1a1 72%);
  transition: background-color 0.3s ease-in-out;
}

.links-forkids__link:hover,
.links-forkids__link:focus-within {
  border-color: var(--low-border-accent);
}

.links-forkids__link:hover::before {
  background: var(--low-background-hover);
}

/* top-introduction */
.top-introduction {
  background: var(--low-background-subtle);
}

.top-ranking__title,
.top-ranking__title span[lang='en'],
.top-introduction__title {
  color: var(--low-text-default);
}

.top-ranking__title::after,
.top-introduction__title::after {
  background-color: var(--low-border-default);
}

.top-ranking__wrap {
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.link-general.top-ranking__link,
.link-children.top-ranking__link,
.link-young.top-ranking__link {
  background-color: var(--low-background-default);
  border-color: var(--low-border-default);
  outline-color: var(--low-border-subtle);
  color: var(--low-text-default);
  transition: background-color 0.3s ease-in-out;
}

.link-general.top-ranking__link::before,
.link-children.top-ranking__link::before,
.link-young.top-ranking__link::before,
.link-general.top-ranking__link::after,
.link-children.top-ranking__link::after,
.link-young.top-ranking__link::after {
  filter: brightness(60%) saturate(0%);
}

.link-general.top-ranking__link:hover,
.link-children.top-ranking__link:hover,
.link-young.top-ranking__link:hover {
  background-color: var(--low-background-hover);
  outline-color: var(--low-border-default);
}

.librarian-books__item {
  border-bottom-color: var(--low-border-subtle);
}

.librarian-books__date,
.librarian-books__title,
.librarian-books__book {
  color: var(--low-text-default);
}

/* top-bg */
.top-bg img {
  filter: brightness(60%) saturate(0%);
}

/* Links */
.links {
  background-color: var(--low-background-subtle);
}

.links-banner__title {
  color: var(--low-text-default);
}

.links-banner__title::before {
  background-image: linear-gradient(to right, var(--low-border-subtle) 2px, transparent 2px);
}

.links-list__link {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
  color: var(--low-text-default);
}

.links-list__link:hover,
.links-list__link:focus-within {
  background-color: var(--low-background-hover);
}

/* top-banner */
.top-banner {
  background-color: var(--low-background-default);
}

.top-banner__title,
.top-banner__description {
  color: var(--low-text-default);
}
.top-banner__title::after {
  background-color: var(--low-border-default);
}

/*===========================
menu
=============================*/
.menu-header {
  background: var(--low-background-subtler);
}

.menu-header__title-icon {
  background: var(--low-background-subtler);
  border: 1px solid var(--low-border-subtle);
}

.menu-header__title-text {
  color: var(--low-text-default);
}

.menu-header__title-text::after {
  background: var(--low-border-subtle);
}

.menu-nav__link {
  color: var(--low-text-default);
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.menu-nav__link:hover,
.menu-nav__link:focus-within {
  background-color: var(--low-background-hover);
}

.menu-nav__link::before {
  background: var(--low-background-accent);
}

/*===========================
Archive
=============================*/
.news-list__date,
.news-list__category,
.news-list__title,
.news-list__link {
  color: var(--low-text-default);
}

.news-list__category {
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.news-list__item {
  border-bottom-color: var(--low-border-subtle);
}

.pagination__link {
  color: var(--low-text-default);
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.pagination__link:hover,
.pagination__link:focus-within {
  background-color: var(--low-background-hover);
}

/*===========================
kids
=============================*/
.kids-mainvisual {
  background: var(--low-background-default);
}

.kids-news::before {
  filter: invert(1) brightness(145%) saturate(0%);
}

.kids-news__wrapper {
  background: var(--low-background-subtler);
}

.kids-news__heading {
  color: var(--low-text-default);
}

.kids-news__link {
  background: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}
.kids-news__link:hover {
  background-color: var(--low-background-subtle);
}
.kids-news__date,
.kids-news__title {
  color: var(--low-text-default);
}
.kids-news__more {
  background-color: var(--low-background-default);
  border: 1px solid var(--low-border-default);
}

.kids-news__more:hover {
  background-color: var(--low-background-subtle);
}

/* 言語モーダル */
.language-select {
  background: var(--low-background-subtle);
  outline: 1px solid var(--low-border-default);
}
  .language-select__link {
    background-color: var(--low-background-subtle);
    outline: 1px solid var(--low-border-default);
    color: var(--high-text-default);
  }
  .language-select__link:hover,
  .language-select__link:focus-within {
    background-color: var(--low-background-hover);;
  }


/**************************
Youngページ
**************************/
body.young .menu-header,
body.young .txtbox h2,
body.young .inside.content h2:has(+ .news_section),
body.young .txtbox h3::before,
body.young .side-nav::before,
body.young .txtbox table th,
body.young .side-nav__icon
{ background: #B8B8B8; color: #333}

body.young .side-nav__link::before
{ background-color: #C5C4C4;}

body.young h1.content-title::after,
body.young .txtbox h3::before,
body.young .txtbox h5::before
{ background-color: #333;}

body.young .txtbox h4::before
{ box-shadow: inset 0 0 0 calc(5 / 16 * 1rem) #333;}

body.young .menu-header__title-text::after,
body.young .txtbox ul > li:before
{ background-color: #333;}

body.young .side-nav__icon,
body.young .txtbox table th,
body.young .txtbox table td,
body.young .txtbox ul > li > ul > li:before
{ border-color: #333;}

body.young .txtbox ul > li > ul > li:before
{ background-color: transparent;}