@charset "utf-8";
/* CSS Document */
/*<V88C:T7:アクセシビリティ対応> 2020.03.04 (SGMｶｽﾀ)日時表記が音声読み上げへの配慮が不足している表記なので､日付の標記は"年月日"､時刻の表記は"時分"表記とする｡*/
/*<V88C:T7:所蔵館ファセット不正> 2022.05.05 (SGMｶｽﾀ_No863)①最初からすべて表示されている｡
/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* wwIchiran.aspx
*/

/*検索結果ページコンテンツ*/
div#content_result{width:100%;height:auto; position:relative;display: inline-block;}
/*並べ替え・予約かごへボタン*/
div#content_result .primary-btn{border:#236600 1px solid;background:#4d9980;background:linear-gradient(#4d9980, #40806a);}
div#content_result a.primary-btn{color:#FFF; cursor:pointer; width:100%; height:100%;font-size:140%;}
div#content_result .primary-btn input{color:#FFF; cursor:pointer; width:100%; height:100%;padding:6px 10px 6px;font-size:160%;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 0px;}

/*検索やその結果の情報を表示する箇所*/
div#infomation{}
/*タイトル*/
div#infomation .titles{width:100%;height:100%;background:#d4edde;}
div#infomation .titles .title{float:left;}
div#infomation .titles .title h2{font-size:260%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#006644;}

/*右上の検索ボタン*/
div#infomation .titles .easy{float:right;}
div#infomation .titles .easy a{display:block;font-size:180%;}
div#infomation .titles .easy a:before{display:inline-block;line-height:1.0;background:url(../img/btn_bg_trianglr_green.png) no-repeat left center;width:33px;padding:7% 0;content:'　';}
div#infomation .titles .easy a p{min-width:180px;line-height:1.0;color:#006622;display:inline-block;background:url(../img/btn_bg_green.png) repeat-x center;padding:7% 0;text-align:center;}
div#infomation .titles .easy a:after{display:inline-block;line-height:1.0;background:url(../img/btn_bg_end_green.png) no-repeat left center;width:46px;padding:7% 0;content:'　';}
/*検索結果数表示*/
div#infomation .details{width:100%;height:100%;margin-top:16px;}
div#infomation .details .detail{float:left;width:100%;height:100%;padding:2% 3%;display:block;border:solid 1px #999;border-top:none;box-sizing:border-box;}
div#infomation .details .detail dl{float:left;}
div#infomation .details .detail dl dt{font-size:140%;line-height:2.0em;}
div#infomation .details .detail dl dd{font-size:180%;color:#006644;line-height:1.6em;}
div#infomation .details .detail dl dd a{text-decoration:underline}

/*ハイライトONOFF・表示形式*/
div#infomation .display_control{float:right;font-size:140%;}
div#infomation .display_control p{padding-bottom:5px;}
div#infomation .display_control a{width:5em;min-width:4em;display:inline-block;color:#999;text-align:center;border:solid 2px #CCC;line-height:1.5;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);text-decoration:none;}
div#infomation .display_control a.current{color:#000;border:solid 2px #000;font-weight:bold;background:none;}

/*検索結果の一覧*/
div#content_left{float:left;width:80%;margin-top:24px;margin-bottom:24px;}
div#result{background:#e8e8e8;padding-top:4px;padding-bottom:4px; width:100%;}
/*入力フォーム初期化*/
div#result div.sendform select, div.sendform input[type='text']{padding:3px 8px 2px;font-size:160%;}
div#result div.sendform label, div.sendform input[type='radio'], div.sendform input[type='checkbox']{cursor:pointer;font-size:160%;}
div#result div.sendform label{margin-right:8px;}
div#result div.sendform legend{display:none;}
div#result div.sendform select{color:#111;font-size:160%;display:block;border:none;cursor:pointer;}
/*セレクトボックスの表示カスタマイズ*/
div#result div.sendform div.select_box{overflow:hidden;width:120px;border:1px solid #B3B3B3;display:inline-block;}
div#result div.sendform div.select_box > select{width:100%;border:none;background:none;}
div#result div.sendform div.select_box > input[type='text']{border:1px solid #FFF;display:block;font-size:160%;outline:none;}
/*ページャーとソート*/
div#result_sort ul li a,
div#result_sort2 ul li a{color:#333;}
div#result_sort ul li a:not([disabled='disabled']),
div#result_sort2 ul li a:not([disabled='disabled']){text-decoration:underline;font-weight:bold;color:#1875D6;}
div#result #result_sort,
div#result #result_sort2{width:99%;}
div#result #result_sort ul.page_box,
div#result #result_sort2 ul.page_box{float:left;font-size:140%;}
div#result #result_sort ul.sort_box,
div#result #result_sort2 ul.sort_box{float:right;}
div#result #result_sort ul.sort_box select,
div#result #result_sort2 ul.sort_box select{background:#FFF;padding:5px 0;font-size:160%;}
div#result #result_sort ul.sort_box li.submit input,
div#result #result_sort2 ul.sort_box li.submit input{}
div#result #result_sort ul.sort_box li.submit,
div#result #result_sort2 ul.sort_box li.submit{}
div#result #result_sort ul.sort_box li.submit input,
div#result #result_sort2 ul.sort_box li.submit input{color:#FFF;}
div#result #result_sort ul.sort_box li,
div#result #result_sort2 ul.sort_box li{float:left;margin:0 2px;}
div#result #result_sort ul.page_box li,
div#result #result_sort2 ul.page_box li{float:left;margin:10px 2px 6px;}
div#result #result_sort ul.page_box li.start,
div#result #result_sort2 ul.page_box li.start,
div#result #result_sort ul.page_box li.prev,
div#result #result_sort2 ul.page_box li.prev,
div#result #result_sort ul.page_box li.next,
div#result #result_sort2 ul.page_box li.next,
div#result #result_sort ul.page_box li.end,
div#result #result_sort2 ul.page_box li.end{margin:10px 2px 6px;}
div#result #result_sort ul.page_box li.start:before,
div#result #result_sort2 ul.page_box li.start:before{content:'｜';}
div#result #result_sort ul.page_box li.end:after,
div#result #result_sort2 ul.page_box li.end:after{content:'｜';}

/*********** ********** ********** **********
* アイコン表示・一覧表示共通
*/
/*検索結果の一覧表示*/
div#result_list{width:98%;min-height:200px;margin:0 auto;background:#FFF;border:solid 1px #999;}
div#result_list table{width:100%;padding-left:1%;height:auto;min-height:110px;clear:both;}
div#result_list table tr{border-bottom:solid 1px #999;}

/*********** ********** ********** **********
* アイコン表示
*/
/*カラム共通*/
div#result_list.disp_icon table td{padding:10px 0px 10px 0px;}

/*1カラム目：検索番号*/
div#result_list.disp_icon table td.list_no{vertical-align:top;font-size:150%;color:#333;width:6%;text-align:right;padding-right:4px;}
/*2カラム目：画像*/
div#result_list.disp_icon table td.list_bookimage{text-align:center;width:16%;}
div#result_list.disp_icon table td.list_bookimage img{width:100% ;box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;-webkit-box-shadow:#666 0px 3px 6px;-moz-box-shadow:#666 0px 3px 6px;box-shadow:#666 0px 3px 6px;background:#4D9980;}
/*3カラム目：本の内容*/
div#result_list.disp_icon table td.list_bookdata{vertical-align:top;font-size:150%;padding-left:1%;}
div#result_list.disp_icon table td.list_bookdata .highlight{background:#eeff99;}
div#result_list.disp_icon table td.list_bookdata div{display:table;text-align:left;}
div#result_list.disp_icon table td.list_bookdata div.list_syo,
div#result_list.disp_icon table td.list_bookdata div.list_cyo,
div#result_list.disp_icon table td.list_bookdata div.list_spn{width:100%;}
div#result_list.disp_icon table td.list_bookdata div.list_syo span.icon_only,
div#result_list.disp_icon table td.list_bookdata div.list_cyo span.icon_only,
div#result_list.disp_icon table td.list_bookdata div.list_spn span.icon_only{display:table-cell;width:5em;}
/*div#result_list.disp_icon table td.list_bookdata div.list_spn span.icon_only{display:table-cell;width:4em;}*/
div#result_list.disp_icon table td.list_bookdata div a{font-size:130%;color:#333;text-decoration:underline;}
div#result_list.disp_icon table td.list_bookdata div a:hover{text-decoration:none;}
div#result_list.disp_icon table td.list_bookdata div.list_other{display:table;width:100%;}
/*<V88C:T7:アクセシビリティ対応> div#result_list.disp_icon table td.list_bookdata div.list_spnnen{display:table-cell;width:33%;} */
div#result_list.disp_icon table td.list_bookdata div.list_spnnen{display:table-cell;width:40%;} /*<V88C:T7:アクセシビリティ対応>*/
div#result_list.disp_icon table td.list_bookdata div.list_bunrui{display:table-cell;width:34%;}
div#result_list.disp_icon table td.list_bookdata div.list_etc{display:table-cell;width:33%;}
/*4カラム目：本の情報*/
div#result_list.disp_icon table td.list_bookinfo{vertical-align:top;width:15%;}
div#result_list.disp_icon table td.list_bookinfo div{width:100%;background:#f0f0f0;width:auto;min-width:100px;height:auto;text-align:center;line-height:2;padding:0px;font-size:140%;margin:0px 5px 8px 0px;}
div#result_list.disp_icon table td.list_bookinfo div.list_cart a{display:block;color:#FFF; cursor:pointer; width:98%; height:100%;border:#236600 1px solid;background:#4d9980;background:linear-gradient(#4d9980, #40806a);text-decoration:none;}

/*貸出中*/
div#result_list.disp_icon table td.list_bookinfo .lending{background:#f0f0f0 url(../img/icon_lending.png) no-repeat 10px center;text-indent:15px;}
/*貸出可*/
div#result_list.disp_icon table td.list_bookinfo .lendable{background:#f0f0f0 url(../img/icon_lendable.png) no-repeat 10px center;text-indent:15px;}
/*持ち出し禁止*/
div#result_list.disp_icon table td.list_bookinfo .notlend{background:#f0f0f0 url(../img/icon_notlend.png) no-repeat 10px center;text-indent:15px;}

/*アイコン表示・一覧表示専用項目*/
div#result_list.disp_icon .list_only{display:none;}
/*********** ********** ********** ***********/

/*********** ********** ********** **********
* 一覧表示
*/
div#result_list.disp_list table{border:1px solid #999;border-bottom-width:0px;font-size:120%;}
div#result_list.disp_list table td{vertical-align:middle;padding:3px;border-left:1px solid #999;min-height:38px;}

/*1カラム目：No*/
div#result_list.disp_list table td.list_no{width:5%;text-align:right;}

/*2カラム目：書名*/
div#result_list.disp_list table td.list_syo{text-align:left;}

/*3カラム目：著者名*/
div#result_list.disp_list table td.list_cyo{width:12%;text-align:left;}

/*4カラム目：出版者*/
div#result_list.disp_list table td.list_spn{width:12%;text-align:left;}

/*5カラム目：出版年*/
/*div#result_list.disp_list table td.list_spnnen{width:7%;text-align:center;}*/
/*<V88C:T7:アクセシビリティ対応> div#result_list.disp_list table td.list_spnnen{width:70px;text-align:center;} */
div#result_list.disp_list table td.list_spnnen{width:60px;text-align:center;} /*<V88C:T7:アクセシビリティ対応>*/

/*6カラム目：分類*/
div#result_list.disp_list table td.list_bunrui{width:9%;text-align:center;}

/*7カラム目：その他*/
div#result_list.disp_list table td.list_etc{width:9%;text-align:center;}

/*8カラム目：状況*/
div#result_list.disp_list table td.list_kas{width:7%;text-align:center;}

/*9カラム目：予約数*/
div#result_list.disp_list table td.list_yoycnt{width:7%;text-align:center;}

/*10カラム目：カート*/
div#result_list.disp_list table td.list_cart{width:7%;text-align:center;}
div#result_list.disp_list table td.list_cart a{display:block;color:#FFF; cursor:pointer; width:90%; height:auto;border:#236600 1px solid;background:#4d9980;background:linear-gradient(#4d9980, #40806a);text-indent:3px;text-decoration:none;}

/*行の設定：*/
div#result_list.disp_list table tr.list_Header{background:#E8E8E8;}
div#result_list.disp_list table tr.list_Header td{text-align:center;}
div#result_list.disp_list table tr.list_odd{background:#FFF}
div#result_list.disp_list table tr.list_even{background:#F4F4F4}

/*アイコン表示・一覧表示専用項目*/
div#result_list.disp_list .icon_only{display:none;}
/*********** ********** ********** ***********/

/*右メニュー*/
div#content_right{width:19%;margin-top:24px;}
/*ファセット機能*/
div#faceted{border:1px solid #B3B3B3;padding-top:0px;font-size:140%;}
div#faceted .title h3{text-align:center;color:#FFF;background:#006644;font-size:120%;line-height:2.5em}
.open,
.close{color:#555;font-weight:bold;}
div#faceted_content_wrapper{height:500px;overflow-y:auto;}
div.faceted_content{margin-left:5px;margin-top:10px;margin-right:5px;}
div.faceted_content h4{padding-left:5px;text-align:left;color:#006644;background:#d4edde;font-size:110%;line-height:2.0em}
div.faceted_content h4 span{cursor:pointer;}
#content0.faceted_content h4{background:#777;}
#content0.faceted_content h4,
#content0.faceted_content h4 span{color:#FFF;}
div.content_item{margin-top:5px;}
div.content_item ul{margin-left:25px;}
div.content_item ul li{list-style-type:disc;text-decoration:underline;}
div.display_more{text-align:right;text-decoration:underline;font-size:90%;line-height:2.0em;cursor:pointer;}
div.content_item #iblKeitai.disptop5 .display_more,
div.content_item #iblCyo.disptop5 .display_more,
div.content_item #iblSpn.disptop5 .display_more,
div.content_item #iblBun.disptop5 .display_more,
div.content_item #iblSpnnen.disptop5 .display_more,
div.content_item #iblSyozokan.disptop5 .display_more,	/*<V88C:T7:所蔵館ファセット不正>*/
div.content_item #iblEtc.disptop5 .display_more{display:none;}

/*区HPからの情報*/
div#extinfo{border:1px solid #B3B3B3;padding-top:0px;padding-bottom:24px;font-size:140%; margin-top:20px}
div#extinfo .title h3{text-align:center;color:#FFF;background:#3e7fc3;font-size:120%;line-height:2.5em}
div.extinfo_content{margin-left:5px;margin-top:10px;margin-right:5px;}
div.extinfo_content ul{margin-left:25px;}
div.extinfo_content ul li{list-style-type:disc;text-decoration:underline;}

/*追加*/
div#result_list.disp_icon table td.list_bookdata div.list_syo span.icon_only,
div#result_list.disp_icon table td.list_bookdata div.list_cyo span.icon_only,
div#result_list.disp_icon table td.list_bookdata div.list_spn span.icon_only{vertical-align: top;}
div#result_list.disp_icon table td.list_bookimage a{width:100%;}
div#result_list.disp_icon table td.list_bookimage a img{max-width:70%;}

div#content_result a{color:blue;}
div#content_result a:hover{text-decoration:underline;}
div#infomation .display_control a:hover{text-decoration:none;}

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* WwIchiNothingKen.aspx
*/
div#result #result_list .notfound {display:none;}
div#result #result_list .notfound li{margin:50px;}
div#result #result_list .notfound li a{color:#000;font-size:140%;text-decoration:underline;}
.lineHeight160 {line-height:200%;}
div#result_list table{table-layout:fixed;}
div#result_list.disp_icon table td.list_bookinfo div{min-width:auto;} 

fieldset input[type="text"]:hover,
fieldset input[type="email"]:hover,
fieldset input[type="tel"]:hover,
fieldset textarea:hover,
fieldset select:hover {
  border: 1px solid #B3B3B3;
}
fieldset input:focus,
fieldset textarea:focus,
fieldset select:focus {
  border: 1px solid #B3B3B3;
}

fieldset select{-webkit-appearance: menulist;background-image:none;border: 1px solid #B3B3B3;}


@media screen and (min-width: 801px) and (max-width: 1280px) {
    div#result_list.disp_icon table td.list_bookdata div a {font-size: 110%;}
    .lineHeight160 {line-height:260%;}
    div#result_list.disp_icon table td.list_bookimage a img{min-width:100%;max-width:100%;}
}

@media screen and (max-width: 800px) {
    div#result_list.disp_list table td.list_spn,
    div#result_list.disp_list table td.list_bunrui,
    div#result_list.disp_list table td.list_etc,
    div#result_list.disp_list table td.list_cart,
    div#result_list.disp_list table td.list_yoycnt{display:none;}
    div#result_list.disp_list table{table-layout: fixed;}
    /*div#result_list.disp_list table td.list_spnnen{width:50px;overflow-wrap : break-word;}*/
    div#content_left{width: 100%;}
    div#content_right{width: 100%;float:none;}
    div#result_list.disp_icon table td.list_no{width:100%;display:block;text-align:left;}
    div#result_list.disp_icon table td.list_bookimage{width:100%;display:block;}
    div#result_list.disp_icon table td.list_bookimage a img{min-width:50%;max-width:50%;}
    div#result_list.disp_icon table td.list_bookdata{width:90%;display:block;margin:0 5%;}
    div#result_list.disp_icon table td.list_bookinfo{width:90%;display:block;margin:0 5%;}
    div#result_list.disp_icon table td.list_bookdata div{width:100%;}
    div#result_list.disp_icon table td.list_bookdata div.list_other {display:block;}
    div#result_list.disp_icon table td.list_bookdata div.list_other div{width:100%;float:none;display:block;}
    div#result_list.disp_icon table td.list_bookdata div.list_other div div{width:100%;float:none;display:block;}
    div#result_list.disp_icon table td.list_bookdata div a {font-size: 100%;}
    div#result_list.disp_icon table td.list_bookinfo div.list_cart a {width:100%;}
    div#result_list.disp_icon table td.list_bookdata div.list_spn{display:none;}
    div#result_list.disp_icon table td.list_bookdata div.list_other div.list_bunrui{display:none;}
    div#result_list.disp_icon table td.list_bookdata div.list_other div.list_etc{display:none;}

    .lineHeight160 {line-height:180%;}

    div#result #result_sort ul.page_box{width:100%;display:block;}
    div#result #result_sort ul.page_box li:nth-child(3){clear:both;}
    div#result #result_sort ul.page_box li.next{clear:both;}
    div#result #result_sort ul.page_box li.start{width:40%;margin:0 5%;}
    div#result #result_sort ul.page_box li.prev{width:40%;margin:0 5%;}
    div#result #result_sort ul.page_box li.next{width:40%;margin:0 5%;}
    div#result #result_sort ul.page_box li.end{width:40%;margin:0 5%;}
    div#result #result_sort ul.page_box li{width:10%;margin:0 5%;}

    div#result #result_sort2 ul.page_box{width:100%;display:block;}
    div#result #result_sort2 ul.page_box li:nth-child(3){clear:both;}
    div#result #result_sort2 ul.page_box li.next{clear:both;}
    div#result #result_sort2 ul.page_box li.start{width:40%;margin:0 5%;}
    div#result #result_sort2 ul.page_box li.prev{width:40%;margin:0 5%;}
    div#result #result_sort2 ul.page_box li.next{width:40%;margin:0 5%;}
    div#result #result_sort2 ul.page_box li.end{width:40%;margin:0 5%;}
    div#result #result_sort2 ul.page_box li{width:10%;margin:0 5%;}



}