@charset "UTF-8";
/*********************************************************************************************************/
html, body {
	overflow: hidden !important;
}
/*!------------------------------------------------------------------
[ MV背景 ]
*/
.vegas-container {
	width: 100%;
	height: 100%;
}
/*!------------------------------------------------------------------
[ MVテキスト ]
*/
#mvtxt tr th {
	border-top: none !important;
	border-bottom: none !important;
}
.img_txt {
	line-height: 1.2 !important;
	font-weight: 900 !important;
}
/*!------------------------------------------------------------------
[ 背景スライドアニメーション ]
*/
.bg {
	animation: slide 3s ease-in-out infinite alternate;
	background-image: linear-gradient(-60deg, #ff8c00 50%, #ffd700 50%);
	bottom: 0;
	left: -50%;
	opacity: 0.35;
	position: fixed;
	right: -50%;
	top: 0;
	z-index: -1;
}
.bg2 {
	animation-direction: alternate-reverse;
	animation-duration: 4s;
}
.bg3 {
	animation-duration: 5s;
}
@keyframes slide {
	0% {
		transform: translateX(-25%);
	}
	100% {
		transform: translateX(25%);
	}
}
/*!------------------------------------------------------------------
[ 背景四角浮遊アニメーション ]
*/
/*@import url('https://fonts.googleapis.com/css?family=Exo:400,700');*/
* {
	margin: 0px;
	padding: 0px;
}
.circles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.circles li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.4);
	animation: animate 5s linear infinite; /*25s*/
	bottom: -150px;
}
.circles li:nth-child(1) {
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}
.circles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}
.circles li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}
.circles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}
.circles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}
.circles li:nth-child(6) {
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
}
.circles li:nth-child(7) {
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
}
.circles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
}
.circles li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}
.circles li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}
@keyframes animate {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}
	100% {
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%;
	}
}
/*!------------------------------------------------------------------
[ nav ]
*/
@media screen and (min-width: 992px) {
	#menu a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		font-weight: bold !important;
	}
	#menu a::after {
		color: #ffffff !important;
		position: absolute;
		top: -2px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #ffffff;
		transform: scale(0, 2);
		transform-origin: center top;
		transition: transform .3s;
	}
	#menu a:hover {
		color: #ffffff !important;
	}
	#menu a:hover::after {
		color: #ffffff !important;
		transform: scale(1, 2);
	}
	body.home a.nav_home {
		color: #ffffff !important;
		top: -2px !important;
		content: '' !important;
		height: 2px !important;
		border-top: #ffffff 4px solid !important;
	}
	body.home a.nav_home::after {
		background: none !important;
		transform: none !important;
		transform-origin: none !important;
		transition: none !important;
	}
	#menu a:hover {
		color: #ffffff !important;
	}
	#topmain img {
		display: none;
	}
}

/*!------------------------------------------------------------------
[ other ]
*/
@media print {
	#menu img {
		display: none !important;
	}
}