@charset "UTF-8";

/* ========================================
	contents
======================================== */
.l-contents {
	padding-top: 67px;
	padding-bottom: 65px;
	background:
		url(../images/movie/movie_bg_img.png) left top no-repeat,
		url(../images/movie/movie_bg.png) left top repeat-y #244db6;
	background-size: 100% auto;
	min-height: calc(100vh - 426px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-contents-inner {
	padding-top: 3%;
}




.page-title {
	width: 67.3%; /*505/750*100*/
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.p-movie-inner {
	width: 87.2%; /*654/750*100*/
	margin-left: auto;
	margin-right: auto;
}

.p-movie-thumb {
	position: relative;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #000;
	border-radius: 5px;
}

.p-movie-thumb_frame {
	position: relative;
	padding-top: 56.25%;
}

.p-movie-thumb_frame img,
.p-movie-thumb_frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p-movie-thumb_title:not(:last-child) {
	margin-bottom: 26px;
}

.icon-webcm {
  position: absolute;
  top: 0;
  right: -7.33944%;
  width: 34.25076%; /*224/654*100*/
  -webkit-transform: translateY(-34.56790%);
  transform: translateY(-34.56790%);
  z-index: 10;
	pointer-events: none;
}

.p-movie-thumb .is-new {
  position: absolute;
  top: -3%;
  left: 50%;
  width: 18.92744%; /*120/654*100*/
  height: 9.523809%;
  -webkit-transform: translate(-50%, -38.88888%);
  transform: translate(-50%, -38.88888%);
  background: url(../images/movie/icon_new.png) left top no-repeat;
  background-size: contain;
  z-index: 10;
}