@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 .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;
}
/* stm 追記分 */
.wrapper {
 background-image: none !important;
}
.globalNav> li {
 border-right: .6rem #00f solid !important;
}
.top .contentsMain .main .infoImp dl dt,
.top .contentsMain .main .infoImp dl a {
 color: #FFFF00 !important;
}
.footer p.linktop a {
 border: 1px solid #fff !important;
}
.contBox1 h2,
.contBox2 h2,
.contBox3 h2,
.tw h2 {
 border: 10px solid #fff !important;
}
.contBox1 h2::after,
.contBox2 h2::after,
.contBox3 h2::after,
.tw h2::after {
 background-color: transparent !important;
}
.loginMenu li.login span {
 border: 1px solid #fff !important;
}
.top .contentsMain .libCont li {
 border: none !important;
}
.top .topSearch .tab li a:hover,
.top .topSearch .tab li a.selected {
 background: #fff !important;
 color: #00f !important;
}
.top .topSearch .tab li a span {
 background: #00f !important;
 color: #ff0 !important;
}
.top .topSearch .tab li a:hover span,
.top .topSearch .tab li a.selected span {
 background: #fff !important;
 color: #00f !important;
}
.top .topSearch .tab li a:hover::before,
.top .topSearch .tab li a.selected::before {
 color: #00f !important;
}
.top .topSearch .tab + div {
 background: #fff !important;
}
.top .topSearch .topSearchHead> div> * {
 background: #fff !important;
}
.top .topSearch h2 {
 color: #00f !important;
}
.top .topSearch .bookInfo .bookMenu li a {
 border: none;
}
.top .topSearch h2 + p a {
 color: #ff0 !important;
}
.top .main .tab li:last-child {
 border-right: 3px solid #fff !important;
}
.top .contentsMain .ac-body li {
 border: none !important;
 border-bottom: 1px dotted #fff !important;
}
.loginMenu li a {
 text-decoration: none !important;
}
.footer p.linktop a {
 text-decoration: none !important;
}
.kids .contents {
 background-image: none;
}
.kids.kidsTop .kidsInfo {
 background-image: none;
}
.kids.kidsTop h1.kidsTitle {
 background: #fff url(../images/titleKids.png) !important;
}
.kids.kidsTop .kidsTopHead p[class*="tosyo"] img {
 background-color: transparent !important;
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.lib.city.saitama.jp/cssstm/changeable_1.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.lib.city.saitama.jp/cssstm/changeable_1.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>