/* layout sp
--------------------------------------------------*/
@media screen and (max-width: 640px) {

html{
	overflow-x:hidden;
}

html,body {
	position:relative;
	width:100%;
	min-width:320px;
	height:100%;
	text-align:left;
	-webkit-text-size-adjust: none;
}



.main{
	position:relative;
	width:100%;
	min-width:320px;
	height:auto;
	overflow:hidden;
}



/* 背景ゆらゆら */
.main_bg{
	position:absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	margin: 0;
	margin-top:-3vw;
	z-index:2;
}

.floating-container {
	position: relative;
	width: 70vw;
	height: 64vw;
}

/* キャラクター */

.main_text01{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 31vw);
	margin-left:-33vw;
	z-index:2;
}

.main_text01 img{
	width:36vw;
	height:auto;
}

.chara01{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 20vw);;
	margin-left:-13vw;
	z-index:2;
}

.chara01 img{
	width:11vw;
	height:auto;
}

.chara02{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 29vw);;
	margin-left:0vw;
	z-index:3;
}

.chara02 img{
	width:23vw;
	height:auto;
}


.chara03{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 14vw);;
	margin-left:-34vw;
	z-index:3;
}

.chara03 img{
	width:37vw;
	height:auto;
}


.chara04{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 28vw);;
	margin-left:5vw;
	z-index:2;
}

.chara04 img{
	width:40vw;
	height:auto;
}

.chara05{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 7vw);;
	margin-left:-42vw;
	z-index:2;
}

.chara05 img{
	width:39vw;
	height:auto;
}


.chara06{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 10vw);;
	margin-left:-19vw;
	z-index:3;
}

.chara06 img{
	width:15vw;
	height:auto;
}



.chara07{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 11vw);;
	margin-left:-5vw;
	z-index:3;
}

.chara07 img{
	width:16vw;
	height:auto;
}


.chara08{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw - 7vw);;
	margin-left:1vw;
	z-index:2;
}

.chara08 img{
	width:26vw;
	height:auto;
}

/* ロゴ */
.logo{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(-3vw + 9.5vw);;
	margin-left:-42vw;
	z-index:2;
	width:86vw;
	height
	:auto;
}
/* 背景イラスト */
.main_illust01{
	position:absolute;
	top:37vw;
	left:0;
	margin-top:0;
	margin-left:0;
	z-index:2;

}

.main_illust01 img{
	width:100%;
	height:auto;

}

.sub{
	position:relative;
	width:100%;
	padding-top:9vw;
	padding-bottom:16vw;
	overflow:hidden;
}


.sub_text01{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 9vw;
}


/* 雲 */
.cloud01{
	position:absolute;
	top:4vw;
	left:50%;
	margin-left:-66vw;
	z-index:2;
}

.cloud01 img{
	width:26vw;
	height:auto;
}


.cloud02{
	position:absolute;
	top:84vw;
	left:50%;
	margin-left:30vw;
	z-index:2;
}

.cloud02 img{
	width:9vw;
	height:auto;
}



.cloud03{
	position:absolute;
	top:90vw;
	left:50%;
	margin-left:38vw;
	z-index:2;
}

.cloud03 img{
	width:15vw;
	height:auto;
}
.cloud04{
	position:absolute;
	top:0;
	left:50%;
	margin-left:0;
	z-index:2;
	display:none;
}
.cloud05{
	position:absolute;
	top:0;
	left:50%;
	margin-left:0;
	z-index:2;
	display:none;
}


.cloud01 img,
.cloud03 img,
.cloud05 img{
	animation: powaPowa 2s ease-in-out infinite;
	transform-origin: center center;
}

.cloud02 img,
.cloud04 img{
	animation: powaPowa 3s ease-in-out infinite;
	transform-origin: center center;
}

@keyframes powaPowa {
	0%, 100% {
		transform: scale(0.95);
	}
	50% {
		transform: scale(1);
	}
}


/* SNS */
.sns{
	position:relative;
	width:44vw;
	margin:8vw auto 0;
	overflow:hidden;
}

.sns img{
	float:left;
	transition-duration:0.2s;
}

.sns img:hover{
	opacity:1;
}


.share{
	position:relative;
	margin-top:2.5vw;
	width:15vw;
	height:auto;
}

.sns a img{
	width:7vw;
	height:auto;
	margin-right:2vw;
}

.sns a:nth-child(4) img{
	margin-right:0;
}






.enter_btn{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}






.seibu_logo{
	position:absolute;
	top:2.5vw;
	right:1.5vw;
	width:35vw;
	height:auto;
	z-index:1;
}













/* SP/PC用 */
.rps_del{
	display:none;
}

.rps_visible{
	display:block;
}




}