@charset "UTF-8";
/* -- 共通スタイル -- */
* {
 color: #fff !important;
 background-color: #000 !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,
.wrapper,
.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: #000 !important;
 text-decoration: none !important;
}
.mylib .mainBox a[class^='ico'] span {
 background: transparent !important;
}
.mylib .mainBox a[class^='ico']:hover span {
 background: #000 !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: #000 !important;
}
/* ヘッダー ログイン・予約かご確認ボタン */
.loginMenu li a {
 border: 1px solid #fff !important;
}
/*--------------------------------------*/
/* ARK 追加スタイル* /
.top .header .title {
 width: 25% !important;
 text-indent: inherit !important;
 white-space: inherit !important;
 overflow: inherit !important;
}
.top .contentsMain .main h2 {
 border: 7px solid #fff !important;
 border-radius: 0;
}
.top .contentsFooter .pickUp1 ul li {
 border: 7px solid #fff !important;
 border-radius: 0;
}
.loginMenu li.log_in::before,
.loginMenu li.kago::before {
 z-index: 9999;
}
.main .info-list a,
.top .info-list a {
 border: 2px solid #fff !important;
}
.top .contentsMain .main li {
 border: 3px solid #fff !important;
 border-radius: 0;
}
.main .infoTabs h3,
.main .infoTabs h2,
.top .infoTabs h3,
.top .infoTabs h2 {
 border-right: 1px solid #fff !important;
}
.headNav li {
 border: 1px solid #fff !important;
 border-bottom: 0 !important;
}
.top .contentsFooter .info .rss a {
 border: 2px solid #fff;
}
.headerMenu dl dd {
 border: 1px solid #fff !important;
}
.headNav .spMenu {
 border: 1px solid #fff !important;
 border-bottom: 0 !important;
}
.headNav {
 border-bottom: 1px solid #fff !important;
}
.globalNav>li>a>span::after,
.globalNav2>li>a>span::after {
 border-bottom: 1px solid #fff !important;
 border-left: 1px solid #fff !important;
}
.globalNav>li>a::after,
.globalNav2>li>a::after {
 border-color: #000 transparent transparent transparent !important;
}
.globalNav>li>a::before,
.globalNav2>li>a::before {
 border-color: #fff transparent transparent transparent !important;
}
.kids.kidsTop .mainBox ul.globalNavKids1 li,
.kids.kidsTop .mainBox .specialNav ul.globalNavKids2 li {
 border: 1px solid #fff !important;
}
.teensTop .main .mainBox .gNavTeens ul.globalNavTeens li {
 background-image: none !important;
 position: static !important;
 float: none !important;
 margin: 0 !important;
 padding: 1rem !important;
 width: 50%;
 text-align: center !important;
 font-weight: bold;
 border: 1px solid #fff !important;
}
.teensTop .main .mainBox .gNavTeens ul.globalNavTeens li img {
 display: none !important;
}
.teensTop .main h1 span {
 display: block !important;
}
.teensTop .main .mainBox .nextBook {
 background-image: none !important;
}
.teensTop .main .mainBox .nextBook ul {
 padding-top: 2% !important;
}
.teensTop .main .mainBox .gNavTeens ul.globalNavTeens li span {
 display: block !important;
}
.teensTop .main .mainBox .gNavTeens ul.globalNavTeens {
 display: flex !important;
 flex-wrap: wrap !important;
 margin: auto !important;
 width: 80% !important;
}
@media screen and (max-width: 480px) {
 .teensTop .main .mainBox .gNavTeens ul.globalNavTeens li a {
 height: auto !important;
 }
 .teensTop .main .mainBox .gNavTeens ul.globalNavTeens li span {
 display: block !important;
 text-indent: inherit !important;
 white-space: inherit !important;
 overflow: inherit !important;
 }
}
.loginMenu li.log_in a span::before,
.loginMenu li.kago a span::before {
 padding-bottom: 0;
 margin-bottom: .5rem;
}
/*--------------------------------------*/
/*--------------------------------------*/
/* MYS 追加スタイル* /
/*--------------------------------------*/
.top .atn h2 {
 background: none;
 }
 
 .top .contents,
 .contents {
 background: none;
 }
 .top .footer address,
.footer address {
 background: none;
}
.site_search li a {
 background: none;
 border: solid 1px #fff;
}
.top .contentsHead .openingInfo .opebLib h2 {
 background: none;
}
.top .contentsHead .topSearch {
 background: none;
 border: solid 1px #fff;
}
.gNav {
 background: none;
}
.globalNav {
 background: none;
}
.mainMargin {
 background: none;
}
.column2 .mainMargin {
 background: none;
}</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.lib.miyoshi.saitama.jp/cssmys/changeable_2.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.lib.miyoshi.saitama.jp/cssmys/changeable_2.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>