/*//////////////////////////////////////////////////////////////////////////////

Kinenkan Index
	
//////////////////////////////////////////////////////////////////////////////*/

#contents_area .section{
	overflow: hidden;
}

#main_area{
	background: url(../img/index/main.jpg)no-repeat center center;
	background-size: cover;
	position: relative;
}
#main_area .text_set{
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#main_area .bt_movie{
	position: absolute;
	top:30px;
	left: 30px;
}
#main_area .bt_link_movie a{
	display: inline-block;
	background: rgba(255,255,0,.8);
	color: #331913;
	font-size: 15px;
	height: 40px;
	font-weight: bold;
	margin-top: 15px;
	padding: 11px 20px 0 20px;
	border-radius: 20px;
	line-height: 1.2;	
}
#main_area .arrow{
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -48px;
}

/*about floor*/
.pager-set{
	margin-top: 15px;
}
.pager-set .gallery_tit{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size:14px !important;
	margin-bottom: 5px;
	color: #fff;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	width: 100%;
	position: relative;
	text-align: center;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.swiper-pagination-bullet {
	width: 18px;
	height: 13px;
	display: inline-block;
	border-radius: 0;
	background:url(../img/index/bt_pager.png) no-repeat top left;
	background-size: 18px 13px;
	opacity: .5;
	margin: 0 3px;
}
.swiper-pagination-bullet-active {
	background:url(../img/index/bt_pager.png) no-repeat top left;
	background-size: 18px 13px;
	opacity: 1;
}
#about,
#floor{
	position: relative;
	overflow: hidden;
}
#about .about-swiper-container,
#floor .floor-swiper-container{
	position: absolute;
	width: 100%;
}
#about .text_set,
#floor .text_set{
	background: rgba(43,32,25,.8);
	position: absolute;
	top: 50%;
	right: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	padding: 20px 30px;
	z-index: 9999;
}
#about h2,
#floor h2{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
}
#about p.en,
#floor p.en{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 12px;
	color: #fff;
	margin-top: 5px;
	opacity: .6;
}
#about .bt_link a,
#floor .bt_link a{
	display: inline-block;
	border: solid 1px rgba(255,255,255,.8);
	color: #fff;
	font-size: 15px;
	height: 40px;
	font-weight: bold;
	margin-top: 20px;
	padding: 10px 20px 0 38px;
	border-radius: 20px;
	line-height: 1.2;
}
#about .bt_link a:hover,
#floor .bt_link a:hover{
	border: solid 1px rgba(255,255,255,.8);
	background: #fff;
	color: #2b2019;
}
#about .bt_link a:hover.arrow::before,
#floor .bt_link a:hover.arrow::before{
	border-top: solid 3px #2b2019;
  	border-right: solid 3px #2b2019;
}
/*souvenir access*/
#contents_area .section{
	overflow: hidden;
}
#souvenir,
#access{
	position: relative;
}
#souvenir .bg,
#access .bg{
	position: absolute;
	width: 100%;
}
#souvenir{
	float: left;
	width:50%;
	text-align: center;
}
#souvenir .bg{
	background: url(../img/index/souvenir_photo.jpg) no-repeat center center;
	background-size: cover;
}
#access{
	float: left;
	width:50%;
	text-align: center;
}
#access .bg{
	background: url(../img/index/access_photo.jpg) no-repeat center center;
	background-size: cover;
}
#souvenir .text_set,
#access .text_set{
	display: block;
	position: absolute;
	background: rgba(210,150,25,.8);
	width: 210px;
	height: 210px;
	top: 50%;
	left: 50%;
	margin-left: -105px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#souvenir .inner,
#access .inner{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#souvenir h2,
#access h2{
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}
#souvenir p.en,
#access p.en{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 12px;
	color: #fff;
	margin-top: 5px;
	opacity: .6;
}
#souvenir .bt_link a,
#access .bt_link a{
	display: inline-block;
	border: solid 1px rgba(255,255,255,.8);
	color: #fff;
	font-size: 15px;
	height: 40px;
	font-weight: bold;
	margin-top: 15px;
	padding: 10px 20px 0 38px;
	border-radius: 20px;
	line-height: 1.2;
}
#souvenir .bt_link a:hover,
#access .bt_link a:hover{
	border: solid 1px rgba(255,255,255,.8);
	background: #fff;
	color: #d29719;
}
#souvenir .bt_link a:hover.arrow::before,
#access .bt_link a:hover.arrow::before{
	border-top: solid 3px #d29719;
  	border-right: solid 3px #d29719;
}
.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -4px;
}


/*--=======================================

Resposive Style

=======================================--*/
@media screen and (max-width: 640px) {
	#main_area .bt_movie{
		display: none;
	}
	#about .about-swiper-container,
	#floor .floor-swiper-container{
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	#about .text_set,
	#floor .text_set{
		background: rgba(43,32,25,1);
		position: relative;
		top: 0;
		right: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		text-align: center;
		padding: 20px 0;
		width: 100%;
		height: auto;
	}
	#about h2,
	#floor h2{
		font-size: 20px;
	}
	#about p.en,
	#floor p.en{
		font-size: 10px;
	}
	
	/*souvenir access*/
	#souvenir,
	#access{
		float: none;
		width:100%;
		padding: 0;
		text-align: center;
	}
	#souvenir .bg,
	#access .bg{
		position: relative;
		width: 100%;
	}
	#souvenir .text_set,
	#access .text_set{
		display:block;
		background: rgba(210,150,25,1);
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		text-align: center;
		padding: 20px 0;
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	#souvenir .inner,
	#access .inner{
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	#souvenir h2,
	#access h2{
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.1;
	}
	#souvenir p.en,
	#access p.en{
		font-size: 10px;
	}
}
@media screen and (max-width: 480px) {
	
}