/* common
------------------------------------------------------------------------------*/
body.fixed {
  position: fixed;
  width: 100%;
}
.inner {
  padding: 0 calc( 60 / 750 * 100vw );
}
#main {
  background: #f3f3f3;
}


/* #ttl h2
------------------------------------------------------------------------------*/
#main #ttl h2 {
  background: url("/movie/img/movie_logo_wh.svg") center calc( 76 / 750 * 100vw ) / calc( 185 / 750 * 100vw ) auto no-repeat;
}

/* #list
------------------------------------------------------------------------------*/
#list {
}
#list .inner {
  padding-top: 0;
  padding-bottom: 0;
}
#list .cnt h2 {
  font-size: calc( 27 / 750 * 100vw );
  line-height: calc( 39 / 750 * 100vw );
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-left: calc( -60 / 750 * 100vw );
  margin-right: calc( -60 / 750 * 100vw );
  background: url("/common/img/icn_logo_octa.svg") calc( 60 / 750 * 100vw ) calc( 39 / 750 * 100vw ) / calc( 44 / 750 * 100vw ) auto no-repeat #fff;
  border-bottom: #d5d5d5 solid 1px;
  padding: calc( 42 / 750 * 100vw ) calc( 100 / 750 * 100vw ) calc( 42 / 750 * 100vw ) calc( 130 / 750 * 100vw );
  position: relative;
  box-sizing: border-box;
}
#list .cnt h2::after {
  content: "";
  display: block;
  width: calc( 16 / 750 * 100vw );
  height: calc( 16 / 750 * 100vw );
  border-left: #000 solid calc( 4 / 750 * 100vw );
  border-bottom: #000 solid calc( 4 / 750 * 100vw );
  transform: rotate( -45deg );
  position: absolute;
  right: calc( 60 / 750 * 100vw );
  top: 50%;
  margin-top: calc( -15 / 750 * 100vw );
  transition: .5s;
}
#list .cnt h2.active::after {
  transform: rotate( -225deg );
  margin-top: calc( -8 / 750 * 100vw );
}
#list .cnt .movie_list {
  padding: calc( 60 / 750 * 100vw ) 0 calc( 120 / 750 * 100vw );
  display: none;
}
#list .cnt .movie_list a {
  color: #000;
  font-size: calc( 27 / 750 * 100vw );
  line-height: calc( 39 / 750 * 100vw );
  letter-spacing: 0.1em;
  text-decoration: none;
  position: relative;
  display: block;
}
#list .cnt .movie_list a + a {
  margin-top: calc( 54 / 750 * 100vw );
}
#list .navi p.fixed_rtntop {
  position: fixed;
  right: calc( 15 / 750 * 100vw );
  bottom: calc( 28 / 750 * 100vw );
}
#list .cnt .movie_list a dl dd.date {
  color: #00a0e9;
  font-size: calc( 18 / 750 * 100vw );
  line-height: calc( 18 / 750 * 100vw );
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-top: calc( 20 / 750 * 100vw );
  margin-bottom: calc( 14 / 750 * 100vw );
}
#list .navi p.fixed_rtntop {
  display: none;
}
#list .navi p.fixed_rtntop a {
  display: block;
  background: #00a0e9;
  width: calc( 90 / 750 * 100vw );
  height: calc( 90 / 750 * 100vw );
  border-radius: calc( 90 / 750 * 100vw );
  box-sizing: border-box;
  color: #fff;
  font-size: calc( 20 / 750 * 100vw );
  line-height: calc( 20 / 750 * 100vw );
  letter-spacing: 0.15em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding-top: calc( 45 / 750 * 100vw );
  position: relative;
}
#list .navi p.fixed_rtntop a::after {
  content: "";
  display: block;
  width: calc( 12 / 750 * 100vw );
  height: calc( 12 / 750 * 100vw );
  border-left: #fff solid calc( 4 / 750 * 100vw );
  border-top: #fff solid calc( 4 / 750 * 100vw );
  transform: rotate( 45deg );
  position: absolute;
  right: calc( 35 / 750 * 100vw );
  top: calc( 23 / 750 * 100vw );
}

/* #popup
------------------------------------------------------------------------------*/
#popup {
  display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding-top: calc( 30 / 750 * 100vw );
  box-sizing: border-box;
	z-index: 5500;
}
#popup .bg {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5510;
}
#popup .cnt {
  position: relative;
  top: 50%;
  left: calc( 15 / 750 * 100vw );
  width: calc( 720 / 750 * 100vw );
  height: calc( 720 /16 * 9 / 750 * 100vw );
  margin-top: calc( -720 / 16 * 9 / 750 * 100vw / 2 );
	z-index: 5520;
}
#popup .cnt iframe {
  width: 100%;
  height: 100%;
}
#popup #popup-close {
	width: calc( 50 / 750 * 100vw );
	position: absolute;
	right: calc( 30 / 750 * 100vw );
	top: calc( 30 / 750 * 100vw );
  z-index: 5530;
  line-height: 0.1;
}