@charset "UTF-8";


/*--------------------------------------
top
----------------------------------------*/
.p-hero__box {
	width:100%;
	position:relative;
}

#main{
	width:710rem;
	position:relative;
	margin:80rem auto 0;
	box-sizing:border-box;
	overflow:hidden;
}

#main ul{
	width:710rem;
	height:428rem;
	position:relative;
}

#main ul li{
	position:absolute;
}

#main ul li:nth-child(1){
	width:41.477%;
	left:0.6%;
	top:7%;
}

#main ul li:nth-child(2){
	width:24.659%;
	left:25.2%;
	top:16.4%;
}

#main ul li:nth-child(3){
	width:11.7045%;
	left:32.2%;
	top:27.4%;
}

#main ul li:nth-child(4){
	width:10.1136%;
	left:42.6%;
	top:22%;
}

#main ul li:nth-child(5){
	width:10.681%;
	left:51.9%;
	top:18.3%;
}

#main ul li:nth-child(6){
	width:28.522%;
	left:51.1%;
	top:2.4%;
}

#main ul li:nth-child(7){
	width:46.022%;
	left:11.1%;
	top:37.2%;
}

#main ul li:nth-child(8){
	width:8.409%;
	left:31.0%;
	top:53%;
}

#main ul li:nth-child(9){
	width:13.75%;
	left:37.8%;
	top:48.4%;
}

#main ul li:nth-child(10){
	width:13.977%;
	left:48.7%;
	top:44.7%;
}

#main ul li:nth-child(11){
	width:24.659%;
	left:55.5%;
	top:27.5%;
}

#main ul li:nth-child(12){
	width:13.863%;
	left:67.3%;
	top:36.5%;
}

#main ul li:nth-child(13){
	width:22.045%;
	left:77.5%;
	top:20.2%;
}

#main ul li:nth-child(14){
	width:71.9318%;
	left:18.5%;
	bottom:2%;
}

#date{
	width:190rem;
	position:relative;
	margin:10rem auto 0;
}

#movie{
	width:650rem;
	margin:30rem auto 0;
  position: relative;
  display: block;
}

#movie__item {
  width: 100%;
  aspect-ratio: 16 / 9;
}

#movie__item iframe {
  width: 100%;
  height: 100%;
}


#navi ul{
	width:650rem;
	margin:60rem auto 0;
  justify-content: space-between;
  align-items: center;
	display: flex;
	flex-wrap: wrap;
}

#navi ul li{
	width:650rem;
	margin-bottom:30rem;
}

#bnr ul{
	width:650rem;
	margin:0 auto;
  justify-content: space-between;
  align-items: center;
	display: flex;
	flex-wrap: wrap;
}

#bnr ul li{
	width:650rem;
	margin-bottom:30rem;
}

/*--------------------------------------
mvtkWidget
----------------------------------------*/

#mvtk{
	width:100%;
	margin:0  auto;
	position:relative;
}

#mvtkWidget{
	position:relative;
}

#mvtk-widgets-container{
	margin:0 auto;
}

/* --------------------------------------------------
poster
-------------------------------------------------- */
#yt-modal{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,1.0);
	z-index:99999;
	display:none;
	overflow-y:auto;
	overflow-x:hidden;
}

#yt-modal .yt-inner{
	min-height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:40rem;
	box-sizing:border-box;
}

.poster_wrap{
	position:relative;
	width:650rem;
	padding-top:60rem;
}

#yt-modal img{
	width:650rem;
	height:auto;
	display:block;
}

#yt-modal .modal_close {
  z-index: 300;
  position: absolute;
  width: 50rem;
  height: 50rem;
  top: 0;
  right: 0;
}

.modal_close::before, .modal_close::after {
  content: '';
  display: block;
  background: #c80400;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64rem;
  height: 5rem;
  transform-origin: center center;
  transition: .2s;
}

.modal_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* --------------------------------------------------
animation
-------------------------------------------------- */
#main ul li,
#date,
#movie,
#navi li,
#bnr,
.c-sns,
.c-share {
  opacity: 0;
  pointer-events: none;
}