.list_box{
    background-color: #cc0202; height: 5px;
}

.image-detail-caption {
  font-size: 14px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0 0 0 / 20%);
  text-align: center;
  color: #fff;
  font-style: italic;
  text-align: right;
  padding: 4px 10px;
  max-width: 320px;
}

/*** add button share ***/
.social.social-line {
  background-color: #01c300;
  position: relative;
}

.ui-line:before {
  position: absolute;
  content: "";
  top: 0;
  background-image: url("../img/icon-line.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social.social-wa {
  background-color: #25d366;
  position: relative;
}

.ui-wa:before {
  position: absolute;
  content: "";
  top: 0;
  background-image: url("../img/icon-wa.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social.social-tele {
  background-color: #51a5d3;
  position: relative;
}

.ui-tele:before {
  position: absolute;
  content: "";
  top: 0;
  background-image: url("../img/icon-tele.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*** add button share ***/

/* Start Style Responsive Youtube */
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* End Style Responsive Youtube */