.item-content-img-sub-event{
  float: right;
  width: 77%;
}

.item-content-img-sub-event > div p{
  position: relative;
  display: block;
  padding-top: 100%;
}

.item-content-img-sub-event > div img{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

  .item-content-img-sub-event{
    width: 100%;
  }

  .item-content-img-sub-event{
    width: 100%;
    position: relative;
  }
  
  .item-content-img-sub-event > div{
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
  }


.item-content-img-sub-event{
  float: left;
  width: 19%;
}

.item-content-img-sub-event a img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.item-content-img-sub-event a{
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
}

.item-content-img-sub-event a + a{
  margin-top: 10px;
}

.item-content-img-sub-event{
  float: right;
  width: 77%;
}

  .item-content-img-sub-event{
    padding-right: 1%;
  }
  
  .item-content-img-sub-event::-webkit-scrollbar {
    display: block;
    -webkit-appearance: auto;
    width: 5px;
    background-color: #f9f9f9;
  }
  .item-content-img-sub-event::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  .item-content-img-sub-event::-webkit-scrollbar-thumb {
    background: #696969; 
  }

  .item-content-img-sub-event a{
    transition: .3s ease-out;
  }

  .item-content-img-sub-event a:hover{
    opacity: 0.7;
  }

  .item-content-img-sub-event{
    order: 2;
    width: 100%;
    margin-top: max( 10px,2vw );
    overflow-x: scroll;
    padding-bottom: 2%;
  }

  .item-content-img-sub-event::-webkit-scrollbar {
    display: block;
    -webkit-appearance: auto;
    height: 5px;
    background-color: #f9f9f9;
  }
  
  .item-content-img-sub-event::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  .item-content-img-sub-event::-webkit-scrollbar-thumb {
    background: #696969; 
  }

  .item-content-img-sub-event-inner{
    display: flex;
    flex-wrap: wrap;
  }

  .item-content-img-sub-event a{
    padding-top: 57px;
    width: 78px;
    margin-right: 8px;
  }
  
  .item-content-img-sub-event a + a{
    margin-top: 0;
  }

  .item-content-img-sub-event a:last-child{
    margin-right: 0;
  }