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

/*----------------------------
	Common Styles
-----------------------------*/
.inner_1100 {
	width: 1100px;
	margin: 0 auto;
}
.inner_1100 .sub {
	text-align: center;
}
.course_col {
	display: flex;
	justify-content: center;
	gap: 0 100px;
}
.course {
	position: relative;
	width: 300px;
}
.course>img {
	position: absolute;
	top: -20px;
	right: -50px;
	z-index: 1;
	pointer-events: none;
}
.course>a img {
	width: 301px;
	height: 202px;
	object-fit: cover;
}
.course>a::after {
	position: relative;
	z-index: 1;
	content: '';
	display: block;
	width: 23px;
	height: 23px;
	margin: -11px auto 0;
	background: url(../../meal/img/arrow_btm.png)no-repeat center/contain;
}
.course ul {
	margin-top: 25px;
}
.course li+li {
	margin-top: 12px;
}

.panel .menu .flexslider img {
	width: 100%;
	height: 445px;
	object-fit: cover;
}


/* ↑↑↑ Common ↑↑↑ */
#meal .intro { padding-bottom: 30px; }
#meal .intro div > ul:after,#meal section:after,#meal .sec1_wrap:after,
#meal .sec2_wrap:after,#meal .sec3_wrap:after,#meal section .menu dl:after,
#meal section ul.plan:after,#meal .sec4_wrap .day_plan:after,#meal .sec4_wrap .menu_tit:after,#meal #sec5:after,#meal #sec5 dd:after {content:"."; display:block; height:0; clear:both; line-height:0; visibility:hidden;}

#meal { background: url(../img/bg6.gif)center 0 repeat;}
#meal header { background: url(../../meal/img/title_bg.jpg) no-repeat top center;}
#meal header img { display: block; margin: 0 auto; padding: 100px 0;}
#meal article { margin: 0 auto -40px; background: url(../../meal/img/intro_bg.png) no-repeat top center,url(../img/bg1.gif)center 0 repeat;}
#meal #side { position: fixed; right: -178px; z-index: 9000;}

/*----- intro -----*/
#meal .intro> div,#meal section { width: 1100px; margin: 0 auto; padding: 0 0 30px;}
#meal .intro .sub { position: relative; display: block; margin: 40px auto 75px; z-index: 10;}
#meal .intro div > ul > li { position: relative; float: left; width: 302px; margin: 0 97px 0 0;}
#meal .intro div > ul > li:last-child { margin: 0;}
#meal .intro div > ul > li > img { position: absolute; top: -20px; right: -50px; z-index: 999;}
#meal .intro div > ul > li > img:nth-of-type(2) { position: relative; top: 0; right: 0; z-index: 40;}/* 画像にリンクを設置する時削除 */
#meal .intro div ul li li { margin: 10px 0;}

/*----- section 共通 ------*/
#meal section { padding: 80px 0;}
#meal section .menu_tit { width: 250px;}
#meal section .menu_tit p { margin: 40px 0 0;}
#meal section h4 { text-align: center;}
#meal .flex-control-thumbs li { width: 10%; margin: 0 10px 0 0;}
#meal section .menu dl { margin: 40px 0 0; padding: 24px 40px 20px; background: url(../../meal/img/menu1_bg2.png)no-repeat bottom, url(../../meal/img/menu1_bg1.png)no-repeat top center;}
#meal section .menu dt { margin: 0 0 16px; padding: 0 0 10px; font-size: 18px; color: #f3775d; text-align: center; font-family: serif; background: url(../../meal/img/line.gif)repeat-x bottom;}
#meal section .menu dd { column-count: 2; }
#meal section ul.menu_note { padding: 10px 0 20px;}
#meal section ul.menu_note li { color: #d53513; font-size: 11px;}
#meal section ul.plan li { float: left;}
#meal section ul.plan li:first-child { margin: 0 12px 0 0;}

/*----- sec1,sec3 -----*/
#meal .sec3_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,url(../../meal/img/sec3_bg.png)no-repeat bottom center,url(../img/bg6.gif)center 0 repeat;}
#meal .sec1_wrap section { background: url(../../meal/img/sec1_bg1.png) no-repeat top right 100px;}
#meal .sec1_wrap .menu_tit,#meal .sec3_wrap .menu_tit { float: right;}
#meal .sec1_wrap section .menu,#meal .sec3_wrap section .menu { float: left; width: 791px;}
#meal .sec3_wrap ul.menu_note li:nth-of-type(3) { margin: 14px 0 0;}

/*----- sec2 -----*/
#meal .sec2_wrap { background: url(../../meal/img/sec2_bg1.png)no-repeat top center,url(../../meal/img/sec2_bg2.png)no-repeat bottom center,url(../../meal/img/bg.gif) repeat-x top;}
#meal .sec2_wrap .menu_tit { float: left;}
#meal .sec2_wrap section .menu { float: right; width: 791px;}

/*----- sec4 -----*/
#meal .sec4_wrap { background:url(../../meal/img/bg3.gif)repeat-x top,url(../../meal/img/sec4_bg.png)no-repeat top right 140px; background-color: #f8f1df;}
#meal .sec4_wrap section > img { margin: 0 30px 0 80px;}
#meal .sec4_wrap .day_plan { position: relative; margin: 50px 0 0; padding: 0 40px; background: url(../img/bg6.gif); border: 1px solid #cec6b7;}
#meal .sec4_wrap h4 { float: left; width: 550px; margin: 50px 0 0 140px;}
#meal .sec4_wrap .menu_tit { width: auto; margin: 0 0 30px; padding: 0 0 26px; background: url(../../meal/img/line.gif)repeat-x bottom;}
#meal .sec4_wrap .menu_tit p { float: right; margin: 0; padding: 80px 0 0;}
#meal .sec4_wrap h4 img:nth-child(1) { position: absolute; top: -20px; left: -40px;}
#meal .sec4_wrap .menu { float: right; width: 601px;}
#meal .sec4_wrap .menu img { margin: 0 0 30px;}
#meal .sec4_wrap .day_plan dl { float: left; width: 339px; padding: 0 24px 9px; background: url(../../meal/img/menu2_bg2.png)no-repeat bottom,url(../../meal/img/menu2_bg1.png)no-repeat;}
#meal .sec4_wrap .day_plan dt { margin: 19px 0 16px; padding: 0 0 10px; font-size: 18px; color: #f3775d; text-align: center; font-family: serif; background: url(../../meal/img/line.gif)repeat-x bottom;}
#meal .sec4_wrap .day_plan li { line-height: 2;}
#meal .sec4_wrap .day_plan ul.menu_note { float: left;}


/*----- sec5 170405 mae -----*/
#meal section#sec5 { width: 1046px; margin: 80px auto; padding: 24px 27px 80px 27px; background: url(../../meal/img/sec5_bg2.png)no-repeat top right,url(../../meal/img/sec5_bg.gif);}
#meal #sec5 h4 { float: right; padding: 0 40px 0 0;}
#meal #sec5 > img:nth-of-type(1) { margin: 0 0 -20px;}
#meal #sec5 p{ float: left; width: 470px; min-height: 446px; padding: 100px 0 0 20px; background: url(../../meal/img/sec5_txt_bg.png)no-repeat top center;}
#meal #sec5 p span { display: block; padding: 0 0 40px; font-size: 22px; color: #8a470d; font-family: serif;}
#meal #sec5 > img:nth-of-type(2) { float: right; padding: 80px 0 0;}
#meal #sec5 dl { clear: both; width: 923px; margin: 0 auto; padding: 0 47px; background: url(../../meal/img/sec5_menu_bg2.png)no-repeat bottom,url(../../meal/img/sec5_menu_bg1.png)no-repeat;}
#meal #sec5 dt { margin: 0 0 16px; padding: 40px 0 10px; font-size: 18px; color: #cd0e20; text-align: center; font-family: serif; background: url(../../meal/img/line.gif)repeat-x bottom;}
#meal #sec5 dd { padding: 0 0 40px;}
#meal #sec5 dd ul { float: left; padding: 0 60px 0 0;}
#meal #sec5 dd ul:nth-of-type(3) { padding: 0;}
#meal #sec5 dd li { line-height: 2;}
#meal #sec5 ul.menu_note { width: 1017px; margin: 0 auto;}
#meal #sec5 a { display: block; width: 389px; margin: 0 auto;}


/*----- meal2 sec1 -----*/
#meal.meal2 .sec1_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,url(../img/bg6.gif)center 0 repeat;}
#meal.meal2 .sec1_wrap section { background: none;}


/*170914_tsukamoto*/
#meal section .menu dd ul:nth-of-type(1) { padding: 0 90px 0 0;}
#meal .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
#meal .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1;}
#meal .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
#meal .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1;}
/*ここまで*/

/* 171102_tsukamoto */
#meal h3 { text-align: center; margin: 35px 0 0;}
#tabs>ul { width: 1026px; margin: 30px auto 0 !important;}
#tabs>ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }
#tabs>ul li { float:left; margin-right: 10px;}
#tabs>ul li:last-child { margin-right: 0;}
/**/

/*----- ▽四季料理の背景画像(メニューの詳細を書かない場合は bottomを5%程にし pのmarginを調節)▽-----*/
/*----- 春 -----*/
#meal #spr_area .sec1_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,
	url(../../meal/img/sec1_bg_spr.png)no-repeat bottom 5% center,
	url(../../common/img/bg6.gif)center 0 repeat !important;}
#meal #spr_area .sec2_wrap { background: url(../../meal/img/sec2_bg1.png)no-repeat top center,
	url(../../meal/img/sec2_bg2.png)no-repeat bottom 5% center,
	url(../../meal/img/bg.gif) repeat-x top;}
#meal #spr_area #sec2_spr p { margin: 20px 0 0;}
#meal #spr_area .sec3_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,
	url(../../meal/img/sec3_bg.png)no-repeat bottom 0% center,
	url(../img/bg6.gif)center 0 repeat;}
#meal #spr_area #sec3_spr p { margin: 10px 0 0;}
/*----- 夏 -----*/
#meal #sum_area .sec1_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,
	url(../../meal/img/sec1_bg_sm.png)no-repeat bottom 5% center,
	url(../../common/img/bg6.gif)center 0 repeat !important;}
#meal .sec2_wrap { background: url(../../meal/img/sec2_bg1.png)no-repeat top center,
	url(../../meal/img/sec2_bg2.png)no-repeat bottom 5% center,
	url(../../meal/img/bg.gif) repeat-x top;}
#meal #sum_area #sec2_sm p { margin: 10px 0 0;}
#meal #sum_area .sec3_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,
	url(../../meal/img/sec3_bg_au.png)no-repeat bottom 5% center,
	url(../img/bg6.gif)center 0 repeat;}
#meal #sum_area #sec3_sm p { margin: 10px 0 0;}
/*----- 秋 -----*/
#meal #aut_area .sec1_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,
	url(../../meal/img/sec1_bg_au.png)no-repeat bottom center,
	url(../../common/img/bg6.gif)center 0 repeat !important;}
/*----- 冬 -----*/
#meal #win_area .sec1_wrap { background: url(../../meal/img/bg2.gif) repeat-x top,
	url(../../meal/img/sec1_bg_wi.png)no-repeat bottom center,
	url(../../common/img/bg6.gif)center 0 repeat !important;}
#meal #win_area .sec2_wrap { background: url(../../meal/img/sec2_bg1.png)no-repeat top center,url(../../meal/img/sec2_bg2.png)no-repeat bottom center,url(../../meal/img/bg.gif) repeat-x top;}

#meal #sec2_wi .menu dl p { clear: both; padding: 5px 0; text-align: center; color: #fff; font-size: 14px; background-color: #ae2020; margin: 30px 0 10px; display: table; width: 100%;}
#meal section .menu dd::after {content:"."; display:block; height:0; clear:both; line-height:0; visibility:hidden;}
/*----- △四季料理の背景画像△-----*/




/*css変更-------------------------------

180605_eriko #meal .sec4_wrap .day_plan dt,dl変更


----------------------------------------*/