@charset "utf-8";

:root {
  --txt-color: #FFF;

  --base-color: #000;
  --theme-color: #FFF;
  --bg-color: #000;
  --accent-color: #FFF;

}


/***************************************
highcontrast.css
背景色:#000000;
文字色:#FFFF00;
***************************************/

body,
footer,
.counter__ttl,
.footer__contact-2 .phone,
header .page_control dl dd a,
body header nav#globalmenu ul li a,
.bnr-col__link,
#container-main h2,
#container-main h3,
#container-main h4,
#container-main h5,
#container-main h6,
#box-19 .list-group a,
.bnr-col__link:focus, .bnr-col__link:hover,
#container-main .list-group-item,
#frame-960 nav.ng-scope a.list-group-item { color: #FFF!important;}

a,
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,
.my-library__btn .btn-link--right-arrow,
.tabmenu .menu li {color:#FFF;}

.circle-icon,
#jump a:focus,
header .page_control form.search input.search_bt ,
header nav,
.contents article ul li:before,
.contents article table th ,
.contents article .image_box figure ,
.contents nav dl dt,
header .page_control dl dd a,
.bnr-col__link,
input[type="text"], input[type="button"], input[type="submit"] ,
#box-19 .list-group a,
#container-main .list-group-item,
#frame-960 nav.ng-scope a.list-group-item {background-color:#000000;}

#frame-1129, #frame-1133, #frame-1134, #frame-1135, #frame-1145,
.tabmenu .menu li a.active {background-color:#222;}

.footer-nav a,
.arrow-right,
.btn-link,
.btn-diagonal-line,
.easy_search__link a,
.open-info__link a,
a,
.my-library__link a {color:#80FFFF;}
.contents nav .menu_contents__inner-list a::before {
  border-color: #80FFFF;
}
a:focus,
a:hover{color:#FFFFFF;}

.btn-link,
.tabmenu .menu li{
  outline: 1px #FFF solid;
  outline-offset: -1px;
}

#container-main .list-group-item{border-left: 3px solid #fff;}

.btn-link:focus::before,
.btn-link:hover::before {
  border-color: #000;
}
.btn-link::before {
  border-color: #80FFFF;
}

header .page_control form.search input#search_txt:focus,
header .page_control dl.color_change dd.default a { color: #000!important;}

header .page_control dl.color_change dd.high a {
  outline: 2px #94B5E3 solid;
  outline-offset: -2px;
}

/* TOP */
header,
header nav,
main,
.top .top_search,
.top section.view_section,
.top section.view_section .opening,
.top section.view_section .opening h2,
.top section.menu_section,
.top section.menu_section .mypage,
.btn_img li a,
.btn_txt li a,
.top section.banner_section,
.sub_menu li a,
footer,
footer .copyright,
.top section.info_section .top_news,
.top section.info_section .top_event,
.top section.info_section a.more,
.news dt span.tab_01,
.news dt span.tab_02,
.news dt span.tab_03,
.news dt span.tab_04,
.top .top_search .search .search_box .search_txt,
.top .todays-info,
header .page_control .head-btn a,
.menu_list li a .sub-text,
#box-19 .list-group a:first-child,
.tabmenu .menu li a,
#frame-960 nav.ng-scope
{background-color:#000000;}

header .page_control .head-btn a:focus,
header .page_control .head-btn a:hover,
#box-19 .list-group a:hover {
  background: #5D5D5D;
}

.easy_search_label .txt,
.my-library__ttl,
#box-19 .list-group a:first-child {
  color: #FFF;
  border-color: #FFF;
}

.menu_list li a .text {
  background: #AAA;
}

.main_wrap > .page_ttl {
  background: #000;
}
.menu_list li a .sub-text,
.main_wrap > .page_ttl .page_ttl__txt,
.tabmenu .menu li a,
#frame-960 nav.ng-scope,
nav.ng-scope {
  color: #FFF!important;
}

.menu_list li a {
  outline: 2px #FFF solid;
  outline-offset: -2px;
}
  .menu_list li a:focus,
  .menu_list li a:hover {
    outline: 2px #666 solid;
    outline-offset: -2px;
  }
  
  
.buttons .button:focus, .buttons .button:hover {
  background-color: #FFF;
}
.buttons .button.js-play:before {
  background-color: #000;
}
.buttons .button.js-stop:before, .buttons .button.js-stop:after {
  background-color: #000;
}


header .page_control dl dd a,
.top section.view_section .opening,
.top section.view_section .opening h2,
.top_search,
.btn_img li a,
.btn_txt li a,
.top section.info_section .top_news,
.top section.info_section .top_event
{ box-shadow: inset 0px 0px 0px 2px #ffffff; box-sizing: border-box;}

header .page_control .search .search_inner { background: #FFF;}


header{ border-bottom: 1px solid #ffffff; box-sizing: border-box;}
header nav#globalmenu ul li a:focus, header nav#globalmenu ul li a:hover,
.bnr-col__link--art:focus, .bnr-col__link--art:hover {background:none;}


footer {
  border-block-start: 1px solid #ffffff;
}
footer .reread_link a
{ border-color: rgba(255,255,255,0.8);}

.top section .search .search_box input[type="text"],
header nav ul li a:hover,
header nav ul li a:focus,
.sub_menu li a:hover,
.sub_menu li a:focus,
.btn_img li a:hover,
.btn_txt li a:hover,
.btn_img li a:focus,
.btn_txt li a:focus,
.top section.info_section a.more:hover,
.top section.info_section a.more:focus
{ background-color: #000000;}

.top section .search .search_box input[type="text"],
[role="tabpanel"],
.top section.info_section a.more,
.top .todays-info-body__status {
  background: none;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}

.open-info__item,
.tabmenu .division,
.easy_search,
.my-library {
  background: #222;
}

.easy_search__link a,
.open-info__link a,
.tabmenu .division .more a,
.btn-diagonal-line,
.bnr-col__link:focus, .bnr-col__link:hover {
  background: #444;
}
.open-info__link a img,
.bnr-list-txt__link__icon {
  filter: brightness(450%);
}

.open-info__link a:focus,
.open-info__link a:hover,
.tabmenu .division .more a:focus,
.tabmenu .division .more a:hover,
.easy_search__link a:focus,
.easy_search__link a:hover,
.btn-diagonal-line:focus,
.btn-diagonal-line:hover,
.my-library__btn .btn-link--right-arrow:focus, .my-library__btn .btn-link--right-arrow:hover {
  background: #666;
}
.open-info__link a:focus,
.open-info__link a:hover,
.tabmenu .division .more a:focus,
.tabmenu .division .more a:hover,
.easy_search__link a:focus,
.easy_search__link a:hover,
.btn-diagonal-line:focus,
.btn-diagonal-line:hover {
  color: inherit;
  text-decoration: underline;
}

.top section.info_section a.more:focus,
.top section.info_section a.more:hover {
  background: #666;
}

.top section.view_section .opening h2,
.top section.info_section h2,
a.more,
.top .top_search .search .search_box .search_txt,
.top section.search_section .search-head label[for="search_nav_txt"],
.top .todays-info-head,
.top .todays-info-body__time,
.top section.info_section .news,
.top section.info_section .info_section__head
{color:#FFFF00;}

body header nav ul li a,
p.locus a,
.top section a,
.top section.info_section a.more,
.top section.info_section .news dd a,
footer .nav li a
{color:#80FFFF!important;}

p.hamburger_text,
.contents .page_ttl,
.txtbox h2,
.txtbox h3,
.txtbox h4,
.txtbox h5,
.txtbox h6 {
  color: var(--txt-color);
}

/* PAGE */
article,
.contents nav dl,
.txtbox h2,
.kids article,
.kids article .inner,
.young_adult article,
.young_adult article .inner,
.kids .ex_menu li a,
.young_adult .ex_menu li a
{ background-color:#000000;}

.kids .ex_menu li a:hover,
.kids .ex_menu li a:focus,
.young_adult .ex_menu li a:hover,
.young_adult .ex_menu li a:focus,
#container-main h2
{ background-color:#000000;}

.kids article,
.kids article .inner { background-image: none; box-shadow: none;}
.young_adult article { box-shadow: none;}

.contents nav dl,
.contents nav dt,
.txtbox h2
{ outline: 2px #ffffff solid; outline-offset: -2px; }

.news dt span {
  color: #FFF!important;
}
.hamburger_text,
.contents nav dl dd a
{ color:#80FFFF;}


.contents nav ul, .contents nav dl,
.contents nav dl dd.currentpage, .contents nav dl dd a:hover, .contents nav dl dd a:focus,
.contents nav dl dd a:hover,
.contents nav dl dd a:focus
{ background-color: unset;}

header nav#globalmenu ul li a:focus, header nav#globalmenu ul li a:hover,
.bnr-col__link,
#container-main h2 {border:solid 2px #fff;}


/* ----------------------------------------
 y add
******************************************/
header .page_control .voice a,
.top section.search_section,
.top .top_search .details a,
.top .top_search .details a:hover,
.top .top_search .details a:focus,
.top section.menu_section,
.top section.banner_section.image,
.top section.info_section,
.top section.view_section,
.top section.banner_section.text,
.top section.info_section .top_news__body,
.news dt span.tab_01,
.news dt span.tab_02,
.news dt span.tab_03,
.news dt span.tab_04,
.news dt span.tab_05,
.news dt span.tab_06,
footer .nav
{ background-color: #000000;}

.top section.view_section .btn_img.system li a span,
.top section.view_section .btn_img.system li a:hover span,
.top section.view_section .btn_img.system li a:focus span
{ background-color: #000000!important;}

.top section.view_section,
.btn_img a {
  background: #333;
}

header nav .menu_button button:focus {
  outline-color: #FFF;
}

.btn_txt li a, .btn_txt li a {
  box-shadow: none;
}
.btn_img li a:focus, .btn_img li a:hover,
.btn_txt li a:focus, .btn_txt li a:hover,
.top .todays-info-foot__link:focus, .top .todays-info-foot__link:hover
{
  background: #666;
}

.top section.view_section .btn_img.system li a span.top_menu_title,
.top section.view_section .btn_img.system li a span.word_wrap {
  background: none!important;
}

header nav ul li a:focus,
header nav ul li a:hover,
.contents nav dl dd a:focus,
.contents nav dl dd a:hover {
  text-decoration: underline;
}

.tabmenu .division .more a,
.tabmenu .division .more a::before,
.footer-nav li + li,
.contents nav dl dd + dd::before,
header nav ul li::before {
  border-color: #FFF!important;
}

.hamburger span {
  background: #FFF;
}

.btn_arrow::before {
  background: #FFF;
}
.top .todays-info-foot__link {
  background: #000;
  border-color: #FFF;
}

.top section.info_section .top_event,
.top section .top_search,
header .page_control dl dd a
{ box-shadow: none;}


.top section.info_section .top_news__body,
.top .top_search .details a { box-shadow: inset 0px 0px 0px 2px #fff;}
header .page_control .head-btn a,
header .page_control .voice a { border-color: #ffffff; border-width: 2px;}

header .page_control dl.color_change dd a,
header .page_control dl.textsize_change dd a { border-color: #ffffff; border-width: 1px;}

header .page_control .head-btn a,
header .page_control .voice a,
.top .top_search .details a
{ color: #80FFFF;}


header .page_control .head-btn a:visited,
header .page_control .voice a:visited,
.top .top_search .details a:visited
{ color: #FF00FF;}


.open-info__discription--status,
.top section.info_section .top_news {
  box-shadow: none;
  color: #000;
}

.news dt span.tab_01 { box-shadow: inset 0px 0px 0px 2px #B20000;}
.news dt span.tab_02 { box-shadow: inset 0px 0px 0px 2px #C6E9C0;}
.news dt span.tab_03 { box-shadow: inset 0px 0px 0px 2px #D9ECFB;}
.news dt span.tab_04 { box-shadow: inset 0px 0px 0px 2px #dcf2f3;}
.news dt span.tab_05 { box-shadow: inset 0px 0px 0px 2px #FFE4F3;}
.news dt span.tab_06 { box-shadow: inset 0px 0px 0px 2px #FFEBC8;}


.footer__inner-body__qr__inner {
  color: #000;
  background-color: #FFF;
}
footer .reread_link a {
  outline: 1px #FFF solid;
  outline-offset: -1px;
}

@media screen and (max-width: 1044px) and (min-width: 0px){
  header nav,
  header nav nav { background-color: transparent;}
  header nav ul { background-color: rgba(0,0,0,0.95); box-shadow: 0px 0px 6px 2px rgba(255,255,255,0.8);}
}

@media screen and (max-width: 660px) {
  .open-info__item {
    background: none;
  }
    .open-info__term {
      color: #FFF;
    }
}