@charset "UTF-8";

/* ========================================
	contents
======================================== */
html,
body {
	height: 100%;
	background-color: #000;
}

body:not(.is-tablet) .l-footer {
	position: static;
	margin-top: -2%;
}

.l-contents {
  background-image:
		url(../images/movie/movie_bg_circle.png),
		url(../images/movie/movie_bg.png);
	background-repeat: no-repeat, repeat-y;
	background-position: 0 0;
  background-size: 100% auto;
	padding-bottom: 0;
}

.l-inner {
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}

.p-header {
	position: relative;
	width: 100%;
	padding-top: 13.54166%; /* 260 / 1920 * 100 */
}

.p-header:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p-header_title {
	position: absolute;
	width: 17.447916%; /* 335 / 1920 * 100 */
	top: 23.076923%; /* 60 / 260 * 100 */
	right: 50%;
	-webkit-transform: translateX(-47.7611%); /* 160 / 335 * 100 */
	transform: translateX(-47.7611%); /* 160 / 335 * 100 */
}
.p-header_line {
	position: absolute;
	width: 60%; /* 1152 / 1920 * 100 */
	top: 48.46153%; /* 126 / 260 * 100 */
	right: 50%;
}
.p-movie_img {
	position: absolute;
	width: 17.65625%; /* 339 / 1920 * 100 */
	top: 0;
	left: 50%;
	-webkit-transform: translate(89.28571%,-65.131578%); /* X:300/339*100 Y:198/304*100 */
	transform: translate(89.28571%,-65.131578%); /* X:300/339*100 Y:198/304*100 */
	z-index: 1;
}

.p-movie_inner {
  position: relative;
  width: 100%;
	height: 100%;
  min-width: 960px;
  max-width: 2000px;
  margin: 0 auto;
	margin-top: -2.4%;
	margin-bottom: 2.4%;
}

.p-movie_area {
  width: 44.89583%; /*862/1920*100*/
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-movie_area-inner {
  padding: 6.496519%;
	background: url(../images/movie/movie_area_bg.png) center center no-repeat;
	background-size: contain;
}

.p-movie_frame {
	position: relative;
	padding-top: 56.25%; /*422/750*100*/
}

.p-movie_frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p-movie_ttl {
  width: 70.6278%; /*630/862*100*/
	margin: -4% auto 20px auto;
}

.p-movie_list {
  width: 44.6875%; /*858/1920*100*/
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 0;
	text-align: center;
}
.p-movie_item {
	display: inline-block;
  width: 33.333333%;
	cursor: pointer;
}
.p-movie_thumb {
	position: relative;
	padding: 15px 6.29370%;
}
.is-current .p-movie_thumb,
.p-movie_item:hover .p-movie_thumb {
	background: url(../images/movie/thumb_bg.png) center center no-repeat;
	background-size: contain;
}
.p-movie_thumbttl {
	width: 87.41258%;
	margin: 0 auto;
}
.p-movie_thumb .is-new {
	position: absolute;
	top: 0;
	left: 3.14685%;
	width: 28.67132%;
}

/* is-tablet */
.is-tablet .p-movie_inner {
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
}
.is-tablet .p-movie_img {
	left: 57%;
}
.is-tablet .p-movie_area {
	width: 84.17968%; /*862/1024*100*/
}
.is-tablet .l-wrapper,
.is-tablet .l-contents {
  height: 100%;
}
.is-tablet .l-wrapper {
  margin-bottom: -70px;
}