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

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

  /* common ＞ Colors ＞ default */
  /*
  --color-text        : #333;
  --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        : #0a3760;

  --color-img-cnstrstFilter-for-black : contrast(66%);
  */

  /* サイト別設定 ＞ サイト固有色 */
  /* ここで宣言された変数自体は「highcontrast.css」「lowcontrast.css」では変更しないこと。 */
  /* 原則として、ここで宣言された変数は直接参照せず、「サイト別設定 ＞ primary」で参照して利用するのが原則 */

  --color-site-proper-mizuho     : #35A8A4;
  --color-site-proper-motosayama : #C64A4B;
  --color-site-proper-nagaoka    : #5B8F34;  
  --color-site-proper-musashino  : #A1A821; /* 黄 <= クリーム */
  --color-site-proper-tonogaya   : #B86D13; /* オレンジ <= 黄 */

  --color-site-proper-01-a       : #1E8F7A; /* C50、M0、Y25	濃度100％ */
  --color-site-proper-01-b       : #2CA089; /* C50、M0、Y25	濃度55％ */
  --color-site-proper-02-a       : #B0305C; /* C0、M50、Y15	濃度100％ */
  --color-site-proper-02-b       : #992E4E; /* C0、M50、Y15	濃度55％ */

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

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

  --color-site-proper-91-a       : #595959; /* 波線と同じ色 [#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-black); /* #333 */
  --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-blue2-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-gray);

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

  /* 背景色 ＞ サイト別設定 ＞ ヘッダーとフッター */
  /*
  --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.7); /* 黒→白 に変換 */
  --color-filter-cnstrst-for-black  : contrast(66%);


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

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

/* 以下は未整理 */
.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);
}
.main_wrap a,
main a{color:#0000C0;}
.main_wrap a:visited,
main a:visited{color:#800000;}
.main_wrap a:hover,
main a:hover{color:#555555;}
.main_wrap a:active,
main a:active{color:#FFE5E5;}
.acrobat{background:#afafaf;}
.acrobat .file_link_icon .acrobat_wrap {
 background: linear-gradient(117deg, rgba(200, 200, 200, 1) 70%, rgba(210,210,210, 1) 70%);
 color:#333;
}
.top .libraries,
.top .selects{background: #afafaf;}
.top .selects select{color:#333;background: #afafaf;}
.top .calendar thead,
.top table.calendar td,
.top #libraryHours-main{background:#afafaf;}