@charset "UTF-8";

html{
background: url("../../assets/images_common/wood.jpg") top center;
background-size: 100% auto;
padding-bottom: 1rem;
}
body{
background: none;
padding-bottom: 0;
}

/*ボタン*/
.mainBTN .movie,
.mainBTN .news,
.mainBTN .top{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
aspect-ratio:900/240;
margin-bottom: -5vw;
}
.mainBTN .top{
background: url("../../images/btn_top_mobile.png") center center no-repeat;
background-size: 100%;
}
.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;
}

main{
width: 100svw;
padding: 5vw 0;
}

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

main{
width:500px;
padding: calc(500px * 0.05) 0;
margin: 0 auto;
}
/*ボタン*/
.mainBTN .movie,
.mainBTN .news,
.mainBTN .top{
margin-bottom: calc(-500px * 0.05);
}
.mainBTN .eigax{
margin-top: calc(500px * 0.05);
}
/*SNS*/
.snsBTN p,
.snsBTN a{
margin: calc(500px * 0.02) calc(500px * 0.005) calc(500px * 0.04) calc(500px * 0.005);
}
.snsBTN p img,
.snsBTN a img{
height: calc(500px * 0.14);
}

	
@media (orientation: portrait){

/*デバイスが縦向きの場合*/

}

}

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


@media (orientation: portrait){

/*デバイスが縦向きの場合*/

}

}