@charset "utf-8";
/* Theme Name: Beer Bar & Cafe Terrace 「ALE」
Theme URI: https://ale.fud-group.com/
Description: WordPressオリジナルテーマ
Version: 1.0.1 2021/03/31 */
                                                          @media (min-width: 1300px) {
                                                            .header {
                                                              padding: 0 0 750px 0;
                                                            }
                                                            .header .main {
                                                                height: 750px;
                                                            }
                                                            .header .logo {
                                                              position: absolute;
                                                              width: 350px;
                                                              height: 370px;
                                                              top: 66px;
                                                              margin: 0 0 0 -175px;
                                                            }
                                                            .header .header_nav {
                                                              top: 73%;
                                                            }
                                                            ._01 {
                                                              width: 96px;
                                                              height: 89px;
                                                              top: 218px;
                                                              left: 10%;
                                                            }
                                                            ._02 {
                                                              width: 66px;
                                                              height: 114px;
                                                              top: 354px;
                                                              left: 30%;
                                                            }
                                                            ._03 {
                                                              width: 77px;
                                                              height: 169px;
                                                              top: 390px;
                                                              left: 5%;
                                                            }
                                                            ._04 {
                                                              width: 92px;
                                                              height: 145px;
                                                              top: 489px;
                                                              left: 12%;
                                                            }
                                                            ._05 {
                                                              width: 70px;
                                                              height: 172px;
                                                              top: 528px;
                                                              left: 20%;
                                                            }
                                                            ._06 {
                                                              width: 144px;
                                                              height: 115px;
                                                              top: 194px;
                                                              left: 80%;
                                                            }
                                                            ._07 {
                                                              width: 56px;
                                                              height: 122px;
                                                              top: 388px;
                                                              left: 67%;
                                                            }
                                                            ._08 {
                                                              width: 50px;
                                                              height: 187px;
                                                              top: 388px;
                                                              left: 75%;
                                                            }
                                                            ._09 {
                                                              width: 72px;
                                                              height: 169px;
                                                              top: 462px;
                                                              left: 90%;
                                                            }
                                                            .delicious {
                                                              height: 750px;
                                                            }
                                                            .delicious .left_bar {
                                                              width: 139px;
                                                              height: 340px;
                                                            }
                                                            .delicious .right_cafe{
                                                              width: 144px;
                                                              height: 448px;
                                                            }
                                                            .delicious .img_bar {
                                                              width: 130px;
                                                              height: 117px;
                                                              bottom: 25px;
                                                            }
                                                            .delicious .img_cafe {
                                                              width: 75px;
                                                              height: 148px;
                                                              bottom: 25px;
                                                            }
                                                            .floor .outer .viproom .floor_text_bg {
                                                              width: 166px;
                                                              height: 324px;
                                                              background: #000;
                                                              margin: 0 0 0 5%;
                                                            }
                                                            .floor .outer .viproom .floor_text_bg .side_text_floor {
                                                              width: 67px;
                                                              height: 272px;
                                                            }
                                                            .menu .black_bg .outer .h2_title_bg {
                                                              width: 166px;
                                                              height: 324px;
                                                              left: 5%;
                                                              padding: 14px 5px;
                                                            }
                                                            .menu .black_bg .outer .h2_title_bg .h2_title {
                                                              width: 96px;
                                                              height: 235px;
                                                            }
                                                          }



                                                  @media (max-width: 1000px) {
                                                  }
                                              @media (max-width: 940px) {
                                              }
                                          @media (max-width: 885px) {
                                            .delicious {
                                              height: 447px;
                                            }
                                            .delicious .left_bar {
                                              width: 68px;
                                              height: auto;
                                            }
                                            .delicious .right_cafe{
                                              width: 68px;
                                              height: auto;
                                            }
                                          }
                        @media (max-width: 768px) {
                          .commitment .outer .text_large {
                            font-size: 30px;
                          }
                          .commitment .outer .text {
                              font-size: 16px;
                          }
                          .menu .black_bg .outer .h2_title_bg {
                            left: 0;
                          }
                          .menu .black_bg .outer .outer_menu .inner .img_ale_original_beer {
                            width: 278px;
                            height: auto;
                          }
                          .menu .black_bg .outer .outer_menu .inner .inner_text {
                            margin: 95px 0 0 0;
                          }
                          .menu .black_bg .outer .outer_menu .inner .inner_text._02 {
                            margin: 75px 0 0 0;
                          }
                          .menu .black_bg .outer .outer_menu .inner._02_tab {
                            margin: 56px auto -20px;
                          }
                          .menu .black_bg .outer .outer_menu .inner._03_tab {
                            margin: 0px auto 0;
                          }
                          .menu .white_bg .outer .cafe_menu_outer .flex {
                            width: 100%;
                          }
                          .menu .white_bg .outer .cafe_menu_outer .flex .inner {
                            font-size: 13px;
                          }
                        }

          @media (max-width: 615px) {

          }

  @media (max-width: 501px) {
    .header .logo {
      width: 186px;
      margin: 0 0 0 -93px;
    }
    ._01 {
      width: 52px;
      height: auto;
      top: 48px;
      left: 10%;
    }
    ._02 {
      width: 21px;
      height: auto;
      top: 204px;
      left: 8.4%;
    }
    ._03 {
      width: 30px;
      height: auto;
      top: 285px;
      left: 18%;
    }
    ._04 {
      width: 38px;
      height: auto;
      top: 429px;
      left: 12%;
    }
    ._05 {
      width: 22px;
      height: auto;
      top: 273px;
      left: 48%;
    }
    ._06 {
      width: 70px;
      height: auto;
      top: 34px;
    }
    ._07 {
      width: 20px;
      height: auto;
      top: 257px;
      left: 68.8%;
    }
    ._08 {
      width: 23px;
      height: auto;
      top: 325px;
      left: 79%;
    }
    ._09 {
      width: 22px;
      height: auto;
      top: 331px;
      left: 90%;
    }
    .delicious {
      height: 297px;
    }
    .delicious .left_bar {
      width: 28px;
      height: auto;
    }
    .delicious .right_cafe {
      width: 28px;
      height: auto;
    }
    .delicious .img_bar {
      width: 50px;
      height: auto;
    }
    .delicious .img_cafe {
      width: 31px;
      height: auto;
      bottom: 8px;
      right: 25px;
    }
    .commitment .outer .text_large {
      font-size: 22px;
    }
    .commitment .outer .text {
      font-size: 13px;
    }
    .commitment .outer .text {
      font-size: 13px;
      width: 82%;
      margin: 10px auto 0;
    }
    .commitment .outer .area {
      flex-wrap: wrap;
    }
    .commitment .outer .area .inner {
      width: 95%;
      margin: 0 auto;
    }
    .commitment .outer .area .inner .h4_title {
      font-size: 28px;
    }
    .commitment .outer .area .inner .h4_title.bar_sp {
      text-align: left;
    }
    .commitment .outer .area .inner .tape.tape_sp {
      margin: 0 0 0 auto;
    }
    .floor .outer .viproom::after {
      height: 500px;
      background-size: cover;
      object-fit:cover;
    }
    .floor .outer .viproom .floor_text_bg {
      width: 73px;
      margin: 0;
      padding: 10px 12px;
    }
    .floor .outer .viproom._right::after {
      height: 500px;
      background-size: cover;
      object-fit:cover;
    }
    .floor .outer .viproom .viproom_left {
      height: 499px;
      padding: 73px 15px 0px 15px;
    }
    .floor .outer .viproom .viproom_left .inner .h2_title {
      width: 111px;
      margin: 0 auto;
      background-size: contain;
    }
    .floor .outer .viproom .viproom_left .inner .h2_title._insidestore {
      width: 55px;
      margin: 0 auto;
      background-size: contain;
    }
    .floor .outer .viproom .floor_text_bg .side_text_floor {
      margin: 0 0 0 auto;
    }
    .floor .outer .viproom .viproom_left .inner .text {
      font-size: 13px;
      margin: 3px 0 0 0;
      text-align: left;
    }
    .floor .outer .viproom .viproom_left .inner .img_viproom {
      margin: 12px 0 0 0;
    }
    .floor .outer .viproom .viproom_left._right {
      height: 499px;
      padding: 73px 15px 0px 15px;
    }
    .menu .black_bg {
      padding: 20px 20px 55px;
    }
    .menu .black_bg .outer .h2_title_bg {
      width: 73px;
    }
    .menu .black_bg .outer .outer_menu .inner {
      flex-flow: wrap;
    }
    .menu .black_bg .outer .outer_menu .inner .img_ale_original_beer {
      width: 100%;
      height: 220px;
      margin: 0 0 0 26px;
    }
    .menu .black_bg .outer .outer_menu .inner._reverse {
      flex-flow: wrap;
    }
    .menu .black_bg .outer .outer_menu .inner .img_menu_02 {
      width: 100%;
      height: 218px;
      margin: 0 auto;
    }
    .menu .black_bg .outer .outer_menu .inner .img_menu_03 {
      width: 100%;
      height: 218px;
      margin: 50px auto 0;
    }
    .menu .black_bg .outer .outer_menu .inner .inner_text {
      width: 100%;
      margin: 20px 0 0 0;
    }
    .menu .black_bg .outer .outer_menu .inner .inner_text._02 {
      width: 100%;
      margin: 25px auto 0;
    }
    .menu .black_bg .outer .outer_menu .inner .inner_text .border_bottom .h3_title {
      margin: 0 auto 15px;
    }
    .menu .black_bg .outer .outer_menu .inner._02_tab {
      margin: 56px auto 0;
    }
    .menu .black_bg .outer .outer_menu .inner .inner_text .border_bottom .h3_title._02 {
      margin: 0 auto 15px;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex {
      flex-wrap: wrap;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner {
      width: 100%;
      font-size: 16px;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner._width {
      width: 100%;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner table {
      display: block;
      margin: 0 auto;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner table tr {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner table tbody {
      display: block;
      width: 95%;
      margin: 0 auto;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner table tr th {
      width: 85%;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner table tr td {
      width: 15%;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner .margin_top {
      margin: 0;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner .margin_top.wine_sp {
      margin: 15px 0 0 0;
    }
    .menu .white_bg .outer .cafe_menu_outer .flex .inner .wine_group {
      margin: 0 0 0 15px;
    }
    .footer .outer .flex {
      width: 100%;
      flex-wrap: wrap;
    }
    .footer .outer .flex .left {
      width: 100%;
    }
    .footer .outer .flex .left table {
      font-size: 16px;
      display: block;
      width: 92%;
      margin: 0 auto;
      padding: 0;
    }
    .footer .outer .flex .left .footer_btn_group {
      width: 80%;
      margin: 20px auto 0;
    }
    .footer .outer .flex .map {
      width: 92%;
      height: 350px;
      margin: 20px auto;
      padding: 0;
    }
    .footer .outer .footer_nav {
      margin: 0px 0 20px;
    }
    .footer .copyright {
      padding: 5px 0 170px 0;
    }
    .footer .outer .flex .left table tr td {
      width: 80%;
    }
    .footer .outer .flex .left table tr th {
      width: 20%;
    }


  }

@media (max-width: 450px) {

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

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

}
@media (max-width: 376px) {
  body {
    overflow-x: hidden;
  }
  .iphone .footer .outer .flex .left table {
    font-size: 14px;
  }
  .footer .outer .flex .left .footer_btn_group {
    width: 89%;
  }
}


ios対応
.iphone {}
.ipad {}