@charset "UTF-8";
/* Reset系 */
/* line 5, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* line 7, ../sass/base.scss */
.clearfix, ul.menu_list li {
  *zoom: 1; }
  /* line 38, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
  .clearfix:after, ul.menu_list li:after {
    content: "";
    display: table;
    clear: both; }

/* line 11, ../sass/base.scss */
html {
  height: 100%; }

/* line 15, ../sass/base.scss */
br {
  line-height: 1.3; }

/* line 19, ../sass/base.scss */
aside, nav {
  display: inline; }

/* line 23, ../sass/base.scss */
strong {
  font-weight: bold; }

/* line 27, ../sass/base.scss */
a, .btn, button, a button {
  outline: none; }

/* line 31, ../sass/base.scss */
button::-moz-focus-inner {
  border: 0; }

/* Aperitivo Webサイト用 */
/* line 38, ../sass/base.scss */
body {
  width: 100%;
  color: #231815;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif;
  height: 100%; }

/* line 47, ../sass/base.scss */
*, p, span, th, td {
  line-height: 2; }

/* line 51, ../sass/base.scss */
h1, h2, h3, h4, h5 {
  font-weight: bold; }

/* ボーダー */
/* line 56, ../sass/base.scss */
.border_box {
  border: solid 2px #AB112D; }

/* 配置系 */
/* line 67, ../sass/base.scss */
.t_align_c, body, #header .header_navi > h1, #header .header_navi .fb_btn a, #footer, .heading, .menu .box > h1, .access .box h1, .recruit .box h1, .sub_category, .menu > ul, .menu .box .photo, ul.menu_list li > div, ul.menu_list .msg, .reservation .box, .recruit .box {
  text-align: center !important; }

/* line 71, ../sass/base.scss */
.t_align_r, ul.menu_list li > strong ~ span, .pagetop {
  text-align: right !important; }

/* display: inline-block; */
/* line 76, ../sass/base.scss */
.inl_block, #footer ul li, .sub_category:before,
.sub_category:after, .comment, .photo, .top .notice ul li span, .top .notice ul li span a:before, .menu > ul li, .menu > ul li a, ul.menu_list li > strong, ul.menu_list.drink > li, ul.menu_list.drink.joint > li ul > li, .reservation .box .tel, .recruit .box .tel, .contact_box > div, .pagetop a:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top; }

/* Util */
/* line 83, ../sass/base.scss */
.f_slim {
  letter-spacing: -0.5px !important; }

/* line 87, ../sass/base.scss */
.f_slimmer {
  letter-spacing: -1px !important; }

/* line 91, ../sass/base.scss */
a {
  text-decoration: none;
  color: #000000; }
  /* line 18, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/typography/links/_link-colors.scss */
  a:visited {
    color: #000000; }
  /* line 24, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/typography/links/_link-colors.scss */
  a:hover {
    color: #404040; }
  /* line 27, ../../../Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/typography/links/_link-colors.scss */
  a:active {
    color: #404040; }

/* line 96, ../sass/base.scss */
.notice {
  border: solid 2px #AB112D;
  border-width: 1px;
  background-color: #FFFFFF; }
  /* line 100, ../sass/base.scss */
  .notice p {
    margin: 0;
    padding: 10px 15px; }

/*グリッド********************/
/* line 107, ../sass/base.scss */
#wrapper {
  width: 1170px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative; }
  /* line 113, ../sass/base.scss */
  #wrapper.top {
    background: url(../images/mainimg/top_01.jpg) no-repeat 0 0;
    height: 796px; }

/* line 119, ../sass/base.scss */
#header {
  width: 1170px;
  min-height: 446px;
  position: relative;
  z-index: 2; }
  /* line 124, ../sass/base.scss */
  #header .header_navi {
    width: 225px;
    margin-left: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    padding-top: 55px;
    position: relative;
    z-index: 20; }
    /* line 131, ../sass/base.scss */
    #header .header_navi > h1 {
      margin-bottom: 60px; }
    /* line 135, ../sass/base.scss */
    #header .header_navi ul {
      padding-bottom: 25px; }
      /* line 137, ../sass/base.scss */
      #header .header_navi ul li {
        position: relative; }
        /* line 139, ../sass/base.scss */
        #header .header_navi ul li a {
          width: 100%;
          padding: 12px 0;
          display: block; }
          /* line 143, ../sass/base.scss */
          #header .header_navi ul li a > img {
            padding-left: 35px; }
        /* line 147, ../sass/base.scss */
        #header .header_navi ul li a:hover, #header .header_navi ul li a.selected {
          background-color: rgba(0, 0, 0, 0.9); }
        /* line 150, ../sass/base.scss */
        #header .header_navi ul li > ul {
          width: 75%;
          background-color: rgba(0, 0, 0, 0.6);
          padding-bottom: 0;
          position: absolute;
          top: 0;
          left: 100%; }
          /* line 157, ../sass/base.scss */
          #header .header_navi ul li > ul li a {
            padding: 7px 0; }
            /* line 159, ../sass/base.scss */
            #header .header_navi ul li > ul li a:first-child {
              padding-top: 12px; }
            /* line 162, ../sass/base.scss */
            #header .header_navi ul li > ul li a > img {
              padding-left: 20px; }
    /* line 169, ../sass/base.scss */
    #header .header_navi .fb_btn {
      margin-left: 30px;
      position: absolute;
      bottom: -20px; }
      /* line 173, ../sass/base.scss */
      #header .header_navi .fb_btn a {
        width: 45px;
        background-color: rgba(0, 0, 0, 0.6);
        padding-top: 10px;
        display: block;
        border-radius: 50%;
        height: 35px; }
      /* line 182, ../sass/base.scss */
      #header .header_navi .fb_btn a:hover {
        background-color: rgba(0, 0, 0, 0.8); }
  /* line 187, ../sass/base.scss */
  #header > h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

/* line 195, ../sass/base.scss */
.top #header {
  min-height: 796px; }

/* line 199, ../sass/base.scss */
#contents {
  width: 1170px;
  background: url(../images/common/bg.jpg) repeat-y 0 0;
  margin-top: -8px;
  padding: 35px 0 625px 0;
  position: relative;
  z-index: 1; }
  /* line 206, ../sass/base.scss */
  #contents a:hover > img {
    opacity: 0.8;
    transition: 0.5s; }
  /* line 210, ../sass/base.scss */
  #contents .box {
    width: 900.9px; }
    /* line 212, ../sass/base.scss */
    #contents .box h1 {
      font-size: 167%; }
  /* line 216, ../sass/base.scss */
  #contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
    margin-bottom: 15px; }

/* line 221, ../sass/base.scss */
#footer {
  width: 1170px;
  background: url(../images/common/footer_bg.jpg) repeat 0 0;
  padding-top: 15px;
  color: #FFFFFF;
  font-size: 83%;
  height: 590px;
  position: absolute;
  bottom: 0;
  left: inherit;
  z-index: 2; }
  /* line 233, ../sass/base.scss */
  #footer ul {
    padding: 15px 0; }
    /* line 235, ../sass/base.scss */
    #footer ul li {
      padding: 0 5px;
      border-right: solid 1px #FFFFFF;
      line-height: 1.0; }
      /* line 240, ../sass/base.scss */
      #footer ul li:first-child {
        border-left: solid 1px #FFFFFF; }
      /* line 243, ../sass/base.scss */
      #footer ul li a {
        color: #FFFFFF; }
      /* line 246, ../sass/base.scss */
      #footer ul li a:hover {
        text-decoration: underline; }

/* 中央配置 */
/* line 254, ../sass/base.scss */
#wrapper,
.box,
.contact_box {
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

/* 見出し系 */
/* line 261, ../sass/base.scss */
.heading, .menu .box > h1, .access .box h1, .recruit .box h1 {
  margin-bottom: 50px !important;
  border-bottom: solid 1px #AB112D; }
  /* line 265, ../sass/base.scss */
  .heading img, .menu .box > h1 img, .access .box h1 img, .recruit .box h1 img {
    vertical-align: bottom; }

/* line 270, ../sass/base.scss */
.sub_category {
  font-size: 167%;
  color: #AB112D; }

/* line 276, ../sass/base.scss */
.sub_category:before,
.sub_category:after {
  margin: 0 5px 15px 5px;
  font-size: 50%;
  height: 1px;
  content: "◆◆◆";
  vertical-align: middle; }

/* BOX */
/* トップページ */
/* line 292, ../sass/base.scss */
.top .box {
  letter-spacing: -0.4em; }
  /* line 294, ../sass/base.scss */
  .top .box h1, .top .box h2, .top .box p, .top .box li {
    letter-spacing: normal; }

/* line 299, ../sass/base.scss */
.top .comment {
  width: 410.9px; }

/* line 303, ../sass/base.scss */
.top .photo {
  width: 210px;
  margin-left: 35px; }
  /* line 306, ../sass/base.scss */
  .top .photo.policy {
    text-align: right; }
  /* line 309, ../sass/base.scss */
  .top .photo.policy h2 {
    margin-bottom: 10px !important;
    text-align: left; }

/* line 315, ../sass/base.scss */
.top .notice {
  margin-top: 20px; }
  /* line 317, ../sass/base.scss */
  .top .notice > h2 {
    margin-bottom: 5px !important;
    padding: 10px 10px 0 10px;
    font-size: 133%; }
  /* line 322, ../sass/base.scss */
  .top .notice ul {
    padding: 5px 10px 5px 10px; }
    /* line 324, ../sass/base.scss */
    .top .notice ul li {
      margin-bottom: 5px;
      line-height: 1.5;
      font-size: 117%; }
      /* line 328, ../sass/base.scss */
      .top .notice ul li span {
        vertical-align: top; }
        /* line 331, ../sass/base.scss */
        .top .notice ul li span:first-child {
          width: 11%; }
        /* line 334, ../sass/base.scss */
        .top .notice ul li span:last-child {
          width: 88%; }
        /* line 337, ../sass/base.scss */
        .top .notice ul li span small {
          font-size: 83%; }
        /* line 340, ../sass/base.scss */
        .top .notice ul li span a:before {
          width: 5px;
          background: url(../images/common/trg.png) no-repeat 0 0;
          margin-right: 5px;
          height: 6px;
          content: " ";
          vertical-align: middle; }
        /* line 349, ../sass/base.scss */
        .top .notice ul li span a[href*=".pdf"]:before {
          width: 16px;
          background: url(../images/common/pdf.png) no-repeat 0 0;
          margin-right: 5px;
          height: 20px; }

/* ポリシー */
/* line 361, ../sass/base.scss */
.policy .box {
  margin-bottom: 50px; }
  /* line 362, ../sass/base.scss */
  .policy .box h1 {
    color: #AB112D;
    font-size: 167% !important; }
  /* line 367, ../sass/base.scss */
  .policy .box .comment {
    width: 605.9px; }
    /* line 369, ../sass/base.scss */
    .policy .box .comment > p {
      margin-bottom: 35px; }
      /* line 371, ../sass/base.scss */
      .policy .box .comment > p > img {
        float: right; }
  /* line 376, ../sass/base.scss */
  .policy .box .photo {
    width: 260px;
    margin-left: 30px; }
  /* line 380, ../sass/base.scss */
  .policy .box .photo.lft {
    margin-right: 30px;
    margin-left: 0; }

/* メニュー */
/* line 388, ../sass/base.scss */
.menu > ul {
  margin-bottom: 40px; }
  /* line 391, ../sass/base.scss */
  .menu > ul li {
    margin-left: 30px;
    font-size: 117%; }
    /* line 395, ../sass/base.scss */
    .menu > ul li:first-child {
      margin-left: 0; }
    /* line 398, ../sass/base.scss */
    .menu > ul li small {
      margin-top: 5px;
      display: block;
      font-size: 66%; }
    /* line 403, ../sass/base.scss */
    .menu > ul li a {
      padding: 0 5px 3px;
      border-bottom: solid 3px rgba(171, 17, 45, 0.2);
      transition: border-color 1s linear; }
    /* line 409, ../sass/base.scss */
    .menu > ul li a:hover {
      border-color: #ab112d; }
/* line 414, ../sass/base.scss */
.menu .box.notice {
  margin-bottom: 45px;
  font-size: 117%; }
/* line 418, ../sass/base.scss */
.menu .box {
  margin-bottom: 25px; }
  /* line 423, ../sass/base.scss */
  .menu .box .comment {
    width: 555.9px; }
    /* line 425, ../sass/base.scss */
    .menu .box .comment ul, .menu .box .comment > p {
      margin-left: 30px; }
    /* line 428, ../sass/base.scss */
    .menu .box .comment h2 {
      padding-left: 10px; }
      /* line 430, ../sass/base.scss */
      .menu .box .comment h2:first-child {
        margin-top: -20px; }
  /* line 435, ../sass/base.scss */
  .menu .box .photo {
    width: 340px; }
    /* line 438, ../sass/base.scss */
    .menu .box .photo > p {
      margin-bottom: 10px;
      margin-left: 40px;
      text-align: left; }

/* line 447, ../sass/base.scss */
ul.menu_list {
  margin-bottom: 30px; }
  /* line 449, ../sass/base.scss */
  ul.menu_list > li {
    margin-bottom: 30px; }
  /* line 452, ../sass/base.scss */
  ul.menu_list li {
    font-weight: bold;
    overflow: hidden;
    line-height: 1.5; }
    /* line 457, ../sass/base.scss */
    ul.menu_list li > strong, ul.menu_list li > span {
      font-size: 133%;
      position: relative; }
    /* line 464, ../sass/base.scss */
    ul.menu_list li > strong:after {
      width: 380px;
      margin-left: 10px;
      position: absolute;
      top: 50%;
      left: 100%;
      content: " ";
      border-top: dashed 1px #999999; }
    /* line 473, ../sass/base.scss */
    ul.menu_list li > strong.fs_smaller {
      font-size: 133%; }
    /* line 476, ../sass/base.scss */
    ul.menu_list li > strong.fs_narrower {
      letter-spacing: -2px; }
    /* line 479, ../sass/base.scss */
    ul.menu_list li > strong small {
      font-size: 66%; }
    /* line 483, ../sass/base.scss */
    ul.menu_list li > strong ~ span {
      float: right;
      background: url(../images/menu/bg.jpg) no-repeat 0 0;
      margin-top: -7px;
      padding-right: 15px;
      padding-left: 10px;
      z-index: 3; }
      /* line 491, ../sass/base.scss */
      ul.menu_list li > strong ~ span > small {
        font-size: 66%; }
    /* line 495, ../sass/base.scss */
    ul.menu_list li > small {
      margin-top: 5px;
      display: block;
      font-size: 117%;
      font-weight: normal;
      line-height: 1.5;
      opacity: 0.8; }
    /* line 503, ../sass/base.scss */
    ul.menu_list li .wave {
      position: relative;
      right: -0.8em; }
    /* line 507, ../sass/base.scss */
    ul.menu_list li > ul {
      margin: 5px 0 0 30px; }
  /* line 514, ../sass/base.scss */
  ul.menu_list.drink {
    margin-bottom: 30px;
    letter-spacing: -0.4em; }
  /* line 518, ../sass/base.scss */
  ul.menu_list.drink > li {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-bottom: 15px;
    letter-spacing: normal; }
    /* line 524, ../sass/base.scss */
    ul.menu_list.drink > li > strong:after {
      width: 270px; }
    /* line 527, ../sass/base.scss */
    ul.menu_list.drink > li.msg {
      padding-top: 20px; }
  /* line 531, ../sass/base.scss */
  ul.menu_list.drink.joint > li {
    width: calc(100% - 30px);
    margin-bottom: 0; }
    /* line 534, ../sass/base.scss */
    ul.menu_list.drink.joint > li > strong:after {
      width: 700px; }
    /* line 537, ../sass/base.scss */
    ul.menu_list.drink.joint > li ul > li {
      width: calc(50% - 30px);
      margin-bottom: 15px;
      margin-right: 25px; }
      /* line 542, ../sass/base.scss */
      ul.menu_list.drink.joint > li ul > li.msg {
        margin-top: 15px; }
    /* line 546, ../sass/base.scss */
    ul.menu_list.drink.joint > li ul > li > strong:after {
      border: none; }
  /* line 550, ../sass/base.scss */
  ul.menu_list .msg {
    margin-top: -15px;
    font-size: 117%; }

/* アクセス */
/* line 560, ../sass/base.scss */
.access .box {
  margin-bottom: 50px; }
  /* line 565, ../sass/base.scss */
  .access .box p {
    margin-bottom: 20px;
    padding-left: 27.027px;
    font-size: 133%; }
  /* line 570, ../sass/base.scss */
  .access .box .iframe {
    margin: 0;
    padding: 0; }
/* line 575, ../sass/base.scss */
.access .map {
  margin-bottom: 80px; }

/* スタッフ募集 */
/* 予約 */
/* line 591, ../sass/base.scss */
.reservation .box, .recruit .box {
  margin-bottom: 50px; }
  /* line 594, ../sass/base.scss */
  .reservation .box > p, .recruit .box > p {
    margin-bottom: 45px;
    font-size: 133%; }
  /* line 598, ../sass/base.scss */
  .reservation .box .tel, .recruit .box .tel {
    background-color: #FFFFFF;
    margin-bottom: 20px;
    padding: 25px 40px;
    border: solid 2px #231815;
    border-radius: 10px; }
  /* line 606, ../sass/base.scss */
  .reservation .box.note, .recruit .box.note {
    width: 565px !important;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
    /* line 609, ../sass/base.scss */
    .reservation .box.note p, .recruit .box.note p {
      margin-bottom: 5px;
      text-align: left;
      text-indent: -1em;
      margin-left: 1em;
      font-size: 117%; }

/* 連絡先・ページトップへリンク */
/* line 621, ../sass/base.scss */
.contact_box {
  width: 596.7px; }
  /* line 623, ../sass/base.scss */
  .contact_box > div {
    vertical-align: baseline; }
  /* line 627, ../sass/base.scss */
  .contact_box > div:first-child {
    width: 260px; }
  /* line 630, ../sass/base.scss */
  .contact_box .comment {
    width: 331.7px; }
    /* line 632, ../sass/base.scss */
    .contact_box .comment p {
      margin-bottom: 5px;
      line-height: 1.3; }
      /* line 635, ../sass/base.scss */
      .contact_box .comment p span.tel img {
        margin-left: 10px;
        vertical-align: middle; }
    /* line 640, ../sass/base.scss */
    .contact_box .comment p:last-child {
      font-size: 83%;
      letter-spacing: 0.5px; }

/* line 647, ../sass/base.scss */
.pagetop {
  margin-right: 27.027px;
  line-height: 1;
  font-size: 12px !important; }
  /* line 652, ../sass/base.scss */
  .pagetop a:before {
    width: 10px;
    background: url(../images/common/arw.png) no-repeat 0 0;
    margin-right: 5px;
    content: " ";
    height: 10px; }

/* その他共通 */
/* line 663, ../sass/base.scss */
.fc_emp {
  color: #AB112D;
  font-size: 117% !important; }

/* 印刷用 */
@media print {
  /* line 670, ../sass/base.scss */
  #contents {
    padding-bottom: 20px; }

  /* line 673, ../sass/base.scss */
  #footer {
    position: relative;
    bottom: inherit; } }