@charset "UTF-8";
/*
 各ページ.css（ファイル名変更可）
 本サイト各ページ用CSS
*/


#caststaff .d-box-title{
  max-width: 575px;
  width: 100%;
  height: 60px;
  background-image: url(../images/caststaff/title_caststaff.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  margin: 0 auto 55px;
}

.cast-subtitle{
  width: calc(100% - 140px);
  height: 29px;
  background-image: url(../images/caststaff/subtitle-cast.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  margin: 0 auto 85px;
}

.cast-subtitle::before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -20px;
  background-color: #fff;
}

.cast-subtitle::after{
  content: "";
  width: 223px;
  height: 83px;
  position: absolute;
  right: 0;
  bottom: -20px;
  background-image: url(../images/caststaff/cast-bitchara.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.staff-subtitle {
  width: calc(100% - 140px);
  height: 29px;
  background-image: url(../images/caststaff/subtitle-staff.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  margin: 0 auto 85px;
}

.staff-subtitle::before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -20px;
  background-color: #fff;
}

.staff-subtitle::after {
  content: "";
  width: 223px;
  height: 83px;
  position: absolute;
  right: 0;
  bottom: -20px;
  background-image: url(../images/caststaff/staff-bitchara.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


.cast-area {
  height: 884px;
  background-image: url(../images/caststaff/cast-img.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto 120px;
  font-size: 0;
}

.staff-area {
  width: calc(100%  - 30px);
  height: 683px;
  background-image: url(../images/caststaff/staff-img.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto;
  font-size: 0;
}




/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
  #caststaff .d-box-title{
    width: calc(100% - 60px);
    height: auto;
    padding-top: 8.5%;
    margin-bottom: 10.035%;
  }
  

  .cast-subtitle {
    width: 89.657%;
    height: auto;
    padding-top: 5%;
    margin-bottom: 14.657%;
  }
  .cast-subtitle::after{
    width: 42.885%;
    height: auto;
    padding-top: 15.962%;
  }

  .cast-area{
    width: auto;
    height: auto;
    padding: 76.207% 0px;
    margin-bottom: 20.69%;
  }

  .staff-subtitle {
    width: 89.657%;
    height: auto;
    padding-top: 5%;
    margin-bottom: 14.657%;
  }

  .staff-subtitle::after {
    width: 42.885%;
    height: auto;
    padding-top: 15.962%;
  }

  .staff-area {
    width: auto;
    height: auto;
    padding: 55% 0px;
  }

}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){

}