@charset "utf-8";

body {margin: 0; padding: 0; font-size: 0; line-height: 0; color:#3a3a3a;}
.btn{position:absolute; display:block; font-size: 0;}
#winner div,#winner ul, #winner li, #winner img {margin: 0; padding: 0; font-size: 0; line-height: 0; list-style: none; border: 0; color: #3a3a3a;}
#winner {margin: 0 auto; width:100%; min-width: 650px;}
#winner .section {position:relative;}
#winner .section01{height: 1097px; background-image: url('../images/section_01.jpg'); background-position:center top; background-size:1920px auto;}
#winner .section02{height: 920px; background-image: url('../images/section_02.jpg'); background-position:center top; background-size:1920px auto;}
#winner .section03{height: 1227px; background-image: url('../images/section_03.jpg'); background-position:center top; background-size:1920px auto;}
#winner .section .box{position:relative; display: block; width: 650px; height: 100%; margin: 0 auto;}

#winner .section01 .img_tit{display: block; width: 0; height: 42px; position: absolute; top: 237px; left: 232px; overflow: hidden; animation-iteration-count: infinite; animation-duration: 3s; animation-name: tit; animation-timing-function: linear;}
#winner .section01 .img_tit img{width:238px;}

@keyframes tit {
	0% { width:0;	}
	80% { width:238px;	}
	100% { width:238px;	}
}

#winner .section01 .circle_wrap{position:absolute; top: 241px; left: 186px; font-size:0;}
#winner .section01 .circle_wrap span{opacity: 0.3; display:inline-block; width:12px; height:12px; border-radius:50%; animation-iteration-count: infinite; animation-duration: 2s;}
#winner .section01 .circle_wrap span ~ span{margin-left:1px;}
#winner .section01 .circle_wrap .circle_01{background:#fff; animation-name: ani_circle_01;}
#winner .section01 .circle_wrap .circle_02{background:#fff; animation-name: ani_circle_02;}
#winner .section01 .circle_wrap .circle_03{background:#fff; animation-name: ani_circle_03;}
@keyframes ani_circle_01 {
	0% { opacity:0.3;	}
	25% { opacity:1; }
	50% { opacity:1; }
	75% { opacity:1; }
	100% { opacity:0.3; }
}
@keyframes ani_circle_02 {
	0% { opacity:0.3;	}
	25% { opacity:0.3; }
	50% { opacity:1; }
	75% { opacity:1; }
	100% { opacity:0.3; }
}
@keyframes ani_circle_03 {
	0% { opacity:0.3;	}
	25% { opacity:0.3; }
	50% { opacity:0.3; }
	75% { opacity:1; }
	100% { opacity:0.3; }
}

#winner .section02 .area_01, #winner .section02 .area_02, .section02 .area_03, #winner .section02 .img_4{position:absolute;}
#winner .section02 .area_01 img, #winner .section02 .area_02 img, #winner .section02 .area_03 img{position:absolute; z-index:1; animation-name: ani_img; animation-duration: 1.5s; animation-iteration-count: infinite;}
#winner .section02 .area_01 a, #winner .section02 .area_02 a, #winner .section02 .area_03 a{position:relative; z-index:2; display:block; width:100%; height:100%;}
#winner .section02 .area_01{top:0; left:0; width:280px; height:450px;}
#winner .section02 .area_01 .img_1_1{left:80px; top:330px; width:89px; height:69px;}
@keyframes ani_img {
	0% { transform: translateY(0); }
	50% { transform: translateY(10px); }
	100% { transform: translateY(0); }
}
@keyframes ani_img_car {
	0% { transform: translateX(-10px); }
	50% { transform: translateX(30px); }
	100% { transform: translateX(-10px); }
}
#winner .section02 .area_01 .img_1_2{left:170px; top:290px; width:64px; height:54px;}
#winner .section02 .area_02{top:120px; right:48px; width:210px; height:300px;}
#winner .section02 .area_02 .img_2_1{left:65px; top:150px; width:100px; height:100px;}
#winner .section02 .area_02 .img_2_2{left:55px; top:238px; width:79px; height:58px;}
#winner .section02 .area_03{bottom:85px; right:110px; width:250px; height:340px;}
#winner .section02 .area_03 .img_3{left:105px; top:185px; width:122px; height:124px;}
#winner .section02 .img_4{left:108px; bottom:150px; width:165px; height:88px; animation-name: ani_img_car; animation-duration: 2s; animation-iteration-count: infinite;}