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


@media screen and (min-width: 641px) and (max-width: 1023px){


/*----------------------------------------------
↓↓↓背景画像部分↓↓↓
-----------------------------------------------*/

.index_dish{
position:absolute;
width:100%;
z-index:1;
top:250px;
overflow:hidden;
text-indent:410px;
}

.index_dish img{
width:90%;
}

.index_dish_s{
width:60%;
position:absolute;
z-index:1;
top:200px;
left:40%;
overflow:hidden;
}

.index_dish_s img{
width:45%;
overflow:hidden;
}

/*----------------------------------------------
↓↓↓メニュー部分↓↓↓
-----------------------------------------------*/


.menu_culumn{
	position:relative;
	color:#5A493E;
	padding:0 0 0 0;
}

.menu_culumn_smt{
	display:none;
}

.menu_l{
	width:45%;
	position:relative;
	z-index:10;
	margin-left:5%;
	float:left;
	padding:30px 0 0 0;
}

.menu_r{
	width:45%;
	position:relative;
	z-index:10;
	margin-left:5%;
	float:left;
	padding:30px 0 0 0;
}


.menu_smt{
	display:none;
}


.menu_l p,
.menu_r p{
	color:#5A493E;
	line-height:1.8em;
	font-size:100%;
}



.menu_img_l{
	width:50%;
	position:relative;
	z-index:5;
	text-align:left;
	overflow:hidden;
	text-indent:50px;
	float:left;
	padding:0 0 0 0;
}

.menu_img_r{
	width:50%;
	position:relative;
	z-index:5;
	text-align:right;
	overflow:hidden;
	text-indent:-5px;
	float:left;
	padding:0 0 0 0;
}

.menu_img_l img,
.menu_img_r img{
	width:90%;
}


.menu_img_smt{
	display:none;
}

.menu_title{
	color:#5A493E;
	font-size:150%;
	}

.lunch_culumn,
.morningu_culumn{
	position:relative;
	color:#5A493E;
}

.lunch{
	width:90%;
	position:relative;
	z-index:10;
	padding:30px 0;
	margin:0 auto;
	}
	
.lunch p{
	color:#5A493E;
	line-height:1.8em;
	font-size:100%;
	}
	
.lunch_img{
	width:60%;
	margin:0 auto;
	}
	
.lunch_img img{
	width:90%;
	}
	
.morning{
	width:90%;
	position:relative;
	z-index:10;
	padding:30px 0;
	margin:0 auto;
	}
	
.morning p{
	color:#5A493E;
	line-height:1.8em;
	font-size:110%;
	}
	
.morning_img{
	width:60%;
	margin:0 auto;
	}
.morning_img img{
	width:90%;
	}
	
.morning_photo{
	width:100%;
	text-align:center;
	overflow:hidden;
	}
.morning_photo img{
	width:90%;
	}
	
.menu_dash{
		border-top: thin dashed #999999;
		font-size:100%;
	}

.menu_indent{
	width:90%;
	padding-left:10%;
	}	
	
	
.cafe_caption{
	width:90%;
	margin:0 5%;
	}	

    
/*----------------------------------------------
↓↓↓インテリア部分↓↓↓
-----------------------------------------------*/

.inte_message{
	width:80%;
	margin: 0 auto;
	position: relative;
}

.inte_message p{
	text-align:center;
	font-size: 100%;
	line-height: 1.6em;
	padding: 30px 0;
	color:#5A493E;
}

#inte_img{
	width:520px;
	padding:30px 0 0 20px;
	margin: 0 auto;
}

#inte_img a{
	width:240px;
	height:150px;
	display: block;
	cursor:pointer;
	float: left;
	margin: 0 20px 20px 0;
}

.inte_printphoto{
width:100%;
background: url(../../inte/images/inte_printphoto.png) no-repeat center;
overflow:hidden;
	}

/*----------------------------------------------
↓↓↓その他部分↓↓↓
-----------------------------------------------*/

.other_flame{
	background:#fff;
	padding:20px;
	text-align:center;
}



}