@media screen and (max-width:799px) {
/*---------------------------------------------------
*
* レストラン - メニュー（TB / SP）
*
----------------------------------------------------*/
  #id_menu .pageInfoBox{
    margin-bottom: 20px;
  }
  #id_menu .pageInfoBox img{
    max-width: 70%;
  }
  /* カテゴリータイトル（共通） */
  /*-- メニュー一覧（共通） --*/
  #id_menu .menuList .box{
    margin-left: auto;
    margin-right: auto;
    max-width: 487px;
    width: 100%;
    float: none;
  }
  #id_menu .menuList .box.left{
    margin-left: auto;
    margin-right: auto;
  }
  #id_menu .menuList .ttl{
    font-size: 20px;
    font-size: 2rem;
  }
  /*details*/
  #id_menu .menuList .intro{
    line-height: 1.4;
    font-size: 15px;
    font-size: 1.5rem;
  }
  /*mark + price*/
  #id_menu .menuList .priceWrap{
    flex-wrap: wrap;
  }
  #id_menu .menuList .mark{
    margin: 0 0 20px;
    width: 100%;
  }
  #id_menu .menuList .price{
    width: 100%;
    order: 1;
  }
  /* オプションあり料金 */
  #id_menu .menuList .priceWrapOption{
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #id_menu .menuList .priceWrapOption .mark img{
    margin-top: 0;
  }

  /* 注釈・補足エリア */
  #id_menu .noteArea .note{
    width: 100%;
    float: none;
  }
  /* 予約詳細エリア */
  #id_menu .memoArea{
    margin: 0 0 30px;
    padding: 30px;
    width: 100%;
    float: none;
  }
  /*---------------------------------------------------
  course-menu
  ----------------------------------------------------*/
  #id_menu #course-menu{
    margin-bottom: 20px;
  }
  /*---------------------------------------------------
  set-menu
  ----------------------------------------------------*/
  #id_menu #set-menu{
    margin-bottom: 20px;
  }
  /*---------------------------------------------------
  alacarte-menu
  ----------------------------------------------------*/
  #alacarte-menu .imgTtl img{
    height: 40px;
    max-width: none;
    overflow: hidden;
  }
  #id_menu .alacarteTxtBox.bottom{
    text-align: left;
  }
  #id_menu .alacarteTxtBox.bottom .btn{
    margin: 0 auto 0 0;
  }
  /*listArea*/
  #id_menu .alacarteBox .listArea{
    width: 100%;
    float: none;
  }
  #id_menu .alacarteBox .listArea .box{
    margin: 0 0 35px;
  }
  #id_menu .alacarteBox .listArea .ttl{
    font-size: 20px;
    font-size: 2rem;
  }
  #id_menu .alacarteBox .subCate{
    font-size: 16px;
    font-size: 1.6rem;
  }
  #id_menu .alacarteBox .listArea table{
    font-size: 15px;
    font-size: 1.5rem;
  }
  #id_menu .alacarteBox .listArea td{
    width: 4em;
  }
  /*phArea*/
  #id_menu .alacarteBox .phArea{
    margin: 0 0 30px;
    width: 100%;
    float: none;
  }
  #id_menu .alacarteBox .phArea img{
    width: 100%;
    max-width: none;
  }
  /*---------------------------------------------------
  140_Anniversary
  ----------------------------------------------------*/
  .anniversary_140 .ttl {
    font-size: 17px;
    font-size: 1.7rem !important;
  }
  .anniversary_140 .anniversary_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .anniversary_140 .inner_r {
    width: 100%;
    float: none;
    padding-top: 0;
  }
}

/*---------------------------------------------------
*
* SP
*
----------------------------------------------------*/
@media screen and (max-width:480px) {
  #id_menu .pageInfoBox{
    text-align: left;
  }
  /* カテゴリータイトル（共通） */
  #id_menu .categoryImgTtl{
    overflow: hidden;
  }
  #id_menu .categoryImgTtl img{
    max-width: none;
    height: 40px;
  }

  /*---------------------------------------------------
  alacarte-menu
  ----------------------------------------------------*/
  #id_menu .alacarteTxtBox .btn{
    margin: 0 auto;
  }
  #id_menu .alacarteTxtBox.bottom .btn{
    margin: 0 auto;
  }
}