@charset "Shift_JIS";
/* slide */
.slide_superbox{
	position:relative;
}

.slide_superbox div.slideObj{
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:1;
}

.slide_superbox div.slideObj.slActiveOn{
	z-index:5;
}

.slide_superbox div.slideObj.slActive{
	z-index:10;
}

.slide_superbox .btn{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	z-index:300;
	cursor:pointer;
}

.slide_superbox .btn.btnPrev{
	left:2%
}

.slide_superbox .btn.btnNext{
	right:2%
}

.srThumbnail{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top:20px;
  grid-gap: 11px;
}

.srThumbnail .thumObj{
	cursor: pointer;
	max-width: 110px;
}
.srThumbnail .thumObj>img{
width: 100%;
height: auto;
}


.srThumbnail li{
	position: relative;
}

.srThumbnail li::after{
	content: '';
	display:block;
	width:100%;
	height:100%;
	opacity: 1;
	background: rgba(0,0,0,.7);
	position: absolute;
	top:0;
	left:0;
}

.srThumbnail li:hover::after,
.srThumbnail li.thmActive::after{
	opacity: 0;
}
/* slide */

#contentsWrap {
  width: 100%;
  max-width: 1680px;
  min-width: 960px;
  margin: 0 auto;
  background: url(../../images/location/01/back.png) center top;
  background-size: cover;
  padding: 30px 0;
}

#contents .section{
  width:100%;
  max-width: 960px;
  margin:65px auto 0;
  background: rgba(35,24,21,.8);
  padding:65px 0;
}

#contents .section p{
  color:#FFF !important;
}

#contents .section .article{
  width:90%;
  max-width: 650px;
  margin:40px auto 0;
}

#contents .section .article:first-child{
  margin-top:0;
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {
/* slide */
.slide_superbox{
	width:100%;
}

.slide_superbox img{
	width:100%;
}
  
  .srThumbnail .thumObj {
    width:calc(26% - 15px);
  }
	
.srThumbnail li img{
	width:100%;
}
/* slide */
  
  #contentsWrap {
    min-width: inherit;
  }
}