/*--calender--*/
body.calendar::-webkit-scrollbar{
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
html.calendar.msie,
body.calendar.msie{
    overflow: hidden;
}
#calender {
    margin: 0 auto;
    width: 840px;
    padding: 20px;
    zoom: 1;
}

#calender .cal_titArea01 {margin: 0 0 50px 0;}
#calender .cal_titArea01 h3 {font-size: 20px;}
#calender .cal_titArea01 .cal_titArea01L { float: left; text-align: left;}
#calender .cal_titArea01 .cal_titArea01R { float: left;}
#calender .cal_titArea01 .cal_titArea01R p {padding: 9px 0 0 20px;font-size: 14px;line-height: 1.4;}
#calender .cal_titArea01 .cal_titArea01R .bgredBox {
    width: 50px;
    height: 17px;
    background-color: #B68D4C;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 5px 0 10px;
}
#calender .calBox01 {
    float: left;
    margin: 0 10px 0 0;
    width: 260px;
    display: inline;
}
#calender .calBox01:last-child {
    margin: 0;
}
#calender .calBox01 table {
    border: 1px solid #87827A;
    border-collapse: collapse !important;
    text-align: center;
    width: 260px;
    font-size: 12px;
}
#calender .calBox01 table th {
    background-color: #87827A;
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
#calender .calBox01 table td {
    padding: 5px 10px;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
#calender .calBox01 table tr td:last-child { color: #1038A6;}
#calender .calBox01 table tr td:first-child, #calender .calBox01 table tr td.red { color: #A61010;}
#calender .calBox01 table tr td.bgred { background-color: #B68D4C; color: #FFF;}

#calender .bg01 { background-color: #87827A; color: #FFF !important;}
#calender .bg02 { background-color: #C3C0BC; color: #FFF !important;}
#calender .bgBox {
    width: 50px;
    height: 17px;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 5px 0 10px;
}


#calender .cal_ftArea01 {
    background: url("/common/img/shop_com_line04.png") repeat-x scroll left top transparent;
    margin: 45px 0 0 0;
    padding: 45px 0;
}
#calender .cal_ftArea01 .cal_ftArea01L { float: left;}
#calender .cal_ftArea01 .cal_ftArea01R1 { float: left;}
#calender .cal_ftArea01 .cal_ftArea01R2 { float: left;}

/*
--------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
/*--calender--*/
#calender {
    margin: 0 auto;
    width: auto;
    padding: 10px;
}

#calender .cal_titArea01 { margin: 0 0 25px 0;}
#calender .cal_titArea01 h3 {
    font-size: 18px;
    text-align: center;
    width: auto;
}
#calender .cal_titArea01 .cal_titArea01L { /*float: left;*/ text-align: left;}
#calender .cal_titArea01 .cal_titArea01R { /*float: left;*/}
#calender .cal_titArea01 .cal_titArea01R p { padding: 10px 0 0 0;}
#calender .cal_titArea01 .cal_titArea01R .bgredBox {
    width: 50px;
    height: 17px;
    background-color: #B68D4C;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 5px 0 10px;
}
#calender .calBox01 {/*  float: left;*/margin: 20px auto 0;width: 100%;}
#calender .calBox01 table {
    border: 1px solid #87827A;
    border-collapse: collapse !important;   
    text-align: center;
    width: 100%;
}
#calender .calBox01 table th {
    background-color: #87827A;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
#calender .calBox01 table td {
    padding: 5px 10px;
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
#calender .calBox01 table tr td:last-child { color: #1038A6;}
#calender .calBox01 table tr td:first-child, #calender .calBox01 table tr td.red { color: #A61010;}
#calender .calBox01 table tr td.bgred { background-color: #B68D4C; color: #FFF;}

#calender .bg01 { background-color: #87827A; color: #FFF !important;}
#calender .bg02 { background-color: #C3C0BC; color: #FFF !important;}
#calender .bgBox {
    width: 50px;
    height: 17px;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 5px 0 10px;
}


#calender .cal_ftArea01 {
    background: url("/common/img/shop_com_line04.png") repeat-x scroll left top transparent;
    margin: 45px 0 0 0;
    padding: 45px 0;
}
#calender .cal_ftArea01 .cal_ftArea01L { float: left;}
#calender .cal_ftArea01 .cal_ftArea01R1 { float: left;}
#calender .cal_ftArea01 .cal_ftArea01R2 { float: left;}
}