
.entry-video {
	position: relative;
}
.entry-video .player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.entry-video .player iframe {
  width: 100% !important;
  height: 100% !important;
}
.thickbox {
  display: none;
}
.embed-video {
  position: relative;
}
@media screen and (min-width: 640px) {
  .thickbox {
    display: block;
  }

  .embed-video {
    display: none;
  }
}
.embed-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.enbed-video .poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.entry .poster {
  width: 100%;
}

.entry .video-link {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.entry .video-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.entry .video-link::after {
  content: "";
  display: block;
  position: absolute;
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
  background-image: url("../../common/images/play.png"); /* 指定等があった場合は任意のアイコンを設置 */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
}

.player[style="visibility: visible;"] {
  z-index: 1001;
}

.entry.special:hover img,
.entry .video-link img,
.entry a:hover img {
  position: relative;
  transition: 0.1s;
}

.entry.special:hover img,
.entry .video-link:hover img,
.entry .video-link.hover img,
.entry a:hover img {
  opacity: 0.7;
}
.modal {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
}

.modal.modal-open {
  opacity: 1;
  visibility: visible;
}

.modal-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  left: 0;
  top: 0;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}

.modal-wrapper {
  max-width: 500px;
  width: 100%;
  padding: 0 20px;
  margin: auto;
  height: 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 640px) {
  .modal-wrapper {
    padding: 0 80px;
  }
}

.modal-contents {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 60px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.modal-content {
  position: relative;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  box-sizing: content-box;
  cursor: pointer;
}

.modal-video-wrapper {
  max-width: 1320px;
}

.modal-video-wrapper .modal-close {
  position: relative;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  margin-left: auto;
}

.modal-video-wrapper .modal-content {
  width: 100%;
}

.modal-video-wrapper .player {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.modal-video-wrapper iframe,
.modal-video-wrapper video-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 埋め込み用 */
.vjs-icon-placeholder[aria-hidden="true"] {
  opacity: 1;
}

/* ちらつき防止で下記は非表示 */
@media screen and (min-width: 640px) {
  .modal-video-content video-js .vjs-poster {
    background-image: none !important;
  }
  .vjs-big-play-button {
    display: none !important;
  }
}
/* ↑ 2023.7.20 追記 ↑ */
