@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;

  /* common ＞ Colors ＞ default */
  /*
  --color-text        : #fff;
  --color-gray        : var(--color-neutral-54);
  --color-right-gray  : var(--color-neutral-42);
  --color-white       : var(--color-neutral-0);
  --color-black       : var(--color-neutral-100);
  --color-link        : #3299fa;

  --color-img-cnstrstFilter-for-black : invert(1);
  */

  /* サイト別設定 ＞ サイト固有色 */
  /* 「サイト別設定 ＞ サイト固有色」は、このファイルでは直接変更しないこと */

  --color-site-proper-mizuho     : #2CB6B0;
  --color-site-proper-motosayama : #D65C5E;
  --color-site-proper-nagaoka    : #6E9E45;  
  --color-site-proper-musashino  : #A4A833;
  --color-site-proper-tonogaya   : #D78B28;

  --color-site-proper-01-a       : #1E8F7A;
  --color-site-proper-01-b       : #2CA089;
  --color-site-proper-02-a       : #B0305C;
  --color-site-proper-02-b       : #992E4E;

  /* https://kamimotto.jp/SHOP/187084/list.html */

  --color-site-proper-gry1       : #A5A5A5; /* (220/255) 14% */
  --color-site-proper-gry2       : #A5A5A5;
  --color-site-proper-gry3       : #999999; /* スライダー＞ドット */
  --color-site-proper-gry4       : #989898;

  --color-site-proper-91-a       : #0B0C0C; /* 波線と同じ色 [#F3F2F2] */

  /*  サイト別設定 ＞ スライダー ＞ ドット */
  /* ※要素自体の背景と、その親要素の背景はセットで設定・変更する必要がある */
  --color-site-ctrl-btn-parent-bg              : var(--color-site-proper-91-a);

  --color-site-btn1-self-active-notOn-bg        : var(--color-neutral-100);
  --color-site-btn1-self-active-on-bg           : var(--color-neutral-100);
  --color-site-btn1-self-enabled-notOn-bg       : var(--color-site-proper-gry3);
  --color-site-btn1-self-enabled-on-bg          : var(--color-site-proper-gry2);

  --color-site-btn1-self-active-notOn-brd       : var(--color-neutral-100);
  --color-site-btn1-self-active-on-brd          : var(--color-neutral-100);
  --color-site-btn1-self-enabled-notOn-brd      : var(--color-site-proper-gry3);
  --color-site-btn1-self-enabled-on-brd         : var(--color-site-proper-gry2);

  --color-site-btn1-self-active-notOn-outLine   : var(--color-neutral-100);
  --color-site-btn1-self-active-on-outLine      : var(--color-neutral-100);
  --color-site-btn1-self-enabled-notOn-outLine  : var(--color-site-proper-gry3);
  --color-site-btn1-self-enabled-on-outLine     : var(--color-site-proper-gry2);

  /* サイト別設定 ＞ primary */
  /*
  --color-named-01-01-by-site   : var(--color-site-proper-mizuho);
  --color-named-01-02-by-site   : var(--color-site-proper-motosayama);
  --color-named-01-03-by-site   : var(--color-site-proper-nagaoka);
  --color-named-01-04-by-site   : var(--color-site-proper-musashino);
  --color-named-01-05-by-site   : var(--color-site-proper-tonogaya);

  --color-primary-01-a       : var(--color-site-proper-01-a);
  --color-primary-01-b       : var(--color-site-proper-01-b);
  --color-primary-02-a       : var(--color-site-proper-02-a);
  --color-primary-02-b       : var(--color-site-proper-02-b);
  */

  /* サイト別設定 ＞ other-default */
  --color-text        : var(--color-const-white);
  --color-gray        : var(--color-neutral-54);
  --color-right-gray  : var(--color-neutral-42);
  --color-white       : var(--color-neutral-0); /* 白を黒に */
  --color-black       : var(--color-neutral-100);
  --color-link        : var(--color-const-water1-as-default-link);

  /* 背景色 ＞ 共通機能 ＞ 標準（フォーム） */
  /*
  --color-background-form-input-default   : var(--color-neutral-0);
  --color-background-form-button-default  : var(--color-neutral-54);
  */

  /* 背景色 ＞ サイト別設定 */
  /* Semantic Colors:Background Colors */
  /*
  --color-background-default              : var(--color-black);

  --color-main-site-proper                : var(--color-black);
  */

  /* 背景色 ＞ サイト別設定 ＞ ヘッダーとフッター */
  /*
  --color-background-header-default             : var(--color-main-site-proper);
  
  --color-background-footer-default             : var(--color-main-site-proper);
  --color-background-footer-logoAndLocationZone : var(--color-primary-01-b);
  */

  /* 背景色 ＞ サイト別設定 ＞ アクセシビリティ系 */
  /*
  --color-background-hbgMenu-canvus             : var(--color-neutral-0);
  --color-background-hbgMenu-bar                : var(--color-neutral-100);
  --color-background-drawer                     : var(--color-neutral-0);
  */

  /* 境界線＞ 共通機能 ＞ 標準（フォーム） */
  /*
  --color-border-form-input-default   : var(--color-neutral-20);
  --color-border-form-button-default  : var(--color-neutral-70);
  --color-border-form-focused-default : #E71B12;
  */

  /* 境界線 ＞ 共通機能 ＞ アクセシビリティ系 */
  /*
  --color-border-accessibility-default : var(--color-neutral-100);
  --color-border-accessibility-bold    : var(--color-site-proper-01-b);

  --color-border-hbgMenu               : var(--color-neutral-100);
  */

  /* 境界線 ＞ 共通機能 ＞ その他 */

  /* 境界線 ＞ 共通機能 ＞ ホバー時 */
  /*
  --color-border-button-hover-01    : var(--color-site-proper-01-b);
  --color-border-underline-hover-01 : var(--color-site-proper-01-b);
  --color-border-underline-hover-02 : var(--color-site-proper-02-b);
  */

  /* そのほか ＞ 共通機能 ＞ 画像 ＞ フィルター */
  --color-filter-for-only-black-img : invert(1); /* 黒→白 に変換 */
  --color-filter-cnstrst-for-black  : invert(1);

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

  /* 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;
}


/* 以下は未整理 */

.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;}