@charset "utf-8";

/*　背景色ガイド　*/
ul.color{
    display: flex;
    flex-wrap: wrap;
    }
ul.color li{
    font-size: 20px;
    list-style: none;
    margin-right: 15px;
    }
ul.color li::before{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    }
li.hday::before{
    background-color: #F3D7D7;
    }
li.pm::before{
 background-color: #B1CFFF;
    }


/*ページ送り*/
.fc td.fc-header-right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	height: 60px !important;
	}
.fc-button{
	display: block;
	color: #FFF!important;
	font-size: 1em !important;
	text-shadow: none;
	padding: 4px 18px;
	box-shadow: none;
	background-color: #424a56!important;
	background-image: none;
	border: none;
	border-radius: 0 !important;
	}

.fc-button.fc-button-today {
	color: #424a56!important;
	background-color: transparent!important;
	}
.fc-state-disabled{
	visibility: hidden;
	}
.fc .fc-header-space{
	display: none;
	}

/* カレンダー */
.fc-header-title h2 p{
	padding-top: 0!important;
	}
.fc-header-title h2 p{
	font-size: 24px!important;
	}

.fc th{
	padding: 10px 0;
	}
.fc-grid .fc-day-number{
	color: #575757;
	}
.fc-widget-header, .fc-widget-content{
	border: #A7A7A7 1px solid!important;
	}
	
/*平日TR*/
.fc-day-header{
	color: #FFF;
	font-weight: normal;
    background-color: #878787;
    }

/*土曜TR*/
.fc-day-header.fc-sat{
	color: #FFF;
    background-color: #0054DB;
    }

/*日曜TR*/
.fc-day-header.fc-sun{
	color: #FFF;
    background-color: #DD4E51;
    }

/*当日Current削除*/
.fc-state-highlight{
    background-color: transparent;
    }

.event-title,
.holiday-title{
	font-size: 14px;
	line-height: 1.4;
	
	}



/* 日付背景色設定 ---------------　*/

/*土曜・祝日　休診*/
.fc-day.fc-sat{
	background-color: #F3D7D7;
	}
.fc-sat .fc-day-number{
	color: #DD4E51;
	}

/*金曜・日曜　午後休診*/
.fc-day.fc-fri,
.fc-day.fc-sun{
	background-color: #E3F2FF;
	}
.fc-fri .fc-day-number,
.fc-sun .fc-day-number{
	color: #0054DB;
	}


td[data-color="bgWhite"]{
	background-color: #f4f4f4!important;
	}
td[data-color="bgWhite"] .fc-day-number,
td[data-color="bgWhite"] .event-title{
	color: #424a56!important;
	}
td[data-color="bgGreen"]{
	background-color: #CEF0CE!important;
	}
td[data-color="bgGreen"] .fc-day-number,
td[data-color="bgGreen"] .event-title{
	color: #587E58!important;
	}

td[data-color="bgBlue"] {
	background-color: #E3F2FF!important;
	}
td[data-color="bgBlue"] .fc-day-number,
td[data-color="bgBlue"] .event-title{
	color: #0054DB!important;
	}

.holiday,
td[data-color="bgRed"]{
	background-color: #F3D7D7!important;
	}
.holiday .fc-day-number,
.holiday-title,
td[data-color="bgRed"] .fc-day-number,
td[data-color="bgRed"] .event-title{
	color: #DD4E51!important;
	}

/* 当月外の枠 */
.fc-grid .fc-other-month,
.fc-grid .fc-other-month td[data-color="bgRed"],
.fc-grid .fc-other-month td[data-color="bgBlue"],
.fc-grid .fc-other-month td[data-color="bgGreen"]{
	background-color: #f4f4f4!important;
	}
.fc-grid .fc-other-month .fc-day-number,
.fc-grid .fc-other-month .event-title,
.fc-grid .fc-other-month .holiday-title{
	opacity: 1;
	color: #B8B8B8!important; 
	}



/* Media QuelikeTblry ================================================================================*/
@media only screen and (max-width: 479px){
}
@media only screen and (min-width: 480px) and (max-width: 599px) {}

@media only screen and (max-width : 599px) {
    #calendar{
        
        }
	

    /*　背景色ガイド　*/
    ul.color{
        display: flex;
        }
    ul.color li{
        font-size: 4vw;
        margin: 0 4% 0 0;
        }

	/*ページ送り*/

	.fc-button{
	 	font-size: 4vw !important;
		line-height: 1;
		padding: 5% 5%;
		}

	
    
	/* カレンダー */
	.fc-header-title h2 p{
		font-size: 5vw!important;
		}

	.fc th{
		font-size: 4vw;
		padding: 2% 0;
		}
	.fc-grid .fc-day-number{
		font-size: 4.5vw!important;
		}
	.event-title,
	.holiday-title{
		font-size: 3vw!important;
		}


}


@media only screen and (max-width : 992px){}
@media print, only screen and (min-width:1351px){
	
}