/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	入試情報 スケジュール
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* --------------------------------
	hrScrollAnchor
-------------------------------- */
.hrScrollAnchor-btn,
.hrScrollAnchor-selected {
	padding: 0.1em 3em 0 3em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 5px;
	background: transparent;
	cursor: pointer;
}
.hrScrollAnchor-btn.active,
.hrScrollAnchor-selected {
	color: var(--color-glb-tygred-01);
	border-color: var(--color-glb-tygred-01);
	background: #fff;
}
.hrScrollAnchor-btn:hover {
	opacity: .65;
}
.hrScrollAnchor-btn .btn-text,
.hrScrollAnchor-selected .btn-text {
	font-size: var(--px10);
	font-weight: 600;
}
.hrScrollAnchor-btn .btn-text span.num,
.hrScrollAnchor-selected .btn-text span.num {
	font-size: var(--px24);
	font-family: "franklin-gothic-atf", sans-serif;
}
@media screen and (max-width: 767px) {
	.hrScrollAnchor-btn {
		padding: 0.7em 0 0.3em 0;
		border: none;
		border-radius: unset;
	}
	.hrScrollAnchor-selected {
		padding: 0.1em 0 0 0;
	}
	.hrScrollAnchor-btn-01 + .hrScrollAnchor-btn-01 {
		border-top: 1px solid #fff;
	}
}


/* --------------------------------
	schedule-area
-------------------------------- */
.schedule-area {
	position: relative;
}
.schedule-area .schedule-head-area {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	background: var(--color-glb-gray-01);
	z-index: 2;
}
.schedule-area .schedule-head-area .title-box {
	padding: 0.8em 3em;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.schedule-area .schedule-head-area .body-box {
	flex-grow: 1;
}
@media screen and (max-width: 767px) {
	.schedule-area .schedule-head-area {
		padding: 0 var(--px32);
	}
	.schedule-area .schedule-head-area {
		gap: var(--px32);
	}
	.schedule-area .schedule-head-area .title-box {
		padding: 0.8em 0;
	}
	.schedule-area .schedule-head-area .body-box {
		position: relative;
	}
}

.schedule-body-area {
	position: relative;
	width: auto;
	height: var(--table-height-ind-setting);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scroll-behavior: smooth;
	z-index: 1;
	cursor: grab;
	--head-width-ind-setting: var(--px130);
	--cellimg-height-ind-setting: var(--px120);
	--table-height-ind-setting: 70vh;
}
.schedule-body-area:active {
	cursor: grabbing;
}
.schedule-body-area .schedule-table {
	width: 100%;
	height: 100%;
	position: relative;
	background: var(--color-glb-gray-04);
}
.schedule-body-area .schedule-table th,
.schedule-body-area .schedule-table td {
	white-space: nowrap;
	border: none;
}
.schedule-body-area .schedule-table thead {
	position: sticky;
	z-index: 2;
	width: 100%;
}
.schedule-body-area .schedule-table tbody {
	position: relative;
	z-index: 1;
}
.schedule-body-area .schedule-table thead tr {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
}
.schedule-body-area .schedule-table thead .head-cell {
	padding: var(--px07) var(--px16);
	position: relative;
	width: auto;
	z-index: 1;
	background: var(--color-glb-gray-04);
}
.schedule-body-area .schedule-table thead .head-cell + .head-cell {
}
.schedule-body-area .schedule-table thead .head-cell:not(:first-child)::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	border-left: 1px dashed var(--color-glb-gray-01);
	pointer-events: none;
}
.schedule-body-area .schedule-table thead .head-cell .head-caption {
	font-size: var(--px11);
	color: var(--color-glb-gray-01);
	white-space: nowrap;
	text-align: center;
}
.schedule-body-area .schedule-table thead .head-cell .head-month {
	display: inline-block;
	position: sticky;
	top: 0;
	left: calc(var(--head-width-ind-setting) + var(--px15));
	font-size: var(--px13);
	font-weight: 600;
	color: var(--color-glb-gray-01);
	z-index: 1;
}
.schedule-body-area .schedule-table thead .head-cell .head-month span.num {
	font-size: var(--px24);
	font-family: "franklin-gothic-atf", sans-serif;
}
.schedule-body-area .schedule-table thead .head-cell:first-child {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 2;
}
.schedule-body-area .schedule-table tbody tr:not(.anchor-row) + tr {
	border-top: 1px solid var(--color-glb-gray-02);
}
.schedule-body-area .schedule-table tbody td {
	padding: var(--px05) 0;
}
.schedule-body-area .schedule-table tbody .anchor-row {
	position: sticky;
	height: 0;
	z-index: 1;
	top: 0;
	left: 0;
}
.schedule-body-area .schedule-table tbody .anchor-cell {
	position: relative;
	padding: 0;
}
.schedule-body-area .schedule-table tbody .anchor-cell::before {
	content: '';
	display: block;
	width: 100%;
	height: var(--table-height-ind-setting);
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	border-left: 1px dashed var(--color-glb-gray-01);
	pointer-events: none;
}
.schedule-body-area .schedule-table tbody .anchor-cell.firstview {
	scroll-snap-align: start;
	scroll-margin: calc(var(--head-width-ind-setting) + 2px);
}
.schedule-body-area .schedule-table tbody .head-cell {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
/*
	width: var(--head-width-ind-setting);
*/
	height: 100%;
	background: var(--color-glb-gray-04);
}
.schedule-body-area .schedule-table tbody .head-cell .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(var(--head-width-ind-setting) - var(--px05));
	height: calc(100% - var(--px05) - var(--px05));
	min-height: var(--cellimg-height-ind-setting);
	margin: var(--px05) var(--px05) var(--px05) 0;
	background-color: var(--color-glb-tygred-01);
	text-align: center;
}
.schedule-body-area .schedule-table tbody .head-cell .inner .head-cell-text-01 {
	font-size: var(--px14);
	font-weight: 600;
	color: #fff;
}
.schedule-body-area .schedule-table tbody .head-cell .inner .head-cell-text-02 {
	font-size: var(--px11);
	font-weight: 600;
	color: #fff;
}
.schedule-body-area .schedule-table tbody .body-cell {
}
.schedule-body-area .schedule-table tbody .body-cell .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: start;
	gap: var(--px10);
	width: 100%;
	overflow: hidden;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail {
	display: block;
	margin: 5px 0;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail a {
	transition: opacity 0.3s ease;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail a:hover {
	opacity: .8;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail img,
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail svg {
	width: round(nearest, min(4132px, calc(4132 / var(--content-width) * 100vw)), 1px) !important;
	max-width: none !important;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail img {
	width: -webkit-fit-content;
}
.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail svg {
	filter: drop-shadow(0px 0px 4px var(--color-glb-gray-02));
}
@media screen and (max-width: 767px) {
	.schedule-body-area {
		--head-width-ind-setting: var(--px110);
	}
	.schedule-body-area .schedule-table thead .head-cell .head-caption {
		font-size: var(--px08);
	}
	.schedule-body-area .schedule-table tbody .head-cell .inner .head-cell-text-01 {
		font-size: var(--px11);
	}
	.schedule-body-area .schedule-table tbody .head-cell .inner .head-cell-text-02 {
		font-size: var(--px09);
	}
	.schedule-body-area .schedule-table tbody .body-cell .inner .inner-box .detail svg {
		width: auto;
	}
}

/* --------------------------------
	imitation-dropdown-sp
-------------------------------- */
.imitation-dropdown-sp {
}
.imitation-dropdown-sp .selected {
	display: none;
}
.imitation-dropdown-sp .dropdown-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--px08);
}
@media screen and (max-width: 767px) {
	.imitation-dropdown-sp {
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.imitation-dropdown-sp .selected {
		display: block;
		position: relative;
		cursor: pointer;
		z-index: 1;
	}
	.imitation-dropdown-sp .selected .icon {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto 0;
		display: flex;
		align-items: center;
	}
	.imitation-dropdown-sp .selected .icon [class^="svg-"]:nth-child(even) {
		display: none;
	}
	.imitation-dropdown-sp.active .selected .icon [class^="svg-"]:nth-child(even) {
		display: block;
	}
	.imitation-dropdown-sp.active .selected .icon [class^="svg-"]:nth-child(odd) {
		display: none;
	}
	.imitation-dropdown-sp .dropdown-menu {
		display: none;
		position: absolute;
		width: 100%;
		overflow: hidden;
		z-index: 9;
		background: rgba(170,182,189,0.87);
		border-radius: 5px;
	}
}

/* ind-design-box-01 */