@charset "UTF-8";

h3 {
	border-bottom: solid 0px #E1E2E1;
}
#content .tiles-toggle {
	margin-bottom: 0px;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

#content .tiles-toggle > a {
	/*border: 1px solid #aaa;*/
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}

#content .tiles-toggle > a:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f068";
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.7em;
	width: 22px;
}

#content .tiles-toggle > a.collapsed:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f067";
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.7em;
	width: 22px;
}


/* -------------------------------------------------- *
 * accordion menu
 * -------------------------------------------------- */
#toggle-freshman,#toggle-event,#toggle-exam,.toggle {
	color: #fff;
	font-size:1.3em;
}

a.toggle {
	color: #fff;
}

.tiles-toggle i {
	font-size: 1.5em;
}

/*ブルー*/
#toggle-exam {
	background-color: #56b2cf;
}

/*ピンク*/
#toggle-freshman {
	background-color: #da598d;
}

/*グリーン*/
#toggle-event {
	background-color: #56b550;
}

/*パープル*/
#toggle-purple {
	background-color: #d871cc;
}

/*オレンジ*/
#toggle-orange {
	background-color: #FC9327;
	color: #fff;
}

@media (max-width: 768px) {
	#toggle-freshman,#toggle-event,#toggle-exam,.toggle {
		font-size: 1.1em;
	}
	
	.tiles-toggle i {
		 padding-right: 5px;
	}
}

/*オコーディオン内のラベルレイアウト*/
.tiles-toggle #toggle-exam .label-default.label-outline {
	font-size: 13px;
	font-weight: 900;
	background-color: #fff;
	border: solid 0px #666666;
	color: #56b2cf;
}

.tiles-toggle #toggle-freshman .label-default.label-outline {
	font-size: 13px;
	font-weight: 900;
	background-color: #fff;
	border: solid 0px #666666;
	color: #da598d;
}

.tiles-toggle #toggle-event .label-default.label-outline {
	font-size: 13px;
	font-weight: 900;
	background-color: #fff;
	border: solid 0px #666666;
	color: #56b550;
}




.card {
	borderradius: 0.3rem;
	}
.content-label_title{
	position: absolute;
	bottom:0px;
	left: 0;
	padding: 5px 10px;
	width: 100%;
	color:#222;
	background: #fff;
	opacity: 0.8;
	border-bottom-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}
a.card .content-label_title_text h4{
	font-size: 15.5px;
	font-weight: 800;
	color: #333;
	opacity: 1;
	display: inline-block;
}

.content-wrap{
	margin-bottom: 30px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

.content-wrap .content-label_title_text .badge {
	position: relative;
	opacity: 1;
}
	
	@media (max-width: 768px) {
.content-label_title{
	position: absolute;
	bottom:0px;
	left: 0;
	padding: 2px 5px;
	width: 100%;
	color:#222;
	background: #fff;
	opacity: 0.8;
	border-bottom-left-radius: 0.1rem;
	border-bottom-right-radius: 0.1rem;
}
a.card .content-label_title_text h4{
	
	font-size: 0.7rem;
	font-weight: 800;
	color: #333;
	opacity: 1;
}
		.content-wrap .content-label_title_text .badge {
	font-size: 0.6rem;
}
}