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


/* cast.css */

@media only print, only screen and (min-width: 18.75em){

#main{
  padding-top: calc(12.5vw + 30px);
}

#castList ul{
  width: auto;
  padding: 0 15px;
}

#castList li{
  width: 100%;
  float: none;
  margin:0 0 60px 0;
}

#castList li:last-child{
  margin-right: 0;
}

#castList h3{
  margin-bottom: 20px;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 6.875vw;
}

#castList h3 small{
  font-family: Helvetica, a-otf-gothic-bbb-pr6n, sans-serif;
  font-size: 3.125vw;
}

.castImg{
  margin-bottom: 20px;
}

.castName{
  margin-bottom: 20px;
}

#castList h4{
  float: left;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 3.750vw;
}

#castList h5{
  float: right;
  font-family: Helvetica, a-otf-gothic-bbb-pr6n, sans-serif;
  font-size: 3.125vw;
}

#castList p{
  font-size: 2.813vw;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: justify;
}

}

@media only print, only screen and (min-width: 1000px){

#main{
  min-height: 600px;
  padding-top: 66px;
}

#castList{
  height: calc(98vh - 120px);
  display: table-cell;
  vertical-align: middle;
}

#castList ul{
  width: 280.6vw;
  padding: 0 20px;
}

#castList li{
  width: 21.42vw;
  float: left;
  margin:0 2.14vw 0 0;
}

#castList li:last-child{
  margin-right: 0;
}

#castList h3{
  margin-bottom: 20px;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 1.643vw;
}

#castList h3 small{
  font-family: Helvetica, a-otf-gothic-bbb-pr6n, sans-serif;
  font-size: 0.786vw;
}

.castImg{
  margin-bottom: 20px;
}

.castName{
  margin-bottom: 20px;
}

#castList h4{
  float: left;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 0.929vw;
}

#castList h5{
  float: right;
  font-family: Helvetica, a-otf-gothic-bbb-pr6n, sans-serif;
  font-size: 0.786vw;
}

#castList p{
  font-size: 0.714vw;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: justify;
}

#footer{
  position: absolute;
}

}