@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : cast-staff.css
Description : キャスト・スタッフページCSS
===================================================================== */
/*width*/
/*tan-3.1*/
/*margin top*/
/*color*/
/* =====================================================================
*    コンテンツ
* =================================================================== */
@media screen and (max-width: 699px) {
  #main {
    /*-------------------------------------
        キャスト
    -------------------------------------*/
    /*-------------------------------------
        スタッフ
    -------------------------------------*/
  }
  #main .mainInner {
    padding-bottom: 10%;
  }
  #main .h1_tit {
    background: url(../images/cast-staff/sp/h1_tit_sp.png) no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    width: 87.5%;
    padding-top: 15%;
    text-indent: -9999px;
    overflow: hidden;
  }
  #main #castArea {
    padding-bottom: 11%;
    border-bottom: 1px dotted #313131;
  }
  #main #castArea .h2_tit {
    padding-bottom: 6.25%;
    text-align: center;
  }
  #main #castArea .img_cast p {
    text-align: center;
  }
  #main #castArea .img_cast p img {
    width: 62.03%;
  }
  #main #staffArea {
    padding: 11% 0;
  }
  #main #staffArea .h2_tit {
    padding-bottom: 6.25%;
    text-align: center;
  }
  #main #staffArea .img_staff p {
    text-align: center;
  }
  #main #staffArea .img_staff p img {
    width: 86.09%;
  }
}
@media screen and (min-width: 700px) {
  #main {
    /*-------------------------------------
        キャスト
    -------------------------------------*/
    /*-------------------------------------
        スタッフ
    -------------------------------------*/
  }
  #main .mainInner {
    padding-top: 90px;
    padding-bottom: 50px;
  }
  #main .h1_tit {
    background: url(../images/cast-staff/h1_tit.png) no-repeat center center;
    margin: 0 auto 50px;
    width: 960px;
    height: 46px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #main .inner {
    margin: 0 auto;
    width: 960px;
  }
  #main .inner .img_sp {
    display: none;
  }
  #main #castArea {
    padding-bottom: 70px;
    border-bottom: 1px dotted #313131;
  }
  #main #castArea .h2_tit {
    padding-bottom: 40px;
    text-align: center;
  }
  #main #castArea .img_cast {
    background: url(../images/cast-staff/cast.png) no-repeat center top;
    height: 660px;
  }
  #main #staffArea {
    padding: 70px 0;
  }
  #main #staffArea .h2_tit {
    padding-bottom: 40px;
    text-align: center;
  }
  #main #staffArea .img_staff {
    background: url(../images/cast-staff/staff.png) no-repeat center top;
    height: 800px;
  }
}