@import url(common.css);

/* ページ個別 */

/* Top */
div#wrap_openning {
	width: 700px;
	height: 340px;
	_height: 360px;
	padding-top: 20px;
	margin: 50px auto;
	padding-top: 52px;
	background: #000;
}

div#contents .top {
	margin: 15px auto 0 auto;
}

div#contents .flash {
	width: 520px;
	height: 343px;
	_height: 395px;
	margin: 0 auto;
	padding-top: 52px;
	text-align: left;
	background: url('../images/top/back_flash.jpg') center top no-repeat;
}

div#contents .flash object {
	width: 405px;
	height: 280px;
	margin: 0 0 0 57px;
}

div#contents .flash_text {
	width: 510px;
	margin: 0 auto;
	text-align: right;
}

div#contents .top_navi {
	width: 640px;
	margin: -37px auto 50px auto;
	padding-bottom: 40px;
	background: url('../images/top/back_table.jpg') center bottom no-repeat;
}

div#contents .top_navi ul {
	padding-left: 42px;
}

div#contents .top_navi ul li {
	float: left;
}

div#contents .top_navi ul li.info {
	width: 95px;
	height: 145px;
	margin: 10px 0 10px 0;
}

div#contents .top_navi ul li.map {
	width: 67px;
	height: 80px;
	margin: 75px 0 0 0;
}

div#contents .top_navi ul li.blog {
	width: 117px;
	height: 80px;
	margin: 75px 0 0 0;
}

div#contents .top_navi ul li.gallery {
	width: 105px;
	height: 80px;
	margin: 75px 0 0 0;
}

div#contents .top_navi ul li.menu {
	width: 100px;
	height: 80px;
	margin: 75px 0 0 0;
}

div#contents .top_navi ul li.staff {
	width: 80px;
	height: 80px;
	margin: 75px 0 0 0;
}

#top {
	display: none;
}

#top.is-show {
	display: block;
}

.start {
	height: 100vh;
	background: #000;
}

.start video {
	width: 700px;
}

.start.dnone {
	display: none;
}

#skip {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	/* color: #333333;
	padding: 8px 24px;
	font-size: 16px;
	font-weight: bold;
	transition: all .5s; */
}

/* 
#skip:hover {
	opacity: .7;
} */