/* スマホ用カレンダー幅 */
    table.cal {
        width: 100%;
        padding: 10px 20px 0;
        margin: 0 auto;
    }

    /* PC用カレンダー幅 */
    @media screen and (min-width: 960px) {
        table.cal {
            width: 260px;
            margin: 0 auto;
            padding: 0;
        }
    }
    
    table.cal th {
        font-weight: normal;
    }
    
    .holidayColor {
        color: #f99;
    }
    
    div.cal_wrapper {
        padding: 0px 0px 10px;
    }
    
    div.schedule_wrapper {
        padding: 10px 0px;
        width: 310px;
        border: solid 1px #CCC;
        border-radius: 5px;
        box-shadow: 1px 1px 3px #666;
    }
    
    div.schedule_wrapper h3 {
        padding: 0px 10px;
        font-weight: normal;
        margin: 0px;
        font-size: 12px;
        color: #666;
    }
    
    div.schedule_wrapper div.schedule_list {
        padding: 0px 10px;
        margin: 0px;
    }
    
    div.schedule_wrapper div.schedule_list ol {
        padding: 0px;
        margin: 5px auto;
        border-top: solid 1px #CCC;
    }
    
    div.schedule_wrapper div.schedule_list ol li {
        padding: 5px 10px 0px 0px;
        margin: 0px 0px 0px 30px;
        font-size: 12px;
        line-height: 1.5em;
    }
    
    div.schedule_wrapper div.schedule_list ol li:hover {
        text-decoration: underline;
    }
    
    div.cal_wrapper table.cal tr th p {
        float: left;
        padding: 5px;
        margin: 0px;
        color: #666;
        font-size: 1.5rem;
    }
    
    div.cal_wrapper table.cal tr th div.cal_ui {
        float: right;
    }
    
    div.cal_wrapper table.cal tr th div.cal_ui input {
        border: solid 1px #CCC;
        background-color: #FFF;
        font-size: 12px;
        margin: 0px 1px;
        padding: 1px 5px;
        border-radius: 3px;
    }
    
    div.cal_wrapper table.cal tr td {
        border-top: solid 1px #EEE;
    }
    
    div.cal_wrapper table.cal tr td {
        font-size: 1.4rem;
        text-align: center;
        padding: 1px;
    }
    
    div.cal_wrapper table.cal tr.headline td {
        padding: 5px 0px;
        color: #666;
    }
    
    div.cal_wrapper table.cal tr.headline {
        background-color: #EEE;
    }
    
    div.cal_wrapper table.cal tr td div {
        position: relative;
        padding: 5px 0px;
        font-size: 1.4rem;
        text-align: center;
        background-color: #FFF;
        border-radius: 3px;
    }
    
    div.cal_wrapper table.cal tr td div span {
        display: none;
        position: absolute;
        top: 20px;
        left: 0px;
        width: auto;
        min-width: 80px;
        border: solid 1px #EEE;
        background-color: #FFF;
        text-align: left;
        padding: 5px;
        z-index: 10;
        color: #000;
        font-weight: normal;
        line-height: 1.5em;
        box-shadow: 1px 1px 3px #666;
    }
    /* 以下、指定したクラスのデザイン */
    
    div.cal_wrapper table.cal tr td div.Sat {
        color: #FFF;
        background-color: #F99;
    }
    
    div.cal_wrapper table.cal tr td div.Sun {
        color: #FFF;
        background-color: #F99;
    }
    
    div.cal_wrapper table.cal tr td div.Today {
        font-weight: bolder;
    }
    
    div.cal_wrapper table.cal tr td div.Deli {
        background-color: #EFE;
    }
    
    div.cal_wrapper table.cal tr td div.Holyday {
        font-weight: bolder;
        color: #FFF;
        background-color: #F99;
    }
    
    div.cal_wrapper table.cal tr td div.Birthday {
        font-weight: bolder;
        background-color: #EEF;
        color: #090;
        border-radius: 3px;
    }
    
    div.cal_wrapper table.cal tr td div.backward {
        color: #CCC;
        font-weight: normal;
        background-color: #FFF;
        border-radius: 3px;
    }
    
    div.cal_wrapper table.cal tr td div.pointer {
        cursor: pointer;
    }
    
    div.cal_wrapper table.cal tr td div.pointer:hover {
        background-color: #EEE;
    }