@charset "utf-8";


#picMain {
	background: url(../../img/sightseeing/pic_main.jpg) no-repeat 50% 0;
	background-size: cover;
}


#sightseeingWrap  {
	padding: 40px 0 80px;
	color: #000;
}

#sightseeingWrap > h1 {
	clear: both;
	text-align: center;
}



#filters {
	margin: 40px 0 30px;
}

#filters li {
	float: left;
	font-size: 130%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	padding-left: 25px;
	background: url(../../img/common/listhead02.png) no-repeat 0 0.15em;
	margin-right: 15px;
}
#filters li:nth-child(5) {
	margin-right: 0;
}



#ssWrap div dl{
	display:none;
	width:330px;
	height:470px;
	background:#D39B6B;
}

#ssWrap div dl.open{
	display: inherit;
	width:330px;
	height:470px;
	background:#D39B6B;
}



#ssWrap div dt{
	margin:0 0 10px 0;

}
#ssWrap div dd{
	font-size: 130%;
	padding:0 20px;
	color:#6C3506;

}


#ssWrap div li.name{
	font-weight:bold;
	color:#6C3506;
	font-size:15px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:#6C3506 1px solid;

}


#ssWrap div li{
	margin:0 0 0 0;

}

#ssWrap div li.text {
	height: 120px;
	overflow: auto;
}

#ssWrap div li.link{
	float:left;
	margin:0 10px 10px 0;

}
#ssWrap div li.link a{
	background:url(../img/common/arrow.png) no-repeat left center;
	padding:3px 0 2px 16px;
}

#ssWrap div li.close{
	position:absolute;
	right:20px;
	top:244px;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */


/**** Isotope Style ****/
.element {
	width: 165px;
	height: 235px;
	float: left;
	overflow: hidden;
	position: relative;
}

.element.double {
	width:330px!important;
}

.element.width2 { width: 330px; }

.element.height2 { height: 470px; }


.element.large,
.element.large.width2.height2 {
	width: 330px;
	height: 470px;
	z-index: 100;
}