@charset "UTF-8";

/*eventスタイル専用*/
.mv-event{
	background: linear-gradient(to bottom , #00428e , #01316a);
	background-size: cover;
}
/*@media only screen and (max-width:1000px){
	.mv-event{
		min-height: 300px;
	}
}*/
@media only screen and (max-width:450px){
	.mv-event{
		min-height: 200px;
	}
}
.ttl-event{
	width: 100%;
	top:69%;
	left: 55%;

}
@media only screen and (max-width:769px){
	.ttl-event{
		top:67%;
		left: 53%;

	}
	.ttl-event img{
		width: 95%;
		
	}
}
.ttl-event figure{
	width: 85%;
}

.mv-ydb-catch{
    color: #000;
    font-size:30px;
    background: #ffe822;
    display: inline-block;
    padding: 0 15px;
}
.b_logo{
	position: absolute;
	bottom: 25%;
	right: 6%;
}
.b_logo img{
	width: 75%;
	height: auto;
}

@media only screen and (max-width:769px){
	.b_logo{
		width: 50px;
		right: 5%;
		position: absolute;
	}
}
@media only screen and (max-width:320px){
	.ttl-event{
		top:64%;

	}
}


.mv-ydb-catch span{
	color:#df3232;
}
.txt-lead-wp{
	position: relative;
	/* background-image: url(/event/baystars/img/bg_star.png); */
	background-repeat: no-repeat;
    background-position: center;
	padding-bottom: 30px;
}
@media only screen and (max-width:768px){
	.txt-lead-wp{
		background-size: 80%;
	}
}

.txt-lead-wp .txt-lead-01{
	/* background-size: cover;
	position: relative; */
	padding: 40px 0 0 0;
	/* font-size:36px; */
}
@media only screen and (max-width:768px){
	.txt-lead-wp .txt-lead-01{
		padding: 10px 10%;
		margin: 0;
		font-size: 24px;
	}
}
.txt-lead-wp .txt-lead-02{
	/*color: #fff;*/
}
.area-event-contents-wp{
	background: url(/event/baystars/img/bg_01.png) top left repeat;
}
@media only screen and (min-width:769px){
	.area-event-contents{
		-webkit-background-size: contain;
		background-size: contain;
	}
}

.box-bt.style01 {
	background: rgba(255,255,255,.3);
}

.mascot01,.mascot02{
	position: absolute;
}

.mascot01{
	left:15%;
	margin-top: 30px;
}

.mascot02{
	right:15%;
	margin-top: 30px;
}

@media only screen and (max-width:1200px){
	.mascot01{
		left:10%;
	}

	.mascot02{
		right:10%;
	}
}

@media only screen and (max-width:1100px){
	.mascot01{
		left:5%;
	}

	.mascot02{
		right:5%;
	}
}
@media only screen and (max-width:768px){
	.mascot01{
		left:1%;
		bottom: 0;
		margin-top: 0;
	}

	.mascot02{
		right:1%;
		bottom: 0;
		margin-top: 0;
	}
	.mascot01{width: 40px;}
	.mascot02{width: 70px;}
}



.s-bg-ydb{
	background: #e4edf8;
}

.ul-ydb li{
	list-style: disc;
}

.link-ydb{
	display: inline-block;
    color: #00418e;
    text-decoration: none;
}

.link-ydb:hover{
    text-decoration: solid; 	
}