/* Opencampus */

.opencampus_data dt {
	float: left;
	padding-top: 1em;
	padding-left: 0.35em;
	width: 10em;
	font-weight: 500;
}
.opencampus_data dd {
	position: relative;
	padding: 1em 0.5em 0 10em;
}
.opencampus_data dd:not(:last-of-type) {
	padding-bottom: 1em;
	border-bottom: solid 1px #eee;
}


.page_single #page_heading {
	margin-bottom: 2.46em;
}
#opencampus_single {
	margin-bottom: 2.76em;
}
#opencampus_single_wrapper {
	position: relative;
	padding: 178px 186px 520px 187px;
	padding: 5.9em 6.2em 5.9em 6.2em;
	background: rgba(255,255,255,0.5);
	border-radius: 15px;
}
#opencampus_single .heading {
	margin-bottom: 2em;
	padding-bottom: 1.8em;
	border-bottom: 1px solid #e3e3e3;
}
#opencampus_single .heading h2 {
    float: left;
	padding-left: 170px;
	padding-left: 0;
	font-size: 1.33em;
	font-weight: 500;
	line-height: 1.4em;
}
#opencampus_single .heading ul {
	float: right;
    margin-top: 2px;
}
#opencampus_single .heading li {
	float: left;
    font-size: 0.9em;
    line-height: 1.2em;
}
#opencampus_single .heading li:not(.event_opencampus) {
    margin-top: 4px;
	color: #4a78d4;
}
#opencampus_single .heading li.event_entry {
	color: #e21e5f;
}
#opencampus_single .heading li.event_opencampus {
    padding: 0.3em 0.5em;
	color: #fff;
    background: #3cc5ca;
    border-radius: 50vh;
}
#opencampus_single .heading li:not(:last-of-type) {
	margin-right: 2em;
}
#opencampus_single article {
	margin-bottom: 5em;
}
#opencampus_single_flyer {
	float: left;
    width: 220px;
}
.opencampus_single_flyer_image {
    aspect-ratio: 500 / 707;
    border-radius: 20px;
    overflow: hidden;
}
.opencampus_single_flyer_download {
    margin-top: 1em;
    text-align: center;
}
.opencampus_single_flyer_download a {
    display: inline-block;
    padding-left: 30px;
    font-size: 0.85em;
    background: url(../images/common/icon_download.png) no-repeat left center / 20px;
    text-decoration: none;
}
#opencampus_summary .opencampus_data {
    float: right;
    width: calc(100% - 280px);
}
.wo_flyer #opencampus_summary .opencampus_data {
    float: none;
    width: 100%;
}
.opencampus_data dd a {
    text-decoration: underline;
}
.opencampus_data dl {
    margin-top: -1em;
    margin-bottom: 2.5em;
}
#opencampus_entry {
    margin-top: 5em;
    text-align: center;
}
#opencampus_entry a,
#opencampus_entry span {
    font-size: 1.1em;
    color: #fff !important;
}
#opencampus_entry a {
    background: var(--students);
}
#opencampus_entry span {
    padding-left: 2em;
    background: #ccc;
    cursor: default;
}
#opencampus_entry span::before {
    display: none;
}
#opencampus_entry a::before {
    left: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/common/icon_arrow_white.png) no-repeat center / 100%;
}
#opencampus_entry a:hover::before {
	animation: opencampus_entry 380ms 1 ease-in-out forwards;
}
@keyframes opencampus_entry {
	0% {
		left: 30px;
	}
	50% {
		left: 35px;
	}
	100% {
		left: 30px;
	}
}

#opencampus_summary_image {
    float: left;
    width: 45%;
}
#opencampus_summary_slides {
    margin-bottom: 1em;
    border-radius: 10px;
    overflow: hidden;
}
.opencampus_summary_slide {
    position: relative;
}
.opencampus_summary_slide .caption {
    position: absolute;
    bottom: 13px;
    right: 13px;
}
.splide__track--nav > .splide__list > .splide__slide.opencampus_summary_thumbnail {
    border: none;
    border-radius: 5px;
    overflow: hidden;
}
.splide__track--nav > .splide__list > .splide__slide.opencampus_summary_thumbnail.is-active {
    border: none;
    opacity: 0.3;
    transition: all 200ms ease-in-out;
}
#opencampus_summary_text {
    float: right;
    width: 50%;
}
#opencampus_summary_text h4 {
    margin-bottom: 1em;
    font-size: 1.4em;
    font-weight: 500;
	line-height: 1.6em;
}