@charset "UTF-8";
#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;
}