@charset "utf-8";
/* CSS base */

/*body {
	background-color:#f9f7ed;;
} */

h2 {
	font-size: 36px;
	line-height:1.3333;
	text-align:center;
}

#container {
	width:100%;
}
/* lunch */
.lunch {
	margin-top: 3em;
	margin-bottom: 2em;
}
.lunch p {
	text-align: center;
}
/* //lunch */
/* coffee*/
.coffee {
	margin-top: 3em;
	margin-bottom: 2em;
}
.coffee p {
	text-align:center;
}
/* //coffee */
/* dining */
.dinner {
	margin-top: 3em;
	margin-bottom: 2em;
}
.dinner p {
	text-align:center;
}
/* //dining */
/* hover */
.hover1 {
	width:350px;
	height:233px;
	overflow:hidden;/* はみ出た部分 */
	/*margin:10px 8px 10px 16px;*/
	margin-right:auto;
	margin-left:auto;
	position:relative;
	
}
.hover1 .caption {
	color:#fff;
	padding-top:30%;
	padding-left:35%;
}
.hover1 .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:-100%;	/* 枠の上に置いて表示させない */
	left:0;
	background-color:rgba(0,0,0,0.4);
	-webkit-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.hover1:hover .mask {
	top:0;	/* 下に降りてくるように見せる */

}
/* tablet */
@media screen and (min-width : 768px){
	
}

/* pc */
@media screen and (min-width : 1024px) {
	
/* hover */
.hover1 {
	width:350px;
	height:233px;
	overflow:hidden;
	margin:10px 8px 10px 16px;
	position:relative;
}
.hover1 .caption {
	font-size:130%;
	color:#fff;
	padding-top:80px;
	padding-left:100px;
}
.hover1 .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:-100%;	/* 枠の上に置いて表示させない */
	left:0;
	background-color:rgba(0,0,0,0.4);
	-webkit-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.hover1:hover .mask {
	top:0;	/* 下に降りてくるように見せる */
}
/* //hover */
	
}