@charset "UTF-8";

/* --------------------------------
   OPENCAMPUS 2026
   since - 2026.03
-------------------------------- */
.main_img {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 0;
}

.main_img::before{
	position: absolute;
	display: block;
	width: 100vw;
	content: "";
	background-image: url(/opencampus/2026/img/tape1.png);
	background-color: transparent;
	transform: translateX(-50%);
	height: 40px;
	top: 0;
	right: auto;
	left: 50%;
	opacity: .6;
}

.main_img::after{
	display: none;
}

.title {
	padding: 30px 0 7px;
	text-align: center;
}

/*----- 日付 -----*/
.date_img{
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', YuGothic, 'Yu Gothic', sans-serif;
	color: #9e005d;
	margin: 20px 0;
}

.date_img::after {
	display: block;
	padding: 10px 0 0;
	font-size: 24px;
	content: "■ オープンキャンパス内容 ■";
}

.date_img img {
	border-top: 1px #555 solid;
	border-bottom: 1px #555 solid;
}


.title img[alt="2026"] {
	height: 101px;
	margin-left: 14px;
}

.naiyou {
	background-color: rgba(255,255,255,.7);
}

.sst011 {
	position: relative;
	padding: .8rem 0 .1rem 1.5rem;
	font-size: 1.6em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px #9e005d solid;
	background-size: 3px 3px;
	background-image: repeating-linear-gradient(45deg, #f0e9ed 0, #fbecf5 1px, #fff 1%, #fff 50%);
	background-repeat: repeat;
}


.Program {
	width: 1000px;
	margin: 50px auto 100px;
}

.Program:last-of-type {
	margin-bottom: 20px;
}

.Program#taiken .txt {
	font-size: 15px !important;
	margin-left: 1.7em;
	margin-bottom: 20px;
}

.Program#taiken .txt_18.txt_b {
	font-size: 20px !important;
}

.yousu {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
}

/*--- 3枚 ----*/
.yousu li{
	position: relative;
	width: calc(100% / 3);
	padding: 0 2px;
}

.yousu li img{
	width: 100%;
}

.yousu li span{
	position: absolute;
	display: block;
	width: calc(100% - 10px);
	padding: 2px 0 4px;
	bottom: 5px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	background: rgba(8, 46, 95, 0.85);
}

/*--- 2枚 ----*/
.yousu.ni-mai li{
	width: 50%;
	padding: 5px;
}

/*--- 4枚 ----*/
.yousu.yon-mai li{
	width: 25%;
	padding: 0 2px;
}

.event-detail{
	width: 1000px;
	margin: 50px auto 0;
	padding: 10px 0 20px;
	text-align: center;
}

.event-detail a{
	display: block;
	padding: 2rem 0;
	color: #FFF;
	font-size: 1.6rem;
	font-family: "Noto Sans JP", Meiryo, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
	font-feature-settings: "palt";
	background-color: #9e005d;
	transition: .5s all;
}

.event-detail a:hover{
	background-color: #7e054c;
}

.event-detail a img{
	margin-top: 2px;
	margin-right: 6px;
}

.event-detail a:hover{
	border-radius: 4rem;
}


.eventlink {
	display:flex;
	flex-wrap: wrap;
	width: 1000px;
	margin: 10px auto 0;
}

.eventlink li{
	position: relative;
	width: 20%;
	padding: 2px;
}

.eventlink li .date{
	padding: 16px;
	border: 1px #9e005d solid;
	transition: .5s all;
}

.eventlink li:hover .date{
background: #f2ddea;
}

.eventlink li img {
	width: 100%;
	filter: drop-shadow(3px 3px 2px rgba(0,1,0,.18));
}


.eventlink li.finished::after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	padding: 15% 0 0;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: rgba(0,0,0,.7);
	content: "終了しました";
	box-sizing: border-box;
	opacity: .9;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

/*-- 対象の日付ボタンは非表示にする --*/
#oc_20260418 .eventlink li:first-of-type,
#oc_20260516 .eventlink li:nth-of-type(2),
#oc_20260613 .eventlink li:nth-of-type(3),
#oc_20260801 .eventlink li:nth-of-type(4),
#oc_20260808 .eventlink li:nth-of-type(5),
#oc_20261017 .eventlink li:nth-of-type(6){
	display: none;
}

/* 終了したボタンを後ろにと言われたらこのstyleを使用する */
/* .eventlink li.finished {
	display: none;
} */