@media (min-width: 671px){

  /*スマホ用改行をpcで非表示*/
  .br-sp { display:none; }

  .news1, .news2{
    width: 50%;
    margin: 0 auto;
  }

  /*スマホ用固定フッター非表示*/
  .FixedMenuSection{
    display: none;
  }

  .des-txt{
   padding-left: 70px;
   padding-right: 70px;
  }

  .take-out-prices li{
    display: inline;
    padding-right: 20px;
  }

  .take-out-contents{
    float: left;
    margin-top: 50px;
  }

  .take-out{
    margin: 0 auto;
    width: 70%;
  }

   .side-heading{
    float: left;
    width: 20%;
    margin-top: 10px;
  }

  .side-menus ul{
    text-align: left;
  }

  .side-menu{
    float: left;
    width: 50%;
  }

  .drink{
    float: left;
    width: 30%;
    margin-top: 40px;
  }
  .shop-info{
    width:49%;
    text-align: center;
    float: left;
  }

  .bunten{
    margin-left: 2%;
  }
}

/*1025px以上の場合*/
@media(min-width: 1025px){
  .res2{
    display: inline !important;
  }

  .pride-des{
    width: 80%;
  }

}


@media (max-width: 1024px) {

    /*テイクアウトOKの画像サイズの調整*/
    .takeout-img{
      top: 50px !important;
      left: -5% !important;
      width: 28% !important;
    }
    
    .flex-list {
      flex-wrap: wrap;
    }
    .flex-list li {
      width: 50%;
    }
    .take-out-contents{
      width: 100%;
      margin-top: 10px;
    }
  }
    /* スマホ向けレイアウト */
  /* ブレイクポイントが670px以下の時のメディアクエリを設定してください */

@media (max-width: 670px) {

  header{
    position: relative;
  }
  .logo {
    position: absolute;
    left: 27%;
  }

  /*pc用改行をスマホで非表示*/
  .br-pc { display:none; }

  /*固定ヘッダー解除とそれに伴うリンク先の位置調整*/
  header{
    position: static !important;
  }

  #menus{   
    margin-top:0 !important;
    padding-top:0 !important;
  }

  #info{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /*固定フッターメニュー*/
  .FixedMenuSection {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
  }
  .FixedMenu-Inner-List {
    display: flex;
    text-align: center;
  }

  .FixedMenu-Inner-List-Item {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    height: 50px;
    width: 25%;
    margin: auto;
  }

.FixedMenu-Inner-List-Item:not(:first-child) {
  margin-left: 2px;
}
.FixedMenu-Inner-List-Item.isLogo {
  background: #171676;
  padding-top: 3px;
}

.FixedMenu-Inner-List-Item.isWhite {
  background: white;
  padding-top: 10px;
}

.footer-logo{
  width: 60%;
  height: auto;
}

.icon-txt{
  font-size: 10px;
}
/*固定フッターメニューここまで*/

/*固定フッターメニューによる影響のフッターの調整*/
footer {
  padding-top: 20px !important;
  padding-bottom: 60px !important;
}
.insta{
  padding-bottom: 3px !important;
}

/*トップ画像のサイズ調整*/
.top-wrapper{
  padding-top: 150px !important;
  padding-bottom: 30px !important;
}

/*バナー画像サイズ調整*/
.banner1, .banner2{
  width: 100% !important;
  margin-top: 2rem;
  border-radius: 10px;
}

/*こだわり*/
.column {
  width: 100% !important;
}
.order1{
  order: 1;
}
.order2{
  order: 2;
}

.comitment{
  margin-top: 30px;
  padding-top: 3px;
  margin-bottom: 3px;
}

.pride-header{
  font-size: 32px;
}

.pride-contents{
  margin-top: 10px;
}

/*テイクアウトの位置調整*/
.take-box{
  margin-top: 15px !important;
}

ul.take-out-prices{
  padding-left: 0;
}

/*テイクアウトOkの位置調整*/

  header .container{
    margin: 0 auto;
  }
  .header-left{
    margin-left: 70px;
  }

  .header-right{
    display: none;
  }

  h2{
    font-size: 20px;
  }

  .description{
    width: 100% !important;
    margin-bottom: 0;
  }

  .top-icon h1{
    position: absolute;
    bottom: 1em;
    width: 100%;
    color:white;
    font-size: 23px !important;
    text-shadow: 3px 3px 2px black;
  }

  .des-txt{
    font-size: 14px;
  }

  .main-menu-title{
    font-size: 20px;
  }

  .tokumori{
    text-align: left;
  }

 .menu-contents{
   width: 90%;
   display: inline-block;
   margin: 20px;
   font-size: 16px;
 }

 .menu{
   padding-top: 5px !important;
   padding-bottom: 0 !important;
 }

 .res{
   display: inline !important;
   font-size: 20px;
   font-weight: bold;
 }

 .main-menus h2{
  width: 40%;
  margin: 30px auto 0 auto;
  border-bottom:1px double rgb(23,22,118);
 }

 .main-menu-title{
   display: none;
 }

 .main-menu-img{
   width: 100% !important;
 }

.geso{
  margin: 0;
  text-align: left;
}

.side-heading{
  padding-bottom: 0;
  height: 27px;
  width: 80%;
  margin: 0 auto;
  border-bottom:1px double rgb(23,22,118);
}

.side-menu{
  display: flex;
  align-items: center;
  flex-direction: column;
}

 .drink{
   display: flex;
   align-items: center;
   flex-direction: column;
 }

 .shop-info{
   width:100%;
   text-align: center;
 }
 .shop-info h3{
   border: 3px solid black;
   background-color: rgb(23,22,118, 0.5);
   margin-bottom: 0;
 }
 .info-txt{
  text-align: left;
}
.info-txt p{
  margin-top: 0;
  margin-bottom: 0;
}

.map{
  height: 300px;
  width: 100%;
}

}