/*
2025年度 学園祭用CSS
*/

/*
.link-box-01 
*/
.campuslife .link-box-01 a,
.campuslife .link-box-01 a * {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.campuslife .link-box-01 a:hover .hover-line {
	color: #fff;
	text-decoration: underline;
}
.link-box-01 .list {
	padding: 10px 30px 10px 10px;
}
.campuslife .link-box-01 .list {
	background-color: #7d1c3b;
	width: 72%;
}
.campuslife .link-box-01 .list.icon-popup {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48c3R5bGU+cGF0aCxwb2x5Z29ue2ZpbGw6I2ZmZjt9PC9zdHlsZT4KPHBhdGggZD0iTTU2Ni42NywxMzMuMzN2MjAwaC0yMDB2LTIwMGgyMDBNNjAwLDEwMEgzMzMuMzNWMzY2LjY3SDYwMFYxMDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAwIC0xMDApIi8+Cjxwb2x5Z29uIHBvaW50cz0iMjMzLjMzIDM2Ni42NyAzMy4zMyAzNjYuNjcgMzMuMzMgMTY2LjY3IDEwMCAxNjYuNjcgMTAwIDEzMy4zMyAwIDEzMy4zMyAwIDQwMCAyNjYuNjcgNDAwIDI2Ni42NyAzMDAgMjMzLjMzIDMwMCAyMzMuMzMgMzY2LjY3Ii8+Cjwvc3ZnPgo=');
}
@media screen and (max-width: 767px) {
	.campuslife .link-box-01 a,
	.campuslife .link-box-01 a * {
		font-size: 18px;
	}
	.campuslife .link-box-01 .list {
		width: 100%;
	}
}

/*
.has-img-NN
*/
.has-img-01 {
	position: relative;
}
.has-img-01:after {
	content: url(../images/campuslife/school_festival/img02.svg);
	position: absolute;
	width: 18%;
	right: 0;
	top: 0;
	transform: translate(0,-45%);
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.has-img-01:after {
		width: 15%;
		right: 0;
		top: auto;
		bottom: 0;
		transform: translate(0, 0);
	}
}

/*
.has-img-NN
*/
.has-img-02 {
	position: relative;
}
.has-img-02:after {
	content: url(../images/campuslife/school_festival/img03.svg);
	position: absolute;
	width: 20%;
	right: 0;
	top: 0;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.has-img-02:after {
		right: 0;
		top: auto;
		bottom: 0;
	}
}

/*
.frameBox
*/
.campuslife .frameBox .frameBoxInner + .frameBoxInner {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #b82640;
}
@media screen and (max-width: 767px) {
	.campuslife .frameBox .frameBoxInner + .frameBoxInner {
		margin-top: 20px;
		padding-top: 20px;
	}
}