.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;
}
header{
  width: 100%;
  border-bottom: 4px solid #00096e;
  background: #00096e;
}
.catchCopy{
  font-size: 1.8em;
}
.contentWrap{
  width:100%;
  margin: 0 auto;
}
.mainImageArea{
  width: 100%;
  background: rgb(0,212,255);
  background: linear-gradient(0deg, rgba(0,185,239,1) 5%, rgba(0,185,239,0) 60%);

}
.mainImageWrap{
  background:url("../images/main_robot_03.png") no-repeat;
  background-position: center top;
  background-size: contain;
  height: 675px;

}
.mainHeadArea{
  width: 100%;
  margin: 0 auto;
}
.mainLogo img{
  width: 40%;
}
.logoArea{
  width: 100%;
  margin-top: 340px;

}
.logoArea img{
  width: 100%;
}

.mainContents{
  width: 100%;
  /*background: rgb(0,185,239);*/

  box-sizing: border-box;


}
.imgArea{

}

.mainBackground{
  padding:10px;
  box-sizing: border-box;
  background: white;
  margin: 0 auto;
  /* border-top: 4px solid #00779a;
  border-top: 4px solid #00096e;*/

  background-color: #f3fcfa;
  background-image: linear-gradient(#f1f1f1 1px, transparent 1px), linear-gradient(to right, #f1f1f1 1px, #fbfbfb 1px);
  background-size: 40px 40px;

  padding:20px;
  box-sizing: border-box;

}
.locationWrap{
  width: 100%;
  padding: 15px;
  box-sizing: border-box;

}
.locationWrapInnter{
  background: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #f1f1f1;
}
.locationHeading{
  width: 100%;
  text-align: center;
}
.locationKaiki{
      color: #bb1b21;
border-bottom: 1px dotted black;
}
.locationKaiki02{
      color: #bb1b21;
border-bottom: 1px dotted black;
  text-align:  left;
}
.locationDesc{

}
.locationDesc02{
  text-align:  left;

}
.locationDescLast{
  font-size: 0.8em;
}
.attention{
  width:90%;
  margin: 0 auto;
  background: #fffcf6;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #f1f1f1;
  font-size: 0.9em;

}
.remark{
  text-align: center;
  color: #bb1b21;
}

.locationHeading h1 {
  text-align: center;
   font-size: 1.3em;
   color: #bb1b21;
   margin: 20px 0;
   position: relative;
   display: inline-block;
   padding: 0 55px;
}
.locationHeading h1:before,.locationHeading h1:after {
   content: '';
   position: absolute;
   top: 50%;
   display: inline-block;
   width: 45px;
   height: 1px;
   background-color: #bb1b21;
}
.locationHeading h1:before {
   left:0;
 }
.locationHeading h1:after {
   right: 0;
 }
 .gaiyouHeading {
      text-align: center;
margin: 0 auto;
 }
 .gaiyouHeading h1 {

    font-size: 1.3em;
    color: #bb1b21;


    display: inline-block;
 }



.pageHeading{
  padding-left: 10px;
  padding-top: 15px;
}
 .pageHeading h1 {
    font-size: 2em;
    color: #bb1b21;
    border-left: 4px solid #bb1b21;
    padding-left: 15px;

 }


footer{
  text-align: center;
  color: white;
  background:#00096e;

}
.youtubeimg{
  width: 80%;
  margin: 0 auto;
}
.youtubeimg img{
  width: 100%;
}

.navArea{
  width: 100%;
  background: #00096e ;
  display: block;
  height: 170px;


}
.navArea ul{
  width:100%;
  background: #00096e ;
  margin: 0 auto;
  display: block;
}
.navArea li{
  list-style: none;
  float: left;
  display: block;
  text-align: center;
  width: 50%;

}
.navArea li a{
  font-size: 1.2em;
  font-weight: bolder;
  color: white;
  width: 100%;
  padding:20px;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  border-right: 1px solid white;
  border-bottom: 1px solid white;

}

.itemBlock{
  width: 50%;
  padding: 10px;
  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: 500px;
}

.itemBlockInner img{
  width: 100%;
  border: 1px solid #efefef;
}
.MainitemBlockInner img{
  width: 100%;
  border: 1px solid #efefef;
}
.MainitemBlock{
  width: 50%;
  padding: 15px;
  box-sizing: border-box;
  min-height: 200px;
}

.MainitemBlockInner{
  border-radius: 1px;
  background: white;
  border: 1px solid #efefef;
  padding: 10px;
  box-sizing: border-box;
  min-height: 200px;
}

.MainitemName{
  font-size: 0.8em;
  font-weight: bolder;
    min-height: 60px;
    text-align: center;
}

.itemPrice{
  text-align: center;
  font-size: 1.1em;


}

.itemName{
  font-size: 1.0em;
  font-weight: bolder;
    min-height: 85px;
  line-height: 1.5;
}
.itemDesc{
  font-size: 0.8em;
  min-height: 190px;
  text-align: left;
}
.ticketBox{
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  font-size: 1.0em;
  text-align: center;

}
.ticketBoxInner{
  border: 2px solid #8d8d8d;
  min-height: 480px;
}

.ticketBox h5{
  text-align: center;
  border-bottom: 1px solid #8d8d8d ;
  font-size: 1.2em;
}
.ticketBox{
  padding-top: 20px;
  padding-bottom: 5px;

}
.ticketPrice{
  font-weight: bolder;
}

.mainBackgroundInner{
background-color: white;
text-align: center;

}

.pageMidashiArea{
width: 100%;
height: 280px;
  margin: 0 auto;
    background: rgb(0,212,255);
  background: url('../images/midashi_robo.png') no-repeat top center;
}
.pageHeadArea{
  width: 100%;
  height: 280px;
  background-color: #f3fcfa;
  background-image: linear-gradient(#f1f1f1 1px, transparent 1px), linear-gradient(to right, #f1f1f1 1px, #fbfbfb 1px);
  background-size: 40px 40px;

}

.pageInnerHeading h1 {
  text-align: center;
   font-size: 1.5em;
   color: #bb1b21;
   margin: 20px 0;
   position: relative;
   display: inline-block;
   padding: 0 55px;
}
.pageInnerHeading h1:before,.pageInnerHeading h1:after {
   content: '';
   position: absolute;
   top: 50%;
   display: inline-block;
   width: 45px;
   height: 1px;
   background-color: #bb1b21;
}
.pageInnerHeading h1:before {
   left:0;
 }
.pageInnerHeading h1:after {
   right: 0;
 }

 .specialTicket{
   width: 50%;
   padding: 5px;
   box-sizing: border-box;
 }
 .specialTicket img{
  width: 100%;
  border: 1px solid #efefef;
 }
.linebtn{
  width: 80%;
  margin: 0 auto;
}
.linebtn img{
  width: 100%;
  margin: 0 auto;
}
.tokutenPic img{

  width: 100%;

}
.remarkable{
  width: 90%;
  margin: 0 auto;
  font-size: 0.9em;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #efefef;
    background-color: white;
}
@media screen and (min-width: 769px) {


  .remarkable{
    width: 90%;
    margin: 0 auto;
    font-size: 0.9em;
    padding: 15px;
    box-sizing: border-box;
      border: 1px solid #efefef;
      background-color: white;
  }
  .tokutenPic{
    width: 80%;
    margin: 0 auto;
  }
  .tokutenPic img{

    width: 100%;

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


  .youtubeimg{
    width: 60%;
    margin: 0 auto;
  }
  .youtubeimg img{
    width: 100%;
  }
.catchCopy{
  font-size: 1.8em;
}
.contentWrap{
  width: 1200px;
  margin: 0 auto;
}
.mainImageArea{
  width: 100%;
  background: rgb(0,212,255);
  background: linear-gradient(0deg, rgba(0,185,239,1) 5%, rgba(0,185,239,0) 60%);

}
.mainImageWrap{
  background:url("../images/main_robot_03.png") no-repeat;
  background-position: right top;
  height: 700px;

}
.logoArea{
  width: 45%;
  margin-top: 180px;


}
.logoArea img{
  width: 100%;
}

.mainContents{
  width: 100%;
  /*background: rgb(0,185,239);*/

}
.imgArea{

}
.attention{
  width:70%;
  margin: 0 auto;
  background: #fffcf6;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #f1f1f1;
  font-size: 0.9em;

}
.mainBackground{
  padding:10px;
  box-sizing: border-box;
  background: white;
  margin: 0 auto;
  /* border-top: 4px solid #00779a;
  border-top: 4px solid #00096e;*/

  background-color: #f3fcfa;
  background-image: linear-gradient(#f1f1f1 1px, transparent 1px), linear-gradient(to right, #f1f1f1 1px, #fbfbfb 1px);
  background-size: 40px 40px;

}
.mainBackgroundInner{
background-color: white;
text-align: center;

}
.pageKaijyou{
  text-align: left;
}
.locationWrap{
  width: 90%;
  padding: 15px;
  margin: 0 auto;
  box-sizing: border-box;

}
.locationWrapInnter{
  background: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #f1f1f1;
}
.locationHeading{
  width: 100%;
  text-align: center;
}
.locationKaiki{
      color: #bb1b21;
  font-weight: bold;
border-bottom: 1px dotted black;
}
.locationKaiki02{
      color: #bb1b21;
border-bottom: 1px dotted black;
  text-align:  left;
}
.locationDesc{


}
.locationDesc02{
  text-align:  left;


}
.locationHeading h1 {
  text-align: center;
   font-size: 1.3em;
   color: #bb1b21;
   margin: 20px 0;
   position: relative;
   display: inline-block;
   padding: 0 55px;
}
.locationHeading h1:before,.locationHeading h1:after {
   content: '';
   position: absolute;
   top: 50%;
   display: inline-block;
   width: 45px;
   height: 1px;
   background-color: #bb1b21;
}
.locationHeading h1:before {
   left:0;
 }
.locationHeading h1:after {
   right: 0;
 }

footer{
  text-align: center;
  color: white;
  background:#00096e;

}

.navArea{
  width: 100%;
  background: #00096e ;
  display: block;
  height: 75px;

}
.navArea ul{
  width:1200px;
  margin: 0 auto;
}
.navArea li{
  list-style: none;
  float: left;
  text-align: center;
  width: 25%;

}
.navArea li a{
  font-size: 1.2em;
  font-weight: bolder;
  color: white;
  width: 100%;
  padding:20px;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  border-right: 1px solid white;

}

.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: 440px;
}

.MainitemBlockInner img{
  width: 100%;
  border: 1px solid #efefef;
}
.MainitemBlock{
  width: 25%;
  padding: 15px;
  box-sizing: border-box;
  min-height: 470px;
}

.MainitemBlockInner{
  border-radius: 1px;
  background: white;
  border: 1px solid #efefef;
  padding: 10px;
  box-sizing: border-box;
  min-height: 200px;
}

.itemBlockInner img{
  width: 100%;
  border: 1px solid #efefef;
}
.itemPrice{
  text-align: center;
  font-size: 1.3em;

}
.itemName{
  font-size: 1.0em;
  font-weight: bolder;
    min-height: 80px;
}
.itemDesc{
  font-size: 0.8em;
  min-height: 135px;
  text-align: left;
}
.mainHeadArea{
  width: 1200px;
  margin: 0 auto;
}
.itemName{
  font-size: 1.0em;
  font-weight: bolder;
}
.mainLogo img{
  width: 150px;
}
.pageMidashiArea{
width: 1200px;
height: 280px;
  margin: 0 auto;
    background: rgb(0,212,255);
  background: url('../images/midashi_robo.png') no-repeat top right;
}
.pageHeadArea{
  width: 100%;
  height: 280px;
  background-color: #f3fcfa;
  background-image: linear-gradient(#f1f1f1 1px, transparent 1px), linear-gradient(to right, #f1f1f1 1px, #fbfbfb 1px);
  background-size: 40px 40px;

}
.ticketBox{
  width: 50%;
  padding: 15px;
  box-sizing: border-box;
  font-size: 1.2em;
  text-align: center;

}
.ticketBoxInner{
  border: 2px solid #8d8d8d;
  min-height: 375px;
}
.ticketBox h5{
  text-align: center;
  border-bottom: 1px solid #8d8d8d ;
  font-size: 1.2em;
}
.ticketBox{
  padding-top: 20px;
  padding-bottom: 5px;

}
.ticketPrice{
  font-weight: bolder;
}

.pageInnerHeading h1 {
  text-align: center;
   font-size: 1.5em;
   color: #bb1b21;
   margin: 20px 0;
   position: relative;
   display: inline-block;
   padding: 0 55px;
}
.pageInnerHeading h1:before,.pageInnerHeading h1:after {
   content: '';
   position: absolute;
   top: 50%;
   display: inline-block;
   width: 45px;
   height: 1px;
   background-color: #bb1b21;
}
.pageInnerHeading h1:before {
   left:0;
 }
.pageInnerHeading h1:after {
   right: 0;
 }
 .pageHeading{
   padding-top: 90px;
 }
 .specialTicket{
   width: 50%;
   padding: 40px;
   box-sizing: border-box;
 }
.specialTicket img{
  width: 100%;
  border: 1px solid #efefef;
}


}