@charset "utf-8";

/*
 (C)SPACEKEY 2011
 TOPデザインCSS(システムパーツ部分等)
*/

@import "../contents/css/html5reset.min.css";
@import "../themes/default/theme_main.css";
@import "../css/contents.css";
@import "../css/page_common.css";


/* メインイメージ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#mp1 { background:url(../images/meal/h1_bg_2.jpg) no-repeat; }
/* #mp1 { background:url(../images/meal/h1_bg_3.jpg) no-repeat; } */

/* secA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#secA { background:url(../images/meal/index/img_1_bg.jpg) no-repeat center top; }
#secA img { vertical-align:top; }
#secA h2 { margin-top:-60px; z-index:3; position:relative; }

#sec_move {
	text-align: center;
	margin-bottom: 40px;
	margin-top: -40px
}

/* meal_index
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#meal_index {}
#meal_index .chef .inner { width:800px; height:705px; padding:60px 0 0 160px; background:url(../images/meal/index/chef_bg2.jpg) 0 0 no-repeat;}
#meal_index .chef .inner iframe {
	position:  absolute;
	top: 297px;
	right: 42px;
	box-shadow: 2px 2px 8px #999;
}
#meal_index .ex { background:url(../images/meal/index/p_bg.jpg) 0 0 repeat; padding:80px 0 40px;color: #fff;}
#meal_index .ex .ex1 { background:url(../images/meal/index/bg_1.png) right bottom no-repeat;}
#meal_index .ex .ex2 { background:url(../images/meal/index/bg_2.png) 0 bottom no-repeat;}
#meal_index .ex .ex3 { background:url(../images/meal/index/bg_1.png) right bottom no-repeat;}
#meal_index .ex .pg { width:760px;}
#meal_index #pg3,#meal_index #pg4,#meal_index #pg5{ width:465px;}
#meal_index #pg3.pg,#meal_index #pg4.pg,#meal_index #pg5.pg{
	height: 325px;
}
#meal_index #pg3 .pgs,#meal_index #pg4 .pgs,#meal_index #pg5 .pgs{
    height: 300px;
}
#meal_index #pg3 .pgs li,#meal_index #pg4 .pgs li,#meal_index #pg5 .pgs li {
    height: 300px;
}
#meal_index p.pg4_bt {
	margin-top: 54px;
}
/* meal_order
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#meal_order {}
#meal_order .page_header .box { height:146px; padding:54px 0 0 292px; background:url(../images/meal/order/bg.png) 0 0 no-repeat;}
#meal_order .ls { width:460px; float:left;}
#meal_order .list { width:225px; float:left;}
#meal_order .list2 li { width:470px; float:left; margin-bottom:40px; list-style:none;}
#meal_order .list2 li.last { margin-bottom:0;}
#meal_order .bt {text-align: right;margin-top: 10px;}
/* meal_restaurant
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#meal_restaurant {}
#meal_restaurant .page_header h2.pgt { text-align:left; height:inherit; }
#meal_restaurant table { width:960px; font-size:12px;}
#meal_restaurant table th { padding:5px; background:#F6F6F6; text-align:center;}
#meal_restaurant table td { padding:5px 80px; text-align:center; border-bottom:1px dotted #ccc;}
#meal_restaurant table td.left { text-align:left; padding:5px 90px;}
#meal_restaurant .bt {text-align: right;margin-top: 10px;}
#meal_restaurant .pgw { display: flex; }
#meal_restaurant .pgw li { list-style: none; width: calc((100% - 40px) / 3); margin-right: 20px; }
#meal_restaurant .pgw2 li {  width: calc((100% - 20px) / 2); }
#meal_restaurant .pgw li:last-child {  margin-right: 0; }
#meal_restaurant .pgw li img { width: 100%; }

/* exbox ----------*/
#exbox {}
#exbox .w { display: flex; padding: 40px; background-color: #EEE; }
#exbox .w img { width: 30%; }
#exbox .w .tw { width: 70%; padding-left: 40px; }
#exbox .w .tw h2 { font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }