@charset "utf-8";

:root {
  --txt-color: #FFF;
  --txt-color-2: #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 {
  color: #FFF;
}

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,
#box-19 .list-group a:first-child,
#box-19 .list-group a{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,
#container-main .information__ttl,
.bnr-col__link,
#box-19 .list-group a {background-color:#000000;}

#container-main .information__ttl{border-bottom:1px solid #fff;}
#box-19 .list-group{border:1px solid #fff;}
.footer-nav a,
.arrow-right,
.btn-link,
.btn-diagonal-line,
.easy_search__link a,
.open-info__link a,
.menu_list li a .btn-link--right-arrow__txt,
a,
header nav#globalmenu ul li a,
.topic-row-outer a,
#container-main h2 a, #container-main h3 a, #container-main h4 a, #container-main h5 a, #container-main h6 a {color:#80FFFF;}

#container-main h2{border:1px solid #fff;}

.contents nav .menu_contents__inner-list a::before {
  border-color: #80FFFF;
}
a:focus,
a:hover,
#container-main .information__ttl,
.bnr-col__link,
#container-main .sec-news__ttl__txt.sec-news__ttl__txt--en{color:#FFFFFF;}
header .page_control dl dd a{ outline: 2px #fff solid !important;}

.sec-news .more a,
.sec-news .more a:focus,
.sec-news .more a:hover,
.btn-link,
#box-19 .list-group {
  outline: 1px #FFF solid;
  outline-offset: -1px;
}
.counter__inner,
.btn-link:focus,
.btn-link:hover {
  color: #000;
}

#container-main .sec-news__ttl{border:none;}
.calendar-out-of-range{ background:#000;}

.btn-link:focus::before,
.btn-link:hover::before {
  border-color: #000;
}
.menu_list li a .btn-link--right-arrow__txt,
.sec-news .more a::before,
.btn-link::before {
  border-color: #80FFFF;
}

.sec-news .more a:focus,
.sec-news .more a:hover,
header nav#globalmenu ul li a:focus, header nav#globalmenu ul li a:hover,
.bnr-col__link:focus, .bnr-col__link:hover {
  background: #333!important;
  text-decoration: underline;
}

header .page_control form.search input#search_txt:focus {
  color: #000;
}

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

/* TOP */
header,
header nav,
.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,
nav.ng-scope,
#box-19 .list-group,
#box-19 .list-group a:first-child,
.calendar-col-small-day:hover,
header .page_control dl dd a
{background-color:#000000;}

.menu_list li .btn-link--right-arrow:focus,
.menu_list li .btn-link--right-arrow:hover,
header .page_control .head-btn a:focus,
header .page_control .head-btn a:hover,
.bnr-col__link:focus, .bnr-col__link:hover,
#box-19 .list-group-item.active, #box-19 .list-group-item.active:focus, #box-19 .list-group a:hover,
header .page_control dl dd a:hover {
  background: #5D5D5D;
}

.easy_search_label .txt,
.my-library__ttl,
#box-19 .list-group,
header .page_control dl dd a {
  color: #FFF;
  border-color: #FFF;
}


.main_wrap > .page_ttl {
  background: #000;
}

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

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

.menu_list li .btn-link--right-arrow,
.easy_search__link a,
.open-info__link a,
.tabmenu .division .more a,
.btn-diagonal-line {
  background: #444;
}
.open-info__link a img,
.bnr-list-txt__link__icon {
  filter: brightness(450%);
}

.menu_list li .btn-link--right-arrow:focus,
.menu_list li .btn-link--right-arrow:hover,
.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;}

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

.information__ttl,
.sec-news__ttl__txt--en,
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;}

.information__inner,
.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
{ background-color:#000000;}

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

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

.news dt span {
  color: #FFF!important;
}
.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;}



/* ----------------------------------------
 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,
.sec-news .more a,
.bg-area,
.visual,
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 header {
  border: none;
}

.information__ttl,
.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 (min-width:0px) and (max-width:1200px) {
  header nav ul {
    background-color: #333;
  }
}

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