@charset "UTF-8";
/* CSS Document */

#illust6{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#illust10 {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#concept{
	width: 780px;
	position: relative;
	margin: 0;
}



.lunch{
	width: 600px;
	float: left;
	line-height: 1.3;
	padding: 5px;
	margin: 0;
}

.lunch2{
	width: 160px;
	text-indent: 5px;
	float: left;
	height: 320px;
	position: relative;
	margin-bottom: 20px;
}
.lunch5{
	width: 160px;
	text-indent: 5px;
	float: left;
	height: 400px;
	position: relative;
	margin-bottom: 20px;
}
.special{
	width: 500px;
	float: left;
	line-height: 50%;
	padding: 5px;

}

.take{
	width: 400px;
	float: left;
	line-height: 50%;
	padding: 5px;

}

.special2{
	width: 350px;
	text-indent: 5px;
	float: left;
	height: 400px;
	position: relative;
	margin-bottom: 50px;
}
.take2{
	height: 560px;
	position: relative;
}

.special351{
	width: 430px;
	float: left;
	line-height: 50%;
	padding: 5px;

}

.special35{
	width: 300px;
	text-indent: 5px;
	float: left;
	height: 400px;
	position: relative;
	margin-bottom: 50px;
}

.lunch3{
	width: 150px;
	text-indent: 5px;
	float: left;
	height:500px;
	position: relative;
}
.access{
	width: 780px;
	float: left;
	line-height: 50%;
	height: auto;
	margin: 0;
}
.accessc{
	width:780px;height:auto;
}
.main-column-a {
	margin:0;}
.column-a{
	 margin:0;
}
#Gmap{
	height: 300px;
	width: 780px;

}

#Gmap p {
	text-align:center;
	line-height: 300px;
}

.garaly{
	width: 780px;
	float: left;
	height: 320px;
}

.garalyc{
	width:780px;height:350px;overflow-y:scroll;

}
.column-g{
margin-bottom: 30px;
}
.main-column-g{
margin-bottom: 30px;
}

.flicknavi{
	width: 780px;
	text-align:center;
	height: 30px;
	text-align: center;

}

.party{
	padding: 10px 0px;
	width: 780px;
	float: left;
	line-height: 50%;
	}

	.party2{
	padding: 10px 0px;
	width: 400px;
	float: left;
	}
	.party3{
	padding: 10px 0px;
	width: 80px;
	float: left;
	}
	.party4{
	padding: 10px 0px;
	width: 300px;
	float: left;
	}

	table.party3 {

}
table {
	text-align: left;
　
}
.th{
}
.td{
}

table.party2 th{
	text-align: left;
}

table.party2 td {
	height: 30px;
}

.lunch3{
	width: 310px;
	text-indent: 5px;
	float: left;
	height: 400px;
	position: relative;
	margin-bottom: 50px;
}
.delate{
	display: none;
}

/* menu
------------------------------------------------------------------------- */
	@media screen and (max-width: 640px) {

		#illust6{
	position: absolute;
			text-align: center;
			right: 15%;
}
#concept{
	width: 100%;
	position: relative;
}



.lunch{
	width: 100%;
	float: left;
	line-height: 1.3;
	padding: 5px;
}

.lunch2{
	width: 100%;
	text-indent: 5px;
	float: left;
	height: 320px;
	position: relative;
	margin-bottom: 20px;
}
.lunch5{
	width: 100%;
	text-indent: 5px;
	float: left;
	height: 200px;
	position: relative;
	margin-bottom: 20px;
}
.special{
	width: 100%;
	height:auto;
	float: left;
	line-height: 50%;
	padding: 5px;

}

.special2{
	width: 100%;
	text-indent: 5px;
	float: none;
	height: 400px;
	position: relative;
	margin-bottom: 0;
	text-align: center;
	clear: both;
}

.take2{
			width: 100%;
			text-indent: 5px;
			float: none;
			position: relative;
			margin-bottom: 0;
			text-align: center;
			clear: both;
		}

		#columnsp {
	margin-top: 0;
}
		#main-columnsp{
			margin-top: 0;
		}
.lunch3{
	width: 100%;
	text-indent: 5px;
	float: left;
	height:500px;
	position: relative;
}
.access{
	width: 100%;
	float: left;
	line-height: 50%;
	height: auto;
}

#Gmap{
	height: 230px;
	width: 100%;
text-align:center;
}

#Gmap p {
	text-align:center;
	line-height: 0px;
}

.garaly{
	width: 100%;
	float: left;
	height: 320px;
}
.garalyc{
	width:100%;height:auto;overflow-y:scroll;

}
		main-column-g{
			margin: 0px
		}
		.column-g {
			clear: both;
	width: 100%;
	display: block;
	position: relative;
	height: auto;
	margin:0;}

.column-a{
	 margin:0;
}
.flicknavi{
	width: 100%;
	text-align:center;
	height: 30px;
	text-align: center;
}

.party{
	padding: 10px 0px;
	width: 100%;
	float: left;
	line-height: 150%;
	}

	.party2{
	padding: 10px 0px;
	width:100%;
	float: left;
	}
	.party3{
	padding: 10px 0px;
	width: 100%;
	float: left;
	}
	.party4{
	padding: 10px 0px;
	width: 300px;
	float: left;
	}

	table.party3 {

}
table {
	text-align: left;
　
}
.th{
}
.td{
}

table.party2 th{
	text-align: left;
}

table.party2 td {
	height: 30px;
}

.lunch3{
	width: 100%;
	text-indent: 5px;
	float: left;
	height: auto
	position: relative;
	margin-bottom: 30px;
}
		.delate{
	display: block;
			margin-top:5px;
}
}