@charset 'UTF-8';
@import url("common.css");

.required { background: #ff4200 none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 10px; margin-left: 5px; padding: 1px 3px; white-space: nowrap; }

.submit { margin-left:auto; margin-right:auto; text-align:center; }


/*------------- card --------------*/

.card {
    margin-top: 1rem;
}

.card-header {
    background-color: #007bff;
    color: #fff;
	padding: 0.40rem 1rem;
	border-radius: 0.5em;	// e§’a?Ra，，a??
    font-size: 1rem;
}

H3.card-header  {
    font-size: 1rem;
}

.card_explain, .form_explain {
	padding :       5px;
	margin-bottom : 15px;
}

/*------------- card --------------*/

tr.week_color_0 { background-color:#FFE4E1; }		/* 日曜日 */
tr.week_color_6 { background-color:#E0FFFF; }		/* 土曜日 */
tr.week_color_8 { background-color:#FFE4E1; }		/* 祝祭日 */
tr.week_color_9 { background-color:#FFE4E1; }		/* 特別休日 */


table td {
    word-break: break-all;
}




.table-responsive th {
	white-space: nowrap;
}

.cal-table {
	width: auto;
	table-layout: fixed;
	border-collapse: collapse;
	white-space: nowrap;
}

.cal02-table {
	width: 68px;
}

.cal-table thead th {
	background-color: #ffe6d2;
}

.cal02-wrapper {
	position: relative;
}

.cal02-scroll {
	position: absolute;
	top: 0;
	left: 67px;
	width: calc(100% - 67px);
	padding-bottom: 5px;
	overflow-x: auto;
}


[role="tooltip"] {
	display: none;
}


@media (min-width: 568px) and (max-width: 800px) {

	.cal02-scroll {
		left: 67px;
		width: calc(100% - 67px);
	}

	.cal02-table {
		width: 68px;
	}

	.header-title {
		font-size: 0.8rem;
	}
}


@media (max-width: 567px) {

	.cal02-scroll {
		left: 67px;
		width: calc(100% - 67px);
	}

	.cal02-table {
		width: 68px;
	}

	.header-title {
		font-size: 0.8rem;
	}

}