@charset "UTF-8";
/*==================================

  mobile

==================================*/
.pc {
  display: inherit; }

.sp {
  display: none; }

.sp_s {
  display: none; }

@media (max-width: 1024px) {
  .pc {
    display: none; }

  .sp {
    display: inherit; }

  .sp_s {
    display: none; }

  .page_header {
    position: fixed;
    width: 100%;
    z-index: 99999;
    padding: 20px 0; }
    .page_header h1 {
      width: 60%;
      z-index: 99999;
      position: relative; }
    .page_header .page_header_right {
      display: none; }

  .page_header_right, .main_nav {
    display: none; }

  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: #fff; }

  .drawer-nav {
    background: url(../img/navi_bg.png) repeat center;
    padding: 80px 0; }
    .drawer-nav .drawer-menu {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .drawer-nav .drawer-menu li {
        width: 50%; }
        .drawer-nav .drawer-menu li a {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 10px 5vw;
          color: #fff; }
          .drawer-nav .drawer-menu li a img {
            width: 30px;
            margin-right: 5px; }
        .drawer-nav .drawer-menu li:last-child {
          padding: 10px 5vw;
          width: 100%; }

  .slider_item .mv_txt,
  .mv_item .mv_txt {
    font-size: 4.5vw; } }
/* スマホ */
@media (max-width: 480px) {
  .sp_s {
    display: inherit; }

  .footer_nav ul,
  .drink #cocktall .tit_set::before,
  .drink #beer .tit_set::before,
  .drink #japan .tit_set::before,
  .drink #wine .tit_set::before,
  .drink #bottle .tit_set::before {
    display: none; }

  .two_box,
  .menu_list .two_txt ul,
  .lunch_list .two_txt ul,
  .mi ul {
    flex-wrap: wrap; }
    .two_box > div,
    .menu_list .two_txt ul > div,
    .lunch_list .two_txt ul > div,
    .mi ul > div {
      width: 100%;
      margin-bottom: 40px; }

  .page_header h1 {
    width: 80%; }

  .slider_item .mv_txt,
  .mv_item .mv_txt {
    font-size: 4.5vw;
    bottom: 4vw; }

  .page_tit h2,
  .bd_box_w h2 {
    font-size: 5vw !important;
    margin: 40px 0; }

  .main_top .message .two_box .two_txt,
  .main_top .message .two_box .two_img,
  .menu_list .two_img,
  .menu_list .two_txt,
  .menu_list .two_txt ul li,
  .menu_list .two_txt ul.three_box li,
  .lunch_list .two_img,
  .lunch_list .two_txt,
  .lunch_list .two_txt ul li,
  .mi .two_img,
  .mi .two_txt,
  .alacarte #parlla .lunch_list .two_img, .alacarte #carta .lunch_list .two_img, .alacarte #plato .lunch_list .two_img, .alacarte #pequeno .lunch_list .two_img,
  .alacarte #parlla .lunch_list .two_txt, .alacarte #carta .lunch_list .two_txt, .alacarte #plato .lunch_list .two_txt, .alacarte #pequeno .lunch_list .two_txt,
  main.remort .top_list h3,
  main.remort .top_list .tl_box ul li,
  main.remort .top_list .tl_box,
  main.takeout .top_list h3,
  main.takeout .top_list .tl_box ul li,
  main.takeout .top_list .tl_box,
   .takeout_list .two_img,
  .takeout_list .two_txt,
  .takeout_list .two_txt ul li,
  .list_two dd {
    width: 100% !important; }

  .page_tit ul li {
    width: 100%;
    margin-bottom: 20px; }

  .top_list {
    padding-left: 0 !important; }

  .top_list p .item {
    margin: 0 !important; }

  .top_list .tti {
    width: 100%;
    margin: 0 auto 20px; }

  #lunch .bd_box > h2, #sweets .bd_box > h2, #winesweets .bd_box > h2, #spanish .bd_box > h2, #gogo .bd_box > h2,
  .lunch_list .two_txt h3 {
    display: block; }

  main.remort .top_list h3 {
    font-size: 6vw; }

  .jp_tit {
    font-size: 6.5vw; }

  .btn_tel {
    font-size: 5vw; }

  .drink h3 {
    font-size: 4vw; }

  .page_tit ul li a p,
  .fs24,
  main.catering .page_tit ul li > p {
    font-size: 4.5vw !important; }

  .menu_list .two_txt h2 {
    font-size: 5.5vw;
    line-height: 1.5;
    margin-bottom: 20px; }

  .en_txt {
    margin: 10px 0 20px; }

  .tit_set {
    margin-top: 40px;
    background-size: 80px;
    padding: 60px 50px 40px; }
    .tit_set h2 {
      font-size: 6vw; }
    .tit_set p {
      font-size: 4vw; }

  .main_top .foodstuffs .two_box, .main_top .foodstuffs > p, .main_top .professional .two_box, .main_top .professional > p {
    margin: 0 15px !important; }

  .two_box .two_txt span {
    display: block;
    text-align: center;
    margin-top: 10px; }

  .under_link {
    flex-wrap: wrap; }
    .under_link a {
      width: 100%; }
      .under_link a:first-child {
        margin-bottom: 15px; }

  footer .two_box dl dt {
    width: 27%; }

  footer .two_box dl dd {
    width: 73%; }

  #page_top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 70px; }

  .mb80 {
    margin-bottom: 40px !important; }

  .mt80 {
    margin-top: 40px !important; }

  .red_box .red_contents {
    padding: 20px 10px; }
    .red_box .red_contents h2 {
      font-size: 4.5vw; }
    .red_box .red_contents p {
      font-size: 3.5vw; }

  #lunch .bd_box .bd_o ul, #sweets .bd_box .bd_o ul, #winesweets .bd_box .bd_o ul, #spanish .bd_box .bd_o ul, #gogo .bd_box .bd_o ul {
    display: block; }

  #lunch .bd_box .bd_o ul li:nth-child(2), #sweets .bd_box .bd_o ul li:nth-child(2), #winesweets .bd_box .bd_o ul li:nth-child(2), #spanish .bd_box .bd_o ul li:nth-child(2), #gogo .bd_box .bd_o ul li:nth-child(2),
  .alacarte #parlla .lunch_list .two_txt .bd_o li:nth-child(2), .alacarte #carta .lunch_list .two_txt .bd_o li:nth-child(2), .alacarte #plato .lunch_list .two_txt .bd_o li:nth-child(2), .alacarte #pequeno .lunch_list .two_txt .bd_o li:nth-child(2) {
    border-left: none;
    border-top: 1px solid #3f0909;
    padding: 30px 0 0;
    padding-right: 0; }

  dl {
    flex-wrap: wrap;
    width: 100% !important; }
    dl dt {
      display: block;
      width: 100% !important;
      flex: initial !important; }
    dl dd {
      display: block;
      width: 100% !important;
      text-align: right; }

  .btbd dd {
    text-align: left;
    padding: 10px 0 0; }

  .comp, table.contanct {
    display: block;
    width: 100%; }
    .comp th, .comp td, table.contanct th, table.contanct td {
      display: block;
      width: 100%; }

  main.blog > .contents {
    padding: 40px 15px; } }