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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* access.html
*/


/*ページタイトル*/
div#infomation .titles{width:100%;height:auto;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 h3{font-size:200%;line-height:1.0;color:#000;padding:10px;background-color:#D8D8D8;}
div#infomation .access_content{margin:20px 10px;}
div#infomation .access_content table{width:95%;font-size:140%;/*margin-left:30px*/}
div#infomation .access_content table th{background:#DDD;text-align:center;border:solid 1px #555;padding:5px;}
div#infomation .access_content table td:nth-child(1){width:40%;padding:5px; vertical-align:top;}
div#infomation .access_content table td:nth-child(2){width:28%;padding:5px; vertical-align:top;}
div#infomation .access_content table td:nth-child(3){width:32%;padding:5px; vertical-align:top;}


/*施設写真*/
div#infomation .access_content .faculity_image{background:#AAA; width:300px;height:300px;text-align:center;color:#fff;margin-top:10px;}

/*施設地図*/
div#infomation .access_content .faculity_map{background:#AAA; width:200px;height:200px;;text-align:center;color:#fff;margin-top:10px;}


/*施設情報*/
div#infomation .access_content .faculity_information{font-size:100%; background:#fff; padding:10px;}
div#infomation .access_content .faculity_information h4{font-size:110%;text-decoration:underline}

/*図書館カレンダー*/
#calendar_area{float:left;background:#fafafa;border:#ccc 1px solid;margin-bottom:10px;position:relative;width:100%;}
#calendar_area h2{font-size:180%;}
#calendar_area .calendar_block{width:100%;}
#calendar_area .title{width:100%;height:auto;background:#ebebeb;float:left;}
#calendar_area .title h2{float:left;padding-top:1%;color:#000;background:url(../img/icon_calendar.png) no-repeat left center;text-indent:30px;}
#calendar_area .other{float:right;}
#calendar_area .other{font-size:140%;}
#calendar_area .other a:before{display:inline-block;line-height:0;background:url(../img/btn_bg_triangle_gray.png) no-repeat left center;width:24px;padding:7% 0;content:'　';}
#calendar_area .other a p{line-height:0;color:#000;display:inline-block;background:url(../img/btn_bg_gray.png) repeat-x center;padding:7% 0;text-align:center;}
#calendar_area .other a:after{display:inline-block;line-height:0;background:url(../img/btn_bg_end_gray.png) no-repeat left center;width:46px;padding:7% 0;content:'　';}

/*カレンダー*/
#calendar_area .calendar_block{float:left;width:48%;height:auto;background:#fff;margin:12px 1% 0;}
#calendar_area .calendar_block_wrapper{float:left;width:96%;height:auto;padding:0 2% 4%;border:solid 1px #ccc;}
#calendar_area .calendar_block_wrapper .hed{background-color:#DDDDDD;}
#calendar_area .calendar_block_wrapper caption{padding:10px;font-size:210%;text-align:left;}

#calendar_area table{float:left;border-collapse:separate;border-spacing:0px 1px;}
#calendar_area table thead tr td{width:26px;height:24px;width:1%;text-align:left;border:solid 1px #FFF;font-size:140%;padding:0 1%;color:#666;}
#calendar_area table tbody tr td{width:26px;height:24px;width:1%;text-align:left;border:solid 1px #FFF;font-size:130%;padding:0 1%;position:relative;background:#f3f3f3;}

/*カレンダー上のアイコン*/
#calendar_area td.emp{background-color:#fff;}
#calendar_area th.sun{background-color:#FFE4F0;color:#751D31;}
#calendar_area td.sun{background-color:#FFE4F0;color:#751D31;}
#calendar_area th.sat{background-color:#E4F0FF;color:#1D4975;}
#calendar_area td.sat{background-color:#E4F0FF;color:#1D4975;}
#calendar_area td.cal0eve{width:100%;border:0px;}
#calendar_area td.cal1{border:#ffa380 1px solid;background:url(../img/mark_closed.png) no-repeat;background-color:#fff;}
#calendar_area td.cal2{}
#calendar_area td.cal3{}
#calendar_area .calinfo{margin-left:20px;font-size:100%;color:#f00;margin-bottom:30px;}
#calendar_area .event_click{width:100%;height:100%;text-decoration:underline;cursor:pointer;}
#calendar_area .events{background-position:0 0;}
/*#calendar_area .calendar_block_wrapper table tbody tr td div span img{width:9px;height:9px;float:right;}*/
#calendar_area .calendar_block_wrapper table tbody tr td div span img{width:12px;height:12px;float:right;}
#calendar_area .calendar_block_wrapper table tbody tr td div span{width:50%;height:100%;float:right;}
/*アイコン判例*/
#calendar_area .calendar_example{float:left;width:100%;height:auto;margin:12px 0;}
#calendar_area .calendar_example li{float:left;font-size:120%;height:24px;}
#calendar_area .calendar_example li span{width:20px;height:20px;display:inline-block;}
#calendar_area .calendar_example li.cal1{margin-left:15px;padding-left:40px;background:url(../img/mark_closed_legend.png) no-repeat center left;}
#calendar_area .calendar_example li img {float:left;padding-left:30px;height:24px;width:24px;}

#calendar_area .content_calendar .title{background-color:#fff;}
#calendar_area .content_calendar .title h2{background:none;}
#calendar_area .calendar_pagination{display:none;}

.lineHeight160 {line-height:200%;}
#info {padding: 4em 0 3em;}
.infoList {padding: 1.5em;box-sizing: border-box;}
.infoList li + li {margin-top: 2em;}
div#content_access{font-size: 16px;}

#info li:nth-child(n+7){display: none;}

article#calendar_area{font-size: 12px;}


/*外部リンク*/
div#External_link{margin-top:10px;}
div#External_link h3{font-size:200%;line-height:1.0;color:#000;padding:10px;background-color:#D8D8D8;}
div#External_link .access_content{margin:20px 10px;}
div#External_link .access_content table{width:95%;font-size:140%;/*margin-left:30px*/}
div#External_link .access_content table th{background:#DDD;text-align:center;border:solid 1px #555;padding:5px;}
div#External_link .access_content .faculity_information{font-size:100%; background:#fff; padding:10px;}
div#External_link .access_content .faculity_information a{text-decoration:underline;}

@media screen and (min-width: 801px) and (max-width: 1280px) {
    .lineHeight160 {line-height:260%;}
}


@media screen and (max-width: 800px) {
  .lineHeight160 {line-height:180%;}
  div#infomation .access_content table td:nth-child(1){width:100%;display:block;}
  div#infomation .access_content table td:nth-child(2){width:100%;display:block;}
  div#infomation .access_content table td:nth-child(3){width:100%;display:block;}

  #calendar_area .calendar_block {width:100%;}


}