.h5-list-box{
  margin-top:80px;
}
.h5-list{
  display:flex;
  margin-top:26px;
  flex-wrap:wrap;
}
.h5-list-unit{
  flex:none;
  width:24%;
  margin-left: calc( ( 1 - 0.24 * 4 ) / 3 * 100% );
  margin-top:62px;
  cursor:pointer;
}
.h5-list-unit:nth-child(4n-3){
  margin-left:0;
}
.h5-list-unit:nth-child(-n+4){
  margin-top:0;
}
.h5-list-unit-img-box{
  position:relative;
}
.h5-list-unit-img{
  width:100%;
  position:relative;
  z-index:10;
}
.h5-list-unit-shadow{
  opacity:0;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(0,0,0,0.6);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  transition:0.5s;
  z-index:99;
}
.h5-list-unit-shadow-wap{
  display:none;
}
.h5-list-unit-shadow-orcode{
  width:calc( 192 / 306 * 100% );
  flex:none;
}
.h5-list-unit-shadow-text{
  flex:none;
  margin-top:10px;
  color:#ffffff;
  font-size: 18px;
}
.h5-list-unit-title{
  margin-top:4px;
  font-size: 18px;
  transition:0.5s;
}
.h5-list-unit-title-wap{
    display:none;
}
@media (min-width:767px){
  .h5-list-unit:hover .h5-list-unit-shadow{
    opacity:1;
  }
  .h5-list-unit:hover .h5-list-unit-title{
    color: #cf020f;
  }
}
@media (max-width:1400px){
  .h5-list-box{
    margin-top:6.5vw;
  }
}
@media (max-width:767px){
  .h5-list-unit-shadow-pc{
    display:none;
  }
  .h5-list-unit-shadow-wap{
    display:flex;
  }
  .h5-list-unit-title-pc{
    display:none;
  }
  .h5-list-unit-title-wap{
    display:-webkit-box;
  }
  .h5-list-unit{
    width:30%;
    margin-left: calc( ( 1 - 0.3 * 3 ) / 2 * 100% );
    margin-top:8vw;
  }
  .h5-list{
    margin-top:4.67vw;
  }
  .h5-list-box{
    margin-top:5.73vw;
  }
  .h5-list-unit:nth-child(4n-3){
    margin-left:calc( ( 1 - 0.3 * 3 ) / 2 * 100% );
  }
  .h5-list-unit:nth-child(-n+4){
    margin-top:8vw;
  }
  .h5-list-unit:nth-child(3n-2){
    margin-left:0;
  }
  .h5-list-unit:nth-child(-n+3){
    margin-top:0;
  }
  .h5-list-unit-title{
    font-size: 3.73vw;
    line-height:5vw;
    -webkit-line-clamp: 3;
  }
  .h5-list-unit-shadow-text{
    font-size: 3.73vw;
    margin-top:0.5vw;
  }
}