@media screen and (max-width: 767px) {
	html {
		height: 100%;
	}

	body {
		background-color: #000000;
		height: 100%;
		font-family: 'Noto Sans JP', sans-serif;
	}

	.sp {
		display: inline-block;
	}

	.sp_b {
		display: block;
	}

	.vsp {
		display: none;
	}

	.pc,
	.pc_b {
		display: none;
	}
	
	/*-----HEADER-------*/
	#header{
		min-width: inherit;
		height: auto;
	}
	
	.top_bg{
		width: auto;
		height: 100%;
	}
	
	.top_bg_blend{
		width: 250%;
	}
	
	.top_set_logo{
		width: 70%;
		height: auto;
		margin: 3% auto 10%;
	}
	
	.top_set_revival{
		width: 80%;
		height: auto;
		margin: 10% auto 10%;
	}
	/*-----Main-------*/
	#top_box{
		min-width: inherit;
		padding: 30px 0 0;
	}
	
	#top_set_box{
		min-width: inherit;
		max-width: inherit;
		margin: 0 auto;
		display: block;
	}

	#top_box h3{
		min-width: inherit;
		font-size: 20pt;
	}

	#latest_box{
		min-width: inherit;
		padding-bottom: 50px;
	}
	
	.hypn_box{
		width: 90%;
		margin: 0 auto 50px;
		font-size: 14pt;
	}
	

	.ver_btn{
		width: 80%;
		height: 58px;
		line-height: 58px;
		font-size: 16pt;
	}

	.ver_btn2{
		width: 80%;
		font-size: 16pt;
		margin: 0px auto 30px;
		padding: 4px 0;

	}

	
	.top_bnr_789_link{
		width: 80%;
		margin: 30px auto 30px;
	}
	
	/*-----Twitter-------*/
	#tw_box{
		padding: 50px 0;
	}

	#tw_inbox{
		width: 95%;
	}

	
}