@charset "UTF-8";

table.calendar {
	--cell-yoko-size: 50px;
	--cell-yoko-size-waku: calc(var(--cell-yoko-size) + 1px);
	--cell-tate-size: 40px;
	--cell-tate-size-waku: calc(var(--cell-tate-size) + 1px);
}
table.calendar th, table.calendar td {
	padding: 0;
	text-align: center;
	white-space: nowrap;
	line-height: 1;
	height: var(--cell-tate-size-waku);
	min-height: var(--cell-tate-size-waku);
	max-height: var(--cell-tate-size-waku);
}

table.calendar .kikan_gai { background-color: #eee; }
table.calendar .getuji_koho.ztenkensyu-1 { background-color: #e0efff; }
table.calendar .nenji_koho.ztenkensyu-2 { background-color: #fff0f5; }
table.calendar .nenji_koho.ztenkensyu-2 { background-color: #ffe0ef; }


table.calendar tfoot tr:first-child > * {
	border-top: 1px solid #ccc;
/* 	background-color: red; */
}

table.calendar td.jigyojo-calendar-cell, table.calendar tfoot tr:first-child > *:nth-child(n+1)  {
	width: var(--cell-yoko-size-waku);
	min-width: var(--cell-yoko-size-waku);
	max-width: var(--cell-yoko-size-waku);
}

table.calendar td.jigyojo-calendar-cell:nth-child(2n) {
	border-right: 1px dashed #eee;
}

table.calendar td.jigyojo-calendar-cell ul {
	display: flex;
	justify-content: center;
	min-width: var(--cell-tate-size);
	height: 100%;
}
table.calendar td.jigyojo-calendar-cell li {
	width: var(--cell-tate-size);
	height: 100%;
}
table.calendar td.jigyojo-calendar-cell li a.tenken-cell {
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: 700;
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: left;
}
table.calendar td.jigyojo-calendar-cell li a.tenken-cell:before,
table.calendar td.jigyojo-calendar-cell li a.tenken-cell:after {
	position:absolute;
	font-size: 1.4rem;
	line-height: normal;
}
table.calendar td.jigyojo-calendar-cell li a.tenken-cell:before {
	top:0px;
	right:0px;
	content:attr(data-yoteibi);
	color: #ff7f00;
}
table.calendar td.jigyojo-calendar-cell li a.tenken-cell:after {
	bottom:0px;
	right:0px;
	content:attr(data-jissibi);
	color: green;
}

table.calendar td.name {
	text-align: left;
	padding: 0 calc(var(--space-unit) / 4);
/* 	position: relative; */
	max-width: 200px;
	overflow-y: hidden; 
	font-size:80%;
}
table.calendar td.name > div.infos {
	color: #999;
	margin-top: 6px;
/* 	font-size:80%; */
}
/* table.calendar td.name:before { */
/* 	position: absolute; */
/* 	top:1px; */
/* 	left:2px; */
/* 	content:attr(data-infos); */
/* 	color: #999; */
/* } */

/* table.calendar td.name:after { */
/* 	position: absolute; */
/* 	bottom:1px; */
/* 	left:2px; */
/* 	content:attr(data-kensinbi); */
/* 	color: #999; */
/* } */