@charset "utf-8";

/* モーダル動画 */
.modal_button {
  display: block;
}

.modal_button .res-contents-image {
  text-align: center;
}

.modal_button .js-modal-open {
  display: inline-block;
}

.modal_button .res-contents-image img {
  width: auto !important;
}

.modal_video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}

.modal__content{
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 40px;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 950px;
    height: auto;
}
@media (max-width: 769px) and (min-width: 571px) {
  .modal__content{
    padding: 20px;
  }
}
@media (max-width: 570px) and (min-width: 0px) {
  .modal__content{
    padding: 10px;
  }
}

.modal_button .button_area {
  display: inline-block;
  width: 218px;
  border: 1px solid #00146e;
  border-radius: 4px;
  cursor: pointer;
}

.modal_button .button_area .js-modal-open {
  display: block;
  padding: 9px;
}

.modal_button .button_area .txt::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  width: 37px;
  height: 30px;
  background: url(/common-operation/serviceinfo/international/inflight/images/icon_movie_play.png) left top no-repeat;
  vertical-align: middle;
}

.modal_button .button_area .txt {
  text-align: center;
}

.modal_button .button_area .txtInner {
  display: inline-block;
  font-size: 1.6rem;
  vertical-align: middle;
}

.bc-iframe, .bc-iframe body, .bc-player-djjO0lwxj_default, .bc-player-djjO0lwxj_default .vjs-poster {
    background-color: #FFFFFF;
}