body {
  position:relative;
}
 
/* モーダルウィンドウのスタイル */
.modal {
  position:absolute;
  width:80%;
  height:70%;
  top:15%;
  left:10%;
  display:none;
}
 
/* オーバーレイのスタイル */
.overLay {
  position:absolute;
  top:0;
  left:0;
  background:rgba(200,200,200,0.9);
  width:100%;
  height:100%;
  z-index:10;
}
 
/* モーダルウィンドウの中身のスタイル */
.modal .inner {
  position:absolute;
  z-index:11;
  width: inherit;
  height: 100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.video-js {
        margin: 0 auto;
}

.page-header h1,
.thumbnail .caption h3 {
        word-break: break-word;
}

#video-player {
  height: 400px;
  width: 100%;
}

.movie_window {
  width: inherit;
  margin: 0 auto;
}

/* 一覧のスタイル */

.image_position {
  position:absolute;
  bottom:0;
}

.movie_title_panel {
  background-color: #f3f3f3;
  width: 450px;
  margin: 0 auto;
  padding: 5px;
  border-top: solid 2px #777777;
  border-bottom: solid 2px #848484;
}