.dynamice-box-top{
  display:flex;
  height:clamp(25px,4vw,40px);
  align-items:center;
  width:100%;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-top:14px;
}
.dynamice-box-top-left{
  width:clamp(25px,4vw,40px);
  height:100%;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
}
.dynamice-box-top-right{
  flex:1;
}
.dynamice-box-top-left-inner{
  width: clamp( 8px,1.3vw,13px );
  height: clamp( 8px,1.3vw,13px );
  background-color: #b5020e;
  border-radius: 50%;
  position: relative;
  flex:none;
}
.dynamice-box-top-left-inner-inner{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #b5020e;
  transform: scale(0);
  opacity: 1;
  left: 0;
  top: 0;
  border-radius: 50%;
  animation: flash 1.5s infinite 
    linear;
}
@keyframes flash{
  0%{
    opacity: 1;
    transform: scale(0);
  }
  100%{
    opacity: 0;
    transform: scale(3);
  }
}
.dynamice-box-top .str_wrap{
  background-color:rgba(0,0,0,0)!important;
}
.dynamice-box-top .story-list-unit-title{
  margin-left:clamp(20px,5vw,50px);
}
.dynamice-box-bottom{
  display:flex;
  justify-content:space-between;
  margin-top:clamp( 10px,1.7vw,17px);
}
.dynamice-box-bottom-left{
  width:calc( 711 / 1440 * 100% );
  flex:none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dynamice-box-bottom-right{
  width:calc( 714 / 1440 * 100% );
}
.dynamice-box-bottom-left-unit{
  width:100%;
  position:relative;
  border-radius: 5px;
  overflow:hidden;
  margin-top:12px;
}
.dynamice-box-bottom-left-unit:first-of-type{
  margin-top:0;
}
.dynamice-box-bottom-left-unit .img-box{
  padding-top:calc( 191 / 711 * 100% );
  position:relative;
  z-index:10;
}
.dynamice-box-bottom-left-unit-tip{
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  background-color: rgba(255,255,255,0.6);
  color: #b62c2c;
  padding:0 8px;
  line-height: clamp(20px, 2.8vw, 28px);
  font-size: clamp(12px, 1vw, 16px);
  z-index:99;
  border-radius: 0px 5px 5px 0px;
}
.dynamice-box-bottom .story-list{
  margin-top:0;
}
.dynamice-box .str_move{
  top:50%;
  transform:translateY(-50%);
}
@media ( max-width:576px ){
  .dynamice-box-top{
    height:unset;
    align-items: flex-start;
    display:block;
    padding:clamp(1px,2vw,14px) clamp(1px,0.8vw,5px) clamp(1px,1vw,5px);
  }
  
  .dynamice-box-top .story-list-unit-title{
    margin-left:0;
  }
  .dynamice-box-top-left{
    height: clamp(25px, 4vw, 40px);
    position: relative;
    display:none;
  }
  .dynamice-box-top-left-inner{
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
  }
  .dynamice-box .dynamice-box-top-right .story-list-unit-title{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height:unset;
    line-height:clamp(1px, 8.4vw,63px);
    border-top:1.5px solid #b3b3b3;
    height: clamp(1px, 8.4vw,63px);
    box-sizing: content-box;
  }
  .dynamice-box .dynamice-box-top-right .story-list-unit-title:first-of-type{
    border-top:1.5px solid rgba(0,0,0,0);
    color: #b5020e;
  }
  .dynamice-box .dynamice-box-top-right .story-list-unit-title .dynamice-box-top-left{
    display: inline-block;
    opacity:0;
    vertical-align: middle;
  }
  .dynamice-box .dynamice-box-top-right .story-list-unit-title:first-of-type .dynamice-box-top-left{
    opacity:1;
  }
  .dynamice-box .dynamice-box-top-right .story-list-unit-title:nth-child(n+4){
    display:none;
  }
  .dynamice-box-bottom{
    display: block;
  }
  .dynamice-box-bottom-left{
    width:100%;
    margin-top:12px;
  }
  .dynamice-box-bottom-right{
    width:100%;
  }
  .dynamice-box-bottom .story-list{
    margin-top:12px;
  }
}