@charset "utf-8";

#systemContents {
	margin-bottom:50px;
}

/* text */
.shopInfoText {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px;
	border:solid 2px;
	margin-bottom:20px;
}
@media screen and (max-width: 767px) {
	#systemContents {
		margin-bottom:10px;
	}
	.shopInfoText {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:5px;
		margin-bottom:10px;
	}
}

/* map */
#accessMapWrap {
	margin-bottom:20px;
}
#accessMapWrap #map_canvas {
	margin:0 auto 10px;
	width:100%;
	height:480px;
	border: none;
}
#accessMapWrap .moreMap {
	text-align:right;
}
.lockLayer, .mapButton{
	display:none;
}
@media screen and (max-width: 767px) {
	#accessMapWrap {
		margin-bottom:10px;
	}
	#accessMapWrap #map_canvas {
		margin:0 auto 10px;
		width:100%;
		height:200px;
	}
	#accessMapWrap .moreMap {
		text-align:right;
    padding: 10px 0 20px;
	}
  #accessMapWrap .moreMap a {
    background: #f7f5f5;
    padding: 10px;
    border: 1px solid #eee;
    color: #675e5e !important;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px -1px #000000;
    text-decoration: none;
  }
	/* map lock */
	.mapArea{
		position:relative;
	}
	.mapArea .lockLayer{
		display:block;
		position:absolute;
		top:0;
		width:100%;
		background-color:#CCC;
		height:200px;
		z-index: 1;
		filter:alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;
	}
	.mapArea .mapButton{
		border-radius: 3px;
		color: #fff;
		font-weight:bold;
		font-size: 14px;
		height: 20px;
		left: 15px;
		line-height: 20px;
		padding: 10px;
		position: absolute;
		text-align: center;
		top: 5px;
		z-index: 2;
		display:block;
	}
	.mapArea .mapButton:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		cursor:pointer;
	}



}

/* shop info */
#shopInfoWrap {
	margin-bottom:20px;
}
@media screen and (max-width: 767px) {
	#shopInfoWrap {
		margin-bottom:10px;
	}
}

/* ==========================================================================
  shopPhotoWrap
========================================================================== */

#shopPhotoWrap .imageWrap img{
  width:100%;
  height:auto;
}
#shopPhotoWrap .imageWrap p{
  text-align:center;
  font-size:18px;
}

@media screen and (min-width: 768px) {
  #shopPhotoWrap{
    padding:20px 15px;
    overflow:hidden;
    margin:10px 0 15px;
  }
  #shopPhotoWrap .mainImage{
    float:right;
    margin-left:10px;
    width:490px;
  }
  #shopPhotoWrap .thumb{
    float:left;
    width:430px;
  }
  #shopPhotoWrap .thumb .imageWrap{
    width:210px;
    margin:5px 0;
    float:left;
  }
  #shopPhotoWrap .thumb .imageWrap:nth-child(odd){
    margin-right: 5px;
  }
  #shopPhotoWrap .thumb .imageWrap:nth-child(even){
    margin-left: 5px;
  }
}
.sl-wrapper .sl-close{
  width:35px;
  height:35px;
}

@media screen and (max-width: 767px) {
  #shopPhotoWrap{
    padding:10px 5px;
    overflow:hidden;
    margin:10px 0 15px;
  }
  #shopPhotoWrap .thumb .imageWrap{
    margin:5px 0;
  }
  #shopPhotoWrap .imageWrap a img:hover{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
  }
}

/* ==========================================================================
  2016.12.20 update
========================================================================== */
.indoorWrap{
  margin:10px 5px;
}
.indoorWrap p{
  font-weight:bold;
}
.indoorWrap .indoorview{
  overflow: hidden;
  height:400px;
}
@media screen and (max-width: 767px) {
  .indoorWrap .indoorview{
    height:200px;
  }
}


/* ==========================================================================
  TopGallery
========================================================================== */
#galleryBody {

}
.bx-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 5px solid rgba(0, 0, 0, 0) !important;
  background: rgba(255, 255, 255, 0) !important;
  box-sizing: border-box !important;
}


#galleryBody .sliderAccess div {
  padding: 5px 5px;
  box-sizing: border-box;
}

.slider div a img {

}

/*20190424*/
.rootMapBtn {
  width: 100%;
  margin: 10px auto 30px;
  max-width: 450px;
  padding-bottom: 0 !important;
}
.rootMapBtn a {
  font-size: 16px !important;
  text-decoration: none;
}
.rootMapBtn a:hover {
  text-decoration: none;
}
.rootMapBtn i {
  vertical-align: middle;
  font-size: 25px !important;
}


@media screen and (max-width: 767px) {
  .rootMapBtn {
    max-width: 260px;
    margin: 0px auto 30px;
  }
  .rootMapBtn a {
    font-size: 14px !important;
  }
  .rootMapBtn i {
    vertical-align: middle;
    font-size: 25px !important;
  }
}