@charset "UTF-8";

/**************************************
 * 応募カレンダー
 **************************************/
.table-calendar {
}
.table-calendar th {
	background-color: #f1f1f1;
	font-size: .925rem;
	text-align: center;
}
.table-calendar th.sunday {
	background-color: #ffdcdc;
}
.table-calendar th.saturday {
	background-color: #dcdcff;
}

.table-calendar td {
	width: calc(100% / 7);
	font-size: .825rem;
}
@media (max-width: 575.98px) {
	.table-calendar td {
		width: auto;
		white-space: nowrap;
	}
}

.table-calendar .label-day {
	display: inline-block;
	border-radius: 100%;
	background-color: #ccc;
	padding: 0.2em 0.45em;
	width: 2em;
	text-align: center;
}
.table-calendar .label-holiday {
	display: inline-block;
	margin-left: .5em;
}
.table-calendar .holiday .label-day,
.table-calendar .sunday .label-day {
	background-color: #ff9999;
	color: #fff;
}
.table-calendar .saturday .label-day {
	background-color: #9999ff;
	color: #fff;
}
.table-calendar .today .label-day {
	background-color: #99dd66;
	color: #fff;
}

.table-calendar .accept_info {
	background-color: #c1ffff;
	padding: 0.25rem;
	border-radius: 5px;
	box-shadow: 0px 2px #ccc;
	cursor: pointer;
	transition: background 0.25s ease-out;
	margin-top: 5px;
	margin-bottom: 1px;
}
.table-calendar .accept_info:hover {
	background-color: #d3f8d3;
}

.accept_info .event_title {
	font-weight: bold;
}
.accept_info .count_info {
	font-size: .9em;
}
.accept_info .capacity {
	margin-right: 1em;
}
.accept_info input[type=checkbox] {
	width: 1rem;
	height: 1rem;
}
.table-calendar .accept_info.apply {
	background-color: #ffd1d1;
}

.btn-check+.btn {
	margin-left: 1.5em;
}
.btn-check:checked+.btn {
	margin-left: 0;
}
.btn-check:checked+.btn:before {
	content: "\f00c";
	font-weight: bold;
	font-family: 'Font Awesome 5 Free';
	margin-right: 0.5em;
	display: inline-block;
}

.table-accept-list tr td:nth-of-type(1),
.table-accept-list tr th:nth-of-type(1) {
	width: 7em;
	padding-right: .75em;
}
.table-accept-list tr th:nth-of-type(2),
.table-accept-list tr th:nth-of-type(3) {
	width: 30%;
}
.table-accept-list tr th:nth-of-type(4),
.table-accept-list tr th:nth-of-type(5) {
	width: 4em;
}

.table-period-list td,
.table-accept-list td {
	white-space: nowrap;
}

.table-accept-list .wday_0 .accept_date {
	color: #d62121;
}
.table-accept-list .wday_6 .accept_date {
	color: #1053b3;
}

/**************************************
 * お知らせ
 **************************************/
.news-list .news-icon {
	width: 2.25em;
}
.news-list .news-date {
	width: 12em;
}

/**************************************
 * 相談員名簿登載申込
 **************************************/
.table-consultant-entry th {
	width: 40%;
	background-color: #f5f5f5;
	padding: .5em;
}
.table-consultant-entry td {
	padding: .5em;
}
@media (max-width: 768px) {
	.table-consultant-entry th {
		width: 100%;
	}
}