@charset "UTF-8";
/* /css/toppage.css */

div#slideArea {
	position: relative;
	width: 100%;
}

		div#slideArea img {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}

		img#slide01 {
		}
		
		img#slide02 {
		}
		
		img#slide03 {
		}
		
	div#movieArea {
		width: 100%;
	}

	div.movieBox {
		width: 100%;
		text-align: center;
	}

	img.movieImg {
		width: 100%;
		padding-bottom: 0.8em;
	}

	div.movieBox p {
		font-size: 14px;
		padding-bottom: 1em;
	}

/*----------------------------------------------------------------------------------------------------
	pc
----------------------------------------------------------------------------------------------------*/

@media all and (min-width: 769px) {

	div#slideArea {
		height: 478px;
	}

		div#slideArea img {
		}

		img#slide01 {
		}
		
		img#slide02 {
		}
		
		img#slide03 {
		}
		
	div#movieArea {
		width: 100%;
		text-align: center;
	}

	div.movieBox {
		width: 30%;
		display: inline-block;
		vertical-align: top;
	}

	div#movie01 {
		margin: 0 2% 0 0;
	}

	div#movie02 {
		margin: 0 2%;
	}

	div#movie03 {
		margin: 0 0 0 2%;
	}

	img.movieImg {
		width: 100%;
		padding-bottom: 0.8em;
	}

	div.movieBox p {
		font-size: 14px;
	}

}