@charset "UTF-8";

/*eventスタイル専用*/
.mv-event{
	background: url(/event/tanabata/img/mv_01.jpg) center center no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width:1023px){
	.ttl-event{
		width: 60%;
	}
	.img-mv-02{
		width: 30%;
	}
}
@media only screen and (max-width:767px){
	.mv-event{
	background: url(/event/tanabata/img/mv_02.jpg) center center no-repeat;
	background-size: cover;
}
	.ttl-event{
		width: 80%;
	}
	.img-mv-02{
		width: 30%;
	}
	@media screen and (orientation: landscape) {
	.ttl-event{
			width: 60%;
		}
	}
}
.txt-lead-wp{
	color:#fff;
}
.area-event-contents{
	background: -moz-linear-gradient(top, #1d285b 5%,#030140 30%, #02001e);
	background: -webkit-linear-gradient(top, #1d285b 5%,#030140 30%, #02001e);
	background: linear-gradient(to bottom, #1d285b 5%,#030140 30%, #02001e);
}
.box-event{
	border-top: solid 4px #8e8e8e; 
	position: relative;
}
.img-ribon01{
	position: absolute;
	bottom:10px;
	right:10px;
}
.img-ribon02{
	position: absolute;
	top:10px;
	left:10px;
}

@media only screen and (max-width:767px){
	.img-ribon{
		top: 0px;
		left:0px;
		display: block;
		width: 80px;
	}
	.img-ribon img{
		width: 100%;
	}
	.img-ribon01{
width: 14%;
bottom:5px;
right:5px;
	}
	.img-ribon02{
		width: 14%;
		top:5px;
		left:5px;
	}

}
@media only screen and (min-width: 769px){
.area-event-contents-in .wrap.style02 {
    padding: 70px 20px;
}}