@charset "UTF-8";
/*フォントサイズ基本：15px:強調:18px:注釈：13pxで固定*/
/*---------------------------------------------*/
@media screen and (max-width: 667px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  /*---------------------------------------------*/
  /*背景グラデーション*/
  body {
    background: #151515;
    min-width: 100%;
  }
  /*---------------------------------------------*/
  /*通常ページ背景*/
  .zoids40th {
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #343434 0%, #0d0d0d 10%);
    padding: 0 0 48px;
  }
img {
  max-width: 100%;
  margin: 0 auto;
}
/*---------------------------------------------*/
/*強調文字*/
.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;
}
/*注釈文字*/
i.copy {
  display: block;
  color: #FFF;
  font-style: normal;
  text-align: center;
  padding:48px 0 24px;
}
/*---------------------------------------------*/
/*h1*/
.zoids40th h1 {
  background: #1e3c9f;
  padding: 5px 0 2px;
  font-size: 14px;
  color: #FFF;
  text-align: center;
}
/*---------------------------------------------*/
/*背景*/
body {
  background: #000;
  min-width:100%;
}


section.zoidsten {
  width: 100%;
margin:0  auto;
padding: 20px 0 0;
font-size: 15px;
color: #FFF;
text-align: center;
}

.explan {
  width: 100%;
  background: url("../../__imageExpo/explanBG_sp.png") repeat center top/100% auto;
  margin:-14%  auto 0;
  padding: 24% 0 0;
  color: #FFF;
  text-align: center;
  }
/*区切り戦*/
section.expo .expo_line {
  margin: 24px auto -20px;
  }

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

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

  .explan p{
    width: 80%;
   margin: 20px auto 40px;
  }

  .prod li {
    width: 100%;
    line-height: 1.6;
    text-align: center;
    margin: -24px auto 63px;
  }

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

  .ph4 li {
    width: 100%;
    line-height: 1.6;
    text-align: center;
  }
  .ph4 li:last-child {
    display: none;
    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: 0px auto 8px;
  }

  h3 {
    width: 50%;
    margin: 0px auto 0;
  }


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


 picture.ph3 { 
  display: block;
  width: 90%;
  margin: 0px auto 0;
}

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

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

  .pos p{
    width: 80%;
    line-height: 1.6;
    margin: 0 auto;
    }

    .pos p img {
      width: 100%;
      margin: 24px auto;
      }
  /*-----------------------------------------------end media*/
}