@charset "utf-8";

body{
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color:#FFF;
    letter-spacing: 0.05em;
} 
#header{
    display: none;
}
/*===================================================
  OP:ANCHOR
====================================================*/
.ancPoint{
    position:relative;
}
.ancPoint span{
    display:block;
    position:absolute;
    top:-40px;
}
/*===========================================================

=============================================================*/
#main-container{
    width: 100%;
    margin: 0;
    padding: 0;
}
#header {
    width: 900px;
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
}
@media screen and (max-width: 900px){
#header {
    display: none;
}
}

/*===========================================================

=============================================================*/
#wrap{
    background-image: url(../images/pt.png);
    padding: 50px 0 0;
}
.allContain{
    width: 900px;
    margin: 0 auto;
}
section{
}
.inBox{
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    padding: 0 68px 60px;
    font-size: 16px;
}
h2{
    line-height: 0;
    margin-bottom: 30px;
}
h2 img{
    width: 100%;
}
h3{
    text-align: center;
    font-size: 26px;
    line-height: 1em;
    border-bottom: 3px solid;
    padding: 0 0 15px;
    margin-bottom: 25px;
}
a{
    text-decoration: underline;
}
@media screen and (min-width: 901px){

}
@media screen and (max-width: 900px){
#wrap {
    padding: 0;
}

.allContain{
    width: 100%;
}
section {
    max-width: calc(100% - 34px);
    margin: 0 auto;
}
.inBox {
    padding: 0 0 72px;
}
h2{
    margin-bottom: 20px;
}
h3 {
    font-size: 30px;
    border-bottom: 2px solid;
    padding: 0 0 7px;
    margin-bottom: 13px;
    letter-spacing: 3px;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
}

/*===========================================================

=============================================================*/
.navBox{
    display: flex;
    justify-content: center;
    padding: 0 133px 34px;
    border-bottom: 2px solid #FFF;
    margin-bottom: 5px;
}
.nav{
    display: flex;
    justify-content: center;
}
.nav li{
  padding: 0 25px;
}
.nav li a{
    font-size: 26.5px;
    line-height: 1em;
    text-decoration: none;
}

@media screen and (max-width: 900px){
#navBtn{
    display: none !important;
}
.navBox{
    display:block;
    width: calc(100% - 34px);
    margin: 0 auto 3px;
    padding: 0 0 9px;
}
.nav {
    flex-wrap: wrap;
}
.nav li {
    padding: 0 12px;
    margin-bottom: 11px;
}
.nav li a {
    font-size: 21px;
}
#navBtn span {
    background: #888;
}
#navBtn:after {
    color: #888;
}
}
/*===========================================================

=============================================================*/
.mainLead{
    padding: 44px 0;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: 400;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}
.lead{
    font-size: 21px;
    border-top: 2px solid;
    padding: 40px 68px 90px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 900px){
.mainLead {
    width: calc(100% - 34px);
    margin: 0 auto 3px;
    padding: 33px 0;
    font-size: 17px;
}
.lead {
    font-size: 16px;
    width: calc(100% - 34px);
    padding: 20px 0 60px;
    box-sizing: border-box;
    margin: 0 auto;
}
}

/*===========================================================

=============================================================*/
.newsBox{

}
.newsBox .newsList{
    font-size: 16px;
    display: flex;
    margin: 0 0 15px;
}
.newsBox .newsList:last-child{
    margin: 0;
}
.newsBox .newsList dt{
    width: 140px;
}
.newsBox .newsList dd{

}
@media screen and (max-width: 900px){
.newsBox .newsList {
    font-size: 16px;
    display: block;
    margin: 0 0 17px;
    line-height: 1.5em;
}
}




/*===========================================================

=============================================================*/
.castBox{

}
.castBox .castList{

}
.castBox .castList li{
    text-align: center;
    font-size: 18px;
    margin: 0 0 15px;
}
.castBox .castList li:last-child{
    margin: 0;
}

/*===========================================================

=============================================================*/
.scheduleBox{

}
.scheduleBox .schesuleList{
  margin-bottom: 12px;
}
.scheduleBox .schesuleList:last-child{
  margin-bottom: 0;
}
.scheduleBox .schesuleList dt{
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 600;
}
.scheduleBox .schesuleList dd{
    font-size: 16px;
    line-height: 1.5em;
}
.scheduleBox  .scheduleCell{
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
}
.scheduleBox  .scheduleCell:last-child{
    margin-bottom:0;
}
.scheduleBox  .scheduleCell tr{

}
.scheduleBox  .scheduleCell td{
    border: 1px solid;
    vertical-align: middle;
    padding: 10px 0;
}
.scheduleBox  .scheduleCell td:first-child{
    border-left: none;
}
.scheduleBox  .scheduleCell td:last-child{
    border-right: none;
}
@media screen and (max-width: 900px){
.scheduleBox .scheduleCell td {
    font-size: 12px;
    padding: 5px 0;
}
.scheduleBox .schesuleList {
    margin-bottom: 12px;
}
.scheduleBox .schesuleList dt{
    margin-bottom: 12px;
}
.scheduleBox .scheduleCell {
    margin-bottom: 40px;
}
}

/*===========================================================

=============================================================*/
.ticketBox{

}
.ticketBox .ticketDetail{
    margin-bottom: 20px;
    line-height: 1.5em;
}
.ticketBox .ticketDetail:last-child{
    margin-bottom: 0;
}

/*===========================================================

=============================================================*/
.goodsBox{

}
.goodsBox .inBox{
    padding: 0 68px 60px;
}
.goodsBox .goodsList{
    display: flex;
    flex-wrap: wrap;
}
.goodsBox .goodsList li{
    width: calc(50% - 12px);
    margin-bottom: 40px;
}
.goodsBox .goodsList li:nth-child(odd){
    margin-right: 12px;
}
.goodsBox .goodsList li:nth-child(even){
    margin-left: 12px;
}
.goodsBox .goodsList li .thumb{
    line-height: 0;
    margin-bottom: 20px;
}
.goodsBox .goodsList li .thumb img{
  width:100%;
}
.goodsBox .goodsList li .goodsname{
    font-size: 18px;
    margin-bottom: 12px;
}
.goodsBox .goodsList li .goodsTxt{
    font-size: 12px;
    line-height: 1.3em;
}
@media screen and (max-width: 900px){
.goodsBox .inBox {
    padding: 0 0 42px;
}
.goodsBox .goodsList {
    display: block;
}
.goodsBox .goodsList li {
    width: 100%;
    margin-bottom: 40px;
}
.goodsBox .goodsList li .thumb {
    margin-bottom: 10px;
}
.goodsBox .goodsList li .goodsname {
    margin-bottom: 8px;
}
.goodsBox .goodsList li:nth-child(odd) {
    margin-right: 0;
}
.goodsBox .goodsList li:nth-child(even) {
    margin-left: 0;
}
.goodsBox .goodsList li:last-child{
    margin-bottom: 0;
}
}
/*===========================================================

=============================================================*/
#footer{
    display: none;
}
.credit{
    text-align: center;
    padding-bottom: 100px;
    font-size: 16px;
}

@media screen and (max-width: 900px){
.credit {
    padding-bottom: 42px;
}
}