@charset "utf-8";


/* [Index STYLE]
------------------------------------------------------------------------ */

#indexGallery {
	display: block;
	width: 100%;
	z-index: 9999;

}

.arrowIndex {
	display: none;
}

.scroll-down-arrow {
	position: absolute;
	top: 0;
	left: 48%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	text-align: center;
	font-size: 10em;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	margin: 30% auto 0;
	z-index: 100;
opacity:0;
	-webkit-animation: fadein 8s linear 14s 1;
	-webkit-animation: fade_move_down 3s ease-in-out infinite;
	-moz-animation: 	fade_move_down 3s ease-in-out infinite;
	animation:		 fade_move_down 3s ease-in-out infinite;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fadein {
	0%{opacity:0;}
	75%{opacity:0.5;}
	100% {opacity:1;}
}

@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

/* [Slideshow STYLE]
------------------------------------------------------------------------ */

@media screen and (max-width : 1200px) {
	.pagination {
		bottom: 50px;
		right: 10px;
		width: 100%;
		height: 15px;
		text-align: right;
		position: absolute;
		z-index: 200;
	}
	
	.pagination a {
		margin: 0 5px;
		width: 15px;
		height: 15px;
		display: inline-block;
		overflow: hidden;
		background: #FF0000;
	}
	.pagination a.active {
		filter:alpha(opacity=100)!important;
		-moz-opacity: 1!important;
		opacity: 1!important;
	}
	.pickup_title{
		left:3%;
	}
}


#fullscreen {
	display: none;
	position: fixed;
	z-index: -2;
}
.indexlogo { /*mo*/
	display: none;
	width: 200px;
	height: 60px;
	position: fixed;
	left: 0;
	right: 0;
	top: 73px;
	margin: auto;
	z-index: -1;
	text-align: center;
}
.indexlogo img { /*mo*/
	position: absolute;
	width: 90%;
	height: auto;
	left: 0px;
	right: 0;
	top: -10px;
	margin: 0 auto;
	z-index: -1;
	text-align: center;
}

.indexlogo span img { /*mo*/
	position: absolute;
	width: 190%;
	height: auto;
	left: -90px;
	right: 0;
	top: 70px;
	margin: 0 auto;
	z-index: -1;
	text-align: center;
}

.arrowIndex {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 100px;
	z-index: -1;
}

header h1 a {
	display: none;
}

header h1 a img{ /*mo*/
	width:150px;
}

.bg {
/*	background: url(../img/logo_s.png) no-repeat;
/*	background: url(../img/title-primary.png) no-repeat;*/
	background: url(../img/bg.png);
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

@media screen and (max-width : 1200px) {
	.indexlogo { /*mo*/
		display: none;
		width: 160px;
		position: fixed;
		left: 0;
		right: -10%;
		top: 10%;
		margin: 0 auto;
		z-index: -1;
		text-align: center;
	}
	.indexlogo img { /*mo*/
		position: absolute;
		width: 90%;
		height: auto;
		left: 0px;
		right: 0;
		top: 0;
		margin: 0 auto;
		z-index: -1;
		text-align: center;
	}

	.arrowIndex {
		display: none;
		position: fixed;
		left: 0;
		right: 50%;
		bottom: 50%;
		z-index: -1;
	}
}