@charset "utf-8";
.slide_box{position:relative;max-width:825px;height:auto;max-height:300px;margin:0px;padding:0px;overflow:hidden;z-index:6;}
.bx-wrapper {position:relative;width:100%;padding:0px;background:#ffffff;box-shadow:0px 0px 0px 2px #ffffff;clear:both;overflow:visible;}
.bx-wrapper .bxslider{margin:0px;overflow:visible;}
.bx-viewport{z-index:1;}
.bx-wrapper div{padding:0px;overflow:hidden;}
.bx-wrapper .slide{position:relative;height:auto;z-index:10;margin:0px;overflow:hidden;}
.bx-wrapper .slide a{display:block;}
.bx-wrapper .slide img{width:100%;height:auto;}
.bx-has-controls-direction{position:static;width:100%;margin-top:0px;overflow:visible;vertical-align:middle;}
.bx-wrapper .bx-controls{margin:0px;overflow:hidden;}
.bx-wrapper .slider_banner{margin:0px;}
.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next{position:absolute;top:50%;width:21px;height:32px;margin-top:-16px;background:no-repeat center center;text-indent:-100em;opacity:0.8;z-index:110;border-radius:0px;}
.bx-wrapper .bx-controls .bx-prev{left:7px;background-image:url(../img/slide_bx-prev.png);}
.bx-wrapper .bx-controls .bx-next{right:7px;background-image:url(../img/slide_bx-next.png);}
.bx-wrapper .bx-controls-auto-item{position:absolute;right:10px;bottom:10px;z-index:60;}
.bx-wrapper .bx-controls-auto-item a{display:block;opacity:0;width:33px;height:33px;margin:0px;background:no-repeat center center;text-indent:-100em;transition-duration:0.5s}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(../img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(../img/start_bt.png);}
.bx-wrapper .bx-controls-auto-item a.active{display:none;}
.bx-wrapper .bx-controls-direction{position:static;}
.bx-wrapper .bx-controls .bx-prev:hover,
.bx-wrapper .bx-controls .bx-next:hover,
.bx-wrapper:hover .bx-controls-auto-item a,
.bx-wrapper .bx-controls-auto-item a:focus{opacity:1;}
.contents,
.contents .main {padding:0px;}
.contents [class*="grid"],
.contents .main h2{transition-duration:0.5s;}
.contents [class*="grid"]{position:relative;width:25%;height:300px;padding:0px;box-sizing:border-box;float:left;clear:none;background:#dddddd;}
.contents [class*="grid"] h2{margin:15px;font-size:1em;}
.contents [class*="grid"] a{color:#000000;}
.contents [class*="grid"] a:hover{opacity:0.8;}
.contents .main .grid_c2{width:50%;}
.contents .main .grid_c3{width:75%;height:auto;}
.contents .main .grid_h{width:100%;height:150px;clear:both;}
.contents .main .talk a,
.contents .main .guidance a,
.contents .main .conf_calendar a,
.contents .main .kids a,
.contents .main .facebook a,
.contents .main .information a,
.contents .main .access a,
.contents .main .eb_library a,
.contents .main .av_library a,
.contents .main .meliline a,
.contents .main .alc a,
.contents .main .instagram a,
.contents .main .movie a{position:absolute;display:block;top:0px;left:0px;right:0px;bottom:0px;background:no-repeat center center;text-indent:-100em;}
.contents .main .doc_search h2,
.contents .main .grid.calendar h2,
.contents .main .news h2,
.contents .main .eas_seach label{min-height:40px;background:no-repeat left center;text-indent:-100em;}
.contents .main .eb_library,
.contents .main .doc_search{background-color:#B5D5E4;}
.contents .main .doc_search h2{background-image:url(../img/doc_search_title.png);}

/*
.contents .main .doc_search p{max-height:6.5em;min-height:80px;padding:5px;margin:15px 15px 0px;font-size:0.8em;overflow:auto;}
.contents .main .doc_search p.button{width:86%;margin:0px 8%;box-sizing:border-box;background:#ffffff;}
.contents .main .doc_search p.button a{display:block;min-height:70px;background:#2b4652 url(../img/doc_search_bt.png) no-repeat center center;color:#ffffff;border-radius:6px;text-indent:-100em;overflow:auto;}
*/

.contents .main .grid.calendar{background-color:#FDD7B5;}
.contents .main .grid.calendar h2{margin:5px;height:28px;background-image:url(../img/calendar_title.png);background-size:contain;}
.contents .main .grid.calendar p.button{margin:0px 10px;}
.contents .main .grid.calendar p.button a{display:block;height:25px;background:url(../img/calendar_bt.png) no-repeat center;text-indent:-100em;}
.contents .main .calendar_list {width:90%;max-height:205px;margin:5px 5%;border:1px solid #736542;background:#ffffff;}
.contents .main .calendar_list h3{margin:0px;padding:0.2em;color:#ffffff;background-color:#534729;text-align:center;font-size:1em;}
.contents .main .calendar_list ul{margin:0px;padding:0px;list-style:none;}
.contents .main .calendar_list ul li{position:relative;width:14.285%;padding:3px 0px;float:left;text-align:center;overflow:hidden;font-size:0.8em;z-index:1;}
.contents .main .calendar_list ul li:before{display:block;margin-bottom:3px;}
.contents .main .calendar_list ul li:nth-child(7n+7) {color:#0a3e98;}
.contents .main .calendar_list ul li:nth-child(7n+1) {color:#980a0a;}
.contents .main .calendar_list ul li:nth-child(1):before{content:"日";}
.contents .main .calendar_list ul li:nth-child(2):before{content:"月";}
.contents .main .calendar_list ul li:nth-child(3):before{content:"火";}
.contents .main .calendar_list ul li:nth-child(4):before{content:"水";}
.contents .main .calendar_list ul li:nth-child(5):before{content:"木";}
.contents .main .calendar_list ul li:nth-child(6):before{content:"金";}
.contents .main .calendar_list ul li:nth-child(7):before{content:"土";}
.contents .main .calendar_list ul li i{position:absolute;top:0px;left:50%;display:block;width:1.6em;height:1.6em;margin-left:-0.8em;text-indent:-100em;background:rgba(255,0,0,0.2);border-radius:50%;z-index:-1;}
.contents .main .guidance{background:#FFC8CC url(../img/guidance_bg.png) no-repeat center bottom;background-size:contain;}
.contents .main .guidance a{background-image:url(../img/guidance_title.png);}
.contents .main .eas_seach{background-color:#FFDE79;}
.contents .main .eas_seach label{display:block;background-image:url(../img/eas_seach_title.png);}
.contents .main .eas_seach .search{margin:5px 10px;padding:5px;background:#ffffff;}
.contents .main .eas_seach form input{display:block;box-sizing:border-box;padding:0.5em;border:none;float:left;}
.contents .main .eas_seach form input.search_txt{width:75%;}
.contents .main .eas_seach form input.search_bt{width:25%;color:#ffffff;background:#333333;}
.contents .main .grid_h.talk{background-color:#B5A3C7;}
.contents .main .grid_h.talk a{background-image:url(../img/talk_bt.png);}
.contents .main .conf_calendar{background:url(../img/conf_calendar_bg.jpg) no-repeat center center;background-size:cover;}
.contents .main .conf_calendar a{background-image:url(../img/conf_calendar_bt.png);background-position:center bottom;background-size:contain;}
.contents .main .kids{background:url(../img/kids_bg.jpg) no-repeat center center;background-size:cover;}
.contents .main .kids a{background-image:url(../img/kids_bt.png);}
.contents .main .news{background-color:transparent;}
.contents .main .news h2{background-image:url(../img/news_title.png);}
.contents .main .news dl.news{margin:10px;max-height:180px;}
.contents .main .news dl.news dt{padding:0px;}
.contents .main .news dl.news dd{padding:5px 0px;padding-left:0px;clear:both;}
.contents .main .news .list_link{position:absolute;top:15px;right:10px;}
.contents .main .news .list_link a{display:block;margin:0px;padding:0.5em 0.8em;float:left;color:#333333;background:#ffffff;text-decoration:none;font-size:0.9em;border-radius:4px;}
.contents .main .news .list_link span.sup{display:block;width:18px;height:15px;background:url(../img/list_mark.png) no-repeat center center;text-indent:-100em;float:left;}

/* .contents .main .facebook{background-color:#334f8b;} */
/* .contents .main .facebook a{left:10px;right:10px;bottom:10px;top:10px;color:#ffffff;background-image:url(../img/facebook_bt.png);border:1px solid #B0C0E1;} */
.contents .main .information{background-color:#FFE874;}
.contents .main .information a{background-image:url(../img/information_bt.png);}
/* .contents .main .access{background:url(../img/access_bg.jpg) no-repeat center center;background-size:cover;} */
/* .contents .main .access a{background-image:url(../img/access_bt.png);background-position:center bottom;background-size:contain;} */
.contents .main .av_library{background-color:#C5D272;}
.contents .main .av_library a{background-image:url(../img/av_library_bt.png);}
.contents .main .eb_library a{background-image:url(../img/eb_library_bt.png);}
.contents .main .meliline{background-color:#76C4B5;}
.contents .main .meliline a{background-image:url(../images/consortium_bt.png);}
/*.contents .main .meliline{background-color:#F9E898;}*/
/*.contents .main .meliline a{background-image:url(../img/meliline_bt.png);}*/
/* .contents .main .alc{background-color:#ffffff;} */
/*.contents .main .alc a{background-image:url(../img/alc_bt.png);}*/
/* .contents .main .alc a{background-image:url(../img/regional_bt.png);} */

/* 20220830 add */
/* ------------------------------ */
.contents .main .gallery {position: relative;}
.contents .main .gallery div {display:flex;justify-content:center;flex-wrap:wrap;}
.contents .main .gallery:after {position:absolute;content:"";top:0;left:0;right:0;bottom:0; background:url(../img/top_bsh_bk.png) bottom center no-repeat;background-size:contain;}
.contents .main .gallery div a{display:inline-block;width:12.5em;margin:0 19px;padding: 2em 0 1em;z-index:2;}
.contents .main .gallery div a img{width:100%;height:auto;}
.contents .main .alc{background: #80e2bb url(../img/alc_icon_bk.png) no-repeat center bottom;background-size: contain;}
.contents .main .alc a{background-image:url(../img/regional_bt.png?1111);top: -59px;}
.contents .main .instagram {background-color: #fff;box-shadow: inset 0 0 0 4px #dc445e;}
.contents .main .instagram a {background-image:url(../img/insta_library_bt.png);}
.contents .main .access {background: #fea57a;}
.contents .main .access a{background-image:url(../img/access_bt.png?1111);}
.contents .main .movie {background: #f19494;}
.contents .main .movie a{background-image:url(../img/movie_bt.png);}
.contents .main .facebook {background-color: #244381;}
.contents .main .facebook a{background-image:url(../img/fb_library_bt.png);}
.contents .main .eas_seach.grid_h {height: 156px;}
.contents .main .doc_search.grid_h {height: 144px;}
.contents .main .calendar form {margin:0 5px;}
#libraryHours-main {border-radius: 10px;}
.calendar tbody{border-bottom:0px;}
/* ------------------------------ */


/* 電子図書館追加 */
.contents .main .ebook{background:#F8FEE4;}
.contents .main .ebook h2{background:url(../img/ebook_title.png) no-repeat left center;min-height:40px;overflow:hidden;text-indent:-100em;margin-bottom:8px;}
.contents .main .eas_seach p{margin:0 0 0 15px;padding:0;font-size:0.75em;}
.contents .main .doc_search p,
.contents .main .ebook p{padding:5px;margin:8px 15px 0px;font-size:0.8em;overflow:auto;}
.contents .main .doc_search p.button,
.contents .main .ebook p.button{max-height:6.5em;min-height:80px;width:84%;margin:0px 8%;box-sizing:border-box;background:#ffffff;}
.contents .main .doc_search p.button a,
.contents .main .ebook p.button a{display:block;min-height:70px;background:no-repeat center center;color:#ffffff;border-radius:6px;text-indent:-100em;overflow:hidden;}
.contents .main .doc_search p.button a{background-color:#2b4652;background-image:url(../img/doc_search_bt.png);}
.contents .main .ebook p.button.ebookbutton{margin-bottom:8px;}
.contents .main .ebook p.button.guidebutton{margin-bottom:8px;min-height:94px;}
.contents .main .ebook p.button.ebookbutton a{background-color:#00947E;background-image:url(../img/ebook_button.png);}
.contents .main .ebook p.button.guidebutton a{background-color:#000000;background-image:url(../img/ebook_button2.png);min-height:84px;}
.contents .main .doc_search p.button{margin-top:10px;}

.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#ff0000;}


#libraryHours-main{margin-bottom:8px;}
.calendar{font-size:10.66666px;}
.calendar tr td span{width:16px;height:16px;}


@media screen and (min-width: 0px) and (max-width: 1100px) {

.slide_box,
.contents .main .grid_c3,
.contents .main .calendar_list {position:static;width:auto;min-width:0px;max-width:100%;float:none;}
header nav ul li a{padding-bottom:0.1em;min-height:2.6em;}
.contents article {min-height:0px;}
.slide_box{max-width:100%;max-height:none;}
.contents .main .doc_search p.button a{background-size:contain;}
.contents .main .end_column {width:100%;height:auto;}
.contents .main .end_column .grid_h{width:50%;clear:none;}
}
@media screen and (min-width: 0px) and (max-width: 860px) {
.contents [class*="grid"]{width:33.33%;}
.contents .main .grid_c2{width:66.66%;}
}
@media screen and (min-width: 0px) and (max-width:640px) {
.contents .main .doc_search p.button{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
header .page_control ul,header nav ul{display:none;}
header nav .menu_button{display:block;}
header nav{position:fixed;top:0px;left:0px;right:0px;background:rgba(255,255,255,0.9);overflow:visible;z-index:150;}
header nav ul li a{padding:1em;min-height:0px;}
.contents dl.news dd{padding:5px 0px 15px;padding-left:0px;clear:both;}
.contents [class*="grid"]{width:50%;}
.contents .main .grid_c2{width:100%;height:auto;min-height:88px;}
.contents .main .news dl.news{margin:10px;max-height:none;}

#UD{position:fixed;bottom:0px;right:44px;z-index:100;opacity:0;transition-duration:0.2s;}
#UD dl.color_change, #UD dl.textsize_change{width:auto;}
#UD dl.textsize_change dt,
#UD dl.color_change dt{width:44px;min-height:44px;padding:0px;background:rgba(160, 105, 55, 0.8) no-repeat center center;}
#UD dl.active dt{background-color:rgba(105,70,38,1);}
#UD dl dd{width:auto;}
#UD.active,
#UD dl.active dd{display:block;opacity:1;}
#UD dl dd a{width:0px;transition-duration:0.2s;}
#UD dl.active dd a{width:44px;}
#UD dl.color_change ,#UD dl.textsize_change{float:left;}
#UD dl.color_change dt {background-image:url(../img/control_collar_ico.png);}
#UD dl.textsize_change dt {background-image:url(../img/control_font_ico.png);}
footer .QR{max-width:300px;margin:0px auto;}
footer .reread_link{width:44px;bottom:2px;}
footer .reread_link a{height:44px;background-color:rgba(160,105,55,0.8);background-size:33px 33px;opacity:1;border-radius:0px;}
}

/* 20220829 add */
/* ------------------------- */

/* @media screen and (min-width: 0px) and (max-width: 476px) {
header{padding-top:44px;}
.contents [class*="grid"]{width:100%;height:auto;min-height:132px;}
.contents .main .end_column .grid_h{width:100%;clear:both;}
.contents .main .guidance,
.contents .main .kids,
.contents .main .facebook{min-height:264px;}
.contents .main .doc_search p.button a{background-size:50% auto;}
} */




@media (min-width: 0px) and (max-width:840px) {
    .contents .main .gallery div{padding-left:1em;padding-right:1em;}
}

@media (min-width: 841px) and (max-width:1100px) {
    .contents .main .gallery div{padding-left:3em;padding-right:3em;}
}

@media (min-width: 541px) and (max-width:640px) {
    .contents .main .grid_tablet {width:50%;}
    .contents .main .cal_link {width: 100%;height: auto;display: flex;}
        .contents .main .alcright{width:50%;}
}

@media (min-width:641px) and (max-width:860px) {
     .contents .main .grid_tablet {width: 33.33%;}
    .contents .main .cal_link {width:50%;display:block;}
.contents .main .alcright{width:50%;}
}

@media screen and (min-width: 0px) and (max-width:540px) {
    header{padding-top:44px;}
    .contents [class*="grid"]{width:100%;height:auto;min-height:132px;}
    .contents .main .end_column .grid_h{width:100%;clear:both;}
    .contents .main .guidance,
    .contents .main .kids,
    .contents .main .alc{min-height:264px;}
    /*.contents .main .doc_search p.button a{background-size:50% auto;}*/
    .contents .main .gallery {padding-bottom:1em;}
    .contents .main .alc a{top:-154px;}
    }

@media (min-width:861px) and (max-width:1100px){
    .contents .main .ebook {display:flex;justify-content:space-around; width: 100%;height: auto;}
    .ebook .ebook_bottom{display: flex;justify-content:space-around;align-items:center; width:70%;}
    .contents .main .ebook p.button{width:18em;margin:0 auto;}
    .contents .main .ebook p.button.ebookbutton{margin-top:8px;}
    .contents .main .ebook p.button.guidebutton{margin-bottom:0px;}
    .contents .main .grid_tablet {width: 50%;}

}

@media (min-width:541px) and (max-width:860px) {
    .contents .main .ebook {display:flex;justify-content:space-around; width: 100%;height: auto;}
    .ebook .ebook_bottom{display: flex;justify-content:space-around;align-items:center; width:70%;}
    .contents .main .ebook p.button{width:18em;margin:0 auto;}
    .contents .main .ebook p.button.ebookbutton{margin-top:8px;}
    .contents .main .ebook p.button.guidebutton{margin-bottom:0px;}
    .contents .main .alc {width:50%;}
    .contents .main .alc a{top:-124px;}
}
/* ------------------------- */


@media screen and (min-width:641px) {html body #menu{display:block !important;}}