@charset "utf-8";
/* CSS Document */

/* rz 26.11.2020 */
/* rz 17.02.2021 */
/* rz 24.02.2021 */

@media only screen and (min-width: 961px) { }
@media only screen and (min-width: 1050px) {
	
	.sub .hidden_li {
		width: 0;
		height: 0;
		margin: 0;
	}
	.sub.active {
		position: absolute;
		min-height:55vh;
	}
	.sub ul {
		border: 0px solid red;
		padding: 1em 5em;
		margin: 0 auto;
		margin-top: 6em;
		position: relative;
		display: flex;
		flex-direction: unset;
		flex-wrap: wrap;
	}
	.sub li {
		width: 34%;
		margin: 0.5em;
		border:0;
		padding:0;
		background-color: #D7EDBE;
		border-radius: 6px;
	}
	.sub li:hover {
		background-color: #79b41e;
	}
	.sub li:hover a {
		color: #fff;
	}
	.sub li .subinfo, .sub ul > :first-child .subinfo, .sub li:hover .subinfo, .sub li.active .subinfo {
		/*display:none;*/
	}
	.sub li .subinfo {
		right: 3em;
	}
	.sub li .subinfo .subimage {
		width: 10vw;
		height: 10vw;
		border-radius: 50%;
		background-position: center;
		background-size: cover;
	}
	.sub a {
		max-width: 100%;
		display: block;
		white-space: normal;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 0.5em;
		padding: 0.3em 1.7em 0.3em 1.3em;
	}
	.sub a:hover {
		border-radius: 6px;
	}
}