﻿@charset "utf-8";

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */


/* ================================================================= 
 section
================================================================= */


/* ================================================================= 
 footer
================================================================= */

aside div#form_calendar{
    background-color: transparent;
    box-shadow: none;
}
div#form_calendar table tbody tr td,div#form_calendar table tbody tr td:first-of-type{
    background-color: #fff;
}
div#form_calendar table tbody tr td.other{
    background-color: #f1f1f1;
}

div#form_calendar table tbody tr td.close{
    background-color: rgba(175, 105, 43, 0.3);
}
div#form_calendar table tbody tr td.close:hover{
    background-color: rgba(175, 105, 43, 0.5);
}
dl.close,dl.open{
    display: flex;
    align-items: center;
}
dl.open dt label,dl.close dt label{
    width: 24px;
    height: 16px;
    display: block;
    background-color: #fff;
    margin-right: 8px
}
dl.open dt label{
    background-color: #fff;
}
dl.close dt label{
    background-color: rgba(175, 105, 43, 0.5);
}



@media only screen and (max-width: 835px) {

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}




@media only screen and (max-width: 640px) {

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */



}