.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.left{
  float: left;
}

.right{
  float: right;
}
body{
  font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #000000;
  font-size: 18px;
  line-height: 2;
  background: url('../images/bg.png') repeat-y;
}

header{
  width: 100%;
  height: 10px;
  background: #a40900;
}
footer{
  width: 100%;
  background: #a40900;
  color: white;
  text-align: center;
}
.menuListArea{
  width: 100%;
  background: #a40900;

}
.menuUl{
  width: 100%;
  margin: 0 auto ;
}
.menuListArea li{
  width: 33.33333%;
  box-sizing: border-box;
  list-style: none;
  float: left;
  color: white;
  padding-top: 10px;
  padding-bottom:10px;
  text-align: center;


}
.menuListArea li a{
  color: white;
  font-size: 1em;
  font-weight: bolder;
  text-decoration: none;

}
.maincontentsArea{
  text-align: center;
}

menu{
  color:#00358e;
}
.menuFirst{
  border-left:1px solid white;
}
.menu{
  border-left:1px solid white;
}
.menuLast{
  border-left:1px solid white;
  border-right:1px solid white;
}

.wrapper{
  width: 94%;
  margin: 0 auto;
}


.topContentsArea {
  width: 100%;
  margin: 0 auto;
}

.mainLogo{
  width:90%;
  margin: 8px auto;
}

.mainVisual{
  width:90%;
  margin: 0 auto;
}
.kettei{
  width: 100%;
  margin: 0 auto;
}
.topContentsArea img{
  width: 100%;
}
.wrapper img{
  width: 100%;
}

h1 {
    font-size: 1.2em;
    color: #bb1b21;
    margin: 20px 0;
    position: relative;
    display: inline-block;
    padding: 0 55px;
  }

h1:before, h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #bb1b21;
  }

h1:before {
    left:0;
  }
h1:after {
    right: 0;
  }
  .comingSoon{
    width: 50%;
    margin: 0 auto;
  }

h2{
  font-size: 1.2em;
}

  table {
    width: 90%;
    margin: 0 auto;
  }
  .maintableLayout th {
    background: #f3f3f3;
    width: 100%;
    border: 1px solid #dddddd;
    color: black;
    padding: 10px;
  }
  .maintableLayout td {
    background: white;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
  }
    .maintableLayout th,
   .maintableLayout td {
　　border-bottom: none;
   display: block;
   width: 100%;
   box-sizing: border-box;
 }

 .kettei{
   width: 70%;
   margin: 0 auto;
 }
.message{
  text-align: left;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.linebtn {
    width: 80%;
    margin: 0 auto;
}
.linebtn img {
  width: 100%;
}
.ticketBox {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    font-size: 1.0em;
    text-align: center;}

.ticketBoxInner{
  border: 2px solid #8d8d8d;

}
.ticketPrice{
  font-weight: bolder;
}
.ticketBox h5 {
    text-align: center;
    border-bottom: 1px solid #8d8d8d;
    font-size: 1.2em;
}

.pageHeading h2 {
    font-size: 2em;
    color: #bb1b21;
    border-left: 4px solid #bb1b21;
    padding-left: 15px;
}
.pageHeading {
  padding-top: 10px;
  padding-left: 15px;
}
.headingArea{
  width: 100%;
  height: 70px;
  background: #a40900;
}
.content{
  text-align: center;
}
.pageKaijyou{
  text-align: left;
}
.innerMainLogo img{
  width: 40%;
}
.pageMidashiArea {
    width: 100%;
    height: 280px;
    margin: 0 auto;

    background: url(../images/bk_inner.png) no-repeat top center;
}
.other_main{
  width: 100%;
  margin: 0 auto;
}
.other_main img{
  width: 100%;
}

.itemBlock {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    min-height: 600px;
}

.itemBlockInner {
    border-radius: 1px;
    background: white;
    border: 1px solid #efefef;
    padding: 10px;
    box-sizing: border-box;
    min-height: 600px;
}
.itemName {
    font-size: 1.0em;
    font-weight: bolder;
    min-height: 145px;
}
.itemDesc {
    font-size: 0.8em;
    min-height: 190px;
    text-align: left;
}
.itemPrice {
    text-align: center;
    font-size: 1.1em;
}
@media screen and (min-width: 769px) {
  .other_main{
    width: 70%;
    margin: 0 auto;
  }
  .other_main img{
    width: 100%;
  }
.pageKaijyou{
  text-align: left;
}
  .specialTicket{
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
  }
  .specialTicket img{
   width: 100%;
   border: 1px solid #efefef;
  }
  .innerMainLogo img{
    width: 150px;
  }
  .pageHeadArea{
    width: 100%;
      background-color: white;
  }
  .pageHeading {
    padding-top: 90px;
}
  .pageMidashiArea {
      width: 1200px;
      height: 280px;
      margin: 0 auto;
      background: rgb(0,212,255);
      background: url(../images/bk_inner.png) no-repeat top right;
  }
  .ticketBox h5 {
    text-align: center;
    border-bottom: 1px solid #8d8d8d;
    font-size: 1.2em;
}
  .ticketBox {
      width: 50%;
      padding: 15px;
      box-sizing: border-box;
      font-size: 1.2em;
      text-align: center;
  }


  .ticketPrice{
    font-weight: bolder;
  }
  .ticketBoxInner{
    border: 2px solid #8d8d8d;
    min-height: 375px;
  }


  .linebtn {
      width: 30%;
      margin: 0 auto;
  }
  .linebtn img {
    width: 100%;
  }
  .wrapper{
    width: 1200px;
    margin: 0 auto;
  }


  .topContentsArea {
    width: 1200px;
    margin: 0 auto;
  }
  .topContentsArea img{
    width: 100%;
  }
  .mainLogo{
    width:700px;
    margin: 4px auto;
  }

  .mainVisual{
    width:800px;
    margin: 0 auto;
  }
  .kettei{
    width: 70%;
    margin: 0 auto;
  }
  .menuUl{
    width: 1200px;
    margin: 0 auto ;
  }

  table {
    width: 60%;
    margin: 0 auto;
  }
  .maintableLayout th {
    background: #f3f3f3;
    border: 1px solid #dddddd;
    color: black;
    padding: 10px;
  }
  .maintableLayout td {
    background: white;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
  }


h1 {
    font-size: 1.9em;
    color: #bb1b21;
    margin: 20px 0;
    position: relative;
    display: inline-block;
    padding: 0 55px;
  }

h1:before, h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #bb1b21;
  }

h1:before {
    left:0;
  }
h1:after {
    right: 0;
  }
  .comingSoon{
    width: 50%;
    margin: 0 auto;
  }
.comingSoon img{
  width: 100%;
}


.itemBlock {
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
    min-height: 470px;
}
.itemBlockInner {
    border-radius: 1px;
    background: white;
    border: 1px solid #efefef;
    padding: 10px;
    box-sizing: border-box;
    min-height: 610px;
}
.itemName {
    font-size: 1.0em;
    font-weight: bolder;
    min-height: 95px;
}
.itemDesc {
    font-size: 0.8em;
    min-height: 135px;
    text-align: left;
    min-height: 150px;
}
.itemPrice {
    text-align: center;
    font-size: 1.3em;
}
}