@charset "UTF-8";

#page-link {
	width: 920px;
}
#page-link li {
	margin-right: 24px;
	padding: 5px 0px 5px 39px;
}

#event {
	width: 960px;
	margin: 0px auto 70px auto;
	text-align: left;
}
#event h4 span {
	font-size: 15px;
}

#event .spot-info {
	width: 890px;
	margin: 0px auto 45px auto;
}
#event .spot-info li {
	margin: 0px 0px 15px 0px;
	background-image: url(../images/food/back-shop-top.gif),url(../images/food/back-shop-bottom.gif),url(../images/food/back-shop.gif);
	background-position: center top,center bottom,center top;
	background-repeat: no-repeat,no-repeat,repeat;
	vertical-align: top;
}
#event .spot-info li:last-child {
	margin: 0px 0px 0px 0px;
}
#event .spot-info h6 {
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 45px;
	background: url(../images/event/icon-flower.png) 10px 10px no-repeat;
	font-size: 18px;
}
#event .spot-info h6 span {
	font-size: 13px;
}
#event .spot-info a {
	display: block;
	background: #E79777;
	border-radius: 6px;
	margin: 0px 0px 8px 0px;
	padding: 8px;
	text-align: center;
	color: #ffffff;
}
#event .spot-info a:hover {
	text-decoration: none;
	background: #F2BFAB;
	color: #D79263;
}
#event .spot-info p {
	margin-bottom: 8px;
	padding: 3px 8px;
	border-top: 3px dotted #D79263;
	border-bottom: 3px dotted #D79263;
	font-size: 13px;
}
#event .spot-info dl {
	font-size: 13px;
}
#event .spot-info dt,
#event .spot-info dd {
	line-height: 130%;
}
#event .spot-info dd {
	padding: 0px 0px 8px 8px;
}

#event #calendar {
	margin: 0px 0px 60px 0px;
}
#event #calendar table {
	width: 100%;
	border-collapse: collapse;
}
#event #calendar table.midashi {
	width: 98.3%;
}
#event #calendar th,
#event #calendar td {
	width: 30%;
	border: 1px solid #EAE8CD;
	padding: 8px;
}
#event #calendar th {
	background: #DA9267;
	color: #ffffff;
	text-align: center;
}
#event #calendar tr:nth-of-type(2n+1) {
	background: #EFD6C5;
}
#event #calendar th:nth-of-type(2),
#event #calendar td:nth-of-type(2) {
	width: 60%;
}
#event #calendar th:nth-of-type(3),
#event #calendar td:nth-of-type(3) {
	width: 20%;
}
#event #calendar p {
	padding: 10px 0px 0px 0px;
	font-size: 13px;
}
#event #calendar p a {
	color: #C87844;
}
#event #calendar div {
	overflow: auto;
	height: 400px;
}

#event #taiken.spot-info h6 {
	font-size: 15px;
}
#event #taiken.spot-info dd a {
	display: inline;
	background: none;
	border-radius: 0px;
	margin: 0px 0px;
	padding: 0px;
	text-align: left;
	color: #DF9B72;
	word-break: break-all;
}
#event #event-box.spot-info p {
	height: auto;
	margin-bottom: 20px;
}

#event iframe {
	width: 960px;
	margin: 60px 0px;
}

#event .shop-left {
	float: left;
	width: 160px;
	margin-bottom: 10px;
	padding: 0px 10px;
}
#event .shop-right {
	float: right;
	width: 690px;
	margin-bottom: 10px;
	padding: 0px 10px;
}
#event .shop-right dt,
#event .shop-right dd {
	line-height: 130%;
}
#event .shop-right dt {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#event .shop-right dd {
	margin: -17px 0px 0px 160px;
	padding: 0px 0px 0px 0px;
}


@media screen and (max-width: 480px) {
	#page-link {
		width: 100%;
	}
	#page-link li {
		margin-right: 0px;
		padding: 5px 0px 5px 25px;
	}

	#event {
		width: 100%;
	}
	#event h4 {
		padding: 40px 0px 0px 0px;
		background-position: left top;
	}
	#event .spot-info {
		width: 100%;
		text-align: center;
	}
	#event .spot-info li {
		width: 100%;
		background-image: none;
		background-position: none;
		background-repeat: none;
		background: url(../images/food/back-shop.gif) center top;
		border: 1px solid #EAE8CD;
	}
	#event .spot-info h6 {
		height: auto;
		text-align: left;
	}
	#event .spot-info p {
		height: auto;
		text-align: left;
	}
	#event .spot-info dl {
		text-align: left;
	}

	#event #calendar .midashi  {
		display: none;
	}
	#event #calendar tr:nth-of-type(2n+1) {
		background: none;
	}
	#event #calendar th,
	#event #calendar td {
		display: block;
		width: 90%;
		line-height: 130%;
	}
	#event #calendar td:nth-of-type(1) {
		width: 90%;
		background: #B65D7A;
		color: #ffffff;
		font-weight: bold;
	}
	#event #calendar td:nth-of-type(2) {
		width: 90%;
	}
	#event #calendar td:nth-of-type(2):before {
		content: "【行事名】";
	}
	#event #calendar td:nth-of-type(3) {
		width: 90%;
	}
	#event #calendar td:nth-of-type(3):before {
		content: "【エリア】";
	}
	#event #calendar div {
		overflow: auto;
		height: 400px;
	}

	#event #taiken.spot-info h6 {
		font-size: 15px;
	}
	#event #taiken.spot-info dd a {
		display: inline;
		background: none;
		border-radius: 0px;
		margin: 0px 0px;
		padding: 0px;
		text-align: left;
		color: #DF9B72;
		word-break: break-all;
	}

	#event #event-box.spot-info p {
		height: auto;
		margin-bottom: 20px;
	}


	#event iframe {
		width: 100%;
		height: 300px;
	}

	#event .shop-left {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		padding: 0px;
	}
	#event .shop-right {
		float: none;
		width: 90%;
		margin: 0px auto 10px auto;
		padding: 0px;
	}
	#event .shop-right dd {
		margin: 0px 0px 10px 0px;
	}
}