/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*基本設定（滅多に変更しない）*/
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
body {
  background: #B63D6C;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }


a {
  color: #222;
  text-decoration: none;
  transition: 0.3s;
  font-size: 18px;
}

a:hover {
  color: #d8d7d9;
  transition: 0.3s;
}


a img {
  transition: 0.3s;   /*ゆっくりホバーするための指定（出る時）*/
}

a:hover img {
  opacity: 0.5;   /*透明度の指定*/
  transition: 0.3s;   /*ゆっくりホバーするための指定（入る時）*/
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*主なdiv設定（必要に応じて変更するところ）*/
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.top {
  width: 960px;
  height: 684px;
  background: #fff;
  margin: 0 auto;
}

.about {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}


.news {
  width: 960px;
  background-color: #f7ab24;
  text-align: center;
  color: #000;
  margin: 0 auto;
}

  .newsList {
    list-style: none;
    padding: 0 40px;
  }

  .newsList li {
    padding-top: 5px;
    text-align: left;
  }

  .date {
	color: #B63D6C;
	font-style: bold;
    margin-right: 15px;
  }
.cast {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

.ticket {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

.schedule {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}


.staff {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

#goods {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

#qa {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: left;
  margin: 0 auto;
}

.tw {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

.onTV {
  width: 960px;
  background-color: #f7ab24;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

.banner {
  width: 960px;
  background: #B63D6C;
  margin: 0 auto;
  color: #000;
  text-align: center;

}

.csl img {
  width: 147px;
  height: 70px;

}


/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*キャスト*/
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/


  #cast {
    width: 960px;
    margin: 0 auto;
    color: #d8d7d9;
    margin-top: -20px;
    padding-top: 20px;
  }

  .castMidashi {
    font-size: 28px;
    margin: 0 40px;
  }

  .staff {
    text-align: center;
    font-size: 18px;
  }

  .oya {
    display: flex;
    justify-content: center;
    margin: 40px 0 60px 0;
  }

  .castList {
    width: 120px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }

  .castList img {
    width: 120px;
    height: 160px;
  }

  .castImage {
    margin: 0;
  }

  .castName {
    margin: 2px 0;
    font-size: 20px;
  }

  .castList a img {
    transition: 0.3s;   /*ゆっくりホバーするための指定（出る時）*/
  }

  .castList a:hover img {
    opacity: 0.5;   /*透明度の指定*/
    transition: 0.3s;   /*ゆっくりホバーするための指定（入る時）*/
  }

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*スケジュール*/
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/


.sche_table{
	border-collapse: collapse;
	margin-bottom: 10px;
}
.sche_table td, .sche_table th{
	border: 1px solid #000;
	background-color: rgba(255,255,255,0.6);
	border-collapse: inherit;
	text-align: center;
	padding: 7px;
}

.sche_table .close{
	background-color: #000;
	color: #555;
}
.sche_table .weekend{
	background-color: #999;
	color: #fff;
}

 /*Q＆A周辺*/

  #qa {
    width: 960px;
    margin: 0 auto;
    margin-top: -20px;
    padding-top: 20px;
  }


  dl.accordion {
    margin:0 auto;
    padding:0 40px;
  }

  dl.accordion dt {
      border-bottom: 2px dotted #999;
      height:40px;
      text-indent:5px;
      line-height:40px;
      color:#333;
      font-weight:bold;
      cursor:pointer;
     font-size: 0.75em
  }

  dl.accordion dd {
    padding:10px 40px 10px 10px;
    line-height:1.5;
    display:none;
     font-size: 0.75em
  }






/* ********** SPAN ********** */
.fs10{
   font-size: 13px;
 }

.fs20 {
   font-size: 23px;
}

.fs25 {
   font-size: 35px;
   color: #ff0000;
}

.fs30 {
   font-size: 36px;
}


/* ********** 見出し ********** */

h2{
  font-size: 36px;
  display: inline-block;
  background-image: url(../img/fude.png);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 7px 15px 7px 5px;
}

h3{
  font-size: 30px;
  text-align: center;
}