/* =================================
展望レストラン(pageID10)
===================================*/

#post-10 {
}

#restaurant{
margin:30px auto 80px auto;
}

#cafe{
margin:30px auto;
}


a.restaurant-btn:link {
background-color:#ffA129;
display:inline-block;
color:#fff;
font-size:0.85rem;
border-radius:5px;
padding:8px;
position:absolute;
top:10px;
right:20px;
text-decoration:none;
}

a.restaurant-btn:visited {
background-color:#ffA129;
color:#fff;
}

a.restaurant-btn:hover {
background-color:#ff7029;
}

#post-10 h1 {
	display:block;
	background:url(../images/icon_h1_restaurant.png) no-repeat 10px 45%, url(../images/bg_tit_restaurant.png) repeat-x;

	color:#FFA129;
	padding:30px 0 0 90px;
	height:70px;
}


#post-10 h2 {
	color:#ff7029;
	border:1px solid #ffd15e;
	border-left:10px solid #ffd15e;
	font-size:24px;
	padding:10px 20px;
	display:block;
	position:relative;
}

#post-10 h2 .title-sub {
	color:#ffd15e;
	font-size:16px;
	display:block;
}

#post-10 h3 {
	border:1px solid #dcdcdc;
	border-bottom: 3px solid #ffa129;
	font-size:16px;
	padding:5px 5px 5px 20px;
	
	background: -moz-linear-gradient(top, #e6e6e6, #fff);　/* Firefox用 */  
   background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#fff));　/* Safari,Google Chrome用 */ 
}

#post-10 h4 {
	color:#ffa129;
	font-size:16px;
	text-align:center;
	margin:10px auto;
}

.mbr {
	display:none;
}

.main-img {
	position:relative;
}

.main-img-msg {
	position:absolute;
	left:20px;
	bottom:20px;
	color:#fff;
	font-weight:bold;
	text-shadow: 0 0 3px rgba(255,161,41) ;
	padding:10px 15px;
	background-color:#ffcc29;
	border-radius:10px;
}

.msg {
color:#630;
font-weight:bold;
font-size:20px;
text-align:center;
margin:20px auto;
}

.seat_m {
/* display:none; */
}

.seat_m dl {
width:750px;
margin:auto;

}

.seat_m dt {
display:table-cell;
	background-color:#ffa129;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:10px 20px;
	border:1px solid #ddd;
	white-space:nowrap;
}

.seat_m dd {
display:table-cell;
	padding:10px 20px;
	font-size:14px;
	border:1px solid #ddd;
	border-left:none;
	width:95%;

}


.seat th {
/
	background-color:#ffa129;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:20px;
}

.seat td {
	padding:10px;
	font-size:14px;
}
.menu-wrapper {
    display: flex;
    flex-wrap: wrap;
	justify-conent:center;
}

.menu {
	width:30%;
	float:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
/*	min-height:450px; */
}

.menu img {
display:block;
margin:auto;
}

.menu_info {
	margin:15px 0;
	font-size:14px;
}

#cafe .menu_info{
/* min-height:8em; */
}

.menu_price {
	border:none;
}

.menu_price th {
	background-color:#ffa529;
	color:#fff;
	text-align:center;
	font-size:14px;
	width:50px;
	
	border:none;
}

.menu_price td {
	font-size:14px;
	padding:10px;
	text-align:left;
	font-weight:bold;
	
	border:none;
}


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

/* レストラン紹介(ID10) */
/* コンテンツ開閉用 */
.open {
 background-image:url(../images/restaurant/open.png);
 background-repeat:no-repeat;
 background-position:right 10px top 15px;
}

.close {
 background-image:url(../images/restaurant/close.png);
 background-repeat:no-repeat;
 background-position:right 10px top 15px;
}

#post-10 {
}

#post-10 h1 {
	display:block;
	background:#FFA129;
	color:#FFF;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	height:auto;
}


#post-10 h2 {
min-height:50px;
/*
	border:1px solid #dcdcdc;
	border-bottom: 3px solid #ffa129;
	font-size:16px;
	padding:5px;
	margin-bottom:0px !important;
	
	background: -moz-linear-gradient(top, #e6e6e6, #fff);　/* Firefox用 */  
/*   background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#fff));　/* Safari,Google Chrome用 */ 
}

a.restaurant-btn:link {
display:none;
}


#restaurant {
margin:30px auto;
}


#post-10 h3 {
	color:#ffa129;
	font-size:16px;
	text-align:center;
	margin:10px auto;
}

.mbr {
	display:block;
}

.msg {
color:#630;
font-weight:bold;
font-size:14px;
text-align:center;
margin:20px auto;
}


.main-img-msg {
	position:static;
	color:#fff;
	font-weight:bold;
	text-shadow: 0 0 3px rgba(255,161,41) ;
	padding:10px 15px;
	background-color:#ffcc29;
	border-radius:0;
	text-align:center;
}

.seat {
display:none;
}

.seat_m{
display:block;
}

.seat_m dl {
border:1px solid #ddd;
width:auto;
}
.seat_m dt {
display:block;
border:none;
background-color:#ffa129;
color:#fff;
text-align:center;
padding:5px;
}

.seat_m dd {
display:block;
border:none;
padding:10px;
font-size:14px;
margin-bottom:0px;
}

.menu {
	width:100%;
	float:left;
	border-right:none;
	border-bottom:1px dashed #ccc;
	padding:10px 0px;
	min-height:auto;
	text-align:center;
}

.menu img {
display:block;
margin:auto;
}

.menu_info {
	margin:15px 0;
	font-size:14px;
}

#cafe .menu_info{
min-height:auto;
}

.menu_price {
	border:none;
	width:250px;
	margin:auto;
}

.menu_price th {
	background-color:#ffa529;
	color:#fff;
	text-align:center;
	font-size:14px;
	width:50px;
	
	border:none;
}

.menu_price td {
	font-size:14px;
	padding:10px;
	text-align:left;
	font-weight:bold;
	
	border:none;
}

.menu_dl {
margin:50px auto;
text-align:center;
font-weight:bold;
font-size:14px;
}


}