.slide_box{max-width:1004px;height:auto;max-height:300px;margin:30px auto;padding:7px;border:3px solid #E1D7CA;overflow:hidden;}
.bx-wrapper {position:relative;width:100%;padding:0px;clear:both;overflow:visible;}
.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;overflow:hidden;}
.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 .bx-pager {position:absolute;bottom:6px;right:0px;left:0px;z-index:80;text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;overflow:visible;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;color:#000000;background:#FFFFFF;text-indent:-100em;width:13px;height:13px;margin:0px 5px;border-radius:50%;text-align:left;overflow:hidden;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#D35120;}
.bx-wrapper .bx-controls-auto-item{position:absolute;right:2px;bottom:2px;z-index:110;}
.bx-wrapper .bx-controls-auto-item a{display:block;width:44px;height:44px;margin:0px;background:no-repeat center center;color:rgba(0,0,0,0);}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(http://www.yatomi-library.com/img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(http://www.yatomi-library.com/img/start_bt.png);}
.bx-wrapper .bx-controls-auto-item a.active{display:none;}
.bx-wrapper .bx-controls-direction{position:absolute;top:50%;left:0px;right:0px;overflow:visible;}
.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next{position:absolute;bottom:-27px;height:54px;width:29px;background:no-repeat center center;text-indent:-100em;opacity:0.8;z-index:210;overflow:hidden;transition-duration:0.3s;}
.bx-wrapper .bx-controls .bx-prev{left:-8%;background-image:url(http://www.yatomi-library.com/img/bx-prev.png);}
.bx-wrapper .bx-controls .bx-next{right:-8%;background-image:url(http://www.yatomi-library.com/img/bx-next.png);}
.bx-wrapper .bx-controls .bx-prev:hover,
.bx-wrapper .bx-controls .bx-next:hover{opacity:1;}
.bx-wrapper:hover .bx-controls .bx-prev{left:2%;}
.bx-wrapper:hover .bx-controls .bx-next{right:2%;}
.bx-wrapper .slide img,
.contents .main .search img{max-width:100%;height:auto;}
.contents .main {width:700px;box-sizing:border-box;padding:5px;float:left;}
.contents .main .search{margin:0px;padding:12px;background:#ffebc8;border-radius:4px;}
.contents .main .search h2{width:33%;margin:10px 0px;float:left;}
.contents .main .search p{margin:6px;clear:right;}
.contents .main .search .input_area{width:66%;padding:5px;border:3px solid #444444;background:#ffffff;box-sizing:border-box;float:right;}
.contents .main .search .input_area input{display:block;padding:0.3em;border:none;box-sizing:border-box;float:left;}
.contents .main .search .input_area #book_search{width:80%;}
.contents .main .search .input_area #book_search_bt{width:20%;background:#444444;color:#ffffff;}
.contents ul.menu_bt{padding:10px 8px;background:#ffffff;list-style:none;}
.contents ul.menu_bt li{width:46%;margin:10px 2%;padding:2px;box-sizing:border-box;border:3px solid #E1D7CA;border-radius:4px;float:left;}
.contents ul.menu_bt li a{display:block;padding:8px;border:1px dotted #E1D7CA;transition-duration:0.5s;}
.contents ul.menu_bt li a:hover{background:#ffecd3;}
section.news,
section.event{position:relative;padding:0px 15px 20px;}
section.news h2,
section.event h2{padding:15px;border-bottom:4px solid #E1D7CA;}
.list_link{position:absolute;top:10px;right:10px;padding:0px;}
.list_link a{display:block;padding:5px 16px;background:#EAC700;color:#000000;float:left;border-radius:5px;}
.list_link span.sup{display:block;width:0px;text-indent:-100em;float:left;}
.contents nav .calendar{width:262px;margin:0px 0px 16px;padding:15px;border:4px solid #ffc768;background:#FFF4E3;border-radius:6px;}
.contents nav .calendar h2{text-align:center;}
.contents nav .calendar_list{width:90%;margin:5px 5%;background:#ffffff;border-radius:3px;}
.contents nav .calendar_list h3 { font-size: 1em; margin: 0px;padding:0.2em; text-align: center;}
.contents nav .calendar_list p { position: relative; display: block; float: left; width: 13%; margin: 0.1% 0% 0.1% 1%; padding: 0.2em 0px; font-size: 0.9em; text-align :center ; overflow: hidden; z-index: 1;}
.contents nav .calendar_list p.holiday { color:#980a0a;}
.contents nav .calendar_list p:nth-of-type(7n+7) { color:#0a3e98;}
.contents nav .calendar_list p:nth-of-type(7n+1) { color:#980a0a;}
.contents nav .calendar_list p:before{ position: static; display: block; width :auto; margin-bottom: 0.8em; color: #333333; background: transparent;}
.contents nav .calendar_list p:nth-of-type(1):before{ content:"譌･";}
.contents nav .calendar_list p:nth-of-type(2):before{ content:"譛";}
.contents nav .calendar_list p:nth-of-type(3):before{ content:"轣ｫ";}
.contents nav .calendar_list p:nth-of-type(4):before{ content:"豌ｴ";}
.contents nav .calendar_list p:nth-of-type(5):before{ content:"譛ｨ";}
.contents nav .calendar_list p:nth-of-type(6):before{ content:"驥";}
.contents nav .calendar_list p:nth-of-type(7):before{ content:"蝨";}
.contents nav .calendar_list p i { position:absolute; top:50%; left:50%; display:block; width:1.4em; height:1.4em; margin-top:-0.7em; margin-left:-0.7em;text-indent:-1000em; background:rgba(255,0,0,0.2); border-radius:50%; z-index:-1;}
.contents nav .calendar_list p:nth-of-type(1) i,
.contents nav .calendar_list p:nth-of-type(2) i,
.contents nav .calendar_list p:nth-of-type(3) i,
.contents nav .calendar_list p:nth-of-type(4) i,
.contents nav .calendar_list p:nth-of-type(5) i,
.contents nav .calendar_list p:nth-of-type(6) i,
.contents nav .calendar_list p:nth-of-type(7) i {top:2.8em;}
.contents nav .calendar p i{display:block;width:1.6em;height:1.6em;text-indent:-100em;background:rgba(255,0,0,0.2);border-radius:50%;float:left;}
.contents nav .calendar_list ul li i{position:absolute;bottom:0px;left:50%;margin-left:-0.8em;z-index:-1;}.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#dd0000;}

@media screen and (min-width: 0px) and (max-width: 1024px) {
.slide_box,
.contents .main ,
.contents nav > .calendar,
.contents nav .calendar_list {position:static;width:auto;min-width:0px;max-width:100%;float:none;}
#opac-calendar{margin:0 auto;*
header .page_control form.search label.search_txt{width:30%;}
header .page_control form.search .input_area{width:70%;}
.list_link{position:static;margin:0px 20px;}
.list_link a{padding:16px;text-align:center;float:none;}
}

@media screen and (min-width: 0px) and (max-width:640px) {
.contents .main .search h2,
.contents .main .search .input_area,
.contents ul.menu_bt li{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 ul li{width:33.33%;}
header nav ul li:nth-child(n+4){width:50%;}
header nav ul li:first-child:before,
header nav ul li:nth-child(4):before,
header nav ul li:last-child:after{display:none;}
.contents dl.news dd{padding-left:0px;}
}

@media screen and (-webkit-min-device-pixel-ratio:2){.contents .main .search .input_area #book_search{font-size:16px;}}
@media screen and (min-width:641px) {html body #menu{display:block !important;}}