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

ul.contestants_prof_wrap{
display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    margin: auto;
    flex-direction: row;
}

ul.contestants_prof_wrap li{
width: 30%;
border: 0px solid #000000;
margin-top: 1rem;
}

ul.contestants_prof_wrap li dt {
max-width: 250px;
width: 100%;
text-align: center;
margin: auto;
}
ul.contestants_prof_wrap li dt img{
width: 100%;
}

ul.contestants_prof_wrap li dd{
text-align: center;
}
ul.contestants_prof_wrap li dd h5{
font-size: 0.9em;
}

ul.contestants_prof_wrap.prof-ss{
	    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    margin: auto;
    flex-direction: row;
}

ul.contestants_prof_wrap.prof-ss li{
width: 11%;
border: 0px solid #000000;
margin-top:1rem;
	padding-right: 5px;
	box-sizing: border-box;
}

ul.contestants_prof_wrap.prof-ss li dd h5{
font-size: 0.8em;
}


@media only screen and (max-width:960px) {
	ul.contestants_prof_wrap.prof-ss li{
width: 14%;
}
	}

@media only screen and (max-width:640px) {
	ul.contestants_prof_wrap li{
width: 60%;
}
	
	ul.contestants_prof_wrap.prof-ss li{
width: 25%;
}
	}



.common_prof_name{
margin-top: 5px;
}
.common_prof_text{
margin-top:0;
}


button.modaal-btn{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin:10px auto;
	padding: 0.3rem 0;
	font-size: 13px;
	border: 1px solid #27acd9;
	color: #27acd9;
	border-radius: 100vh;
	transition: 0.5s;
	width: 80%;
}
button.modaal-btn:hover {
	color: #fff;
	background: #27acd9;
}