@charset "UTF-8";
.menu {
  letter-spacing: 0; }
  @media screen and (min-width: 768px) {
    .menu__container {
      width: 1000px;
      margin: auto; } }
  @media screen and (min-width: 768px) {
    .menu__contents {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .menu__contents {
      margin-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    .menu__inner {
      width: 95%;
      margin: auto; } }
  .menu__slider {
    display: block; }
    @media screen and (min-width: 768px) {
      .menu__slider {
        width: 1000px;
        height: 500px;
        margin: 0 auto 100px; } }
    @media screen and (max-width: 767px) {
      .menu__slider {
        width: 100%;
        height: calc(480px / 750px * 100%);
        overflow: hidden;
        margin: 0 auto 30px; } }
    .menu__slider__item {
      position: relative; }
      .menu__slider__item__txt {
        background-color: rgba(255, 255, 255, 0.8);
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        position: absolute; }
        @media screen and (min-width: 768px) {
          .menu__slider__item__txt {
            width: 520px;
            height: 300px;
            font-size: 26px;
            top: 100px;
            right: 0;
            padding-left: 30px; } }
        @media screen and (max-width: 767px) {
          .menu__slider__item__txt {
            font-size: 17px;
            letter-spacing: -1px;
            top: 5%;
            left: 5%;
            bottom: 5%;
            right: 5%; } }
        .menu__slider__item__txt > span {
          display: block; }
        @media screen and (min-width: 768px) {
          .menu__slider__item__txt--style01 > span {
            padding: calc((300px - 273px) / 2) 0; } }
        @media screen and (max-width: 767px) {
          .menu__slider__item__txt--style01 > span {
            padding: calc((64% - 175px) / 2) 6px; } }
        @media screen and (min-width: 768px) {
          .menu__slider__item__txt--style02 > span {
            padding: calc((300px - 195px) / 2) 0; } }
        @media screen and (max-width: 767px) {
          .menu__slider__item__txt--style02 > span {
            padding: calc((64% - 125px) / 2) 6px; } }
    .menu__slider .slick-dots {
      position: static; }
      .menu__slider .slick-dots > li {
        width: 12px;
        height: 12px; }
        .menu__slider .slick-dots > li > button {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #ccc; }
          .menu__slider .slick-dots > li > button:before {
            display: none; }
        .menu__slider .slick-dots > li.slick-active > button {
          background-color: #7a7a7a; }
  .menu__nav__list:after {
    display: table;
    width: 0;
    height: 0;
    clear: both;
    content: '';
    visibility: hidden; }
  .menu__nav__list > li {
    float: left;
    color: #fff;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .menu__nav__list > li {
        margin-left: 9px; } }
    @media screen and (min-width: 768px) {
      .menu__nav__list > li:nth-child(-n+3) {
        width: calc((1000px - 18px) / 3); } }
    @media screen and (min-width: 768px) {
      .menu__nav__list > li:nth-child(n+4) {
        width: calc((1000px - 27px) / 4);
        margin-top: 10px; } }
    @media screen and (min-width: 768px) {
      .menu__nav__list > li:nth-child(n+3):nth-child(4n) {
        clear: both;
        margin-left: 0; } }
    .menu__nav__list > li:first-child {
      clear: both;
      margin-left: 0; }
      @media screen and (max-width: 767px) {
        .menu__nav__list > li:first-child {
          width: 100%; } }
    @media screen and (max-width: 767px) {
      .menu__nav__list > li:nth-child(n+2) {
        width: 32%;
        margin-top: 2%;
        margin-left: 2%; } }
    @media screen and (max-width: 767px) {
      .menu__nav__list > li:nth-child(3n+2) {
        clear: both;
        margin-left: 0; } }
    .menu__nav__list > li > a {
      background-color: #333333;
      padding: 10px 30px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .menu__nav__list > li > a {
          padding: 10px 30px; } }
      @media screen and (max-width: 767px) {
        .menu__nav__list > li > a {
          font-size: 12px;
          letter-spacing: -1px;
          padding: 16px 16px; } }
      .menu__nav__list > li > a:after {
        display: inline-block;
        content: '';
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        position: absolute; }
        @media screen and (min-width: 768px) {
          .menu__nav__list > li > a:after {
            width: 8px;
            height: 8px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            top: calc(50% - 6px);
            right: 20px; } }
        @media screen and (max-width: 767px) {
          .menu__nav__list > li > a:after {
            width: 6px;
            height: 6px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            top: calc(50% - 4px);
            right: 10px; } }
  .menu__section__ttl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    letter-spacing: 2px;
    padding-top: 10px; }
    @media screen and (min-width: 768px) {
      .menu__section__ttl {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .menu__section__ttl {
        margin-bottom: 15px; } }
    .menu__section__ttl__italy {
      display: block;
      font-size: 24px; }
    .menu__section__ttl__ja {
      display: block;
      font-size: 14px; }
  @media screen and (min-width: 768px) {
    .menu__section__inner + .menu__section__inner,
    .menu__section__detail + .menu__section__detail {
      margin-top: 60px; } }
  @media screen and (max-width: 767px) {
    .menu__section__inner + .menu__section__inner,
    .menu__section__detail + .menu__section__detail {
      margin-top: 40px; } }
  .menu__section__inner__ttl, .menu__section__detail__ttl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .menu__section__inner__ttl, .menu__section__detail__ttl {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .menu__section__inner__ttl, .menu__section__detail__ttl {
        margin-bottom: 15px; } }
    @media screen and (min-width: 768px) {
      .menu__section__inner__ttl, .menu__section__detail__ttl {
        font-size: 24px; } }
    @media screen and (max-width: 767px) {
      .menu__section__inner__ttl, .menu__section__detail__ttl {
        font-size: 16px; } }
  .menu__section__inner__ttl {
    background-color: #d7d5d5;
    line-height: 1.3;
    padding: 3px 0; }
  @media screen and (min-width: 768px) {
    .menu__section__inner__img {
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .menu__section__inner__img {
      margin-bottom: 15px; } }
  .menu__list:after, .menu__simple-list:after {
    display: table;
    width: 0;
    height: 0;
    clear: both;
    content: '';
    visibility: hidden; }
  .menu__simple-list {
    border-top: dotted 1px #d7d5d5; }
    @media screen and (min-width: 768px) {
      .menu__simple-list {
        border-bottom: dotted 1px #d7d5d5; } }
    @media screen and (min-width: 768px) {
      .menu__simple-list + .menu__list {
        margin-top: 40px; } }
    @media screen and (max-width: 767px) {
      .menu__simple-list + .menu__list {
        margin-top: 30px; } }
  .menu__simple-list--top30 {
    margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .menu__item {
      float: left; } }
  @media screen and (min-width: 768px) {
    .menu__item--style01 {
      width: 320px;
      margin-left: 20px; } }
  @media screen and (min-width: 768px) {
    .menu__item--style02 {
      width: 234px;
      margin-left: calc(64px / 3); } }
  @media screen and (min-width: 768px) {
    .menu__item--style01:nth-child(3n+1), .menu__item--style02:nth-child(4n+1) {
      clear: both;
      margin-left: 0; } }
  @media screen and (min-width: 768px) {
    .menu__item--style01:nth-child(n+4), .menu__item--style02:nth-child(n+5) {
      margin-top: 40px; } }
  @media screen and (max-width: 767px) {
    .menu__item + .menu__item {
      margin-top: 30px; } }
  .menu__item__img {
    margin-bottom: 10px; }
    .menu__item__img--takeout {
      position: relative; }
      .menu__item__img--takeout:after {
        display: inline-block;
        width: 28px;
        height: 26px;
        content: '';
        background-image: url("../../Tinymce/img/menu/icon_takeout.png");
        background-size: 100% 100%;
        position: absolute;
        left: 8px;
        bottom: 8px; }
  .menu__item__name, .menu__item__txt, .menu__item__price {
    line-break: strict; }
    @media screen and (min-width: 768px) {
      .menu__item__name, .menu__item__txt, .menu__item__price {
        line-height: 2; } }
  .menu__item__name, .menu__item__price {
    font-weight: bold; }
  .menu__item__txt__notes {
    display: block;
    padding-left: 1em;
    text-indent: -1em; }
    .menu__item__txt__notes:before {
      content: '※'; }
  .menu__simple-item {
    border-bottom: dotted 1px #d7d5d5; }
    @media screen and (min-width: 768px) {
      .menu__simple-item {
        width: 50%;
        float: left;
        padding: 30px 0; } }
    @media screen and (max-width: 767px) {
      .menu__simple-item {
        padding: 15px 0; } }
    @media screen and (min-width: 768px) {
      .menu__simple-item:nth-child(odd) {
        clear: both;
        border-right: dotted 1px #d7d5d5;
        padding-right: 20px; } }
    @media screen and (min-width: 768px) {
      .menu__simple-item:nth-child(even) {
        padding-left: 20px; } }
    @media screen and (min-width: 768px) {
      .menu__simple-item--border-bottom-none {
        border-bottom: none; } }
    .menu__simple-item--takeout {
      position: relative; }
      @media screen and (min-width: 768px) {
        .menu__simple-item--takeout {
          padding-right: 61px; } }
      @media screen and (max-width: 767px) {
        .menu__simple-item--takeout {
          padding-right: 41px; } }
      .menu__simple-item--takeout:after {
        display: inline-block;
        width: 31px;
        height: 29px;
        content: '';
        background-image: url("../../Tinymce/img/menu/icon_takeout.png");
        background-size: 100% 100%;
        position: absolute;
        top: calc((100% - 29px) / 2); }
        @media screen and (min-width: 768px) {
          .menu__simple-item--takeout:after {
            right: 20px; } }
        @media screen and (max-width: 767px) {
          .menu__simple-item--takeout:after {
            right: 0; } }
    @media screen and (min-width: 768px) {
      .menu__simple-item:nth-child(odd).menu__simple-item--takeout {
        padding-right: 61px; } }
    @media screen and (max-width: 767px) {
      .menu__simple-item:nth-child(odd).menu__simple-item--takeout {
        padding-right: 41px; } }
    .menu__simple-item__name, .menu__simple-item__txt, .menu__simple-item__price {
      line-break: strict; }
    .menu__simple-item__name, .menu__simple-item__price {
      font-weight: bold; }
    @media screen and (min-width: 768px) {
      .menu__simple-item__name, .menu__simple-item__txt {
        display: inline-block; } }
    .menu__simple-item__txt {
      padding-left: 1em;
      text-indent: -1em; }
      @media screen and (min-width: 768px) {
        .menu__simple-item__txt {
          margin-left: 5px; } }
      .menu__simple-item__txt:before {
        content: '※'; }
  .menu__notes {
    padding-left: 1em;
    text-indent: -1em; }
    .menu__notes:before {
      content: '※'; }
    @media screen and (min-width: 768px) {
      .menu__notes:last-of-type {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .menu__notes:last-of-type {
        margin-bottom: 15px; } }
    .menu__notes--takeout {
      min-height: 29px;
      position: relative;
      padding-top: 7px;
      padding-left: calc(41px + 1em); }
      .menu__notes--takeout:after {
        display: inline-block;
        width: 31px;
        height: 29px;
        content: '';
        background-image: url("../../Tinymce/img/menu/icon_takeout.png");
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 10px; }