@charset "utf-8";
/**********
sp
**********/
@media screen and (min-width: 0px) and (max-width: 800px) {
	html{
		background:#fff;
	}
	body{
		min-width: inherit;
	}
	.visual_fade{
		min-width: 100%;
		position: fixed;
		padding: 0;
		z-index: 2;
	}
	.visual{
		position: absolute;
		width: 86%;
		height: auto;
		transform: inherit;
		left: 0;
		right: 0;
		top: 60px;
		margin: 0 auto;
	}
	.visual img{
		width: 100%;
	}
	.visual_close {
		position: absolute;
		top: -53px;
		right: 0;
		left: inherit;
		width: 45px;
		cursor: pointer;
		transition: 0.2s;
		margin-left: inherit;
	}
	
	.main{
    /* height: 736px;*/
		/* display: flex; */
		justify-content: center;
		align-items: center;
		/* margin-top: 15%; */
    margin-bottom:9.375%;
	}
	.sp_movie{
		position: relative;
		border-top: solid 1px #7f7f7f;
		border-bottom: solid 1px #7f7f7f;
		font-family: vdl-v7mincho, sans-serif;
		font-weight: 800!important;
		font-style: normal;
		text-align: center;
		font-size: 20px;
		z-index: 1;
	}
	#sp_menu a{
		display: block;
	}
	#sp_menu{
		font-family: vdl-v7mincho, sans-serif;
		font-weight: 800!important;
		font-style: normal;
		text-align: center;
	}
	#sp_menu li{
		border-top: solid 1px #7f7f7f;
		padding: 2% 0;
		font-size: 20px;
	}
	#sp_menu li:last-child{
		border-top: solid 1px #7f7f7f;
		border-bottom: solid 1px #7f7f7f;
	}
	.sp_official_sns{
		padding: 0!important;
	}
	
	.share {
		position: relative;
		left: 50%;
		bottom: 0;
		margin: 12.5% 0;
		width:200px!important;
	}
	.share_txt{
		margin-top: 8px;
		width: 50px;
	}
	.copyllight {
		font-size: 10px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 12.5%;
	}
	
  
  .poster_wrap{
    position: relative;
    width:100%;
    height:0;
    padding-top:143.75%;
  }
  .main_poster{
    position: absolute;
    left: 0;
    top:0;
    opacity: 0;
    width: 100%;
  }
  .poster_old{
    opacity: 1;
  }
  .poster_ta{
    opacity: 0;
    z-index: 1;
    animation: fade_anim 1s forwards;
  }
  .sp_title{
    position: relative;
    margin-top:-14%;
    margin-bottom:7.1875%;
    width:100%;
    z-index: 2;
  }
	#barrierfree_sp{
    width:54%;
    margin: 30px auto;
  }
	
	/*CPバナー*/
	.sp_cp{
		margin-bottom: 3.12%;
	}

}

	
@keyframes fade_anim {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}