@media screen and (max-width:799px) {
  /*---------------------------------------------------
  *
  * レストラン - トップ (TB / SP)
  *
  ----------------------------------------------------*/
  /*--pageInfoBox--*/
  /*open*/
  #id_resta .pageInfoBox .open{
    width: 100%;
    float: none;
  }
  #id_resta .pageInfoBox .open img{
    max-width: 85%;
  }
  #id_resta .pageInfoBox .open .ttl{
    font-size: 14px;
    font-size: 1.4rem;
  }
  #id_resta .pageInfoBox .open .list{
    margin: 0 0 10px;
    display: block;
  }
  #id_resta .pageInfoBox .open .list li{
    width: 100%;
  }
  #id_resta .pageInfoBox .open .list li img{
    width: 45%;
    max-width: 210px;
  }
  #id_resta .pageInfoBox .open .list li:first-child{
    padding: 0 0 10px;
  }
  #id_resta .pageInfoBox .open .list li:nth-child(2){
    padding: 0;
  }
  #id_resta .pageInfoBox .open .list li:nth-child(2):before{
    display: none;
  }

  /*--infoBox--*/
  #id_resta .infoBoxIn{
    padding: 15px;

  }
  #id_resta .infoBox .history{
  }
  #id_resta .infoBox .history .inner,
  #id_resta .infoBox .history .ph{
    width: 100%;
    float: none;
  }
  #id_resta .infoBox .history .inner{
    margin: 0 0 20px;
  }
  #id_resta .infoBox .history .lead{
    padding-top: 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #id_resta .infoBox .history .ttl{
    font-size: 22px;
    font-size: 2rem;
  }
  #id_resta .infoBox .history .txt{
    margin: 0 0 30px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #id_resta .infoBox .history .btn{
    margin: 0 auto 30px 0;
  }
  /*floor*/
  #id_resta .infoBox .floorTtl{
    font-size: 18px;
    font-size: 1.8rem;
  }
  #id_resta .infoBox .floorGrid{
    display: flex;
    flex-direction: column;
    gap: 20px 0;
  }
  #id_resta .infoBox .floorItem,
  #id_resta .infoBox .floorItem:not(:last-child){
    border: 2px solid #c49a6d;
  }
  #id_resta .infoBox .floorPhoto{
    display: block;
    margin: 0 auto 15px;
    width: 100%;
  }
  #id_resta .infoBox .floorDesc{
    font-size: inherit;
  }
  #id_resta .infoBox .floorListItem{
    min-width: auto;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #id_resta .infoBox .floorNote{
    font-size: inherit;
  }
  #id_resta .infoBox .floorCourse > .list{
    gap: 12px;
  }
  /*yoyaku*/
  #id_resta .infoBox .yoyaku{
    padding: 20px 20px 25px;
  }
  #id_resta .infoBox .yoyakuTtl{
    font-size: 18px;
    font-size: 1.8rem;
  }
  #id_resta .infoBox .yoyakuListItem > dt{
    font-size: 16px;
    font-size: 1.6rem;
  }
  #id_resta .infoBox .yoyakuListItem > dd{
    font-size: inherit;
  }
  /*--menuBox--*/
  #id_resta .menuWrapBox{
    margin-bottom: 50px;
  }
  #id_resta .menuBox{
    display: block;
  }
  #id_resta .menuBox .ttl{
    overflow: hidden;
  }
  #id_resta .menuBox .content{
    padding-bottom: 0;
    width: 100%;
  }
  #id_resta .menuBox .content .lead{
    font-size: 18px;
    font-size: 1.8rem;
  }
  #id_resta .menuBox .content .txt{
    margin: 0 0 1.5em;
    padding: 0;
  }
  #id_resta .menuBox .content .btnWrap .btn{
    margin: 0 auto;
  }
  #id_resta .menuBox .ph{
    margin: 0 0 15px;
    width: 100%;
  }
  /*note*/
  #id_resta .menuWrapBox .noteWrap .note{
    float: none;
    width: 100%;
  }
}

@media screen and (max-width:480px) {
  /*---------------------------------------------------
  *
  * SP
  *
  ----------------------------------------------------*/
  #id_resta .menuBox .ttl img{
    max-width: none;
    height: 40px;
  }
}