@charset "utf-8";
/***************************************
highcontrast.css
背景色:#000000;
文字色:#FFFF00;
色変更による設定以外追記しない（幅、高さ、余白など）
***************************************/
/*色リスト*/
:root {
    --change-color01: #000000;/*主に背景*/
    --change-color02: #FFFF00;/*主に文字*/
    --change-color03: #222222;/*主に背景*/
    --change-color04: #5D5D5D;/*主に背景*/
    --change-color05: #fff;/*主に文字*/
  }

/*全体のスタイル*/
body{background-color:var(--change-color01)!important;color:var(--change-color02)!important;}

/*文字色*/
header .page_control form.search input#search_txt ,
header .page_control form.search input#search_txt:focus ,
header .page_control form.search input.search_bt ,
.calendar_opac .day td,
header nav{color:var(--change-color02)!important;}

/*擬似要素*/
header:after,.kids footer::before,
.kids footer::after{content: none!important;}

/*背景色*/
header,
article,
footer,
.pager .link_before,
.pager .link_next,
#jump a:focus,
.txtbox table td,
header .page_control form.search input#search_txt ,
header .page_control form.search input#search_txt:focus ,
header .page_control form.search input.search_bt ,
header nav,
.contents article table th ,
.contents article .image_box figure ,
.contents nav dl dt,footer .opac_qr, footer .opac_qr2,
.calendar_opac tr.year_month td,
.calendar_opac .day td,
.calendar_opac .week td,
#menu ul.sub_category li a,.big_topics_1,.top_section.sec_02,.sec_03 .wrap,.top_section.sec_03,
.top_section.sec_04,.top_section.sec_05,.top_section.sec_06{background-color:var(--change-color01)!important;}


/*文字色*/
body.menu .menu_section dt span:nth-child(2),
body.menu .menu_section .shintyaku,.menu_section dt span:nth-child(2),
.menu_section .shintyaku{color: var(--change-color01)!important;}

/*背景画像*/
.big_topics_1,.top_section.sec_03::before,.top_section.sec_03::after{background-image: none!important;}

.bg_bottom_sp {display: none;}

/*背景色その2*/
.subtop_title_wrap, .menu_title_wrap,#menu ul.sub_category,.page article h1,
.txtbox h2,.contents_wrap .menu_contents,.kids_search .search_wrap_inner .search_txt,
.kids_search_button div a,.kids.page article h1, .kids .subtop_title_wrap,
.kids .txtbox h2,.tabmenu2 .division,.libmenu li a,.tabmenu .division,#important_news .important_news_all,
.information li a,.tabmenu2 .menu li.active a,.tabmenu .menu li.active a{background-color: var(--change-color03)!important;}

/*背景色その3*/
.easy_search_wrap,
.calendar_opac .day .orange:after,
.calendar-section .close-day .close,
.calendar_opac .day .event:after,
.calendar-section .event-day .event,.box_easy_search
{background-color:var(--change-color04)!important;}
.sec_06 .calendar-section .division,
.sec_06 .calendar-section .division,.tabmenu .division,.tabmenu .menu a{border:solid 2px #fff; }
.txtbox h2,.tabmenu2 .menu li.tab5 a,.tabmenu2 .menu a {border: solid 2px;}

/*なんか装飾のあるliボタンタブ*/
.menu_list li a,.kids .menu_list li a,.search_books ul li a{background-image: linear-gradient(305deg, var(--change-color03) 21%, var(--change-color01) 18%, var(--change-color01))!important;}

/*ホバーしたとき*/
.menu_list li a:hover,.kids .menu_list li a:hover,.search_books ul li a:hover{background-image: initial;text-decoration: underline!important;}
.information li a:hover{background-color: initial!important;text-decoration: underline!important;}

/*ボーダー*/
.contents_wrap .menu_contents,.search_books ul li a{border: 2px solid var(--change-color04)!important;}
.contents_wrap .menu_contents dd::before{border-top: 1px dotted var(--change-color04)!important;}

/*リンク文字色*/
a{color:#80FFFF!important;}
a:visited{color:#FF00FF!important;}
a:hover{color:#FFFFFF!important;}
a:active{color:#FF0000!important;}
.contents_wrap .menu_contents dd a:hover{color:black!important;}

/*上以外にaに効かせたいとき*/
.page_control dl.color_change dd.high a,.tabmenu .menu li.active a,
.tabmenu2 .menu li.active a, .tabmenu2 .menu a,.lib_menu_title,
.information li a div.divtitle,.information li a div:nth-child(2) { color: var(--change-color05)!important;} 

/*変わってほしくないやつ*/
.page_control dl.color_change dd.default a,.acrobat_comment { color: #000!important;} 
.page_control dl.color_change dd.blue a { color: #ff0!important;} 
.page_control dl.color_change dd.yellow a { color: #00f!important;} 
.page_control dl.color_change dd.high a{ color: #fff!important;} 
.page_control dl.textsize_change dd a,
.page_control .conf_word dd a ,.tabmenu .menu a,.tabmenu ul.more a, .tabmenu2 ul.more a{ color: #000!important;} 
.important_title div a{color: #B30101!important;}
.myLibrary div a{color: #fff!important;}
.contents article ul li:before{background: #DDD9D0;}

/*その他*/
.kids_search .search_wrap_inner .search_txt::placeholder{color:var(--change-color02)!important;}
.future {
  right: 20px;
  background: url(../img/oldData/banner_slider_arrow_right.png)center center no-repeat,#000!important;
  background-size: 40%!important;
}

.easy_search_wrap{
background: url(../images/search_title_w.png) center no-repeat;
    background-size: 180px !important;}

.past {
  left: 20px;
  background: url(../img/oldData/banner_slider_arrow_left.png)center center no-repeat,#000!important;
  background-size: 40%!important;
}
/*メディアクエリ*/
@media screen and (max-width: 1180px){
    #menu li dt a {
    background: #222222!important;
}
}
@media screen and (min-width: 631px) {
.easy_search form {width:420px;}
}