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

/*--- 検索 ---*/
/* タブ */
.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;
}


/*--- ゆいの森調整 -------------------------------------*/
/*------ サイト全体 ------*/
.header.on {
  box-shadow: 0px 12px 5px 5px rgba(0, 0, 0, 0.1);
}
.footer {
  padding-top: 0.5rem;
  background-image: none;
}
.footerBox4 p img,
.footerBox3 li.dokumachi img {
  background-color: transparent !important;
}


/*------ トップページ ------*/
/* 画像透過 */
.top .contentsMain .about p a img,
.top .contentsMain .extlink li a img,
.top .contentsMain .snslink li a img {
  background-color: transparent !important;
}

/* ボーダー */
.top .contentsMain .sizeWs {
  border: none;
}
.top .contentsMain .about ul.toFacility li a {
  border: 2px solid #fff;
}
.top .contentsMain section.info,
.top .contentsMain .extlink {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.top .contentsMain .atn>h2::before,
.top .contentsMain .atn>h2::after {
  border-bottom: 3px double #fff !important;
}

/* コンテンツスライダー */
ul.slick-dots li button,
ul.slick-dots-circle li button {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem !important;
}

/* ゆいの森あらかわについて */
.top .contentsMain .about .toFacility li a {
  border-radius: 3rem;
  text-decoration: none;
}

/* お知らせ */
.top .contentsMain .info h2 {
  margin-top: 1rem auto 0.5rem auto;
}

/* SNS */
.top .contentsMain .snslink {
  padding: 2rem;
}
.top .contentsMain .snslink h2 {
  padding: 1rem;
}


/*------ 館内のご案内 ------*/
div.floormap h4 {
  background: #fff !important;
  color: #000 !important;
}

div.floormap section ul,
div.floormap section ul li,
div.floormap section ul li a,
div.floormap>div>section ul li img {
  background-color: transparent !important;
}

div.floormap [data-tab="tabgroup"] {
  padding-top: 2rem !important;
}

div.floormap a[data-tab="tab"] {
  top: -7.22rem !important;
  background: #fff !important;
  color: #000 !important;
  text-decoration: none !important;
}

div.floormap [data-tab="tab"].on::after {
  border-top-color: #fff !important;
}


/*------ FAQ ------*/
.mainBox dl.faq dt.ac-head {
  border: 1px solid #fff;
}