@charset "utf-8";

/* --------------------------------
	Holiday calendar style
-------------------------------- */



#calendar .holiday {
    background: #666666;
    color: #ffffff;
}
#calendar .holiday_red {
    background: #ff0000;
    color: #ffffff;
}

caption{
	font-size:18px;
	font-weight:600;
	border:1.2px solid #F4AD00;
	background: #F4AD00;
	color:#FFF;
	
}


thead{
	 border-left: 1px dotted #CCCCCC;
	 border-right: 1px dotted #CCCCCC;
	 border-bottom: 1px dotted #CCCCCC;

}

tbody{
	 border: 1px dotted #CCCCCC;

}

#calendar td {
    text-align: center;
    border-bottom: 1px dotted #CCCCCC;
    background: #FFFFFF;
    color: #554130;
}
#calendar th#saturday {
    color: #3366cc;
}
#calendar th#sunday {
    color: #ff3300;
}
#calendar table {
    margin-top: 10px;
    padding: 0;
    border-collapse: collapse;
    width: 25%;
}


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

	/* --------- common ---------- */

#calendar .holiday {
    background: #666666;
    color: #ffffff;
}
#calendar .holiday_red {
    background: #ff0000;
    color: #ffffff;
}

caption{
	font-size:18px;
	font-weight:600;
	border:1.2px solid #F4AD00;
	background: #F4AD00;
	color:#FFF;
	
}


thead{
	 border-left: 1px dotted #CCCCCC;
	 border-right: 1px dotted #CCCCCC;
	 border-bottom: 1px dotted #CCCCCC;

}

tbody{
	 border: 1px dotted #CCCCCC;

}

#calendar td {
    text-align: center;
    border-bottom: 1px dotted #CCCCCC;
    background: #FFFFFF;
    color: #554130;
}
#calendar th#saturday {
    color: #3366cc;
}
#calendar th#sunday {
    color: #ff3300;
}
#calendar table {
    margin-top: 10px;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}
	/****** Header Setting ********/


	/****** Side Setting ********/


	/****** Effect Setting ********/


}