/* @override 
	http://192.168.0.69:8000/academy/coach_staff/2020/css/staff.css
	http://203.143.96.127:8001/academy/coach_staff/2021/css/staff.css
	https://www.frontale.co.jp/academy/coach_staff/2021/css/staff.css */

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


div#coachStaffList ul,
div#coachStaffArea,
div#box_academy_corner_header,
div#box_main {
	width: 100%;
}

div#coachStaffList ul {
	display: flex;
	display:-webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start; 
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-direction: row;
	-webkit-flex-direction:row;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

/*  */

div#coachStaffList li {
	width: calc(25% - 1px);
	float: none;
	
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}


ul#list_top li a p.img {
	width: 80px;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	
	text-align: center;
	height: 103px;
	background-color: #cecece;
}

/*ul#list_top li a p.img:before {
	content: '準備中';
	color: #fff;
	font-size: 1.4rem;
	line-height: 50px;
}*/


ul#list_top li a p.img img {
	width: 100%!important;
	
	/*visibility: hidden;*/
}

div#coachStaffList a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	border: none;
}

div#coachStaffList a img {
	float: none;
	margin: 0;
}


/*  */


div#coachStaffList a {
	height: auto;
}

div#coachStaffList a:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

/*  */

div#coachStaffList a em {
	font-size: 1.1rem;
	font-weight: bold;
	font-style: normal;
}

div#coachStaffList a span.name {
	font-size: 1.6rem;
	
}

/*  */


div.profOneBlock {
	width: 100%;
}

div#coachStaffArea div.profOneBlock h4.position {
	font-size: 1.8rem;
}

div.profOneBlock div.leftSide p:nth-child(1) {
	background-color: #c9c9c9;
}

div.profOneBlock div.leftSide p img {
	/*visibility: hidden;*/
}

div#coachStaffArea div.profOneBlock h4 {
	font-size: 1.8rem;
}

div.profOneBlock div.leftSide p {
	font-size: 1.4rem;
}

/*#school27 div.leftSide h4 + p br,
#school28 div.leftSide h4 + p br {
	display: none;
}

#school27 div.leftSide h4 + p,
#school28 div.leftSide h4 + p {
	overflow: hidden;
	text-indent: -4em;
}*/

/*  */

div.profOneBlock div.rightSide {
	margin-left: 190px;
	width: auto;
}

div.profOneBlock div.rightSide h5 {
	font-size: 1.6rem;
}

div.profOneBlock div.rightSide p {
	font-size: 1.4rem;
}

div.profOneBlock div.rightSide dd,
div.profOneBlock div.rightSide dt {
	font-size: 1.4rem;
	margin-bottom: 0.4em;
}

div.profOneBlock div.rightSide dt {
	width: 5em;
}

div.profOneBlock div.rightSide dd {
	margin-left: 5em;
}

/*  */


#page_school #list_top li {
	/*width: calc(100% /2 );*/
}





/*  */


div.profOneBlock div.leftSide {
	position: static;
	width: auto;
	padding-bottom: 0;
}

div.profOneBlock:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

/*  */

div.profOneBlock div.leftSide p {
	width: 158px;
}

div.profOneBlock div.leftSide p img {
	width: 100%;
	height: auto;
}

/* 2020 */

div#box_academy_corner_header {
	width: auto;
	height: 100px;
	height: auto;
	padding: 0;
	position: relative;
	
	margin-top: 2em;
	
}

div#box_academy_corner_header:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_academy_corner_header div#box_season_selector {
	background-image: none;
	width: auto;
	height: auto;
	padding: 0;
	position: relative;
	top: 0;
}

div#box_academy_corner_header p#btn_select_season {
	width: auto;
	height: auto;
	font-size: 1.6rem;
	clear: right;
	text-align: right;
}


div#box_academy_corner_header p#btn_select_season a {
	width: auto;
	height: auto;
	background-image: none;
	text-indent: 0;
	
	color: #222222;
	position: relative;
	display: block;
	padding-right: 1.2em;
	font-weight: bold;
}

#btn_select_season a:after {
	content: '';
	display: block;
	width: 0.6em;
	height: 0.6em;
	border-top: 2px solid #23b7fe;
	border-right: 2px solid #23b7fe;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 2px;
	right: 0;
}

div#box_academy_corner_header div#layer_season_selector {
	/*visibility: visible;*/
	
	right: 0;
	background-color: #fff;
	z-index: 100;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	border-bottom: none;
	z-index: 1000000;
	background-image: none;
	width: auto;
	top: 2em;
	padding: 0;
	left: auto;
	border-radius: 0 0 0.8em 0.8em;
	overflow: hidden;
}

div#box_academy_corner_header div#layer_season_selector ul {
	
	background-image: none;
	padding: 0;
	
	width: 100%;
	background-color: #fff;
	column-count: 4;
	column-width: auto;
	column-gap: 0;
	position: relative;
	border-radius: 0;

}

div#box_academy_corner_header div#layer_season_selector li {
	width: auto;
	background-image: none;
	padding-bottom: 0;
	font-size: 1.6rem;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	
}

div#box_academy_corner_header div#layer_season_selector li a {
	width: auto;
	padding: 0;
	font-size: 1.6rem;
	color: #23b7fe;
	display: inline-block;
	width: 100%;
	padding: 1.1em 1.2em 0.9em;
	transition: all 0.15s ease-in;
}

div#box_academy_corner_header div#layer_season_selector li a:hover {
	color: #fff;
}

@media screen and (max-width: 599px) {

	
	div#box_contents,
	body#page_academy div#box_contents {
		width: 96%;
		margin: 0 auto;
	}
	
	body#page_school.coach_staff div#box_main,
	body#page_academy.staff div#box_main {
		padding: 0;
	}
	
	div#box_academy_corner_header {
		margin-top: 0;
	}
	
	div#box_academy_corner_header p#btn_select_season {
		font-size: 4.0625vw;
		/* 13px */
		margin-right: 1em;
	}
	
	body.coach_staff ul#list_top li,
	body.staff ul#list_top li {
/*		width : 50% ;
		width : -webkit-calc(100% / 2);
		width : calc(100% / 2);*/
		height: auto;
		
		width: calc(100% / 2 - 1px);
		line-height: 1;
	}
	
	div#coachStaffList a em {
		/*font-size: 3vw;*/
		font-size: 3.125vw;
		/* 10px */
		
	}
	
	div#coachStaffList a span.name {
		font-size: 4.0625vw;
		/* 13px */
	}
	
	#list_top li a span.namekana {
		font-size: 2.5vw;
		padding-left: 0;
	}
	
/*	body.staff div#coachStaffList a {
		height: 150px;
	}*/
	
	div#coachStaffList a {
		display: flex;
		display:-webkit-flex;
		justify-content: flex-start;
		-webkit-justify-content: flex-start; 
		align-items: flex-start;
		-webkit-align-items: flex-start;
		flex-direction: column;
		-webkit-flex-direction:column;
	}
	
	ul#list_top li a p.img {
		/*width: 46%;*/
		width: 100%;
		height: auto;
		float: none;
	}
	
	div.profOneBlock {
		width: 100%;
		padding: 0;
		clear: both;
	}
	
	div.profOneBlock:after{
		content: '.';
		visibility: hidden;
		height: 0;
		clear: both;
		display: block;
	}
	
	div.profOneBlock div.leftSide {
		width: 30%;
		float: left;
		text-align: center;
	}
	
	div.profOneBlock div.rightSide {
		width: 70%;
		margin: 0;
		float: left;
		padding-right: 10px;
	}
	
	p.returnButtons {
		width: auto;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*  */
	
}











































/*  */