@charset "utf-8";

#related_contents{
	display: block;
	padding: 5px 0.3% 5px 0;
	margin: 0px auto 0;
	text-align: center;
	background: #f5f5f5;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
}
	#related_contents ul{
		width: 100%;
		max-width: 980px;
		letter-spacing: -.40em;
		margin: auto;
	}
		#related_contents li{
			display: inline-block;
			* display: inline;
			* zoom: 1;
			letter-spacing: normal;
			width: 15.65%;
			width: 15%;
			margin: 0.8%;
			vertical-align: top;
		}
		#related_contents li a{
			display: block;
		 	width: 100%;
			text-decoration: none;
		}
		#related_contents li a img{
			display: block;
			width: 100%;
			border-radius: 2px;
			box-shadow: rgba(64, 64, 64, 0.4) 0px 0px 1px 1px;
			-webkit-box-shadow: rgba(64, 64, 64, 0.4) 0px 0px 1px 1px;
			-moz-box-shadow: rgba(64, 64, 64, 0.4) 0px 0px 1px 1px;
		}
		#related_contents li a dl{
			text-align: left;
		}
		#related_contents li a dl dt{
			font-size: 80%;
			font-weight: bold;
			padding: 5px 0;
			color: #555;
			display: none;
		}
		#related_contents li a dl dd{
			font-size: 70%;
			line-height: 1.2em;
			color: #888;
			padding-top: 8px;
		}
	#related_contents li a: hover{
		
	}
@media screen and (max-width: 767px){ /* sp */
	#related_contents{
		
	}
	#related_contents li{
		width: auto;
		margin: auto;
		display: block;
		padding: 0px .8em;
	}
	
	#related_contents li a{
		letter-spacing: -.40em;
		text-align: left;
		border-top: 1px solid #ddd;
		padding: 5px 0px;
	}
		#related_contents li:first-child a{
			border: none;
		}
	#related_contents li a>*{
		letter-spacing: normal;
		margin: auto;
	}
	#related_contents li a img{
		width: 20%;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: bottom;
	}
	#related_contents li a dl{
		width: 75%;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
	}
		#related_contents li a dl dt{
			padding: 0 0 0 .8em;
			display: block;
		}
		#related_contents li a dl dd{
			padding: 0 0 0 .8em;
		}
}


#event_spots{
	display: block;
	padding: 15px 0.3% 5px 0;
	margin: 0px auto 0;
	text-align: center;
}
	#event_spots ul{
		width: 100%;
		max-width: 980px;
		letter-spacing: -.40em;
		margin: auto;
		text-align: center;
	}
	#event_spots ul li{
		display: inline-block;
		* display: inline;
		* zoom: 1;
		letter-spacing: normal;
		width: 25%;
		margin: auto;
		text-align: center;
	}
		#event_spots li a{
			display: block;
		 	width: 95%;
			text-decoration: none;
			text-align: center;
			padding: 10px 0;
			margin: auto;
			border-radius: 5px;
			box-shadow: rgba(84, 84, 84, 0.4) 0px 0px 1px 1px;
			-webkit-box-shadow: rgba(84, 84, 84, 0.4) 0px 0px 1px 1px;
			-moz-box-shadow: rgba(84, 84, 84, 0.4) 0px 0px 1px 1px;
		}
		#event_spots li a img{
			display: block;
			width: 90%;
			margin: auto;
		}
		#event_spots li a span{
			display: none;
		}
		
@media screen and (max-width: 767px){ /* sp */
	#event_spots{
		
	}
	#event_spots ul li{
		width: 48%;
		margin: auto;
		padding: 0px;
	}
		#event_spots li a{
			width: auto;
			text-align: center;
			padding: .2em 0;
			margin: auto .2em 0px;
			box-shadow: none;
			border: 1px solid #ddd;
		}
		#event_spots li a img{
			width: 90%;
			margin: auto;
			vertical-align: bottom;
		}
}



#search_card{
	padding: 15px;
}
#search_card>div{
	max-width: 980px;
	border-radius: 30px;
	margin: auto;
	letter-spacing: -.40em;
	padding: 10px 0;
	text-align: right;
	background: #e1e1e1 url(../images/common/search_icon.png) no-repeat 15px center;
	background-size: 28px 28px;
}
	#search_card>div>form>*{
		letter-spacing: normal;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	#search_card #search_card_keyword{
		float: left;
		width: 33%;
		margin: auto 10px auto 50px;
		color: #999;
		background: #fff;
		border: 1px solid #d7d6d6;
		border-radius: 5px;
		padding: 2px 0px 1px 5px;
		font-size: 95%;
		font-weight: bold;
		outline:  none;
	}
	#search_card select{
		float: left;
		color: #555;
		border: 1px solid #d3d3d3;
		background: #eee;
		margin: 4px 10px 0px auto;
		font-size: 70%;
	}
		#search_card select#stype{width: 22%;}
		#search_card select#ctype{width: 16%;}
	#search_card #search_card_submit{
		margin-right: 20px;
		width: 13%;
		background: #3b3b3b;
		border: none;
		border-radius: 5px;
		color: #fff;
		font-weight: bold;
		font-size: 90%;
		padding: 3px 5px;
		cursor: pointer;
	}
@media screen and (max-width: 767px){ /* sp */
	#search_card{
		padding: 10px;
	}
	#search_card>div{
		border-radius: 5px;
		text-align: center;
		background: #e1e1e1;
	}
	#search_card #search_card_keyword{
		text-align: center;
		float: none;
		width: 94%;
		margin: auto;
		padding: 3px 0;
		display: block;
	}
	#search_card select{
		float: none;
		margin: 10px 5px;
	}
		#search_card select#stype{width: 45%;}
		#search_card select#ctype{width: 45%;}
	#search_card #search_card_submit{
		width: 94%;
		display: block;
		margin: auto;
		padding: 10px 0;
	}
}