@charset "utf-8";

@import "../../../files/css/layout.css";

/*-------------------------------------------------------------------------
	共通
/*-----------------------------------------------------------------------*/

.ttl {
	text-align:center;
	margin:40px 0 40px 0;
}


/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/

#title {
	height: 500px;
	background: url(../img/index/title/bg.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
	z-index: -101;
}
	#title video {
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -100;
	}
	#title .wrap p {
		position: absolute;
		top: 363px;
		left: -80px;
		z-index: 100;
	}

/* Wii U */
.wiiu #title video {
	display: none;
}

/*-------------------------------------------------------------------------
	rio
/*-----------------------------------------------------------------------*/

#rio {
	height: 640px;
	background: url(../img/index/rio/slider/bg.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

	#rio .slider {
		padding:50px 0 0 100px;
	}
	
		#rio .card {
			background: url(../img/index/rio/slider/slider_bg.png) center center no-repeat;
			width:753px;
			height:502px;
			margin:0 0 0 0;
		}
		
		body #rio #box_rio .slider .card .bx-wrapper .bx-viewport {
			height:483px;
		}
		
			#rio ul li {
				padding:60px 0 0 60px;
			}
		
			#rio ul img {
				width:640px;
				height:423px;
			}
		
		#rio .bx-controls {
			padding:40px 0 0 0;
		}

	#rio {
	}
	
/*-------------------------------------------------------------------------
	tournament
/*-----------------------------------------------------------------------*/

#tournament {
	height: 735px;
	background: url(../img/index/tournament/bg.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position:relative;
}

	#tournament .txt {
		padding:45px 0 0 0;
	}
	
		#tournament .obj001 {
			margin:30px 0 0 -50px;
		}
		
		#tournament .obj002 {
			position:absolute;
			top:-160px;
			left:760px;
		}
		
		#tournament .obj003 {
			position:absolute;
			top:45px;
			left:440px;
		}
		
		#tournament .obj004 {
			position:absolute;
			top:280px;
			left:810px;
		}

/*-------------------------------------------------------------------------
	slider
/*-----------------------------------------------------------------------*/
#slide {
	padding-top: 30px;
}
	#slide {
		width: 100%;
		height: 174px;
		overflow: hidden;
	}
	#slide .area {}
		#slide .area > .slide {
			position: relative;
			z-index: 2;
		}
			#slide .area > .slide li {
				float: left;
			}
				#slide .area > .slide li img {
					width: auto;
					height: 174px;
					overflow: hidden;
				}

/*-------------------------------------------------------------------------
	team
/*-----------------------------------------------------------------------*/

#team {
	height: 749px;
	background: url(../img/index/team/bg.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

	#team .item {
		padding:50px 0 30px 100px;
	}
	
		#team .card {
			background: url(../img/index/team/slider/slider_bg.png) center center no-repeat;
			width:753px;
			height:502px;
			margin:0 0 0 0;
		}
		
			#team ul.type li {
				padding:50px 0 0 100px;
			}
		
			#team ul img {
			}
		
		#team .bx-controls {
		}

		#team .end_miiverse_txt {
			position: absolute;
            bottom: -8px;
            right: 159px;
		}
		
		#team .bx-viewport {
			overflow: visible !important;
		}
/*-------------------------------------------------------------------------
	mii
/*-----------------------------------------------------------------------*/

#mii {
	height: 410px;
	background: url(../img/index/mii/bg.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

	#mii .txt {
		padding:50px 0 0 0;
	}
	
		#mii .obj001 {
			position:absolute;
			top:140px;
			left:0;
		}
		
		#mii .obj002 {
			position:absolute;
			top:155px;
			left:135px;
		}
		
		#mii .obj003 {
			position:absolute;
			top:140px;
			left:270px;
		}
		
		#mii .obj004 {
			position:absolute;
			top:50px;
			left:400px;
			border: solid 4px #fff;
			border-radius: 4px;
		}
		
		#mii .obj005 {
			position:absolute;
			top:-160px;
			left:700px;
		}


/*-------------------------------------------------------------------------
	Navi
/*-----------------------------------------------------------------------*/

#navi {
	background-color: #f4791f;
}