@charset "UTF-8";

/* -- 共通スタイル -- */
* {
  color: #fff !important;
  background-color: #00f !important;
  border-color: #fff !important;
}

input,
input[type="text"],
input[type="password"],
input a,
button {
  border: 1px solid #fff !important;
}

/* 統合検索  placeholder　*/
:placeholder-shown {
  color: #F5F5F5;
}

::-webkit-input-placeholder {
  color: #F5F5F5;
}

:-moz-placeholder {
  color: #F5F5F5;
  opacity: 1;
}

::-moz-placeholder {
  color: #F5F5F5;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #F5F5F5;
}

/* iconfont */
*:after,
*:before {
  color: #fff !important;
  border-top-color: transparent !important;
}

a {
  color: #FFFF00 !important;
  box-shadow: none !important;
  text-decoration-line: underline !important;
}

th {
  color: #FFFF00 !important;
}

img {
  background: #fff !important;
}

.side h2,
.top .main h2 {
  border-bottom: 7px solid #fff;
}

/* googlemap */
.gm-style div:first-child * {
  background-color: transparent !important;
}

/* 文字サイズ切替 */
.fontSize button {
  border-radius: 5px;
}

.fontSize button.on,
.fontSize button:hover,
.fontSize button:focus {
  border-radius: 0;
}

/* css切替 */
.cssChange .pt01 {
  background: #fff !important;
  color: #111 !important;
}

.cssChange .pt02 {
  background: #00f !important;
}

.cssChange .pt03 {
  background: #111 !important;
}

/* プルダウン内の矢印画像変更（レスポンシブデザイン） */
@media screen and (max-width: 480px) {
  select{
    background:#ffffff url("../images/select down_w.png")no-repeat 95%;
  }
}

/* -- 個別スタイル -- */
.top .contentsHead,
.warrper,
.teens .contents {
  background-image: none !important;
}

.top .contentsMain li,
.top .atn,
.top .bookMenu,
.top .openingInfo {
  border: solid 1px;
}

.top .contentsHead {
  border-bottom: solid;
}

.top .footer {
  border-top: solid;
}

.talkIcon,
.eventIcon,
.exbitIcon {
  color: #fff !important;
}

.infoBox dl {
  border-bottom: dotted 1px #fff !important;
}

/* -- 追加 -- */

.top .contentsMain .side .pickUp h2 {
  background: none !important;
}

.infoBox dl dt {
  border: 1px soli #fff;
  color: #fff !important;
}

.top .banner {
  background: none;
}

.mainBox table th {
  background-color: transparent !important;
  color: #FFFF00 !important;
}

/*--- コンテンツスライダー ---*/
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ff0 !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next,
.bx-controls-auto .bx-start,
.bx-controls-auto .bx-stop {
  color: transparent !important;
}

.bx-controls-direction .bx-prev:hover::before,
.bx-controls-direction .bx-next:hover::before,
.bx-controls-auto .bx-start:hover::before,
.bx-controls-auto .bx-stop:hover::before,
.bx-controls-auto .bx-start.active::before,
.bx-controls-auto .bx-stop.active::before {
  color: #ff0 !important;
}

/*--- 検索 ---*/
/* タブ */
.main .tabNavigation li a,
.main .tabNavigation li a.selected,
.main .tabNavigation li a:hover {
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  text-decoration: none !important;
}

.main .tabNavigation li a span {
  background: transparent !important;
}

.main .tabNavigation li a.selected,
.main .tabNavigation li a:hover,
.main .tabNavigation li a:focus {
  background: #fff !important;
  color: #000 !important;
}

.main .tabNavigation li a.selected span,
.main .tabNavigation li a:hover span,
.main .tabNavigation li a:focus span {
  color: #000 !important;
}

/* ツールチップ */
.search .clickToolTip {
  border: none !important;
}


/*--- 利用者メニュー ---*/
/* タブ */
.main .tabs ul.reserveTab li a.selected,
.main .tabs ul.reserveTab li a:hover {
  color: #000 !important;
}

/* アイコン */
.mylib .mainBox [class^='ico']::before {
  background: transparent !important;
  border: 1px solid #fff !important;
}

/* アイコン（ボタン） */
.mylib .mainBox a[class^='ico']:hover::before {
  background: #fff !important;
  border: 0.2rem solid #fff !important;
  color: #00f !important;
  text-decoration: none !important;
}

.mylib .mainBox a[class^='ico'] span {
  background: transparent !important;
}

.mylib .mainBox a[class^='ico']:hover span {
  background: #00f !important;
  border: 1px solid #fff !important;
}

.mylib .mainBox .myListChgBtn input {
  border: none !important;
}

/* チェックボックス */
.mylib .main .infotable h3 [type="checkbox"]:checked + label::before,
.mylib .main .infotable h3 [type="checkbox"]:not(:checked) + label::before {
  border-color: #fff !important;
}

.main .selectAllChk label::before {
  background: transparent !important;
  border-color: #fff !important;
}

/* 利用者メニュートップ */
.mylib .mainBox .topMenuBox {
  border-bottom: 1px dotted #fff !important;
}

/* 巻数順貸出 */
.volumeSlct {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.volumeSlct h2:before {
  color: #000 !important;
}

/*--- お知らせ ---*/
span.new {
  border: 1px solid #fff !important;
}

/*--- その他 ---*/
.main h1,
.main h2,
.main h3,
.main h4 {
  background-color: transparent !important;
}

/* WebOPAC言語切替ボタン */
ul.opacBtn li a {
  background: transparent !important;
  text-decoration: none !important;
}

ul.opacBtn li button span {
  background: transparent !important;
}

ul.opacBtn li button:hover,
ul.opacBtn li button:focus,
ul.opacBtn li button.selectedLang,
ul.opacBtn li a:hover,
ul.opacBtn li a:focus {
  background: #fff !important;
}

ul.opacBtn li button:hover span,
ul.opacBtn li button:focus span,
ul.opacBtn li button.selectedLang span,
ul.opacBtn li a:hover,
ul.opacBtn li a:focus,
ul.opacBtn li.help a:hover:after,
ul.opacBtn li.help a:focus:after {
  color: #00f !important;
}

/* ヘッダー ログイン・予約かごボタン */
.loginMenu li a {
  border: 1px solid #fff !important;
}
/*--------------------------------------*/
/*  STG 追加スタイル*　/
/*--------------------------------------*/
/* 全般 */
body > .wrapper > header{
    background: none!important;
}
/* トップページ */
.top .contentsMain .main .infoImp-list h2{
    border-bottom: none;
}
/* コンテンツ全般 */
.side h2{
    border-radius: 0;
}
.main .infoTabs h3 a, .top .infoTabs h3 a{
    border: 3px solid #fff;
    border-radius: 9px 9px 0 0;
    border-bottom: none;
}
.main .infoTabs h3 a.on, .top .infoTabs h3 a.on{
    background-color: #fff!important;
    color: #000!important;
    text-decoration: none!important;
}
/* こどもページティーンズページ */
.kidsTop .contents,.teensTop .contents, .kids .contents, .teens .contents{
    background: none;
}
.kidsTop .contents .mainMargin > h1, .teensTop .contents .mainMargin > h1,
.kids .contents > h1.kidsTitle, .teens .contents > h1.teensTitle {
    background-image: none!important;
    text-indent: initial;
    overflow: visible;
    width: 900px;
    height: auto;
}
.kids .contents > h1.kidsTitle, .teens .contents > h1.teensTitle{
    margin: auto;
    text-align: left;
    font-size: 1.5rem;
    margin-top: 5rem;
    margin-bottom: -6rem;
}
.kidsTop section.main .mainBox > nav ul li a span, .teensTop section.main .mainBox > nav ul li a span{
    background-color: transparent!important;
}