@charset "utf-8";
@media all {
.calendar {
	clear:both;
	width:100%;
	margin: 0 auto;
	font-family: sans-serif;
	overflow:hidden;
}
.calendar-header {
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:10px;
}

@supports (-webkit-touch-callout: none) {
  .calendar-header button {
    width: 50px;
    height: 30px;
    border-radius: 4px;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    text-align: center;
  }
}
.calhead-l {
	display: flex;
	gap: 0.5em;
}
.calhead-title{
	flex-grow: 1;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
}
.cal_yajirushi{
}

.calendar-container {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 3px;
}
.day-label, .day-cell {
	text-align: center;
	padding: 6px 0;
	border-radius: 4px;
}
.day-label {
	font-weight: 700;
	background-color: rgba(238, 238, 238, 1);
	min-width: 50px;
}
.day-cell {
	background-color: rgba(248, 248, 248, 1);
	min-width: 50px;
	min-height: 100px;
	line-height:15px;
}
.holiday {
	background-color: rgba(255, 80, 80, 0.2);
}
.today {
    background-color: rgba(255, 230, 120, 0.2);
    box-shadow: inset 0 0 0 2px rgba(255, 230, 120, 0.5);
}

.holiday-tag {
	color: rgba(160, 0, 0, 0.9);
	font-size: 14px;
	margin: 2px 0px 0;
}
.staff-tag {
	width: 100%;
	display: inline-block;
	margin: 2px 0px 0;
	padding: 3px 0px;
	border-radius: 4px;
	font-size: 14px;
	color: rgba(255,255,255,1);
}
.dno {
	font-weight: 700;
	font-size: 14px;
}
}
@media screen and (max-width:640px) {
}

@media screen and (min-width: 641px) {
.calendar {
	max-width: 800px;
	min-height:770px;
}

}