@charset "UTF-8";
/*@font-face {
  font-family: ZenMaruGothic;
  src: url(https://test.ganeshindo.com/resources/fonts/ZenMaruGothic-Regular.ttf);
  font-weight: "normal";
  font-display: swap;
}
@font-face {
  font-family: ZenMaruGothic;
  src: url(https://test.ganeshindo.com/resources/fonts/ZenMaruGothic-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: ZenMaruGothic;
  src: url(https://test.ganeshindo.com/resources/fonts/ZenMaruGothic-Bold.ttf);
  font-weight: 700;
  font-display: swap;
}*/

html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Gothic", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #ffffff;
  font-weight: 400;
  color: #444;
  position: fixed;
  overflow: hidden;
  /*
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
          */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: linear-gradient(180deg, #ffea8d, #ffde4d);
}

* {
  box-sizing: border-box;
}

#app {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  top: 0;
  height: 100%;
  width: 100%;
  max-height: 100%;
  background-repeat: repeat;
  background: url("indian_art_pattern.svg");
  overflow-x: auto;
}

#app_subholder {
  position: sticky;
  @media all and (min-width:560px) {
    margin: 12px auto;
    max-width: 560px;
    min-width: 560px;
    border: 1px solid #bbb;
    border-radius: 12px;
    background-color: rgba(255,255,255,0.8);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-items: center;
    align-items: stretch;
  }
  @media only screen and (max-width: 560px) {
    margin: 0px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: stretch;
  }
}

input::-moz-placeholder {
  color: rgb(173, 173, 173);
  opacity: 1;
}

input::placeholder {
  color: rgb(173, 173, 173);
  opacity: 1;
}

.second_container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  flex: 1;
  min-height: auto;
  width: 100%;
}

.header_bar_placeholder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  min-width: 100%;
  min-height: 0px;
  border: 0px;
  visibility: collapse;
}

.header_bar_placeholder_small {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  min-height: 0px;
  min-width: 100%;
  border: 0px;
  visibility: collapse;
}

.header_bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  left: 0;
  min-width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 1px solid rgb(173, 173, 173);
  align-items: center;
  z-index: 2;
  @media only screen and (max-width: 560px) {
    border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  }
}

.header_bar_transparent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  left: 0;
  min-width: 100%;
  max-width: 100%;
  background-color: none;
  height: 0px;
  border: 0px solid rgba(255, 255, 255, 0);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  align-items: center;
  z-index: 3;
  @media only screen and (max-width: 560px) {
    border: 0px solid rgba(255, 255, 255, 0);
    border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  }
}

.header_right_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  margin: 0px;
}

.logo_container {
  display: flex;
  max-width: 86px;
  max-height: auto;
  overflow: hidden;
  margin: 4px 12px;
}

.logo_img {
  max-width: 100%;
  max-height: 100%;
}

.a_butt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 12px 12px 12px 0px;
  padding: 0px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(146, 146, 146);
  box-shadow: 1px 1px 2px rgba(63, 63, 63, 0.596);
  text-decoration: none;
  border-radius: 6px;
  padding: 6px 12px;
}

.butt_image_holder {
  margin: 0px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.butt_img {
  width: 32px;
  height: 32px;
}

.butt_p_title {
  line-height: 1;
  padding: 2px;
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
}

.butt_txt_holder {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  color: #000;
}

.desc_holder {
  margin: 6px 12px 12px 12px;
  border: 1px solid rgb(173, 173, 173);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9)
}

.desc_p {
  font-size: 18px;
  font-weight: 500;
  padding: 3px 12px;
  line-height: 1.5;
  color: #000;
}

.subsection_holder {
  margin: 12px;
  border: 1px solid rgb(173, 173, 173);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
}

.sectiontitle_holder {
  margin: 6px 12px;
  padding: 6px;
  border-bottom: 1px solid rgb(218, 218, 218);
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

.sectiontitle {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  padding: 0px;
  margin: 0px 12px;
  color: #000000;
}

.sub_sectiontitle {
  font-size: 16px;
  font-weight: 500;
  padding: 0px;
  margin: 8px 26px;
}

.shops_list_holder {
  margin: 6px 12px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-basis: 100%;
  align-items: stretch;
  justify-content: center;
}

.shop_butt_a {
  text-decoration: none;
  border: 1px solid #ff570a;
  border-radius: 6px;
  margin: 6px;
  padding: 0px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  flex-grow: 1;
  flex: 1 1 0px;
  max-width: 180px;
  min-width: 140px;
  background: #fff;
}

.ver_butt_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  margin: 0px;
  padding: 0px;
}

.butt_p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 12px 6px;
  margin: 0px;
  text-decoration: none;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.butt_p_desc_holder {
  display: flex;
  justify-content:center;
  align-items: center;
  flex-grow: 0;
  flex-direction: row;
  margin: 0px auto;
  padding: 0px;
}

.img_24 {
  width: 24px;
  height: 24px;
  margin: 0px;
  padding: 0px;
}

.butt_p_desc {
  display: flex;
  flex-grow: 0;
  width: auto;
  margin: 0px;
  padding: 12px 2px;
  line-height: 1;
  text-decoration: none;
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
  overflow: auto;
  word-wrap: break-word;
}

.butt_p_desc_en {
  display: flex;
  flex-grow: 0;
  width: auto;
  margin: 0px;
  padding: 12px 2px;
  line-height: 1;
  text-decoration: none;
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
  overflow: auto;
  word-wrap: break-word;
  width:min-content;
}

.menu_categories_holder {
  margin: 6px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  justify-content:center;
}

.menu_category_butt {
  position: relative;
  text-decoration: none;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #ff570a;
  border-radius: 6px;
  margin: 6px;
  padding: 0px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  max-width: 150px;
  min-width: 150px;
  background: #fff;
  aspect-ratio: 3/3;
  object-fit: cover;
}

.hor_butt_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  flex-wrap: wrap;
}

.ver_butt_container_menu {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  flex-wrap: wrap;
  aspect-ratio: 3/3;
  object-fit: cover;
  max-width: 150px;
}

.menu_icon {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/3;
  object-fit: cover;
}

.menu_butt_p_holer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.butt_p_menu {
  color: #000;
  background: rgb(255, 208, 1);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  flex-grow: 1;
  padding: 6px 6px;
  margin: 0px;
  text-decoration: none;
}

footer {
  flex-grow: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: auto;
  background-color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgb(173, 173, 173);
  margin: 0px 0px 0px 0px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.footer_content_holder {
  margin: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
}

.s_media_links_hoder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.s_links {
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin: 12px;
}

.s_link_img {
  width: 32px;
  height: 32px;
}

.extra_links_holder {
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.extra_links {
  text-decoration: none;
  color: #ff570a;
  margin: 12px;
  font-weight: 500;
  font-size: 16px;
  background-color: #ffffff;
  line-height: 1;
  padding: 6px;
  border-radius: 4px;
}

.end_footer_p_holder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  border-top: 1px solid rgb(218, 218, 218);
  padding: 12px;
}

.end_footer_p {
  line-height: 1.5;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
}

.back_img {
  width: 32px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}

.back_butt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border: 1px solid rgb(218, 218, 218);
  padding: 6px 10px 6px 3px;
  margin: 6px 12px;
  background: #fafafa;
  border-radius: 12px;
  height: 60px;
  width: 90px;
  cursor: pointer;
}
.back_butt_transparent {
  position: absolute;
  right: 0px;
  top:0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border: 1px solid rgba(218, 218, 218, 0.932);
  padding: 8px;
  margin: 6px 12px;
  background: #ffffff86;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  z-index: 3;
}

.butt_p_back {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.title_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  margin: 6px;
}

.title_p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 0px 6px;
}

.inputHolder {
  margin: 16px 6px;
}

.inputTitleHolder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.inputLabel {
  line-height: 1;
  margin: 0px;
  padding: 4px 3px;
  font-size: 16px;
  font-weight: 700;
  color: #606060;
}

.missingMsg {
  line-height: 1;
  margin: 0px;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 500;
  flex: 1;
  color: #ca5100;
}

.form_holder {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 12px;
  border: 1px solid rgb(173, 173, 173);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  padding: 0px 12px;
  flex-grow: 1;
  width: 90%;
  max-width: 800px;
}

.inputBox {
  display: inline-flex;
  flex-grow: 1;
  justify-self: stretch;
  padding: 8px;
  border: 0px solid rgba(153, 153, 153, 0.712);
  -webkit-border: 0px solid rgba(255, 103, 15, 0.95);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 2px;
  background-color: rgb(240, 240, 240);
  flex-grow: 1;
  width: 100%;
  padding: 16px 12px;
  color: #0b0b0b;
  font-size: 18px;
}
.inputBox:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}

.inputBoxUpper {
  display: inline-flex;
  flex-grow: 1;
  justify-self: stretch;
  padding: 8px;
  border: 0px solid rgba(153, 153, 153, 0.712);
  -webkit-border: 0px solid rgba(255, 103, 15, 0.95);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 2px;
  background-color: rgb(240, 240, 240);
  background: rgb(255, 255, 255);
  width: 100%;
  padding: 12px;
  font-size: 18px;
  text-transform: uppercase;
}
.inputBoxUpper:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}

.msgText {
  line-height: 1;
  margin: 0px;
  padding: 6px;
  font-size: 16px;
  font-weight: 500;
  flex: 1;
  color: #707070;
  display: inline-flex;
  flex-grow: 1;
  justify-self: stretch;
  padding: 8px;
  border: 0px solid rgba(153, 153, 153, 0.712);
  -webkit-border: 0px solid rgba(255, 103, 15, 0.95);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 2px;
  background-color: rgb(240, 240, 240);
}
.msgText:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}

.submitHolder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  margin: 6px 12px;
}
@media (max-width: 599px) {
  .submitHolder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.submitButt {
  display: inline-flex;
  background-color: #fff;
  border: 1px solid #ff570a;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  margin: 5px;
  padding: 8px;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  flex-grow: 0;
  max-width: 380px;
  min-width: 210px;
}
.submitButt:hover {
  background-color: #ffcfa7;
  border: 1px solid #ca5100;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 5px;
  padding: 8px;
}
@media (max-width: 599px) {
  .submitButt {
    width: 100%;
    max-width: 100%;
  }
}

.submitText {
  line-height: 1;
  margin: 0px;
  padding: 12px;
  font-size: 18px;
  flex: 1;
  color: #535353;
  text-align: center;
}

.select_box {
  display: inline-flex;
  flex-grow: 1;
  justify-self: stretch;
  padding: 8px;
  border: 0px solid rgba(153, 153, 153, 0.712);
  -webkit-border: 0px solid rgba(255, 103, 15, 0.95);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 2px;
  background-color: rgb(240, 240, 240);
  padding: 16px 18px;
  width: 100%;
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
}
.select_box:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}

.comment_area {
  border: 1px solid rgb(231, 231, 231);
  display: inline-flex;
  flex-grow: 1;
  justify-self: stretch;
  padding: 8px;
  border: 0px solid rgba(153, 153, 153, 0.712);
  -webkit-border: 0px solid rgba(255, 103, 15, 0.95);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 2px;
  background-color: rgb(240, 240, 240);
  padding: 12px 18px;
  width: 100%;
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
}
.comment_area:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}
.comment_area:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}

.comment_area_white {
  border: 0px solid rgb(255, 255, 255);
  display: inline-flex;
  flex-grow: 1;
  justify-self: stretch;
  padding: 8px;
  border: 0px solid rgba(153, 153, 153, 0.712);
  -webkit-border: 0px solid rgba(255, 103, 15, 0.95);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 2px;
  background-color: rgb(240, 240, 240);
  background: rgba(255, 255, 255, 0.7529411765);
  padding: 12px 18px;
  width: 100%;
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
}
.comment_area_white:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}
.comment_area_white:focus {
  outline: none;
  box-shadow: 0px 0px 2px 0px #ff570a;
  -webkit-box-shadow: 0px 0px 2px 0px #ff570a;
  background-color: rgb(254, 255, 244);
}

.shop_attr_butt {
  display: inline-flex;
  background-color: #fff;
  border: 1px solid #ff570a;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  margin: 5px;
  padding: 8px;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  flex-grow: 0;
  text-decoration: none;
  flex-grow: 1;
  min-width: 100%;
  max-width: 100%;
}
.shop_attr_butt:hover {
  background-color: #ffcfa7;
  border: 1px solid #ca5100;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 5px;
  padding: 8px;
}
@media (max-width: 599px) {
  .shop_attr_butt {
    flex-grow: 1;
    min-width: 100%;
    max-width: 100%;
  }
}

.horflex_holder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 0;
  margin: 6px 12px;
}

.hor_butt_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-grow: 1;
  margin: 0px 12px;
  padding: 0px;
}

.butt_icon {
  width: 42px;
  height: 42px;
}

.butt_txt {
  padding: 6px;
  font-weight: 500;
  line-height: 1;
  margin: 0px;
  text-align: center;
}

.gmap_holder {
  margin: 32px auto;
  flex-grow: 1;
  max-height: auto;
  max-width: 96%;

}
#g_map {
  margin: 12px auto;
  width: 100%;
  height: 100%;
  padding: 1px;
  border: 1px solid rgb(173, 173, 173);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.7);
}

.third_container {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  flex-grow: 1;
  justify-items: stretch;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.5);
}

.third_container_white {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  flex-grow: 1;
  justify-items: stretch;
  align-items: stretch;
  background: rgb(255, 255, 255);
}

.shop_desc_holder {
  margin: 12px;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid #eeeeee;
  background: rgba(255, 255, 255, 0.842);
}

.shop_name_holder {
  margin: 6px 0px;
  padding: 0px;
}

.subtitle_p {
  font-size: 18px;
  font-weight: 500;
  padding: 4px;
  margin: 0px;
  line-height: 1;
  color: #202020;
}

.shop_attrs_holder {
  margin: 12px 0px;
  padding: 0px;
}

.content_p {
  font-size: 16px;
  font-weight: 500;
  padding: 4px;
  margin: 0px;
  line-height: 1.2;
  color: #363636;
}

.sub_category_holder {
  margin: 6px 0px;
  flex-grow: 1;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgb(218, 218, 218);
  margin: 12px;
}

.sub_category_title_holder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  align-items: center;
  margin: 0px 0px 0px 0px;
  padding: 6px;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #ffd769;
  /*background-image: linear-gradient(to right, rgba(187, 255, 0, 0.2) , #fff, #fff, rgba(230, 150, 250, 0.2));*/
}

.category_img {
  width: 28px;
  height: 28px;
  margin: 6px;
  padding: 0px;
}

.sub_category_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 6px;
  margin: 0px;
  color: #612400;
}

.category_menus {
  margin: 0px 0px;
  background: #fff;
  border: 0px solid rgb(173, 173, 173);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
}

.menuRowButt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-decoration: none;
  margin: 0px 0px;
  padding: 0px 0px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.menu_row_div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0px;
}

.menu_img_holder {
  display: block;
  max-width: 140px;
  min-width: 140px;
  width: 140px;
  height: auto;
  margin: 6px;
  padding: 0px;
  border-radius: 6px;
  border: 0px solid rgb(218, 218, 218);
  background-color: #ffffff;
}

.menu_img {
  display: block;
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  overflow: hidden;
  border-radius: 6px;
  margin: 0px;
  padding:0px;
}

.menu_butt_attr_div {
  flex-grow: 2;
  margin: 6px;
}

.menu_butt_attr_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-grow: 1;
}

.menu_butt_name {
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  padding: 3px;
  margin: 0px;
  color: #000;
}

.menu_butt_desc {
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
  padding: 3px;
  margin: 0px;
  color: #343434;
}

.menu_butt_price {
  line-height: 1;
  flex-grow: 1;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  padding: 3px;
  margin: 0px;
  color: #ff570a;
}

.selectedShopButt {
  text-decoration: none;
  border: 1px solid #ff570a;
  border-radius: 6px;
  margin: 6px;
  padding: 0px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  flex-grow: 1;
  flex: 1 1 0px;
  max-width: 180px;
  min-width: 140px;
  background: #ffd000;
}

.feedBackRow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  margin: 16px;
  padding: 12px 0px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.feedBackTitle {
  font-size: 16px;
  color: #2b2b2b;
  font-weight: 700;
  line-height: 1.3;
  padding: 6px 12px;
  margin: 0px;
  text-align: center;
}

.feedBackSubTitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  padding: 3px 6px;
  margin: 0px;
}

.rating_box {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: row;
  flex-grow: 1;
  padding-bottom: 20px;
  flex-basis: 100%;
  width: 100%;
}

.rating_box_vertical {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  flex-grow: 1;
  justify-content: stretch;
  padding-bottom: 20px;
  width: 100%;
}

.rating_face_holder {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 12px;
  overflow: hidden;
}

.rating_face {
  width: 82px;
  height: 82px;
  margin: 0px;
  padding: 0px;
}

.ratingp {
  font-size: 16px;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.preferences_holder {
 display: flex;
 flex-direction: column;
 flex-grow: 0;
}

.foodPrefDiv {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 32px 12px 0px 12px;
  border-bottom: 1px solid #bbb;
  padding-bottom: 42px;
}

.hor_container {
  position: relative;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;

  flex-grow: 1;
  flex-wrap: wrap;
  flex-basis: 100%;
  align-items: center;
}

.foodPrefHolder {
  position: relative;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex: 1;
  border: 1px solid #ff570a;
  border-radius: 6px;
  margin: 6px;
  padding: 0px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  background: #fff;
}

.ratingNum {
  position: absolute;
  top: -8px;
  left: -8px;
  margin: 0px;
  padding: 0px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  background: #ff570a;
}

.missing_msg {
  visibility: collapse;
  text-align: center;
  font-size: 18px;
  color: rgb(139, 0, 19);
  line-height: 1;
  padding: 6px;
  margin: 0px;
}

.ratingNumInvisible {
  visibility: collapse;
  position: absolute;
  top: -8px;
  left: -8px;
  margin: 0px;
  padding: 0px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  background: #ff570a;
}

.filled_container {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.8549019608);
}

.booking_complete_screen {
	position: absolute;
	z-index: 2;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	background: #f1f1f1;
	visibility: collapse;
  overflow-y: auto;
	top: 0;
}

.bookingDoneMsg {
	padding: 24px;
	margin: 32px 6px 12px 6px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #bbb;
  background: #fff;
	border-radius: 6px;
}

.bookingInfoHolder {
	display: flex;
	flex-direction: column;
	margin: 32px 6px 12px 6px;
	border: 1px solid #bbb;
  background: #fff;
	border-radius: 6px;
	padding: 24px;
	flex-grow: 1;
	width: 100%;
}

.subTitleP {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding: 12px 6px;
	margin:0;
}

.booking_detail_p {
	font-weight: 500;
	line-height: 1;
	padding: 12px 6px;
	margin:0;
	font-size: 16px;
}

.home_link_holder {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 12px;
	flex-grow: 1;
}

.returnHomebutt {
	border: 1px solid #b35000;
	border-radius: 12px;
	padding: 12px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	color: #b35000;
	font-weight: 500;
  background: #fff;
}

.subHolder {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-grow: 1;
	max-width: 400px;
	margin: 12px auto;
}

.booking_msg {
  line-height: 1.2;
  padding: 12px;
  margin: 12px 24px 0px 24px;
  border-radius: 6px;
  border: 1px solid rgb(173, 173, 173);
  font-size: 16px;
  font-weight: 500;
  color: #000;
  background: #ffffffe3;
}


.getLocationButtHolder {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Image slider */


.slider_container_main {
  position: relative;
  margin: 6px 12px 12px 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex: 1;
  min-width: 94%;
  max-width: 94%;
  aspect-ratio: 3 / 2;
}


.slider {
  position: relative;
  max-width: 100%;
  min-width: 100%;
  min-height: auto;
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  text-decoration: none;
  background-color: rgb(255, 255, 255);
  margin: 6px auto 0px auto;
  padding: 0px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border: 4px solid #ffffff;
  border-radius: 12px;
   -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.slider::-webkit-scrollbar {
    display: none;
}

.slide_image_li {
  overflow: hidden;
  scroll-snap-align: center;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  min-width:100%;
  max-width:100%;
  list-style:none;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.slider_image {
  /*border-radius: 12px;*/
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio:  3 / 2;
  object-fit: cover;
}


/* navigation dots */

.navigation_button {
  text-align: center;
  position: absolute;
  bottom: 5px;
  width: 100%;
}

.dot {
  cursor: pointer;
  height: 7px;
  width: 7px;
  margin: 0 1px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
}

.dot_active {
  cursor: pointer;
  height: 7px;
  width: 7px;
  margin: 0 1px;
  background-color: #ff6207;
  border-radius: 50%;
  display: inline-block;
}

.rating_holder_text_selected {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #ffc916;
  border-radius: 6px;
  border: 1px solid #ff570a;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  cursor: pointer;
  color: #000;
  margin: 6px;
  text-align: center;
}

.rating_holder_text  {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #ff570a;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin: 6px;
  color: #3a3a3a;
  text-align: center;
}

.ratingp_butt {
  display: block;
  text-align: center;
  padding: 12px 6px;
  margin: 6px;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
}

.ratingCategory {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 6px;
  margin: 6px;
  line-height: 1;
  text-align: center;
  color: #3a3a3a;
}

/*Spinner css*/

.spinner_holder_div {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.loader {
  border: 16px solid #ffffff;
  border-radius: 50%;
  border-top: 16px solid rgb(255, 174, 0);
  border-bottom: 16px solid rgb(255, 174, 0);;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading_msg_holder {
  margin: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  padding: 0px;
}

.loading_txt {
  font-size: 16px;
  font-weight: 500;
  color: #2b2b2b;
  line-height: 1;
  padding: 6px;
  margin: 0px;
}


/********************/

.gRatingLinkHolder {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  max-width: 100%;
  overflow: visible;
}

.gRatingLinkButt {
  position: relative;
  padding: 12px;
  margin: 12px;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  flex-wrap: nowrap;
  border: 1px solid #ff570a;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(72, 172, 32, 0.1), 0 1px 2px 2px rgba(95, 180, 55, 0.1);
}

.gImageHolder {
  display: block;
  max-width: 90px;
  max-height: 90px;
  overflow: hidden;
}

.gimage {
  max-width: 100%;
  max-height: 100%;
}

.gRatingMsgHolder {
  padding: 6px;
  width: 340px;
  background: #fff;
}

.pointerHolder {
  position: absolute;
  transform: rotate(-30deg);
  bottom: -30px;
  right: 20px;
  max-width: 60px;
  max-height: 60px;
}

.butt_p_g_rating {
  font-size: 18px;
  font-weight: 500;
  color: #313131;
  padding: 6px;
  margin: 0;
  line-height: 1.5;
  text-align: left;
}

.thankmsg {
  font-size: 20px;
  font-weight: 700;
  color:rgb(63, 97, 0);
  text-align: center;
  margin: 24px 0px 40px 0px;
}

.ratingCompleteHolder {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
  background: none;
  margin: 46px 12px;
  justify-content: flex-start;
}

.menu_pic_container {
  position: relative;
  top:0px;
  left:0px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  background: #fff;
}

.menu_page_image {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.menu_name_title_holder {
  width: 100%;
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: sticky;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 2;
}

.menu_name_title {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  padding: 6px 18px;
  margin: 0px;
  line-height:1;
  max-width: 100%;
}

.menu_content_holder {
  background: #fff;
  padding: 0px 12px 12px 12px;
  flex-grow: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  
}

.menu_description {
  font-size: 18px;
  font-weight: 300;
  color: #2b2b2b;
  line-height: 1.5;
  padding: 0px 6px;
  margin: 0px;
  max-width: 100%;
}

.menu_price_holder {
  display: flex;
  flex-direction: row;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 0;
  margin: 6px;
  padding: 0px;
}

.priceRowRight {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  align-items: flex-start;
  justify-content: flex-end;
  border: 0px solid #e2e2e2;
  padding: 6px 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border: 1px solid #e2e2e2;
  border-left: 0px solid #e2e2e2;
  margin: 12px 0px;
  background: #fff9e1;
}

.priceRowLeft {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  align-items: flex-start;
  justify-content: flex-end;
  border: 0px solid #e2e2e2;
  padding: 6px 12px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  margin: 12px 0px;
  background: #e6ffce;
}

.priceCategoryHolder {
  margin: 3px;
  padding: 0px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: #fffda3;
  background: #ffffff;
}
.priceCategory {
  line-height: 1;
  vertical-align: middle;
  margin: 0px;
  padding: 0px 6px;
  font-size: 14px;
  font-weight: 500;
  color: #444444;
}

.pricepHolder {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: first baseline;
  justify-content: flex-end;
}

.pricep {
  line-height: 1;
  vertical-align: middle;
  margin: 0px;
  padding: 6px 3px;
  font-size: 20px;
  font-weight: 500;
  color: #e24800;
}

.zeikomip {
  line-height: 1;
  vertical-align: middle;
  margin: 0px;
  padding: 0px 3px;
  font-size: 14px;
  font-weight: 500;
  color: #5f5f5f;
}


/*# sourceMappingURL=index.css.map */