@charset "utf-8";

#grandmenu-box01{
	margin: 0px auto ;
}
#grandmenu-box01 .page-text01{
	margin: 0px auto 40px auto ;
}
#grandmenu-box01 .page-text02{
	text-align: center ;
	margin: 0px auto 20px auto ;
}
#grandmenu-box01 .page-text02 img{
	padding: 2px 3px 0px 0px ;
}

#grandmenu-box01 .lunch-link-onmouse{
	width: 95% ;
	max-width: 950px ;
	margin: -170px auto 30px auto ;
	text-align: right ;
}
#grandmenu-box01 .lunch-link-onmouse a{
	display: block ;
	width: 185px ;
	margin: 0px 0px 0px auto ;
	height: 185px ;
	
	background: url(../images/link-lunchdinner.png) center top no-repeat ;
}
#grandmenu-box01 .lunch-link-onmouse a:hover{
	background-position: center bottom ;
}


#grandmenu-box01 .menu-box01{
	width: 95% ;
	max-width: 950px ;
	margin: 0px auto 40px auto ;
}
#grandmenu-box01 .menu-box01 h3{
	border: none ;
	color: #232323 ;
}
#grandmenu-box01 .menu-box01 .menu-pic{
	display: table-cell ;
	width: 42% ;
	padding: 0px 10px 0px 10px ;
	vertical-align: top ;
	text-align: right ;
	font-size: 90% ;
}
#grandmenu-box01 .menu-box01 .menu-pic img{
	width: 100% ;
	margin: 10px 0px 0px 0px ;
	padding: 3px ;
	border: 1px solid #CCCCCC ;
	background: #FFF ;
}
#grandmenu-box01 .menu-box01 .menu-text{
	display: table-cell ;
	width: 50% ;
	vertical-align: top ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 50px 10px ;
}
#grandmenu-box01 .menu-box01 .menu-text table{
	width: 100% ;
	border-top: 1px dashed #CCCCCC ;
}
#grandmenu-box01 .menu-box01 .menu-text table th{
	padding: 10px 0px 10px 10px ;
	vertical-align: middle ;
	border-bottom: 1px dashed #CCCCCC ;
	font-size: 16px ;
}
#grandmenu-box01 .menu-box01 .menu-text table th img{
	padding: 3px 0px 0px 0px ;
}
#grandmenu-box01 .menu-box01 .menu-text table th span{
	font-size: 75% ;
	color: #996666 ;
}
#grandmenu-box01 .menu-box01 .menu-text table td{
	padding: 0px 0px 0px 20px ;
	vertical-align: middle ;
	text-align: center ;
	border-bottom: 1px dashed #CCCCCC ;
	font-size: 16px ;
	white-space: nowrap ;
}
#grandmenu-box01 .menu-box01 .menu-text span.chui{
display: block ;padding: 5px 0px ;text-align: right ;font-size: 75% ;
}
#grandmenu-box01 .menu-box01 .menu-text div.chui{
	width: 80% ;
	margin: 20px auto 0px auto ;
	padding: 5px ;
	text-align: center ;
	background: #D4CFC9 ;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#grandmenu-box01 .set-detail{
	width: 95% ;
	max-width: 950px ;
	margin: 0px auto 20px auto ;
	border-top: 2px dotted #CCCCCC ;
	border-bottom: 2px dotted #CCCCCC ;
	padding: 20px 0px 30px 0px ;
}
#grandmenu-box01 .set-detail img{
	width: 100% ;
}






#menu-flyer{
}
#menu-flyer h2{
	font-size: 20px ;
	color: #8F6F62 ;
	border: none ;
}
#menu-flyer div{
	width: 95% ;
	max-width: 1000px ;
	height: auto ;
	margin: 20px auto 0px auto ;
	padding: 0px 0px ;
    border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
	background: #D4CFC9 ;
	background-position: 0px -30px ;
	text-align: center ;
}

#menu-flyer div a{
	display: inline-table ;
	width: 7% ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 5px 5px 5px ;
	position: relative ;
	top: -10px ;
}
#menu-flyer div a img{
	width: 100% ;
	padding: 1px ;
}
#menu-flyer div a img:hover{
	border: 1px solid #669933 ;
}



.test div{
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}

.test div a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}





@media screen and (max-width:567px) { 
	#grandmenu-box01 .page-text02{
		font-size: 2vw ;
	}
	#grandmenu-box01 .lunch-link-onmouse{
		display: none ;
	}
	#grandmenu-box01 .menu-box01 .menu-pic{
		display: block ;
		width: 95% ;
		margin: 0px auto 10px auto ;
		padding: 0px 10px 0px 10px ;
		text-align: center ;
		font-size: 90% ;
	}
	#grandmenu-box01 .menu-box01 .menu-pic img{
		width: 90% ;
	}
	#grandmenu-box01 .menu-box01 .menu-text{
		display: block ;
		width: 95% ;
		margin: 0px auto 10px auto ;
		padding: 0px 0px 50px 0px ;
	}
}



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

	#menu-flyer div a{
		width: 16% ;
	}

}



/*　for PC　画面サイズが768pxからはここを読み込む */
@media screen and (min-width:768px) {


}