.hot-box{
  flex:1;
  margin-left:calc( 29 / 1440 * 100% );
  background-color: #f3f3f3;
  border-radius: 5px;
}
.hot-box-top{
  height:clamp( 30px,4vw,44px);
  padding-left:clamp( 5px,1.6vw,16px);
}
.hot-box-top-title{
  display:flex;
  align-items:center;
  height:100%;
}
.hot-box-top-title-img-box{
  width:clamp(15px,2.1vw,23px);
}
.hot-box-top-title-img-box img{
  width:100%;
}
.hot-box-top-title-text{
  font-size: clamp( 14px,2.5vw,22px );
  color: #b5020e;
  margin-left:clamp( 4px,1vw,9px );
  font-weight:bold;
  font-style: italic;
}
.hot-box-list{
  width:calc( 335 / 341 * 100% );
  margin:0 auto;
  padding:15px 0;
  border-top:2px solid #d7d7d7;
}
.hot-box-list-unit{
  display:flex;
  align-items:flex-start;
  margin-top:clamp( 10px,2.5vw ,35px );
  width:100%;
  padding-right:10px;
}
.hot-box-list-unit:first-of-type{
  margin-top:0;
}
.hot-box-list-unit-left{
  color: #878787;
  line-height: clamp(16px, 1.2vw, 24px);
  font-size: clamp(12px, 1vw, 16px);
  width:clamp(15px,2vw,35px);
  text-align:center;
  margin-right:5px;
  flex:none;
}
.hot-box-list-unit .story-list-unit-title{
  flex:1;
}
.hot-box-list-unit:nth-child(-n+3) .hot-box-list-unit-left{
  color: #b5020e;
  font-size: 25px;
  line-height: clamp(22px, 1.6vw, 28px);
  font-size: clamp(18px, 1.2vw, 22px);
  font-weight: bold;
  font-style: italic;
}
@media (max-width:576px){
   .hot-box-top-title-img-box{
    width:clamp(1px,4.53vw,25px);
  }
  .hot-box-top-title-text{
    font-size: clamp(1px, 5.33vw, 22px);
  }
  .hot-box-top{
    height: clamp(30px, 10vw, 44px);
  }
  .hot-box-list{
    width:100%;
    padding:clamp(1px,2vw,15px) clamp( 1px,1vw,10px);
  }
  .hot-box-list-unit-left {
    line-height: clamp(1px, 6.5vw, 28px);
    font-size: clamp(1px, 5vw, 22px);
    width: clamp(1px, 7vw, 35px);
  }
  .hot-box-list-unit:nth-child(-n+3) .hot-box-list-unit-left {
    line-height: clamp(1px, 7vw, 28px);
    font-size: clamp(1px, 5.8vw, 22px);
  }
  .hot-box{
    margin-left: 0;
  }
  .hot-box-list-unit .story-list-unit-title{
    height:unset;
    -webkit-line-clamp: 2;
  }
}