@charset "UTF-8";

/*eventスタイル専用*/
.mv-event{
	background: url(/event/kids/img/mv_01.jpg) bottom left no-repeat;
	background-size: cover;
}
.img-mv-02{
	position: absolute;
	top:0;
	left:0;
}
.ttl-event{
	-webkit-transform: translate(-50%, -75%);
	transform: translate(-50%, -75%);
	width: 100%;
}
@media only screen and (min-width: 768px) and (max-width:1400px){
	.ttl-event{
		-webkit-transform: translate(-50%, -75%);
		transform: translate(-50%, -75%);
		width: 80%;
	}
}

@media only screen and (max-width:767px){
	.ttl-event{
		width: 60%;
		-webkit-transform: translate(-40%, -70%);
		transform: translate(-40%, -70%);
	}
	.img-mv-02{
		width: 20%;
	}
	@media screen and (orientation: landscape) {
	.ttl-event{
			width: 60%;
		}
	}
}
@media only screen and (max-width:550px){
	.ttl-event{
		width: 85%;
		-webkit-transform: translate(-50%, -70%);
		transform: translate(-50%, -70%);
	}
}
.area-event-contents{
	background: url(/event/kids/img/bg_03.gif);
}
.txt-lead-wp{
	background: url(/event/kids/img/bg_01.png) bottom left ;
	background-size: cover;
	position: relative;
}
.img-ship{
	position: absolute;
 	top: 50%;
	left: 50%;
	-webkit-transform: translate(-200%, -63%);
	transform: translate(-200%, -63%); 
}
.area-privilege-wrap{
	position: relative;
}
.area-privilege-wrap:before{
	content:'';
	width: 100%;
	height:40px ;
	background-image: url(/event/kids/img/bg_02.png) ;
	position: absolute;
	top:-40px;
}
.txt-privilege-01{
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.3333333333;
}

.img-ribon-01{
	position: absolute;
	top:0px;
	left:0px;
}
.img-ribon-02{
	position: absolute;
	top:0px;
	right:0px;
}


@media only screen and (max-width:767px){
	.area-privilege-wrap:before{
		height:20px ;
		top:-20px;
	}
	.img-ship{
		width: 110px;
		position: absolute;
		-webkit-transform: translate(-170%, 35%);
		transform: translate(-170%, 35%); 
	}
	.txt-lead-wp{
		background-position: center center;
	}
	.txt-privilege-01{
		line-height: 20px;
		font-size: 16px;
		letter-spacing: 2px;
		padding-top: 20px;
	}
	.img-ribon img{
		width: 100%;
	}
	.img-ribon-01{
		top: 0px;
		left:0px;
		display: block;
		width: 100px;
	}
	.img-ribon-02{
		top: 0px;
		right:0px;
		display: block;
		width: 100px;
	}

}