﻿@charset "utf-8";
/*======================================
 highcontrast.css
  色変更による設定以外追記しない（幅、高さ、余白など）
  (「黒」背景に「白」文字)
======================================*/

/*===========================
Basic
=============================*/
:root {
  /* ------- Colors from Design System ------- */
  /* common ＞ Colors ＞ 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;

  --color-bg-05-src02-a : #111111;   /* 旧 E2F7F6 → 暗背景化 */
  --color-bg-06-src02-b : #1A1A1A;   /* 旧 BBEFF6 → より暗め */
  --color-bg-07-src02-c : #222222;   /* 旧 C0EDF5 */
  --color-bg-08-src02-d : #333333;   /* 旧 66D9E8 → 落ち着いた濃紺に */

  --color-bg-focused-01-src01-a : #00BFFF;
  --color-bg-focused-02-src02-m : #00FFD5;
  --color-bg-focused-03-src01-j : #3399FF;  /* そのままでも良 */
  --color-bg-focused-04-src02-k : #66B2FF;

  --color-brd-01-src01-c : #3399FF;
  --color-brd-02-src01-i : #66CCFF;
  --color-brd-03-src02-a : #00FFD5;
  --color-brd-04-src02-b : #FF6600;

  --color-txt-focused-01-01 : #FFFFFF;   /* 通常文字 白 */
  --color-txt-focused-02-01 : #000000;   /* 特殊ケース用 */

  --color-txt-01-src01-b : #FFFFFF;
  --color-txt-02-src01-c : #E6F7FF;
  --color-txt-03-src01-d : #ffffff;
  --color-txt-04-src01-h : #99FFFF;
  --color-txt-05-src01-i : #B3E5FF;

  --color-bg-footer-dflt : #000000;
  --color-txt-footer-dflt : #ffffff;

  /* そのほか ＞ 共通機能 ＞ 画像 ＞ フィルター */
  /* 黒→白 に変換 */
  /*
  --color-filter-for-only-black-img : invert(1); 
  --color-filter-cnstrst-for-black  : invert(1);
  */
}
/* 以下、個別修正(基本的には、なるべく使わない) */
.hbgMenu {
  --color-bg-sh-hbgMenu-bar: #ffffff;
  --color-brd-sh-hbgMenu: #ffffff;
}
/* header & fotter */

.site-header .colorAndTextsizeChanger {
  --color-txt-sh-clrAndTxtszeChnger-dflt : #ffffff;
}

.site-header form.headerSearch {
  --color-txt-sh-search-plchldr-dflt : #ffffff;
  --color-txt-sh-search-plchldr-on   : #000000;
}

.site-header .leftIconLink.myPageLoginAndCard a.withLeftIcon {
  --color-txt-sh-leftIcnLnk-on: #000000;
}

.site-header li.childrenShowWhenOn {
  --color-txt-sh-chldrnShwWhn-parent-on : #000000;
}

.site-footer .logoAndLocationInfo .footerSubItem .graphicDecoLink {
  --color-brd-sf-grphDcLnk-dflt      : #00FFD5;
}

.site-footer .graphicDecoLink.decoLeft a:hover,
.site-footer .graphicDecoLink.decoLeft a:focus {
  --color-txt-sf-grphDcLnk-on        : #000000;
}

.txtbox {
  --color-bg-txtBox-h2-dflt       : #000000;
  --color-txt-txtBox-h2-dflt      : #ffffff;
}
.txtbox h2 a,
.txtbox h2 a:visited {
  color : #ffffff;
}
section.fileSection h2,
section.linkSection h2,
section.mapSection h2,
section.formSection h2,
section.infoSection h2 {
  --color-bg-detailSection-h2-dflt       : #000000;
  --color-brd-detailSection-h2-dflt      : #3399FF;
  --color-txt-detailSection-h2-dflt      : #ffffff;
}

form {
  --color-txt-form-dflt                   : #ffffff;
  --color-txt-form-input-placeholder-dflt : #ffffff;
  --color-txt-form-input-placeholder-on   : #ffffff;

  --color-txt-form-button-dflt : #ffffff;

  --color-txt-form-button-on : #000000;
}
form.pure-form legend {
  color : #ffffff;
}

/* TopPage & MenuPage */
.infomation.changeByTab.withAuthOrg .articleItem .aboutAuthorOrg .orgName {
  color : #000000;
}
.infomation.changeByTab .sectionNotifier {
  color : #000000;
}
.infomation.changeByTab.withAuthOrg .showTrigger.showTrigger {
  --color-txt-tab-menu-dflt : #000000;
}

/* MenuPage & detailPage */
.navMenuCollector .navMenu.plain {
  --color-bg-sdMn-plnLnk-dflt: #000000;
  --color-brd-itemOutLine-dflt: #00FFD5;
  --color-txt-sdMn-plnLnk-dflt : #ffffff;
  --color-txt-sdMn-plnLnk-lnk-dflt : #ffffff;
  --color-txt-sdMn-plnLnk-lnk-on  : #000000;
}

.navMenuCollector .navMenu.withLeftIcon.arrowInCircle {
  --color-bg-sdMn-leftIcnLnk-ttl-dflt  : #000000;
  --color-bg-sdMn-leftIcnLnk-dflt  : #000000;
  --color-txt-sdMn-leftIcnLnk-dflt : #ffffff;
  --color-txt-sdMn-plnLnk-lnk-on   : #000000;
}

/* MenuPage */
body.menu.titleFullWidth .menuPageTitle.belt {
  --color-bg-belt-dflt: #000000;
  --color-txt-belt-dflt : #ffffff;
}
.menuHolderAsMenuPageCore .navItemCollector.leftBarAndRightAllowLinks  {
  --color-brd-itemOutLine-dflt: #00FFD5;
  --color-txt-itemCenter-dflt: #ffffff;
  --color-txt-itemCenter-on: #000000;
}

/* TopPage */
.bgTyp4, .bgfntTyp4 {
  background-color: #000000;
}

body.top .bookEasySearchHolder form.bookEasySearch {
  --color-txt-form-input-dflt           : #000000;
  --color-txt-form-input-placeholder-on : #000000;

  --btn-search-width-dflt : 2px;
  --color-bg-btn-search-dflt : #000000;
  --color-brd-btn-search-dflt : #3399FF;
  --color-txt-btn-search-dlft : #ffffff;

  --btn-search-width-on : 2px;
  --color-bg-btn-search-on : #3399FF;
  --color-brd-btn-search-on : #3399FF;
  --color-txt-btn-search-on : #ffffff;
}

body.top .serviceTimeInfoCollector .statusDetail > * > .hcih-ih {
  color : #000000;
}

body.top .insideLinksHolder .insideLinkCollector.fxdWHItemCollector a {
  background : unset;
  background-color: #000000;
}





/* 以下は未整理 */

.reread-link > a > img {
  filter: invert(1);
}

.drawer {
  background: #333;
}
.drawer-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}

.menu-nav__link::after,
.text-links__link::after,
.top-info__more::after,
.main-visual__link::after,
.main-visual__link-text:after {
  filter: invert(1);
}

.menu-nav__link:hover,
.menu-nav__link:focus-within,
.main-visual__link--icon:hover,
.main-visual__link--icon:focus-within {
  background-color: var(--color-neutral-30);
  border-color: var(--color-white);
  outline-color: var(--border-bold);
}
.main_wrap a,
main a{color:#80FFFF;}
.main_wrap a:visited,
main a:visited{color:#FF00FF;}
.main_warp a:hover,
main a:hover{color:#FFFFFF;}
.main_warp a:active,
main a:active{color:#FF0000;}
.acrobat{background:#222;}
.acrobat .file_link_icon .acrobat_wrap {
 background: linear-gradient(117deg, rgba(0, 0, 0, 1) 70%, rgba(12,12,12, 1) 70%);
 color:#fff;
}
.top .selects{background:#000;/* color:#FFF; */}
.top .selects select{color:#FFF;background: #000;}
.top .calendar thead,
.top table.calendar td,
.top #libraryHours-main{background:#333;}
.calendar .closingDay span{color:#000;font-weight:bold}
.calendar thead tr:nth-child(2) th {color:#fff;}
.calendar thead tr:nth-child(2) th:first-of-type,
.calendar thead tr:nth-child(2) th:last-of-type{color: #000;}