@charset "UTF-8";



.number-animation{
	position: absolute;
	width:6.5%;
	right:34.5%;
	top:20.7%;
}


.count-base{
	height:auto;
	width: 100%;
	display: block;
	position: relative;
	line-height: 0;
	opacity: 0;
}

.count{
	 position: absolute;
    line-height: 0;
	 top:0;
	left:0;
	opacity: 0;
}



@media screen and (max-width: 767px) {
	
	
	
	.number-animation{
	position: absolute;
	width:13%;
	right:19%;
	top:36%;
}
	
	
	
	
	

.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 0px !important;
}
	
}



/*news*/


.container-news{
	margin-top: 5rem;
	min-height: 50vh;
}



.news-set{
	position: relative;
	background-color: hsla(0,0%,0%,0.5);
	padding: 2rem 2rem;
	border: 1px solid var(--link-border-color);
	color: hsla(0,0%,100%,0.6);
}


.news-text-item{
	position: relative;
	width: 100%;
	line-height: 1.9rem;
/*font-family:var(--base-font-family2);*/
}

.news-text-item.about{
	position: relative;
	width: 100%;
	line-height: 1.8rem;
/*font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);*/
}



.news-name{
	
	margin-bottom: 1rem;
	position: relative;
	color:#525252;
    
	

	
	
	font-size:clamp(1.4rem, 1.327rem + 0.36vw, 1.6rem);
	line-height: 2rem;
}

.news-name.about{
	text-align: center;
}


.name2{
	font-size:70%;
	margin-left: 0rem;
}



.news__title{
	color: var(--title-font-color);

	margin-bottom: 1.5rem;
	font-size:clamp(1.1rem, 0.955rem + 0.73vw, 1.5rem);
	text-align: left;
	line-height: 2.2rem;
	font-family: var(--base-font-family2);
}

.news__bold,
strong{
	color: var(--color-02);
	font-weight:var(--font-weight-bold2);
    
}

.news__large{
font-size:clamp(1rem, 0.964rem + 0.18vw, 1.1rem);
	color: hsla(0,0%,100%,1.00);
font-weight:var(--font-weight-bold2);
}


.news__small{
	font-weight: 500;
	font-size:clamp(0.7rem, 0.664rem + 0.18vw, 0.8rem);
	line-height: 1.5;
}

.news-text-item p{
	margin-bottom: 1rem;
}


p.news__margin {
	margin-bottom: 1.25rem;
}



.news__img{
	position: relative;
	width:100%;
	margin:2rem auto;
	
	
	 display: flex;
  justify-content: center;
  align-items: center;
	
	
}

.news__img_v{
	width:70%;
	max-width:600px;
}


.news-footer__set{
	display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
 /* justify-content: space-between;*/
	justify-content: center;
	
}

.news-footer_bt1{
	/*width:48px;*/
}

.news-footer_bt2{
	/*width:200px;*/
	margin:0 1rem;
	line-height:100px;
}

.news-footer_bt2 a{
	
}


.news__youtube{
	width: 82%;
	margin: 2rem auto;
	
}

#traileriframe{
	/*border: 1px solid #000;*/
	/*border: 1px solid hsla(178,87%,67%,0.3);*/
}


.trailer_narrow{
	max-width: 800px;
}




.news__date {
	/*font-size: clamp(0.7rem, 0.664rem + 0.18vw, 0.8rem); */
	/*margin: 0px 0px 3px;*/
	font-family: var(--base-font-family);
	margin-bottom: 0.5rem;
}


@media screen and (max-width: 767px) {
	
	
	.container-news{
	margin-top: 3rem;
	min-height: 50vh;
}

	.news-set{
	/*padding:1rem 1rem;*/
		
	padding: 1rem 1rem;
	border: 0px solid hsla(0,96%,40%,0.5);	
}

	.news__title{
	
	margin-bottom: 1rem;
	line-height: 1.6rem;
}
	
	.news-text-item{
	line-height: 1.7rem;

}
	
	.news__img{
	position: relative;
	width:100%;
	margin:1.5rem auto;	
}
	
	.news__img_v{
	width:85%;
}
	
	
	.news-footer__set{

	margin:2rem 0;
}
	
	.news-footer_bt1{
	width:46px;
}

.news-footer_bt2{
/*	width:160px;*/
	margin:0 0.5rem;
	height: 100%;
}
	
	.news__youtube{
	width:100%;
	margin:1rem auto;
}
	
}



/*about the movie*/



.bg-color_black{
	position: relative;
	background-color: hsla(0,0%,0%,1.00);	
}

.bg-color_black2{
    position: relative;
    background-color: hsla(240,2%,11%,1.00);
}

#about{
	position: relative;
	
}

.bg-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
/*    background-image: url("../img/top/about_base.webp");*/
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    /*    background-color: hsla(0,0%,0%,1.00);*/
    background-attachment: fixed;
    height: 100vh;
    z-index: 0;
}


.scroll-contents {
    position:relative;
    margin: auto;
    left: 0;
    right: 0;
    overflow: hidden;
	/*max-width: 1000px;*/
	width:100%;
    z-index: 10;
	height:auto;
	

}


.center-max{
	 position:relative;
	margin:auto;
	width:95%;
	max-width: 1200px;
}


.contents__about{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	
	}


#intro_01{
    margin-top:10vh;
}


#intro_02{
    margin-top:40vh;
     margin-bottom:10vh;
}

	
#story{
	position: relative;
	background-color:hsla(51,100%,50%,0.87);	
    padding-top:10vh;
    padding-bottom:10vh;
}


@media screen and (max-width: 767px) {
	
	.bg-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
    background-image : none;
}
    
    
      .bg-wrapper::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center bottom;
/*	background-image: url(../img/top/about_base_sp.webp);*/
	background-size: cover;
    }
    
    
    .scroll-contents {
    position:relative;
    margin: auto;
    left: 0;
    right: 0;
    overflow: hidden;
	max-width: 100%;
	width:100%;
    z-index: 10;
	height:auto;
}
	
	

	
}







/*ムビチケ*/



.mvtk__area{
	position: relative;
	max-width: 840px;
	width: 100%;
	/*background-color: hsla(0,0%,14%,1.00);*/
	/*border: 1px solid hsla(0,0%,20%,1.00);*/
	
	margin-left: auto;
	 margin-right: auto;
}

.mvtk__bnr{
	/*border-radius: 6px;*/
	/*    border: 1px solid #ccc;*/
max-width: 480px;
	
}

#mvtk-widgets-container{
	width: 342px;
		margin:auto;
	left:0;
	right:0;

}








@media screen and (max-width: 767px) {
	.mvtk__area{
	position: relative;
	max-width:342px;
	width: 100%;
	/*background-color: hsla(0,0%,14%,1.00);*/
/*	border: 0px solid hsla(0,0%,20%,1.00);*/
}
	
}


/*tween24*/

#box{
	
	/*top:20%;
	left:10%;*/
}

.box{
	opacity: 0;
	position: relative;
	width:50px;
	height:50px;
	margin-bottom: 1rem;
	background-color: aqua;
}





/*gallery*/


/*thumb*/

.gallery-thumb{
	
display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
	
	}


.gallery-thumb__item{
	
	width:19.5%;
	
	border: 1px solid hsla(43,100%,66%,0.6);
	transition: all .3s;
	opacity: 0.8;
	margin-bottom: 5px;
}

.gallery-thumb__item:hover {
border: 1px solid hsla(43,100%,66%,1.00);
	opacity: 1;
}



@media screen and (max-width: 767px) {
	
	

	
	
	.gallery-thumb__item{
	
	width:49%;
		
		}
	
}


/*slick*/


.top-gallery{
	position: absolute;
	right: 0.5%;
	top: 45%;
	width: 25%;
	
	
}

.top-gallery-inner{
		position: absolute;
		width:80%;
	top:20%;
	left:10%;
}

.slideWrapper2{
	position: relative;
	width:100%
	

}


.modal-gallery{
	position: relative;
	width:100%;
	height: 100%;
/*	background-color: hsla(359,89%,33%,1.00);	*/
	
	max-width: 1200px;
	margin: auto;
	

	
}


.modal-gallery-inner{
	position: relative;
	 width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
		
}

.gallerytitle{
	text-align: center;

}


.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100vh;
    overflow: auto;
}


.modaal-fullscreen .next-arrow {
    right: 10px;
}

.modaal-fullscreen .prev-arrow{
	left: 10px;
}


.modaal-content,
.modaal-content-container{
	 height: 100%;
	padding:0;
}


@media screen and (max-width: 767px) {
	
	
	.top-gallery{
	position: relative;
	right:auto;
	top:auto;
	width:100%;
	
	
}

.top-gallery-inner{
	position: absolute;
		width:100%;
	top:18%;
	left:0;
	right:0;
	margin: auto;
}

.slideWrapper2{
	position: relative;
	width:100%
	

}
	
	
#gallery-item_sp .slick-slide img {
    	border: 1px solid hsla(43,100%,66%,0.6);
}
	
	
}








/*gallery-item*/



#gallery-item .slick-arrow {
    position: absolute;
    width: auto !important;
    max-width: auto !important;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}


#gallery-item .next-arrow {
    right:-4%;
}


#gallery-item .prev-arrow {
    left:-4%;
}


/*dots*/


#gallery-item .slick-dots {
    position: absolute;
     bottom:auto; 
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 100;
	line-height: 0;
	margin-top:6px;
}

#gallery-item .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: auto;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}




#gallery-item .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;

      width: 12px;
    height: auto;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


#gallery-item .slick-dots li button:before {
    font-family: 'slick';	
    font-size:clamp(0.313rem, 0.196rem + 0.24vw, 0.5rem);
    line-height:0;
    position: absolute;
    top: 0;
    left: 0;
    content: '•';
    text-align: center;
/*    opacity: .3;*/
  /*  color: hsla(68,100%,63%,1.00);*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}



@media screen and (max-width: 767px) {
	
	
	
	#gallery-item .slick-arrow {
    position: absolute;
    width: auto !important;
    max-width: auto !important;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}


#gallery-item .next-arrow {
    right:-4%;
}


#gallery-item .prev-arrow {
    left:-4%;
}


/*dots*/


#gallery-item .slick-dots {
    position: absolute;
     bottom:auto; 
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 100;
	line-height: 0;
	margin-top:6px;
}

#gallery-item .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: auto;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}




#gallery-item .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;

      width: 12px;
    height: auto;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


#gallery-item .slick-dots li button:before {
    font-family: 'slick';	
    font-size:clamp(0.313rem, 0.196rem + 0.24vw, 0.5rem);
    line-height:0;
    position: absolute;
    top: 0;
    left: 0;
    content: '•';
    text-align: center;
/*    opacity: .3;*/
  /*  color: hsla(68,100%,63%,1.00);*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}
	
	
	
	
}






/*countdown*/


.countdown{
	position: absolute;
	width:15%;
	top:40px;
	left:1%;
}

.countdown_base{
	position: absolute;
	top:0;
	left:0;
	
}


.countdown_text{
	position: absolute;
		top:35%;
	left:31%;
	font-size:clamp(0.8rem, 0.152rem + 3.24vw, 4.2rem);
	color: #fff;
text-shadow: 0px 0px 10px #ff4800;

}



.countdown_text2{
	position: absolute;
		top:47%;
	left:61%;
	font-size:clamp(0.4rem, 2vw, 2.5rem);
	color: #fff;
text-shadow: 0px 0px 10px #ff4800;

}








@media screen and (max-width: 767px) {
	.countdown{
	position: absolute;
	width:35%;
	top:22%;
	left:auto;
		right:3%;
}
	
	.countdown_text{
	position: absolute;
		top:35%;
	left:32%;
	font-size:clamp(1.4rem, -0.142rem + 8.22vw, 3.8rem);
	color: #fff;
text-shadow: 0px 0px 10px #ff4800;

}



.countdown_text2{
	position: absolute;
		top:47%;
	left:62%;
	font-size:clamp(0.8rem, -0.164rem + 5.14vw, 2.3rem);
	color: #fff;
text-shadow: 0px 0px 10px #ff4800;

}
	
}








/*bannerエリア*/



.section__dark{
	background-color:#652133;	
}


.tab-content {
  max-width: 1200px;
  margin: auto;
width:90%;
	padding:3rem 0 1rem;
}

.tab-content2 {
  max-width: 1400px;
 
}





.category__list {
 max-width: 1000px;
  margin: auto;
width:90%;

    display: flex;
}





.category__link,
.category__link2{
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	color: hsla(0,0%,82%,1.00);
	
	    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 20px 5px 15px;
    border-radius: 6px 6px 0 0;
 /*   font-size:var(--16px);*/
 transition-duration: 0.3s;
	cursor: pointer;
}


.category__link:hover,
.category__link2:hover{
	
	color: hsla(0,0%,100%,1);
}



.category__link[aria-current],
.category__link.current{
 background-color:#652133;	
color:var(--link-font-color);
}

.category__link2[aria-current],
.category__link2.current{
 background-color:#652133;	
color:var(--link-font-color);
}


  .category__item {
  
    width: calc((100% - 0px) / 3);
  }



@media screen and (max-width: 767px) {
	
.category__list {
 max-width: 1000px;
  margin: auto;
width:100%;

  flex-wrap: nowrap; 
}	
	
	
	.category__link,
	.category__link2{
		
		padding: 10px 5px;
		
		
	}

	  .category__item {
  
    width: 100%;
  }
}


.cardList .card {
	display: block;
	border: 1px solid var(--link-border-color);
	/*border-radius: 5px;*/
	/*color: inherit;*/
	text-decoration: none;
	transition: color .3s;
	/*	background-color: #000;*/
	background-color:var(--background-color2);
	height: 100%;
	/*color: #C80404;*/
	transition: all .3s;
/*	font-weight: 100;*/
}


.cardList .card:hover {
		border: 1px solid var(--link-border-color2);
}


.cardList.tab_list{
	grid-template-columns: repeat(4,1fr); /*均等2カラム指定*/
	grid-auto-rows: minmax(100px, auto);
	
}


.tab_list .card__text__base{
	position: relative;
	padding: 15px 15px;
	height: auto;
	min-height: auto;
	/*background-color: hsla(344,52%,26%,1.00);*/
}

.tab_list .card__text__base .card__text__base2{
	min-height: 3rem;
}

.tab_list .card__txt {
	font-size: clamp(0.85rem, 0.795rem + 0.27vw, 1rem); 
	line-height: 1.5rem;
text-align: center;
}


@media screen and (max-width: 767px) {
	
.cardList.tab_list{
	grid-template-columns: repeat(2,1fr); /*均等2カラム指定*/
	grid-auto-rows: minmax(100px, auto);
	
}	
	
	
	
}