@charset "UTF-8";
/* CSS Document */
#calendar{
	align-items: center;
	margin: 0 auto;
    width: 80%;
    height: auto;
}

/*今日の背景色*/
.fc .fc-daygrid-day.fc-day-today{
	/*background-image: radial-gradient(circle, blue calc(100% / 2 – 1px), transparent calc(100% / 2));*/
	background-color: rgba(0,0,0,0.00);
}



/*日付センター表示*/
.fc .fc-daygrid-day-top {
    display: block;
    flex-direction: row-reverse;
	text-align: center;
	padding-top: 20%;
}

/*イベントセンター表示*/
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	 display: block;
	text-align: center;
}

/*カレンダー全体フォント*/
.fc table {
	font-family:'Outfit','Zen Kaku Gothic New',"Segoe UI", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	font-size: 1.1em;
	
}

/*前の月・次の月*/
.fc .fc-button {
	border: 0px solid transparent;
}.fc-icon {
	line-height: 0.9;
	color: #AF4E4E;
}.fc .fc-button-primary {
    background-color: rgba(255,255,255,0);
    border-color: rgba(255,255,255,0);
    color: #AF4E4E;
    font-size: 14px;
}

/*カレンダー最大幅設定*/
.fc-header-toolbar,
.fc-view-harness,
.fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table{
	width: 100%;
	max-width: 500px;
}

/*セル設定*/

/*月と曜日の間ツメ*/
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0em;
}


/*日曜*/
.fc-daygrid-day.fc-day-sun, .fc-col-header-cell.fc-day-sun{
	color: #8E3B3B;
}
/*土曜*/
.fc-daygrid-day.fc-day-sat, .fc-col-header-cell.fc-day-sat{
	color: #7C879B;
}

.fc-daygrid-day:has(.my-events){
	background-image: url("../images/mon-back101.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}.fc-daygrid-day:has(.ja-holidays){
	color: #9D2711;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
   	margin-bottom: 0.3em;
}@media (min-width: 800px){
	.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
   		margin-bottom: 0.5em;
	}
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	min-height: 0em;
	color: #AF4E4E;
}
.my-events .fc-event-title{
		display: block;
		color: #9D2711;
		font-size: 13px;
	}
.close-day{
	display: none;
}
@supports selector(:has(+ *)) {
	.my-events .fc-event-title{
		display: none;
	}/*hasをサポートしている時非表示*/
	.close-day{
		display:block;
	}/*.ja-holidays .fc-event-title{
		display: none;
	}*/
}
/*祝日表記*/
.ja-holidays .fc-event-main{
	white-space: initial;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -1.1em);
    color: #9D2711 !important;
    width: clamp(49px, 2.346rem + 3.06vw, 62px);
    font-size: 10px !important;
    line-height: 1.1;
    letter-spacing: -0.2px;
}/*.ja-holidays .fc-event-title{max-width: 120px;}*/




/*カレンダー次の月・前の月テキスト表示*/
.fc-prev-button::after, .fc-next-button::before{
	content: attr(title);
}

	@media (min-width: 800px){
		#calendar{
			width:50%;
		}
	}

/*リンクぽくなくする*/
.fc-col-header-cell-cushion, .fc-daygrid-day-number, .fc-event{
	pointer-events: none;
	color: inherit;
	text-decoration: none;
}

:root {
	--fc-page-bg-color: rgb(000/0%);
	--fc-border-color: rgb(000/0%);
	--fc-daygrid-event-dot-width: 1px;
	--fc-button-text-color: #AF4E4E;
    --fc-button-bg-color: rgb(000/0%);
    --fc-button-border-color: rgb(000/0%);
    --fc-button-hover-bg-color: rgb(000/0%);
    --fc-button-hover-border-color: rgb(000/0%);
    --fc-button-active-bg-color: rgb(000/0%);
    --fc-button-active-border-color: rgb(000/0%);
}