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

@media screen and (min-width: 1024px){


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

.index_dish{
width:40%;
position:absolute;
z-index:1;
top:0;
left:40%;
overflow:hidden;
}

.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{
	position:relative;
	color:#5A493E;
}

.menu_culumn_smt{
	display:none;
}

.menu_l{
	width:500px;
	position:relative;
	z-index:10;
}

.menu_r{
	width:450px;
	margin-left:550px;
	position:relative;
	z-index:10;
}


.menu_smt{
	display:none;
}


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



.menu_img_l{
	width:600px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	text-align:left;
}

.menu_img_r{
	width:600px;
	position:absolute;
	top:0;
	left:400px;
	z-index:5;
	text-align:right;
}

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

.menu_img_smt{
	display:none;
}

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

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

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

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

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

.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;
}

#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;
}



}


@media screen and (min-width: 1024px) and (max-width: 1200px){
	

.index_dish{
width:48%;
top:300px;
left:52%;
}


.index_dish_s{
width:45%;
top:300px;
left:55%;
}
.index_dish_s img{
width:80%;
}
}


@media screen and (min-width: 1201px) and (max-width: 1600px){
	

.index_dish{
width:48%;
top:200px;
left:48%;
}

.index_dish_s{
width:45%;
top:100px;
left:50%;
}

.index_dish_s img{
width:80%;
}
}


@media screen and (min-width: 1601px) and (max-width: 2200px){
	


.index_dish{
width:55%;
top:100px;
left:45%;
}

.index_dish img{
width:55%;
}
}