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


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


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

.index_dish{
width:60%;
position:relative;
z-index:1;
overflow:hidden;
margin:0 15% 0 25%;
}

.index_dish img{
width:100%;
overflow:hidden;
}

.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{
	display:none;
}

.menu_culumn_smt{
	position:relative;
	color:#5A493E;
}

.menu_l{
	display:none;
}

.menu_r{
	display:none;
}


.menu_smt{
	width:100%;
}

.menu_img_l,
.menu_img_r{
	display:none;
}

.menu_img_smt{
	width:100%;
	position:relative;
	text-align:center;
}

.menu_img_smt img{
	width:85%;
}


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

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

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

.menu_indent{
	width:90%;
	padding-left:10%;
	}	
	
	
.cafe_caption{
	width:100%;
	}	

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

.inte_message{
	width:100%;
	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:100%;
	padding:30px 0 0 0;
}

#inte_img a{
	width:100%;
	height:auto;
	display: block;
	cursor:pointer;
	float: left;
	margin: 0 20px 20px 0;
}

#inte_img img{
	width:100%;
}

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

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

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

.other_flame img{
	width:100%;
	height:auto;
}


}