/*
  作成日: 20181214
  作成者: FOIS01
*/
/* 調整用ベーススタイル
   ========================================================================== */
	 
#menu { padding-top: 100px; margin-top:-100px;}
.menu_top { background: url(../image/bg-menu.jpg) no-repeat; background-size: cover; background-position: center; color: #fff; position: relative; text-align: center; }
.menu_top::before { background: rgba(0,0,0,.6); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.menu_top_wrap { padding-top: 35px; padding-bottom: 50px; position: relative; z-index: 1; }
.menu_top_ttl { font-weight: bold; line-height: 1.4; }
.menu_top_subttl { margin-bottom: 7px; line-height: 1.4; }
.menu_top_des a { display: inline-block; color: #fff; text-decoration: underline; }
.menu_top_des a::before { content: "→"; }
.menu_top_des a:hover { color: #fe8814; }
.menu_box { position: relative; }
.menu_box::before { content: ""; display: inline-block; width: 100%; height: 264px; background: url(../image/bg-flower02-left-pink.png) no-repeat; background-size: auto 100%; background-position: left top; pointer-events: none; position: absolute; top: 0; left: 0; }
.menu_box:nth-child(odd) { background: #fff; }
.menu_box:nth-child(odd)::before { opacity: .5; transform: rotateY(-180deg); }
.menu_box:nth-child(even) { background: url(../image/bg-caro-pink.jpg) repeat; }
.menu_box_img {pointer-events:none;}
.menu_boxin {display: flex; text-align: left; flex-direction: column;  position: relative; }
.menu_btn_lst { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; position: relative; z-index: 1;}
.menu_btn_lst li { margin-top: 20px; }
.btn_menu a { align-items: center; border: 1px solid #a1552f; border-radius: 12px; color: #a1552f;display: flex; flex-wrap: wrap;  font-weight: bold; height: 100%; min-height: 60px; justify-content:center; padding: 5px;  width: 100%;  }
/*.btn_menu a::before {content:""; height:24px; width:24px; display:inline-block; margin-right:10px; vertical-align:middle;}*/
.btn_menu_note { color: #000; display: block; font-size: 1.1rem; font-weight: normal;text-align:center; width:100%; }
.btn_menu a::before { background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: middle; width: 24px; }
.btn_menu.btn_grand_menu a::before { background-image: url(../image/ico-menu-brown.png); }
.btn_menu.btn_takeout_menu a::before { background-image: url(../image/ico-takeout-brown.png); }
.btn_menu.btn_lunch_menu a::before { background-image: url(../image/ico-hours-brown.png); }
.btn_menu.btn_unagi_menu a::before { background-image: url(../image/ico-unagi-brown.png); }
.btn_menu.btn_morning_menu a::before { background-image: url(../image/ico-morning-brown.png); }
.btn_menu.btn_kids_menu a::before { background-image: url(../image/ico-kids-brown.png); }
.btn_menu.btn_dish_menu a::before { background-image: url(../image/ico-dish-brown.png); }
.btn_menu.btn_store_menu a::before { background-image: url(../image/ico-store-brown.png); }
.btn_menu.btn_banquet_menu a::before { background-image: url(../image/ico-banquet-brown.png); }
.btn_menu a:hover { background: #a1552f; color: #fff; }
.btn_menu.btn_grand_menu a:hover::before { background-image: url(../image/ico-menu-white.png); }
.btn_menu.btn_takeout_menu a:hover::before { background-image: url(../image/ico-takeout-white.png); }
.btn_menu.btn_lunch_menu a:hover::before { background-image: url(../image/ico-hours-white.png); }
.btn_menu.btn_unagi_menu a:hover::before { background-image: url(../image/ico-unagi-white.png); }
.btn_menu.btn_morning_menu a:hover::before { background-image: url(../image/ico-morning-white.png); }
.btn_menu.btn_kids_menu a:hover::before { background-image: url(../image/ico-kids-white.png); }
.btn_menu.btn_dish_menu a:hover::before { background-image: url(../image/ico-dish-white.png); }
.btn_menu.btn_store_menu a:hover::before { background-image: url(../image/ico-store-white.png); }
.btn_menu.btn_banquet_menu a:hover::before { background-image: url(../image/ico-banquet-white.png); }
.btn_menu a:hover .btn_menu_note { color: #fff; }
.menu_subttl { font-weight: bold; margin-bottom: 10px; }
.menu_subttl::before { content: ""; display: inline-block; background: url(../image/ico-location-orange.png) no-repeat; background-size: contain; margin-right: 10px; vertical-align: sub; }
.menu_subttl span { margin-right: 6px; }
.menu_shoplist { background: #fff; margin: 8px 0; padding: 10px; }
.menu_shoplist_item { display: flex; gap: 2%; }
.menu_shoplist_item:nth-child(n+2) { margin-top: 10px; }
.menu_shoplist dt { align-items: center; background: #ebe2ce; display: flex; justify-content: center; padding: 6px 0; text-align: center; width: 22%;}
.menu_shoplist dd { width: 76%; }
.menu_multiproduct_in { background: url(../image/bg-mainvisual.jpg) repeat;}
.menu_multiproduct .menu_subttl {align-self: center; }
.menu_multiproduct .menu_subttl::before { background: url(../image/ico-multiproduct-orange.png) no-repeat; background-size: contain; }
.menu_multiproduct .menu_boxin {align-items: flex-start !important;}
.menu_multiproduct_lst { display: flex; flex-wrap: wrap; margin-bottom: 20px; width: 100%; overflow: hidden; }
.menu_multiproduct_lst li { margin: 40px 0 auto; padding: 15px 0; position: relative; }
.menu_multiproduct_lst_img { border-radius: 100%; overflow: hidden; width: 100%; }
.menu_multiproduct_lst_img img { width: 100%; height: auto; }
.menu_multiproduct_lst li::before { content: ""; display: block; height: 100%; top: 0;  position: absolute; z-index: 2; }
.menu_multiproduct_lst_ttl { position: absolute; z-index: 3; }
.menu_multiproduct_lst_ttl a { background: #fe8814; border-radius: 50px; color: #fff; display: block; font-weight: normal; position: relative; text-align: center; }
.menu_multiproduct_lst_ttl a::before { content: "→"; font-family: "Yu Gothic"; color: #fff; display: inline-block; position: absolute; right: 7px; }
.menu_multiproduct_lst li:hover .menu_multiproduct_lst_ttl a { background: #a0542e; }
.menu_multiproduct_lst li:hover .menu_multiproduct_lst_ttl a::before { right: 5px; }
.menu_multiproduct_lst li:hover .menu_multiproduct_lst_img img { transform: scale(1.1, 1.1); }
.menu_multiproduct .menu_boxin { max-width: 1080px; }
.menu_banquet { background: url(../../image/bg-leaf.jpg) repeat; background-attachment: fixed; padding: 60px 0; }
.menu_banquet_cont { align-items: center; display: flex; gap: 0 3%; margin-bottom: 50px; }
.menu_banquet_cont_ttl { color: #3f2e26; font-size: 3.6rem; font-weight: bold; margin-bottom: 20px; }
.menu_banquet_cont_txt { width: 57%; }
.menu_banquet_cont_txt p { margin-bottom: 10px; }
.menu_banquet_cont_img { aspect-ratio: 4 / 2.8; overflow: hidden; width: 40%; }
.menu_banquet_cont_img img { height: 100%; object-fit: cover; }
.menu_banquet_scene { column-gap: 1.4%; display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 30px; }
.menu_banquet_scene li { position: relative; }
.menu_banquet_scene_txt { background: rgba(63, 46, 38, .8); bottom: 0; color: #fff; padding: 2px; position: absolute; text-align: center; width: 100%; }
.menu_banquet_message {color: #3f2e26; font-size: 2.8rem; font-weight: bold; margin-bottom: 30px; text-align: center; }
.menu_banquet_message::before { content: "～"; }
.menu_banquet_message::after { content: "～"; }
.btn_menu_banquet { margin: 0 auto; max-width: 500px; }
.menu_attention_in { padding: 20px 0 40px; }
.menu_attention_in .cmn_note_lst { max-width: 1080px; }
.menu_attention_in .cmn_note_lst  li a::before { content: "→"; }
 @media screen and (max-width:479px) {
.menu_multiproduct { padding-top: 0 !important; }
.menu_multiproduct_lst li::before { border: 3px dashed #fff;width: 92%;left: 4%; }
.menu_multiproduct_lst li:hover::before { border-color: #fe8814; }
}
@media screen and (min-width:480px) {
.menu_multiproduct_lst li::before { border: 4px dashed #fff;width: 80%;left: 10%; }
.menu_multiproduct_lst li:hover::before { border-color: #fe8814; }
}
@media screen and (max-width:767px) {
.menu_box { overflow: hidden; }
.menu_boxin {padding-top: 40px; padding-bottom: 30px;}
.menu_box_img { position: absolute; right: -40px; width: 45%; max-width: 200px; top: -80px; z-index: 5; }
.menu_top_ttl { font-size: 2rem; }
.menu_top_subttl { font-size: 1.6rem; }
.menu_multiproduct .menu_boxin { padding-left: 10px !important; padding-right: 10px !important; }
.menu_multiproduct_lst { justify-content: space-around; }
.menu_multiproduct_lst li { max-width: 250px; width: 48%; }
.menu_multiproduct_lst_ttl a { font-size: 1.5rem; padding: 5px 10px; }
.menu_multiproduct_lst_ttl a::before { font-size: 1.4rem; top: calc(50% - 10px);right:5px; }
.menu_subttl { font-size: 1.6rem; padding-top: 20px; padding-right: 25%;}
.menu_subttl::after { margin-left: 10px; }
.menu_subttl span { font-size: 2rem; }
.menu_subttl::before { height: 30px; width: 20px; }
.menu_shoplist dt { width: 22%;}
.menu_shoplist dd { width: 76%; }
.menu_btn_lst li { margin-top: 10px; width: 49%; }
.btn_menu a { font-size: 1.4rem; }
.btn_menu a::before { margin-right: 2px; height: 20px; width: 20px; }
.menu_multiproduct .menu_subttl { padding-right: 0; }
.menu_multiproduct .menu_subttl::before { height: 20px; width: 20px; }
.menu_multiproduct_lst_ttl { width: 114px; top: -10px; left: calc(50% - 57px); }
  .menu_banquet_cont { flex-direction: column-reverse; margin-bottom: 30px; }
  .menu_banquet_cont_ttl { font-size: 2.4rem; }
  .menu_banquet_cont_txt { width: 100%; }
  .menu_banquet_cont_img { margin-bottom: 10px; width: 100%; }
  .menu_banquet_scene { grid-template-columns: repeat(3, 1fr); }
  .menu_banquet_message { font-size: 2rem; }
}
@media screen and (min-width:768px), print {
.menu_boxin {padding-top: 40px; padding-bottom: 40px;}
.menu_top_ttl { font-size: 2.8rem; }
.menu_top_subttl { font-size: 3rem; }
/*.menu_top_des { font-size: 1.6rem; }*/
.menu_shoplist dt { width: 18%; }
.menu_shoplist dd { width: 80%; }
.menu_multiproduct .menu_boxin { padding-left: 30px !important; padding-right: 30px !important; }
.menu_multiproduct_lst { justify-content: center;}
.menu_multiproduct_lst li { max-width: 220px; width: calc(94%/4 - 0.1px); margin-left:2%;}
.menu_multiproduct_lst li:nth-child(4n+1) {margin-left:0;}
.menu_multiproduct_lst_ttl { width: 140px; top: -20px; left: calc(50% - 70px); }
.menu_multiproduct_lst_ttl a { font-size: 1.8rem; padding: 10px; transition: .3s all ease-in-out; }
.menu_multiproduct_lst_ttl a::before { font-size: 2rem; top: calc(50% - 15px);transition: .3s all ease-in-out;  }
.menu_multiproduct_lst_img img { transition: .3s all ease-in-out;}
.menu_subttl { font-size: 2rem; margin-top: -180px; padding-top: 180px; }
.menu_subttl::after { margin-left: 15px; }
.menu_subttl span { font-size: 3rem; }
.menu_subttl::before { height: 40px; width: 27px; }
.menu_multiproduct .menu_subttl::before { height: 30px; width: 30px; }
.menu_btn_lst li { margin-top: 20px; width: 48%; }
.btn_menu a { font-size: 2rem;}
.menu_boxin_wrap { max-width: 540px; min-width: 427px; }

}
@media screen and (min-width:768px) and (max-width:1024px), print {
.menu_box_img { position: absolute; width: 30%; top: -10%; z-index: 5; }
.menu_box:nth-child(odd) .menu_boxin { padding-left: 22%; align-items: flex-start; }
.menu_box:nth-child(even) .menu_boxin { padding-left: 9%;  padding-right: 22%; /*align-items: flex-end;*/ }
.menu_box:nth-child(odd) .menu_box_img { left: -10%;  align-self: flex-end;}
.menu_box:nth-child(even) .menu_box_img { right: -10%;   align-self: flex-start;}
}
 @media screen and (min-width:1025px), print {
.menu_top { background-attachment: fixed; }
.menu_box_img {position: absolute;top: calc(50% - 212px);width: 424px;height: 424px;z-index:5;}
.menu_box:nth-child(odd) .menu_boxin { padding-left: 390px; align-items: flex-start; }
.menu_box:nth-child(even) .menu_boxin {min-width: 1180px;padding-left: 250px; padding-right: 390px; /*align-items: flex-end;*/ }
.menu_box:nth-child(odd) .menu_box_img { left: -70px;}
.menu_box:nth-child(even) .menu_box_img { right: -70px;}

}