@charset "UTF-8";


/*
body, h1, h2, h3, h4, h5, h6, p,

 ul, ol, dl, dt, dd, li, table,

 th, td, form, fieldset, select,

 option, button, span, input, main

{

    font-weight: normal;

    font-style: normal;

    font-family: "ƒƒCƒŠƒI",Meiryo,"Hiragino Kaku Gothic ProN","‚l‚r ƒSƒVƒbƒN",sans-serif;

    margin: 0px;

    padding: 0px;

}
*/


#libraryHours-main {

    box-sizing: border-box;

    background-color: #fff;

    width: 212px;

    height: 100%;

    border: 1px solid #ccc;

    border-bottom: 4px solid #000;

}



.libraries {

    height: auto;

    padding: 10px 0px;

    border-bottom: 1px solid #ccc;

    background: #222;

    z-index: 0;

}



.selects {

    background: #fff;

    border-radius: 5px;

    margin: 0 auto;

    position: relative;

    width: 90%;

}



.selects select {

    width: 100%;

    height: 32px;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 1px 20px 0px 10px;

    font-size: 14px; 

    background: url("./img/iconMenuTriangleSP.png") no-repeat;

    background-position-y: 12px;

    background-position-x: 166px;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

}



.selects select:focus{

  outline: 1px dotted #212121;

}



.selects select::-ms-expand{

  display: none;

}



.selects select::-moz-focus-inner{

  border: 0;

}



.select select option{

  text-shadow: none;

}



.icon-down{

    display: inline-block;

    width:30px;

    height:16px;

}



.calendar {

    font-size: 14px;

    border-collapse: collapse;

    width: 100%;

    text-align: center;

}



.calendar thead {

    background-color: #f5f5f5;

}



.calendar tbody {

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



.calendar tbody td {

    padding-top: 1px;

}



.calendar tr:first-child > td {

    padding-top: 5px;

}



.calendar tr:last-child > td span {

    margin-bottom: 4px;

}



.calendar tr td span {

    display: block;

    width: 25px;

    height: 21px;

}



.calendar thead tr:nth-child(2) th {

    color: #555;

    padding-top: 5px;

}



.calendar thead tr th:first-of-type,

.calendar tr > td:first-of-type {

    padding-left: 10px;

}



.calendar thead tr > th:last-of-type,

.calendar tr > td:last-of-type {

    padding-right: 10px;

}



.calendar th, .calendar td {

    text-align: center;

    -webki-ttransition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.calendar .currDay {

    cursor: default;

}



.calendar .selected {

    background-color: #22A7F0 !important;

    color: #FFF !important;

}



.calendar #currM {

    padding-top: 4px;

    font-size: 18px;

}



.calendar #prev {

    background: url("./img/iconCalendarPrev.png") no-repeat right;

    cursor: pointer;

}



.calendar #next {

    background: url("./img/iconCalendarNext.png") no-repeat left;

    cursor: pointer;

}



.calendar .currDay span {

    text-decoration: underline;

}



.calendar .eventDay span {

    border-radius: 3px;

    background: #208880;

    color: #fff;

}



.calendar .eventDay {

    cursor: pointer;

}



.calendar .closingDay span {

    border-radius: 50%;

    background: #f3b3cd;

}



.calendarIcon {

    margin-left: 24px;

    margin-top: 7px;

    height: 24px;

}



.calendarIcon li {

    list-style: none;

    float: left;

    margin-right: 10px;

    font-size: 12px;

}



.calendarIcon li:last-child {

    margin-right: 0px;

}



.calendarIcon .todayIcon {

    border-bottom: 1px solid #212121;

}



.calendarIcon .closedIcon::before {

    content: url('./img/iconCalendarListClosed.png');

    padding-right: 4px;

}



.calendarIcon .eventIcon::before {

    content: url('./img/iconCalendarListEvent.png');

    padding-right: 4px;

}