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

	/*---------Common---------------*/
	* {
		box-sizing: border-box;
		position: relative;
	}

	.aplha {
		-ms-filter: "alpha( opacity=0 )";
		filter: alpha(opacity=0);
		opacity: 0.0;
	}

	.onalpha {
		-ms-filter: "alpha( opacity=100 )";
		filter: alpha(opacity=100);
		opacity: 1.0;
		transition: 0.2s;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		cursor: default;
	}

	.onalpha:hover {
		-ms-filter: "alpha( opacity=80 )";
		filter: alpha(opacity=80);
		opacity: 0.8;
		transition: 0.2s;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		cursor: pointer;
	}


	.clearfix::after {
		content: "";
		display: block;
		clear: both;
	}

	a:focus,
	*:focus {
		outline: none;
	}


	.sp {
		display: inline-block;
	}

	.sp_b {
		display: block;
	}

	.vsp {
		display: none;
	}

	.pc,
	.pc_b {
		display: none;
	}


	/*-----Loading-------*/
	#loading {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 999;
		background: #fff;
		text-align: center;
		color: #fff;
		display: none;
	}

	#loading_logo {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#loading_logo img {
		width: 90%;
		height: auto;
	}


	/*-----HEADER-------*/
	#header_sp {
		width: 100%;
		height: 4.6rem;
		position: fixed;
		top: 0;
		z-index: 300;
		color: #fff;
		background-color: #000;
	}

	#header_sp_sns {
		/*		text-align: center;*/
		width: calc(100% - 4.6rem);
	}

	#header_sp_sns a {
		color: #fff;
		font-size: 17pt;
		margin: 0 0.9rem;
		line-height: 4.4rem;
	}

	/*-----Main-------*/
	main {
		min-width: inherit;
		margin-top: 4.6rem;
	}


	#top_sp_box {
		width: 100%;
		aspect-ratio: 486 / 978;
		margin-top: 0;
		background: #000;
	}

	#video_box_sp {
		position: absolute;
		margin-top: 0%;
		margin-left: 0%;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}

	#video_box_sp::before {
		z-index: 2;
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url(../images/bgpatternb.png) center top/3px 3px;
	}

	#video_box_sp video {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
		object-fit: cover;
	}

	#top_logoset_box{
		width: 100%;
		height: 150vw;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 20;
		/* border: 1px #fff solid; */
	}


	.pre_logoset_sp {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.top_part{
		background-image: url('../images/pre_logoset_sp.png');
	}

	.tp1{
		margin-top: 23.8%;
		height: 12vw;
		background-position: 0 17.4%;
	}

	.tp2{
		margin-top: 39.7%;
		height: 26vw;
		background-position: 0 32%;
	}

	.tp3{
		margin-top: 67.7%;
		height: 11vw;
		background-position: 0 48.4%;
	}

	.tp4{
		margin-top: 97.7%;
		height: 24vw;
		background-position: 0 77.5%;
	}

	/*-----mvtk-------*/
	#mvtk_box{
		min-width:inherit;
	}

	#mvtk_box img{
		margin: 0 5px 20px;
	}

	#mvtk_box #mvtk-widgets-container {
		margin: 0px auto 10px;
	}
	
	/*------- SUB PAGE ----------------*/

	.sub_box {
		min-width: inherit;
	}

	.in_box {
		margin: 0;
		width: 100%;
	}

	.txt_box{
		font-size: 11pt;
		line-height: 2em;
	}


	.pad_lr {
		padding-left: 20px;
		padding-right: 20px;
	}

	h3{
		font-size: 25pt;
		margin-top: 40px;
		margin-bottom: 30px;
	}


	/*----------TRAILER------------*/

	#trailer_box{
		padding-top: 0;
		padding-bottom: 50px;
	}

	#trailer_box iframe {
		width: 90%;
		height: calc(100vw * 0.9 * 9 / 16);
		margin: 0 auto;
	}

	.movie_nav {
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		align-items:stretch;
		margin-top: 7px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		padding: 0;
	}

	.movie_nav_box {
		width: 50%;
		padding: 1px;
	}

	.movie_nav_box_long {
		width: 100%;
		padding: 1px;
	}

	.movie_nav_btn {
		display: block;
	font-size: 10pt;
		padding: 5px 0;
		text-align: center;
		text-decoration: none;
/*		background-color: #7e7e7e;*/
	}


	/*----------NEWS------------*/

	#news_box{
		padding-top:1px;
		padding-bottom: 50px;
	}


	/*----------INTRODUCTION------------*/

	#intro_box{
		padding-bottom: 50px;
	}

	.intro_lead1{
		font-size: 14pt;
	}

	.intro_head2{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.intro_lead2{
		font-size: 14pt;
	}


	/*----------STORY------------*/

	#story_box{
		padding-top:15px;
		padding-bottom: 15px;
	}

	.story_head2{
		margin-top: 30px;
	}

	/*----------4K CONCEPT------------*/

	#k4_box{
		padding-top:1px;
		padding-bottom: 50px;
	}

	.k4_lead1{
		font-size: 17pt;
	}

	#k4_box li{
		text-align: left;
	}

	.k4_lead2{
		width: 100%;
		font-size: 15pt;
		line-height: 1.6em;;
	}

	.k4_point{
		margin: 30px auto 30px;
		padding: 20px 20px;
	}

	.k4_ptlist li{
		text-align: left;
		font-size: 12pt;;
	}

	.k4_ptlist{
		font-size: 15pt;
		line-height: 1.6em;;
	}

	/*-----FOOTER-------*/

	footer{
		padding: 50px 0px;
		text-align: center;
	}

	.pre_ftr_logo{
		width: 90%;
		height: auto;;
	}

	footer ul{
		width: 100%;
		padding: 0;
	}

	footer li{
		padding-left:1em;
		text-indent:-1em;
	}

/*------- SNS ----------------*/

	.sns {
		margin-top: 0px;
		margin-right: 7px;
		margin-bottom: 0;
		float: left;
		margin-left: 0;
	}


	.fb {
		margin-top: -4px;
		margin-right: 0px;
		margin-bottom: 0;
		float: left;
		margin-left: 5px;
	}


	.tw {
		margin-top: -1px;
		margin-right: 0px;
		margin-left: 5px;
		margin-bottom: 0;
		float: left;
	}


	.lineb {
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 5px;
		margin-bottom: 0;
		float: left;
		width: 37px;
	}

	.eigacom {
		margin-left: 0px;
		text-align: left;
		float: left;
		margin-top: 0px;
		height: 60px;
		/*		width: 36px;*/
	}






















}