@charset "utf-8";
                                                @media (max-width: 1030px) {
                                                  header nav {
                                                    width: 100%;
                                                  }
                                                  #main_wrap .content_outer .container .text {
                                                    width: 93%;
                                                    top: 155px;
                                                    margin: 0 0 0 -46.5%;
                                                  }
                                                  #main_wrap .content_outer .main_ob .main_ob_00 img {
                                                    width: 100%;
                                                  }
                                                  #main_wrap .content_outer .main_ob .outer {
                                                    width: 95%;
                                                  }
                                                  #main_wrap .content_outer .main_ob .outer .h2 {
                                                    width: 95%;
                                                    height: 130px;
                                                  }
                                                  #main_wrap .content_outer .main_ob .outer .inner .ob._01 {
                                                    width: 100px;
                                                    height: auto;
                                                    /* top: 70px; */
                                                    top: auto;
                                                    left: 20px;
                                                    bottom: 37px;
                                                  }
                                                  #main_wrap .content_outer .main_ob .outer .inner .ob._02 {
                                                    width: 88px;
                                                    height: auto;
                                                    top: auto;
                                                    right: 13px;
                                                    bottom: 43px;
                                                  }
                                                  #main_wrap .content_outer .main_ob .outer .inner .ob._03 {
                                                    width: 115px;
                                                    height: auto;
                                                    top: auto;
                                                    right: auto;
                                                    left: 50%;
                                                    bottom: 40px;
                                                    margin: 0 0 0 -57.5px;
                                                  }
                                                  #main_wrap .content_outer .main_ob .outer .text {
                                                    width: 95%;
                                                    margin: 80px auto 0;
                                                  }
                                                  #main_wrap .content_outer .main_catch .main_visual {
                                                    width: 95%;
                                                    margin: 0 auto;
                                                  }
                                                  #main_wrap .content_outer .main_catch .main_visual img {
                                                    width: 100%;
                                                  }
                                                  #main_wrap .content_outer .main_catch {
                                                    width: 95%;
                                                  }
                                                  #main_wrap .content_outer .main_catch .text {
                                                    width: 95%;
                                                    margin: 10px auto 0;
                                                  }
                                                  #shop_wrap .content_outer .h2 {
                                                    width: 95%;
                                                    height: 45px;
                                                    filter: drop-shadow(2px 2px 2px rgba(76,76,76,.8));
                                                  }
                                                  #shop_wrap .content_outer .text {
                                                    width: 77%;
                                                  }
                                                  #shop_wrap .content_outer .outer {
                                                    max-width: 95%;
                                                    margin: 0 auto;
                                                  }
                                                  #shop_wrap .content_outer .outer.flex {
                                                    justify-content: space-evenly;
                                                    flex-wrap: wrap;
                                                  }
                                                  #shop_wrap .content_outer .outer .inner {
                                                    margin: 20px 15px 0;
                                                  }
                                                  #water_wrap .content_outer .outer.flex {
                                                    margin: 0px auto;
                                                  }
                                                  #water_wrap .content_outer .outer.flex {
                                                    flex-wrap: wrap;
                                                    justify-content: space-evenly;
                                                  }
                                                  #water_wrap .content_outer .outer .inner {
                                                    margin: 40px 0 0 0;
                                                  }
                                                  #water_wrap .content_outer .h2 {
                                                    width: 95%;
                                                    margin: 0 auto;
                                                    filter: drop-shadow(2px 2px 2px rgba(76,76,76,.8));
                                                  }
                                                  #water_wrap figure ,
                                                  #shop_wrap figure {
                                                      filter: drop-shadow(2px 2px 3px rgba(0,0,0,.8));
                                                  }
                                                  #water_wrap {
                                                    width: 100%;
                                                    background-position: center;
                                                    background-size: cover;
                                                    padding: 65px 0 65px;
                                                  }
                                                  .water_wrap::before {
                                                    width: 100%;
                                                    height: 100vh;
                                                    max-width: 100%;
                                                    content: "";
                                                    display: block;
                                                    position: fixed;
                                                    top: 0;
                                                    left: 0;
                                                    z-index: 0;
                                                    width: 100%;
                                                    height: 100vh;
                                                    background: url(img/bg_water_parallax.png) repeat-y;
                                                    background-size: cover;
                                                    z-index: -1;
                                                  }
                                                  #footer .map .address {
                                                    width: 95%;
                                                    margin: 20px auto 50px;
                                                  }
                                                  #footer .map .address a {
                                                    margin: 20px auto 0;
                                                  }
                                                  #footer .content_outer .ob {
                                                    width: 95%;
                                                    margin: 0 auto 20px;
                                                  }
                                                  #footer .content_outer .ob img {
                                                    width: 100%;
                                                  }
                                                  #footer .content_outer .tel {
                                                    width: 95%;
                                                    height: 130px;
                                                    margin: 0 auto;
                                                  }
                                                  #footer .content_outer .sns {
                                                    margin: 26px auto 0;
                                                  }
                                                  #main_bg_wrap.shop .content_outer .catchcopy {
                                                    width: 94%;
                                                    margin: -188px auto 0;
                                                  }
                                                  #main_bg_wrap.kodawari .content_outer .catchcopy {
                                                    width: 94%;
                                                    margin: -188px auto 0;
                                                  }
                                                  #main_bg_wrap .content_outer .catchcopy {
                                                    width: 94%;
                                                    margin: -188px auto 0;
                                                  }
                                                  #main_bg_wrap.kodawari .content_outer .bg {
                                                    background-position: -195px top;
                                                  }
                                                  #contents_block .content_outer .outer .ob img {
                                                    width: 100%;
                                                  }
                                                  #contents_block .content_outer {
                                                    padding: 110px 0 0;
                                                  }
                                                  #contents_block .content_outer .outer .text.shop {
                                                    width: 92%;
                                                    height: 70px;
                                                    margin: 0px auto 0;
                                                  }
                                                  #contents_block .content_outer .outer .caution.shop {
                                                    width: 90%;
                                                  }
                                                  #contents_block .content_outer .shop_in.flex figure {
                                                    width: 100%;
                                                    max-width: 350px;
                                                  }
                                                  #contents_block .content_outer .shop_in.flex figure img {
                                                    width: 100%;
                                                  }
                                                  #contents_block .content_outer .shop_in.flex {
                                                    width: 85%;
                                                    justify-content: center;
                                                  }
                                                  #spices .content_outer .outer_box .inner_box .h2 {
                                                    width: 95%;
                                                    height: 80px;
                                                  }
                                                  #spices .content_outer .outer_box .inner_box .text {
                                                    margin: 30px auto 0;
                                                    width: 56%;
                                                    line-height: 1.5em;
                                                  }
                                                  #spices .content_outer .outer_box .ob_01 {
                                                    width: 100px;
                                                    position: absolute;
                                                    top: -26px;
                                                    left: 15px;
                                                  }
                                                  #spices .content_outer .outer_box .ob_02 {
                                                    width: 100px;
                                                    position: absolute;
                                                    top: -25px;
                                                    right: 20px;
                                                    bottom: auto;
                                                    left: auto;
                                                  }
                                                  #spices .content_outer .outer_box .ob_03 {
                                                    width: 70px;
                                                    position: absolute;
                                                    bottom: -28px;
                                                    right: 14px;
                                                    top: auto;
                                                  }
                                                  #spices .content_outer .outer_box .ob_01 img,
                                                  #spices .content_outer .outer_box .ob_02 img,
                                                  #spices .content_outer .outer_box .ob_03 img {
                                                    width: 100%;
                                                  }
                                                  #spices .content_outer .outer_flex {
                                                    width: 95%;
                                                  }
                                                  #spices .content_outer {
                                                    padding: 65px 0 6px;
                                                  }
                                                  #spices .content_outer .outer_flex .outer_flex_box {
                                                    align-items: center;
                                                  }
                                                  #spices .content_outer .outer_flex .outer_flex_box .ob_img {
                                                    width: 39%;
                                                  }
                                                  #spices .content_outer .outer_flex .outer_flex_box .ob_img img {
                                                    height: 64%;
                                                  }
                                                  #footer .content_outer .shop_magazine {
                                                    width: 95%;
                                                    margin: 0 auto 40px;
                                                  }
                                                  #footer .content_outer .shop_magazine img {
                                                    width: 100%;
                                                  }
                                                  #contents_block .content_outer .outer .text.kodawari {
                                                    width: 95%;
                                                    margin: 30px auto 0;
                                                  }
                                                  #contents_block .content_outer .outer .caution.kodawari {
                                                    width: 80%;
                                                    margin: 15px auto 0;
                                                  }
                                                  #kodawari_water_air .content_outer .outer_wrap .inner_wrap .caution {
                                                    width: 93%;
                                                  }
                                                  #kodawari_water_air .content_outer .outer_wrap .inner_wrap_end {
                                                    width: 93%;
                                                    margin: 30px auto 0;
                                                  }
                                                  #kodawari_water_air .content_outer .outer_wrap .inner_wrap_end .kodawari_water_air_img {
                                                    width: auto;
                                                  }
                                                  #kodawari_water_air .content_outer .outer_wrap .inner_wrap_end .kodawari_water_air_img:first-child {
                                                    margin: 0 0 25px 0;
                                                  }
                                                  #kodawari_water_air .content_outer .outer_wrap .inner_wrap_end .kodawari_water_air_img img {
                                                    width: 100%;
                                                  }
                                                  #kodawari_water_air .content_outer .outer_wrap .inner_wrap_end.flex {
                                                    flex-wrap: wrap;
                                                    justify-content: space-evenly;
                                                  }
                                                  #kodawari_water_air {
                                                    padding: 0 0 40px 0;
                                                  }
                                                  #hygiene {
                                                    padding: 60px 0 0px;
                                                  }
                                                  #hygiene .content_outer .inner_box {
                                                    width: 95%;
                                                    margin: 0 auto;
                                                  }
                                                  #hygiene .content_outer .inner_box img {
                                                    width: 100%;
                                                  }
                                                  #hygiene .content_outer .inner_box .h2 {
                                                    height: 40px;
                                                    margin: 20px auto 30px;
                                                  }
                                                  #hygiene .content_outer .outer_wrap {
                                                    display: flex;
                                                    justify-content: center;
                                                    flex-flow: wrap;
                                                    margin: 0 0 0 0;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap {
                                                    width: 90%;
                                                    text-align: center;
                                                    margin: 0 0 60px 0;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap .text {
                                                    text-align: center;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap {
                                                    flex-flow: wrap;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap .inner {
                                                    width: 100%;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap .inner .h3 {
                                                    width: 100%;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap .hygiene_img {
                                                    width: auto;
                                                    margin: 20px auto 0;
                                                  }
                                                  #hygiene .content_outer .outer_wrap .inner_wrap .hygiene_img img {
                                                    width: 100%;
                                                  }
                                                  #contents_block .content_outer .outer .text {
                                                    width: 95%;
                                                    height: 32px;
                                                    margin: 50px auto 0;
                                                  }
                                                  #contents_block .content_outer .outer .caution {
                                                    font-size: 13px;
                                                    margin: 20px auto 60px;
                                                  }
                                                  .menu_list_content .outer {
                                                    width: 100%;
                                                  }
                                                  .menu_list_content .outer .content_area {
                                                    width: 95%;
                                                    flex-wrap: wrap;
                                                    margin: 0 auto;
                                                  }
                                                  .menu_list_content .outer .content_area .quantity {
                                                    margin: 10px auto 0;
                                                  }
                                                  .menu_list_content .outer .content_area .h3 {
                                                    width: 100%;
                                                    height: 62px;
                                                    margin: 0 auto;
                                                  }
                                                  .menu_list_content .outer .outer_box {
                                                    margin: 30px 0 0 0;
                                                    flex-wrap: wrap;
                                                    justify-content: center;
                                                  }
                                                  .menu_list_content .outer .outer_box figure {
                                                    width: 95%;
                                                    margin: 0 auto;
                                                  }
                                                  .menu_list_content .outer .outer_box figure img {
                                                    width: 100%;
                                                  }
                                                  .menu_list_content .outer .outer_box .text_box {

                                                  }
                                                  .menu_list_content .outer .outer_box .text_box .outer_center {
                                                    width: 93%;
                                                  }
                                                  .menu_list_content .outer .outer_box .text_box .explanation {
                                                    font-size: 20px;
                                                    font-weight: bold;
                                                    line-height: 1.3em;
                                                    width: 95%;
                                                    margin: 20px auto 30px;
                                                    text-align: center;
                                                  }
                                                  .menu_list_flex {
                                                    width: 100%;
                                                    display: flex;
                                                    justify-content: space-evenly;
                                                    flex-wrap: wrap;
                                                    margin: 0 auto;
                                                  }
                                                  .menu_list_content .outer .outer_box.negiyaki {
                                                    flex-wrap: wrap;
                                                    justify-content: center;
                                                  }
                                                  .menu_list_content.osaka_meibutu .outer .outer_box .text_box {
                                                    width: 100%;
                                                  }
                                                  .menu_list_content.osaka_meibutu .outer .outer_box .text_box .outer_center {
                                                    width: 90%;
                                                    margin: 0 auto;
                                                    display: flex;
                                                    justify-content: center;
                                                    flex-flow: wrap;
                                                  }
                                                  .menu_list_content.osaka_meibutu .outer .outer_box .text_box .okonomi_area {
                                                    text-align: center;
                                                  }
                                                  .menu_list_flex .outer.flex {
                                                    justify-content: space-evenly;
                                                    flex-flow: wrap;
                                                  }
                                                  .menu_list_flex .outer .inner {
                                                    width: 90%;
                                                    max-width: 300px;
                                                    margin: 0 auto;
                                                    margin: 0 auto 40px;
                                                  }
                                                  .menu_list_flex .outer .inner .img_figure {
                                                    width: 100%;
                                                  }
                                                  .menu_list_flex .outer .inner .img_figure img {
                                                    width: 100%;
                                                  }
                                                  .menu_list_content.osaka_meibutu .outer .outer_box .text_box .inner {
                                                    max-width: 95%;
                                                  }
                                                  #contents_block .content_outer .outer_under .menu_80 {
                                                    width: 90%;
                                                  }
                                                  #drink_area {
                                                    padding: 50px 0;
                                                  }
                                                  #drink_area .content_outer {
                                                    width: 90%;
                                                  }
                                                  #drink_area .content_outer .outer_box .outer {
                                                    width: 90%;
                                                  }
                                                  #drink_area .content_outer .outer_box.flex {
                                                    justify-content: space-evenly;
                                                    flex-flow: wrap;
                                                  }
                                                  #drink_area .content_outer .outer_box .outer.bier_illust ._illust {
                                                    margin: 70px auto 0;
                                                  }
                                                }
                                              @media (max-width: 940px) {
                                              }
                                            @media (max-width: 855px) {
                                            }
                                  @media (max-width: 768px) {
                                    header {
                                      height: 50px
                                    }
                                    .slider img {
                                        width: 100%;
                                        height: 60vw;
                                        object-fit: cover;
                                    }
                                    #shop_wrap .content_outer .outer.flex {
                                      justify-content: center;
                                    }
                                    #shop_wrap .content_outer .outer.flex {
                                      justify-content: center;
                                    }
                                    .menu_list_content .outer .content_area {
                                      width: 90%;
                                    }
                                    #drink_area .content_outer .outer_box .outer .h3.h_dl {
                                      width: 95%;
                                      height: 36px;
                                      margin: 0 auto;
                                      background-position: center;
                                    }
                                    #main_wrap .content_outer .container .text {
                                        width: 93%;
                                        top: 175px;
                                        margin: 0 0 0 -46.5%;
                                    }
                                  }
                      @media (max-width: 600px) {
                        #main_wrap .content_outer .container .text {
                            width: 93%;
                            top: 155px;
                            margin: 0 0 0 -46.5%;
                        }
                      }

                    @media (max-width: 501px) {
                      #drink_area .content_outer .outer_box .outer {
                        width: 100%;
                      }
                      #drink_area {
                        font-size: 14px;
                        line-height: 1.5em;
                        letter-spacing: .09em;
                      }
                      #drink_area .content_outer .outer_box .outer .inner .inner_small .money {
                        margin: 0 0 2px 0;
                      }
                      #drink_area .content_outer .outer_box .outer.bier_illust ._illust {
                        width: 150px;
                      }
                      #drink_area .content_outer .outer_box .outer.bier_illust ._illust img {
                        width: 100%;
                      }
                      #drink_area .content_outer .outer_box .outer .inner .name {
                        font-weight: bold;
                      }
                      #main_wrap .content_outer .container .text {
                          width: 93%;
                          top: 135px;
                          margin: 0 0 0 -46.5%;
                      }
                    }

                  @media (max-width: 450px) {
                  }

                @media (max-width: 430px) {
                }

              @media (max-width: 410px) {
                #drink_area {
                  font-size: 12px;
                }
                #spices .content_outer .outer_box .ob_01 {
                  top: -53px;
                  left: 15px;
                }
                #spices .content_outer .outer_box .ob_02 {
                  top: -50px;
                  right: 20px;
                  bottom: auto;
                  left: auto;
                }
                #spices .content_outer .outer_box .ob_03 {
                  bottom: -50px;
                  right: 14px;
                }
              }

            @media (max-width: 365px) {
            }

.iphone #shop_wrap {
  width: 100%;
  background: url(img/bg_shop.png) no-repeat;
  background-position: top 0;
  background-size: 820px 110vh;
  background-repeat: repeat;
  background-attachment: local;
}
.iphone #water_wrap {
  width: 100%;
  background: url(img/bg_water.png) no-repeat;
  background-position: left 0;
  background-size: 1458px 1415px;
  background-repeat: repeat;
  background-attachment: local;
  padding: 65px 0 65px;
}
.ipad #shop_wrap {
  width: 100%;
  background: url(img/bg_shop.png) no-repeat;
  background-position: top 0;
  background-size: 820px 110vh;
  background-repeat: repeat;
  background-attachment: local;
}
.ipad #water_wrap {
  width: 100%;
  background: url(img/bg_water.png) no-repeat;
  background-position: left 0;
  background-size: 1458px 1415px;
  background-repeat: repeat;
  background-attachment: local;
  padding: 65px 0 65px;
}