@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.navi01 a {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#container {
	display: none;
}

.zoomBg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.zoomBg .backstretch img {
	transition: transform 6s linear;
	-webkit-transition: -webkit-transform 6s linear;
}

.zoomBg .backstretch .active {
	transform: scale(1.2) translate3d(0, 0, 0);
	-webkit-transform: scale(1.2) translate3d(0, 0, 0);
}

.topBox {
	position: absolute;
	left: 0;
	top: 19.5%;
	width: 100%;
	text-align: center;
}

#gNavi {
	position: absolute;
	top: 77%;
	left: 0;
	width: 100%;
	float: none;
	padding: 0;
	text-align: center;
}

#gNavi li {
	margin: 0 18px;
}

#gNavi li a {
	letter-spacing: 1.2px;
}

#footer .fBox {
	padding: 0 20px 15px 25px;
}

#footer .news {
	float: left;
	color: #CCCCCC;
	font-size: 11px;
}

#footer .news a {
	color: #FFF;
	margin-left: 10px;
}

#footer .fInner {
	float: right;
}

#footer .fInner > * {
	display: inline-block;
	float: none;
}

#footer .fInner .bgm {
	cursor: pointer;
	vertical-align: middle;
	width: 17px;
	height: 12px;
	position: relative;
	top: -1px;
	background: url(../img/index/bgm_off.png) no-repeat left center;
	transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
}

#footer .fInner .bgm:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#footer .fInner .bgm.on {
	background: url(../img/index/bgm_on.png) no-repeat left center;
}

#footer .fInner .policy {
	margin: 0 15px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	html,
	body {
		height: 100%;
	}
	
	#container {
		position: relative;
		height: 100%;
		min-height: 400px;
	}
	
	.topBox {
		top: 10%;
	}
	
	.topBox h1,
	.topBox .text {
		margin: 0 auto;
		width: 190px;
	}
	
	#gNavi {
		position: absolute;
		top: auto;
		bottom: 110px;
		left: 0;
		width: 100%;
		float: none;
		text-align: left;
	}
	
	#gNavi ul {
		padding: 0;
	}
	
	#gNavi li {
		float: left;
		width: 55%;
		font-size: 16px;
		padding: 0 0 15px 33px;
		margin: 0;
		box-sizing: border-box;
	}
	
	#gNavi li:nth-child(2n){
		width: 41%;
	}
	
	#gNavi li.navi01 {
		display: none;
	}
	
	#gNavi li a {
		font-size: 16px;
		letter-spacing: 0;
	}
	
	#footer {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	#footer .fBox {
		padding: 0 16px 11px;
	}
	
	#footer .news {
		float: none;
		margin: 0 10px 25px 9px;
		line-height: 1.8;
	}
	
	#footer .news a {
		display: block;
		margin: 0;
	}
	
	#footer .fInner {
		float: none;
	}
	
	#footer .fInner .bgm {
		display: none;
	}
	
	#footer .fInner .policy {
		margin: 0;
		float: left;
	}
	
	#footer .fInner .copyright {
		float: right;
	}
}