/* CSS Document */


/* --周辺情報スポットページ----------------------------------------------------------------*/


#nature #spot {
	width:700px;
	margin:0 0 0 20px;
	background:url(../../img/nature/arround/st1.gif) no-repeat;
	padding:60px 0 0 0;
}

	#nature #spot h2 {
		width:650px;
		line-height:52px;
		background-color:#EDF6DB;
		padding:0 0 0 15px;
		margin:0 0 0 20px;
		border-left:#99CC33 solid 9px;
		font-size:14px;
		font-weight:normal;		
	}
	
	#nature #spot .back {
		width:140px;
		height:24px;
		margin:0 0 10px 550px;
	}
	
		#nature #spot .back a {
			width:140px;
			height:24px;
			display:block;
			background:url(../../img/nature/arround/back.gif) no-repeat left top;
		}
		
		#nature #spot .back a:hover {background-position:-140px 0;}
		
	#nature #spot p {
		margin:0;
		padding:20px 30px 20px 45px;
	}



@media screen and (max-width: 550px) {
	
#nature #spot {
	width:100%;
	margin:0;
	background-image:none;
	padding:0;
}


	#nature #spot h2 {
		width:auto;
		line-height:160%;
		padding:10px 0 10px 15px;
		margin:0 2%;
	}
	
	#nature #spot .back {
		width:140px;
		height:24px;
		margin:0 0 10px 10px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	
		
	#nature #spot p {
		margin:0;
		padding:10px 7%;
	}

	
}

	#nature #spot .pixw {letter-spacing: -0.4em;}
	
	#nature #spot .pix {
		width:190px;
		margin:0 0 20px 20px;
		display: inline-block;
		background-color:#EDEDED;
		letter-spacing: normal;
		vertical-align: top;
	}
	
	#nature #spot .pixl {
		width:190px;
		margin:0 0 20px 50px;
		float:left;
		background-color:#EDEDED;
	}
	
	#nature #spot .pix1 {
		width:233px;
		margin:0 0 20px 20px;
		float:left;
		background-color:#EDEDED;
	}
	
	#nature #spot .pixl1 {
		width:233px;
		margin:0 0 20px 50px;
		float:left;
		background-color:#EDEDED;
	}
	
		#nature #spot .pix p,
		#nature #spot .pixl p,
		#nature #spot .pix1 p,
		#nature #spot .pixl1 p {
			padding:5px 10px 10px 10px;
			margin:0;
			line-height:20px;
		}
		
		#nature #spot .pixclr {
			padding:0 0 0 50px;
			margin:0 0 20px 0;
			clear:both;
		}
		
		#nature #spot .pix img,
		#nature #spot .pixl img,
		#nature #spot .pix1 img,
		#nature #spot .pixl1 img {
			width:100%;
			height: auto;
		}
		
	#nature #spot .cc {display: none;}	
		
@media screen and (max-width: 480px) {
	
	#nature #spot .cc {clear: both;}
	#nature #spot .pix {
		width:46%;
		margin:10px 2%;
		background-color:#EDEDED;
	}
	
	#nature #spot .pixl {
		width:46%;
		margin:10px 2%;
		float:left;
		background-color:#EDEDED;
	}
	
	#nature #spot .pix1 {
		width:46%;
		margin:10px 2%;
		float:left;
		background-color:#EDEDED;
	}
	
	#nature #spot .pixl1 {
		width:233px;
		margin:0 0 20px 50px;
		float:left;
		background-color:#EDEDED;
	}
	
		#nature #spot .pix p,
		#nature #spot .pixl p,
		#nature #spot .pix1 p,
		#nature #spot .pixl1 p {
			padding:5px 10px 10px 10px;
			margin:0;
			line-height:20px;
		}
		
		#nature #spot .pixclr {
			padding:0;
			margin:0 5%;
		}
		
}