@charset "UTF-8";

main{
position: relative;
}
header{
background: url("../images/mainbg_gear_mobile.png") center center no-repeat;
background-size: 100% auto;
position: relative;
padding: 2vw 0;
}
.texture{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
mix-blend-mode: multiply;
}
header .texture{
background: url("../images/mainbg_mobile.jpg") center center no-repeat;
background-size: 100% 100%;
}
header hgroup{
width: 80%;
margin: 5vw auto;
}
header hgroup h1{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
background: url("../assets/images_common/logo.png") center center no-repeat;
background-size: 100%;
aspect-ratio:670/340;
margin-bottom: 2vw;
}
header hgroup p{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
background: url("../images/roadshow0724_mobile.png") center center no-repeat;
background-size: 100%;
aspect-ratio:670/90;
}

#bg-video {
position: fixed;
position: relative;
width: 100%;
height: auto;
aspect-ratio:16/9;
object-fit: cover;
z-index: -1;
pointer-events: none;
background: #310;
}

#cast{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
background: url("../images/billing0724_mobile.png?0716") center center no-repeat;
background-size: 100%;
aspect-ratio:900/200;
margin-bottom: 5vw;
}

/*ボタン*/
.mainBTN .movie,
.mainBTN .news{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
aspect-ratio:900/240;
margin-bottom: -5vw;
}
.mainBTN .movie{
background: url("../images/btn_movie_mobile.png?0716") center center no-repeat;
background-size: 100%;
}
.mainBTN .news{
background: url("../images/btn_news_mobile.png") center center no-repeat;
background-size: 100%;
}
.mainBTN .eigax{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
background: url("../images/btn_eigax_mobile.png") center center no-repeat;
background-size: 100%;
aspect-ratio:900/180;
margin-top: 5vw;
}

/*SNS*/
.snsBTN p,
.snsBTN a{
display: inline-block;
margin: 2vw 0.5vw 4vw 0.5vw;
}
.snsBTN p img,
.snsBTN a img{
height: 14vw;
width: auto;
}
.mark{
width: 28vw;
height: auto;
padding: 5vw 0 1vw 0;
}

footer{
background: url("../images/footerbg_gear_mobile.png") center center no-repeat;
background-size: 100% auto;
position: relative;
padding: 2vw 0;
}
footer .texture{
background: url("../images/footerbg_mobile.jpg") center center no-repeat;
background-size: 100% 100%;
}
#policy{
font-size: 0.6rem;
color: #6b1900;
margin-bottom: 1vw;
}
#policy a,
#policy a:visited,
#policy a::before{
color: #6b1900;
text-decoration: none;
}
#policy a{
display: inline-block;
padding: 0 1em;
}
#officialBNR{
margin-bottom: 0.5rem;
}
#officialBNR a{
display: inline-block;
margin-right: 1.5vw;
margin-top: 1.5vw;
}
#officialBNR a:nth-of-type(3),
#officialBNR a:nth-of-type(5){
margin-right: 0;
}
#officialBNR a img{
height: 9vw;
width: auto;
}
#toho{
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url("../images/toho.png") center center no-repeat;
background-size: 100%;
aspect-ratio:300/50;
height: 6vw;
margin: 0 auto;
}

/*PC*/
@media screen and (min-width:768px){



header{
position: absolute;
background: none;
padding: 0;
width: 28%;
top: 1vw;
right: 1vw;
z-index: 2;
}
header hgroup{
width: 100%;
margin: 0;
}
header hgroup h1{
margin-bottom: 0;
}
header hgroup p{
background: url("../images/roadshow0724_pc.png") center center no-repeat;
background-size: 100%;
aspect-ratio:670/120;
}

#bg-video {
/*position: absolute;
top: 0%;
left: 0%;*/
width: 100%;
height: 100dvh;
aspect-ratio:auto;
object-fit: cover;
z-index: 1;
pointer-events: none;
}

#cast{
position: absolute;
top: calc( -100dvh +  99dvh - 33vw * (150/510));
left: 0;
background: url("../images/billing0724_pc.png?0716") center center no-repeat;
background-size: 100%;
aspect-ratio:510/150;
margin-bottom: 0;
z-index: 1;
width: 33vw;
}
	
/*ボタン*/
.mainBTN{
width: 18vw;
position: absolute;
top: calc(-100dvh + 28vw * 0.72);
right: 0;
z-index: 2;
}
.mainBTN .movie,
.mainBTN .news{
aspect-ratio:284/121;
margin-bottom: -2vw;
}
.mainBTN .movie{
background: url("../images/btn_movie_pc.png?0716") center center no-repeat;
background-size: 100%;
}
.mainBTN .news{
background: url("../images/btn_news_pc.png") center center no-repeat;
background-size: 100%;
}
.mainBTN .eigax{
background: url("../images/btn_eigax_pc.png") center center no-repeat;
background-size: 100%;
aspect-ratio:284/97;
margin-top: 1vw;
}

/*SNS*/
.snsBTN{
width: 33vw;
position: absolute;
top: calc( -100dvh +  99dvh - 33vw * 0.2);
right: 1vw;
z-index: 2;
text-align: right;
}
.snsBTN p,
.snsBTN a{
margin: 2vw 0.25vw 4vw  0.25vw;
}
.snsBTN p img,
.snsBTN a img{
height: 4vw;
}

.mark{
width: 12vw;
padding: 1vw 0 0 0;
}

footer{
background: url("../images/footerbg_gear_pc.png") center center no-repeat;
background-size: 100% auto;
position: relative;
padding: 1vw 0;
}
footer .texture{
background: url("../images/footerbg_pc.jpg") center center no-repeat;
background-size: 100% 100%;
}

#policy{
margin-bottom: 0.5vw;
}
#officialBNR a{
display: inline-block;
margin-right: 0.5vw;
margin-top: 0.5vw;
}
#officialBNR a:nth-of-type(3){
margin-right: 0.5vw;
}
#officialBNR a img{
height: 4vw;
}
#toho{
height: 2.1vw;
}
	
@media (orientation: portrait){
/*デバイスが縦向きの場合*/
header{
width: 45%;
}
#cast{
top: calc( -100dvh +  99dvh - 45vw * (150/510));
width: 45vw;
}
/*ボタン*/
.mainBTN{
width: 28vw;
top: calc(-100dvh + 45vw * 0.72);
}
/*SNS*/
.snsBTN{
width: 46vw;
top: calc( -100dvh +  99dvh - 46vw * 0.2);
}
.snsBTN p img,
.snsBTN a img{
height: 7vw;
}
}

}


/*PC*/
@media screen and (min-width:1080px){
 
}