/* -------------------------------- 
スクールコーチ用CSS
-------------------------------- */

#all-coaches {
  overflow: hidden;
  width: 100%;
  height: auto;
}

.coach-box {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;

  overflow: hidden;
  position: relative;



}


.coach-list-box {
  width: 33%;
  height: auto;
  float: left;
}

.coach-list-box img.face-list {
  margin: 0 auto;
  display: block;
}



.details-button0 img {
  width: 50%;
  margin: 0 auto 40px auto!important;
}

.details-button0 a:hover img {
	opacity: 0.5 ;
}

.coach-list-box .details-button {
  width: 40%;
	color: #515151;
	font-size: 0.8em;
	text-align:center;
	padding: 8px 0 5px 0;
	border:1px #B23619 solid;
	background-color:#fff;
	font-weight: bold;
	margin: -20px auto 50px auto;
}

.coach-face {
  width: 20%;
  float: left;
}


.coach-data {
  width: 80%;
  float: left;
}

.coach-position {
  width: 95%;
  height: 2em;
  float: left;
  padding: 0 0 0 5%;
  font-size: 1.0em;
  line-height: 3em;
}

h3.coach-name {
  font-size: 1.5em important;
  font-weight: bold;
  width: 95%;
  height: 50px;
  float: left;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 0 5%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
}

dl.data {
  width: 100%;
  float: left;
  font-size: 1.0em;
  padding: 0 0 0 0;
}

dt.title {
  font-size: 1.0em;
  line-height: 1.2em;
  width: 15%;
  float: left;
  font-weight: bold;
  padding: 0 0 0 5%;
  margin: 2% 0 2% 0;

  border-right: 2px solid rgb(201, 201, 201);

}
dd.detail {
  font-size: 1.0em;
  line-height: 1.2em;
  width: 73%;
  float: left;
  padding: 0 0 0 5%;
  margin: 2% 0 2% 0;
}

dd.detail p.main{
  margin: 0 0 0 0;
}
dd.detail p.sub-top{
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}
dd.detail p.sub{
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 0 0 1em 2em;
}

dd.detail p.sub0{
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 0 0 0 0;
}



.school_movie {
  margin: 0 35px 0 35px;
}

/* -------------------------------- 
中間ディスプレイサイズ変換
-------------------------------- */
@media screen and (max-width: 1269px) {


dt.title {
  font-size: 0.9em;
  line-height: 1.2em;
  width: 25%;
  float: left;
  font-weight: bold;
  padding: 0 0 0 5%;
  margin: 2% 0 2% 0;

  border-right: 2px solid rgb(201, 201, 201);

}
dd.detail {
  font-size: 0.9em;
  line-height: 1.2em;
  width: 63%;
  float: left;
  padding: 0 0 0 5%;
  margin: 2% 0 2% 0;
}

dd.detail p.main{
  margin: 0 0 0 0;
}
dd.detail p.sub-top{
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}
dd.detail p.sub{
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0 1em 2em;
}

dd.detail p.sub0{
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}

}



/* -------------------------------- 
スマホ変換
-------------------------------- */
@media screen and (max-width: 768px) {

#all-coaches {
  overflow: hidden;
  width: 100%;
  height: auto;
}

.coach-box {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;

  overflow: hidden;
  position: relative;



}

.coach-list-box {
  width: 50%;
  height: auto;
  float: left;
}

.coach-list-box img.face-list {
  margin: 0 auto;
  display: block;
}

.coach-face {
  width: 100%;
  float: left;
}
.coach-face img {
  width: 40%;
  margin: 0 30% 0 30%;
}

.coach-data {
  width: 100%;
  float: left;
}

.coach-position {
  width: 95%;
  height: 2em;
  float: left;
  padding: 0 0 0 5%;
  font-size: 1.0em;
  line-height: 3em;
}

h3.coach-name {
  font-size: 1.5em important;
  font-weight: bold;
  width: 95%;
  height: 50px;
  float: left;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 0 5%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
}

dl.data {
  width: 100%;
  float: left;
  font-size: 1.0em;
  padding: 0 0 0 0;
}

dt.title {
  font-size: 0.8em;
  line-height: 1.2em;
  width: 25%;
  float: left;
  font-weight: bold;
  padding: 0 0 0 5%;
  margin: 2% 0 2% 0;

  border-right: 2px solid rgb(201, 201, 201);

}
dd.detail {
  font-size: 0.8em;
  line-height: 1.2em;
  width: 63%;
  float: left;
  padding: 0 0 0 5%;
  margin: 2% 0 2% 0;
}

dd.detail p.main{
  margin: 0 0 0 0;
}
dd.detail p.sub-top{
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}
dd.detail p.sub{
  font-size: 0.7em;
  line-height: 1.2em;
  margin: 0 0 1em 2em;
}

dd.detail p.sub0{
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}

}