@charset "UTF-8";

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


pageTtl
///////////////////////////////////*/
.pageTtl{
	background:url(../img/location/location.jpg) bottom  no-repeat #fff;

	background-size:cover;
}

.secondTtl{
	padding:0!important;
	background:url(../img/common/bk_272222_45.png) top left scroll repeat;
}

/*/// ////////////////////////////////
header ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
.pageTtl h2 span{
	width:100%;
}
.pageTtl h2 small{
	width:100%;
}
.pageTtl{
	background-attachment:scroll;
	background-position:center;
}
}
@media screen and (max-width:640px){
.pageTtl h2{
	width:100%;
}
}
/*/// ////////////////////////////////


locationWrap
///////////////////////////////////*/

.video-container {
	position: relative;
	padding-bottom: 46.25%;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movieCaption{
    position: absolute;
    bottom:30px;
    left: 20px;
}

#locationWrap .text{
	width:40%;
	position:relative;
}
#locationWrap h3{
	display:block;
	font-weight:normal;
	text-align:center;
	padding-top:35%;
}
#locationWrap h3 small{
	display:block;
	font-size:2.1em;
	font-weight:100;
	line-height:1.5em;
	letter-spacing:0.2em;
}
#locationWrap h3 span{
	display:block;
	font-size:1.1em;
	line-height:1.5em;
	letter-spacing:0.05em;
}
#locationWrap .freeTxt{
	font-size:1.2em;
	letter-spacing:0.1em;
	line-height:1.7em;
	text-align:center;
	width:75%;
	margin:15px auto;
}

#locationWrap .ph{
	line-height:0;
	width:60%;
	background:#000;
	list-style:none;
}
#locationWrap .ph .phList{
	list-style:none;
	z-index:0!important;
	position:relative;
}
#locationWrap .ph .phList li{
	z-index:0;
}
#locationWrap .ph img{
	width:100%; height:auto;
	max-width:100%;
}
.bx-wrapper {
    position: relative;
    margin: 0px auto!important;
    padding: 0px;
}
.bx-pager{
	width:100%!important;
	position:absolute;
	bottom:20px!important;
	left:0!important;
	right:auto!important;
	z-index:10;
}
.fL .bx-pager{
	right:auto!important;
	left:0!important;
	bottom:20px!important;
}
.fR .bx-pager{
	left:0!important;
	right:auto!important;
	bottom:20px!important;
}
.bx-wrapper .bx-viewport{
	height:auto!important;
}
/*/// ////////////////////////////////
 ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
#locationWrap h3{
	padding-top:20%;
}
#locationWrap h3 small{
	display:block;
	font-size:1.2rem;
	font-weight:100;
	line-height:1.5em;
	letter-spacing:0.2em;
}
#locationWrap h3 span{
	display:block;
	font-size:1.1rem;
	line-height:1.5em;
	letter-spacing:0.05em;
}
#locationWrap .freeTxt{
	font-size:1.0rem;
	letter-spacing:0.05em;
	line-height:1.25em;
	text-align:center;
	width:80%;
	margin:15px auto;
}
}
@media screen and (max-width:640px){
	
#locationWrap .fR,
#locationWrap .fL{
	float:none;
	width:100%;
}
#locationWrap .text{
	margin-bottom:30px;
}
.bx-pager{
	display:none;
}
#locationWrap h3{
	padding-top:15px;
}
#locationWrap .freeTxt{
	width:100%;
	margin:15px auto;
}
}


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



///////////////////////////////////*/
/*/// ////////////////////////////////
 ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width:640px){
}