@charset "UTF-8";
/* CSS Document */

.md-3{
        width: 22%;
        float: left;
        margin-right: 20px;
}

.index .md-3{
        width: 25%;
        float: left;
        margin-right: 0;
}
.md-3.box_r{

}
.md-6 {
    width: 48%;
    float: left;
}

.top_sns_area .md-6 {
    width: 48%!important;
    float: left;
}


.index .md-6  {
    width: 46%;
    float: left;
}

.md-6 + .md-6 {
    float: right;
}
header .container .col{
    margin-right: 0;
}
header .container .col.md-3{
    width: 25%;
}

#top_wrap .container_wrap, #inner_wrap .container_wrap{
    margin: 0 auto 0;
    clear: both;
}
.container_wrap{
        max-width: 1240px;
/*    padding-left: 20px;
    padding-right: 20px;*/
}
#top_wrap .container{
	max-width: none;
    padding-left: 0;
    padding-right: 0;
}



/*top*/
.newsBlock.newsBlock-important{
    margin-top: 0;
}
/*#toposusume .booksWrap{
	display: none;
}
#toposusume .booksWrap:nth-child(-n+4){
	display: block;
}*/
.keywordBlock{
    background-color: #f5f5f5;
}
.box_c .newsBlock, .box_c .eventBlock{
	margin-bottom: 40px;
}
.box_c .newsBlock{
    padding: 0 20px 10px;
}
.box_c .newsBlock.newsBlock-important{
    padding: 20px 20px 10px;
}
.index .eventBlock ul{
    gap: 10px;
}
.index .eventBlock ul li{
    width: calc((100% - 10px) / 2);
}
.eventBlock .tab_nav{
    gap: 4px;
}
.eventBlock .tab_nav .tab_switch{
    width: calc((100% - 12px) / 4);
	margin-right: 0;
}
#toposusume .booklist,
.index .newbook .swiper{
	    padding: 0;
}
p.usemenu_title{
    background-color: #d0e1f3;
}
#toposusume{
	margin-bottom: 0;
}
.box_l .usemenu_link,
.box_l .usemenu_link li{
	list-style: none;
}
.box_l .usemenu_link{
	margin: 0 0 20px;
	padding: 0;
}
.box_l .usemenu_link li{
	background: #fff;
}
.box_l .menu-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.box_l .menu-grid li{
    width: calc(50% - 6px);
}
.box_r .calendar_area{
    margin-bottom: 20px;
}
.box_r .lib_info{
    background-color: #f5f5f5;
    padding: 0 10px 10px 10px;
}
.box_r .js-crowded-status{
    background-color: #f5f5f5;
    padding: 0 10px 10px 10px;
    text-align: center;
    margin-bottom: 20px;
}
.box_r .js-crowded-status figure img{
	height: auto;
    margin: 0 auto;
}
.box_r .info_area{
    margin-bottom: 20px;
}
.box_r .info_area .information{
    padding: 10px;
    margin-right: 0;
}
.box_r .info_area .information .links{
    gap: 10px;
	    margin: 0;
}
.box_r .info_area .information .links li{
    width: 100%;
}
.box_r .calendar_table_area .calendarTbl th{
    font-size: 1.1rem;
    padding: 4px;
    text-align: center;
}
.box_r .calendar_table_area .calendarTbl td.holy{
    background: #FEF4F4;
}
.box_r .calendar_table_area .calendarTbl td{
    font-size: 1.1rem;
    padding: 4px;
}
.box_r .calendar_table_area .calendarTbl td .day{
    font-weight: bold;
}
#top_wrap .access_area .container{
        max-width: 1240px;
    margin: 0 auto 0;
    clear: both;
    padding-left: 20px;
    padding-right: 20px;
}
div#banner_area{
    max-width: 1240px;
    margin: 0 auto 0;
    clear: both;
    padding-left: 20px;
    padding-right: 20px;
}
div#banner_area ul.slides{
    max-width: none;
    gap: 20px;
    padding: 0;
    margin-top: 80px;
}
div#banner_area ul.slides li{
    width: auto;
    margin: 0;
    background: none;
    padding: 0;
}



/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 1024px) {
	#top_wrap .container_wrap{
        display: flex;
        flex-direction: column;
	}
	#top_wrap .box_l, #inner_wrap .box_l{
        margin-top: 2em;
    margin-right: 0;
    width: 100%;
	}
    #top_wrap .box_c {
        width: 100%;
            margin: 0 10px;
        }
	#top_wrap .box_l {
        width: 100%;
    }
	    #top_wrap .box_r {

        width: 100%;
			margin: 0;
    }
	.container_wrap{
    padding-left: 0;
    padding-right: 0;
	}
	.box_c .newsBlock.newsBlock-important{
    padding: 10px 10px 10px;
    margin: 0;
	}
	.box_c .newsBlock{
    padding: 0;
    margin-bottom: 0;
	}
	.box_c .newsBlock ul{
    padding: 0;
	}
	.index .eventBlock ul li{
    width: calc((100% - 10px) / 2);
		margin-top: 0;
	}
	.index .eventBlock ul li .event_summary{
    padding: 10px;
	}
	.box_c .eventBlock{
    margin-bottom: 0;
	}
	#toposusume h2.ico_osusume{
    padding-bottom: 10px !important;
	}
  
	#toposusume .booksWrap{
        width: calc(100% / 6);
	}
	.calendar_data{
        padding: 0;
	}
	.box_r .info_area{
		margin-bottom: 0;
	}
	.info_area .information h2{
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	.access_area{
		padding: 0 10px;
	}
   .top_sns_area .md-6 {
    float: none!important;
    width: 100%!important;
    margin: 1em 0!important;
  }
  #bookSearch form, #d_libSearch form {
  display: block !important;
  }
  
}
@media screen and (max-width: 767px) {
  .top_sns_area_l .snapwidget-widget,
  .top_sns_area_r .snapwidget-widget {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  .top_sns_area_l .snapwidget-widget {
    aspect-ratio: 2 / 3;
  }

  .top_sns_area_r .snapwidget-widget {
     aspect-ratio: 1 / 1;
  }
  	#toposusume .booksWrap{
        width: calc(100% / 3);
	}
  
}