@charset "UTF-8";
/*---------------------------------------------*/
/*PC設定*/
.pc {
  display: block;
}
.sp {
  display: none;
}
img {
  max-width: 100%;
  margin: 0 auto;
}
.exhLink {
  display: block;
  width: 240px;
  margin: 0 auto;
  padding: 16px;
  color: #FFF;
  border: 1px solid #FFF;
  text-decoration: none;
}

.exhLink:hover {
 opacity: 0.5;
}

/*---------------------------------------------*/
/*通常ページでは背景を白に固定*/
#contents {
  background: #000;
  width: 100%;
  padding: 0;
  margin: 0;
}
/*---------------------------------------------*/
/*強調文字*/
.zoids40th strong {
  display: block;
  font-size: 20px;
  font-weight: normal;
}
.zoids40th em {
  display: block;
  font-size: 18px;
  font-style: normal;
}
/*注釈文字*/
.zoids40th i {
  display: block;
  font-style: normal;
}
/*注釈文字*/
.zoids40th i.copy {
  display: block;
  color: #FFF;
  font-style: normal;
  text-align: center;
  padding-bottom: 24px;
}
/*---------------------------------------------*/
/*h1*/
.zoids40th h1 {
  background: #1e3c9f;
  padding: 5px 0 2px;
  font-size: 14px;
  color: #FFF;
  text-align: center;
}
/*---------------------------------------------*/
/*背景*/
body {
  background: #000;
  min-width: 1351px;
}
section.expo {
width: 1400px;
background: url("../../__imageExpo/bg.jpg") no-repeat center top/1400px auto;
margin:0  auto;
padding: 20px 0 0;
font-size: 16px;
line-height: 1.6;
color: #FFF;
text-align: center;
}

.explan {
  width: 1400px;
  background: url("../../__imageExpo/explanBG.png") no-repeat center top/100% auto;
  margin:-220px  auto 0;
  padding: 280px 0 0;
  color: #FFF;
  text-align: center;
  }
/*区切り戦*/
section.expo .expo_line {
  margin: 8px auto -130px;
  }

  /*区切り戦*/
section.expo .explan .expo_line {
  margin: 20px auto -130px;
  }

  .prod {
    display: flex;
    flex-wrap: wrap;
    width: 86%;
    margin: 0 auto;
    list-style: none;
  }

  .explan p{
   margin: -40px 0 100px 0;
  }

  .prod li {
    width: 50%;
    line-height: 1.6;
    text-align: center;
  }

  .ph4 { 
    display: flex;
    flex-wrap: wrap;
    width: 1100px;
    margin: 60px auto 0;
    list-style: none;
  }

  .ph4 li {
    width: 670px;
    line-height: 1.6;
    text-align: center;
  }
  .ph4 li:last-child {
    width: 510px;
    margin:-14px auto 0 -80px;
    line-height: 1.6;
    text-align: center;
  }


  .prod li picture {
    display: block;
  }

  .prod li picture.mt {
    display: block;
    margin: -28px auto 8px;
  }

  h3 {
    width: 380px;
    margin: 80px auto 0;
  }


 picture.ph2 { 
    display: block;
    margin: -100px auto 0;
  }

 .pos { 
    display: block;
    margin: 0px auto 0;
  }

    /*区切り戦*/
  .expo .pos .expo_line {
  margin: 20px auto -110px;
  }

  .pos p{
    width: 80%;
    margin: 0 auto;
    }

    .pos p img {
      width: 600px;
      margin: 24px auto;
      }





/*-----------------------------------------------------------*/
/*ページローダー*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #0d0d0d url("../../__image/bg.jpg") no-repeat center/100% auto;
  z-index: 10000000000;
}
/*ページローダー*/
#loader-bg.in {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  background-image: none;
  z-index: 10000000000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 537px;
  margin-top: -268px;
  margin-left: -250px;
  text-align: center;
  color: #fff;
  z-index: 10000000001;
}