.menupage { background: url(../image/menu/bg-pattern.jpg) repeat; }
.menu_feature { align-items: center; background: url(../image/menu/bg-feature.jpg) center center / cover no-repeat; /*justify-content: center; */max-height: 520px; position: relative; }
.menu_feature::before { background: rgba(0,0,0 ,.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.menu_feature_thumb { position: relative; z-index: 2;max-width:595px; margin:0 auto;text-align:center; width:90%;}

/*menu*/
.menu_nav { background: #78192D; border-bottom: 1px solid #87847e; }
.menu_nav ul { background: none; border: none; margin: 0 auto !important; max-width: 1020px; }
.menu_nav ul li { text-align: center; }
.menu_nav ul li span {align-items: center; color: #fff; cursor: pointer; display: flex;  justify-content: center; height: 100%; position: relative;width:100%; }
/*part*/
.menu_infowrap {max-width:1020px; padding-top:30px; text-align:center;}
.menu_main {padding: 32px 0; }
.js_menu_content.js_content_current { display: block; }
.js_menu_content { display: none; }
.menu_dish_wrap { justify-content: flex-start; margin: 0 auto; max-width: 1050px; }
.menu_dish_block { background: #fff; border: 1px solid #dddad3; border-top: 5px solid #78192d; position: relative; }
.menu_dish_thumb img { width: 100%; }
.menu_dish_ttl { color: #78192c; font-size: 1.8rem; font-weight: bold; text-align: center; }
.menu_dish_note { font-size: 1.3rem; line-height: 1.4; position: relative; text-align: center; }
.menu_dish_btn { left: 0; margin: 0 auto; position: absolute; right: 0; }
.menu_dish_btn a { background: url(../image/menu/bg-btn.png) repeat; border-radius: 5px; color: #333333; font-size: 1.6rem; }
.menu_down_inner { background: url(../image/menu/thumb-adobe.jpg) #fff no-repeat; }
.menu_down_link a { color: #0033cc; }
.menu_down_link a::after { background: url(../image-cmn/ico-extendlink-sitemap.png) no-repeat; background-size: contain; content: ""; display: inline-block; height: 14px; margin-left: 5px; vertical-align: middle; width: 16px; }
.menu_down_link a:hover { color: #fa7d1d; }
.menu_down_link a:hover::after { background: url(../image-cmn/ico-extendlink-orange.png) no-repeat; background-size: contain; }
 @media screen and (max-width:648px) {
/*part*/
.menu_dish_block { margin-bottom: 15px; margin-left: 10px; padding-bottom: 65px; width: calc((100% - 10px ) / 2); }
.menu_dish_wrap .menu_dish_block:nth-child(2n+1) { clear: both; margin-left: 0; }
.menu_download { margin: 0 auto 30px; padding: 0 10px; }
.menu_down_inner { background-position: center 15px; padding: 65px 10px 15px 10px; }
}
@media screen and (min-width:649px) and (max-width:767px) {
/*part*/
.menu_dish_block { margin-bottom: 16px; margin-left: 12px; padding-bottom: 70px; width: calc((100% - 24px ) / 3 - 0.1px); }
.menu_dish_wrap .menu_dish_block:nth-child(3n+1) { clear: both; margin-left: 0; }
.menu_download { margin: 0 auto 30px; max-width: 1040px; padding: 0 10px; }
.menu_down_inner { background-position: 20px 20px; padding: 15px 15px 15px 192px; }
}
 @media screen and (max-width:767px) {
.menu_feature_thumb {padding: 20px 0; }
/*menu*/
.menu_main {min-height:300px;}
.menu_nav {margin:20px 10px 0 10px; position:relative;}
.menu_current {color:#fff; cursor:pointer; padding:15px;position:relative; }
.menu_current::after { background-image: url(../image-cmn/ico-arrow-02-down-white.png); background-repeat: no-repeat; background-position: center; background-size: 10px 6px; content: ""; height: 100%; right: 0; position: absolute; pointer-events: none; top: 0; width: 40px; z-index:1; }
.showarrow::after {background-image: url(../image-cmn/ico-arrow-02-up-white.png) !important; }
.menu_nav ul {border-top: 2px solid #d6ac72; background:#78192d; display:none;position:absolute; top:100%; left:0; right:0;max-height:300px; overflow-y:scroll; width:100%;z-index:2;}
.menu_nav ul li { border-top: 1px dotted #d6ac72;  text-align:left; width: 100%;}
.menu_nav ul li:first-child {border:none;}
.menu_nav ul li span {display:block !important; padding:15px; text-align:left;}
.menu_nav ul li.js_tab_current span::before { background: #d6ac72;  content: ""; height: 50%; left: 3px; position: absolute; top:25%; width:3px; }
.menu_nav ul li.js_tab_current span::after { border-style: solid; border-width:  5px 0 5px 5px; border-color: transparent transparent transparent #d6ac72 ; top:calc(50% - 4px); content: ""; height: 0; left: 4px; margin: 0 auto; position: absolute;width: 0; }
/*part*/
.menu_dish_wrap { padding: 0 10px }
.menu_dish_ttl { padding: 12px 10px 2px; }
.menu_dish_note { padding: 0 10px; }
.menu_dish_btn { bottom: 10px; padding: 0 10px; }
.menu_dish_btn a { padding: 8px 5px; }
}
@media screen and (min-width:768px), print {
.menu_feature_thumb { padding: 50px 0; }
/*menu*/
.menu_nav {height: 80px; }
.menu_nav ul { height: 80px; display:flex !important;}
.menu_nav ul li { width: calc(100% / 7  - 0.1px); }
.menu_nav ul li.js_tab_current span {height:80px;}
.menu_nav ul li:hover span::before,
.menu_nav ul li:hover span::after,
.menu_nav ul li.js_tab_current span::before,
.menu_nav ul li.js_tab_current span::after { display: block; }
.menu_nav ul li span::before { background: #d6ac72; bottom: -1px; content: ""; display: none; height: 5px; left: 0; position: absolute; right: 0; width: 100%; }
.menu_nav ul li span::after { border-style: solid; border-width: 10px 6.5px 0 6.5px; border-color: #d6ac72 transparent transparent transparent; bottom: -10px; content: ""; display: none; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; }
/*part*/

.menu_dish_wrap { padding: 0 15px; }
.menu_dish_block { margin-bottom: 19px; margin-left: 16px; padding-bottom: 80px; width: calc((100% - 51px ) / 4 ); }
.menu_dish_wrap .menu_dish_block:nth-child(4n+1) { clear: both; margin-left: 0; }
.menu_dish_ttl { padding: 12px 15px 2px; }
.menu_dish_note { padding: 0 15px; }
.menu_dish_btn { bottom: 15px; padding: 0 15px; }
.menu_dish_btn a { padding: 12px 5px; }
.menu_download { margin: 0 auto 30px; max-width: 1050px; padding: 0 15px; }
.menu_down_inner { background-position: 20px 20px; padding: 15px 15px 15px 192px; }
}
@media screen and (min-width:1030px), print {
	.menu_feature, .menupage  { background-attachment: fixed; }
}