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

/* 全体の設定*/
body{
	font-size: 100%;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    color: #000;
    text-align: center;
    background-attachment:fixed;
    background-position:center;
    height	  : 4200px;
    background-image:url(../img/bg.jpg);
}

/* ボックスの設定*/

#container{
    background-position:center;
	margin	  : 0;
	margin-left:auto;
	margin-right:auto;
    width	  :1000px;
    min-height: 100%;
    text-align: center;
    background-attachment:fixed;
    background-position:center;
    color:#fff;
}



/* ヘッダ画像*/
#heda{
    /*background-image:url(../img/heda.png);*/
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
    height:694px;
    width:1000px;

}
.bana{
    margin: 40px;
    /* background: black; */
    padding: 20px;
    /* width: 60%; */
    margin: 0 auto;
    margin-top: 20px;
    font-size: larger;
    font-family: auto;
}

h2{
    height:25px;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom :50px;
    margin-top :50px;
    padding-top: 12px;
    color:#000;
    font-weight: bold;

}

h3{
   background: #a40306;
    height:25px;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom :50px;
    margin-top :50px;
    padding-top: 12px ;
    color:#000;
    font-weight: bold;
	font-size: 120%;

}

#about{
    text-align : center;
    line-height: 170%;
}

#staff> p{
    text-align : center;
    line-height: 160%;
}

.cast{
    width: 200px;
}

#table> p{
    text-align : center;
     height:auto;
    line-height: 150%;
     margin-top:20px}

table{
    margin-left:auto;
    margin-right:auto;

}

td{
    padding: 12px ;
}


#staff2> ul{
 text-align : center;
line-height: 160%;
}


#she> p{
 text-align : center;
line-height: 160%;
}

#she> table
{border: solid 2px #000;
 border-collapse: separate;
color: #000;
background-color: #fff;
line-height: 160%;


}

#she td
{border: solid 2px #000;
 border-collapse: separate;
color: #000;
background-color: #eee;
width:14px;

}

#she th
{border: solid 2px #000;
 border-collapse: separate;
color: #000;
background-color: #fff;
width:14px;

}

#she th.00{
color: #ff0000;
}


.time{
    width: 800px;
}

#map> ul{
 text-align : center;
line-height: 160%;
}

#tiket> ul{
 text-align : center;
line-height: 160%;
}

#tiket> p{
 text-align : center;
  /* background: #FFFF00;*/
    height:20px;
    width:300px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 8px ;
    margin-top:30px;
    margin-bottom:15px;
    color:#FFFF00;
}

#qa> ul{
 text-align : center;
line-height: 160%;
}




a {
  display: inline-block;
  transition: .3s;
}
a:hover {
  transform: rotate(5deg);
}

a:link {color:#FFFFFF;}    /*　未訪問リンクの文字色を変える */
a:visited {color:#FFFF00;} /*　訪問済リンクの文字色を変える */
a:hover {color:#00FFFF;}   /*　ポイント時のリンクの文字色を変える */
a:active {color:#00FFFF;}  /*　選択中のリンクの文字色を変える */
.shop {
    margin: 40px;
    background: black;
    padding: 20px;
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
    font-size: larger;
    font-family: auto;
}

@media screen and (max-width: 480px) {
body{
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  /* 追加 */
  font-size: 1em;
  line-height: 1.3;
  width: auto;
  min-width: auto;
}

#container{
    width     :auto;
}

/* ヘッダ画像*/
#heda{
    height:auto;
    width     :auto;

}
.main{
    width: 120%;
    margin: -19px -83px;
}

.cast{
    width: 100px;
}


.time{
    width: 90%;
}