.image-panel-container{
  display: flex;
  flex-wrap: wrap;
  max-width: 100vw;
  /* ビューポートの幅に合わせて最大幅を指定 */
    margin: 0 auto;
  padding : 0px 3%;
  padding-bottom : 20px;
  box-sizing: border-box;
  justify-content: center;
  /* 画像を水平中央に配置 */

  background-image : linear-gradient(black, rgba(0, 0, 0, 0));
  background-repeat : repeat;
}
.image-panel{
  width: calc(100% / 11);
  /* 画像パネルの横幅を均等に分割 (5列に設定) */
    padding: 2px;
  box-sizing: border-box;
  border: 1px;
  border-color: #fff;
}
.img-responsive{
  max-width: 100%;
  height: auto;
}
.tareback{
  background-image : url(../img_common/grid.png);
  background-repeat : repeat;
}
.castname1{
  text-align : center;
  width : 16.67%;
  padding-top : 15px;
  padding-bottom : 15px;
  vertical-align : top;
}
.castphoto1{
  text-align : center;
  width : 16.67%;
  vertical-align : top;
  background-color : black;
}
.castnamesp{
  width : 25.01%;
}