img {
  width: 100%; }

.c_main-ttl {
  background: url("../images/restaurant/mt_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media (max-width: 767px) {
    .c_main-ttl {
      background-image: url("../images/restaurant/mt_bg_sp.jpg"); } }

.restaurant-type {
  background-color: #F2F7FC;
  padding: 4.0rem 0 3.5rem; }
  @media (max-width: 1024px) {
    .restaurant-type {
      padding: 3.90625vw 0 3.41796875vw; } }
  @media (max-width: 767px) {
    .restaurant-type {
      padding: 10.256410256410255vw 0 8.974358974358974vw; } }
  .restaurant-type .type-list {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .restaurant-type .type-list {
        padding-right: 0; } }
    .restaurant-type .type-list__item {
      width: 22.94%; }
      @media (max-width: 767px) {
        .restaurant-type .type-list__item a {
          display: block;
          margin: 0 1.3rem; } }
      .restaurant-type .type-list__item a .photo {
        position: relative;
        line-height: 0; }
        .restaurant-type .type-list__item a .photo::after {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 0 10px 10px;
          border-color: transparent transparent #ffffff transparent;
          right: .5rem;
          bottom: .5rem; }
          @media (max-width: 767px) {
            .restaurant-type .type-list__item a .photo::after {
              border-width: 0 0 2.8205128205128207vw 2.8205128205128207vw; } }
        .restaurant-type .type-list__item a .photo img {
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
      .restaurant-type .type-list__item a .ttl {
        text-align: center;
        margin-top: 1.0rem;
        line-height: 1.4; }
      .restaurant-type .type-list__item a:hover {
        opacity: .8; }
    @media (max-width: 767px) {
      .restaurant-type .type-list .slick-list {
        padding: 0 35% 0 0 !important; } }

.restaurant {
  margin-top: 10.0rem; }
  @media (max-width: 1024px) {
    .restaurant {
      margin-top: 9.765625vw; } }
  @media (max-width: 767px) {
    .restaurant {
      margin-top: 23.076923076923077vw; } }
  .restaurant .restaurant-block {
    padding-top: 11.2rem;
    margin-top: -11.2rem;
    margin-bottom: 10.0rem; }
    @media (max-width: 1024px) {
      .restaurant .restaurant-block {
        padding-top: 8.88888888888889vw;
        margin-top: -8.88888888888889vw;
        margin-bottom: 9.765625vw; } }
    @media (max-width: 767px) {
      .restaurant .restaurant-block {
        padding-top: 15.384615384615385vw;
        margin-top: -15.384615384615385vw;
        margin-bottom: 25.64102564102564vw; } }
    .restaurant .restaurant-block .slide-txt {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 2.2rem; }
      @media (max-width: 1024px) {
        .restaurant .restaurant-block .slide-txt {
          margin-bottom: 2.1484375vw; } }
      @media (max-width: 767px) {
        .restaurant .restaurant-block .slide-txt {
          flex-flow: column; } }
      @media (max-width: 767px) {
        .restaurant .restaurant-block .slide-txt .sp-ttl {
          width: 100%;
          text-align: right;
          font-size: 7.6923076923076925vw;
          letter-spacing: .2em;
          line-height: 1.4;
          margin-bottom: 2.564102564102564vw; } }
      .restaurant .restaurant-block .slide-txt .slider {
        width: 67.67%;
        margin-right: 2.7rem; }
        @media (max-width: 1024px) {
          .restaurant .restaurant-block .slide-txt .slider {
            margin-right: 2.63671875vw; } }
        @media (max-width: 767px) {
          .restaurant .restaurant-block .slide-txt .slider {
            width: 100%;
            margin: 0; } }
      .restaurant .restaurant-block .slide-txt .txt-area {
        width: 27.73%;
        position: relative; }
        @media (max-width: 767px) {
          .restaurant .restaurant-block .slide-txt .txt-area {
            width: 100%; } }
        .restaurant .restaurant-block .slide-txt .txt-area .ttl {
          position: absolute;
          top: 8.0rem;
          right: 0;
          text-align: right;
          background-color: rgba(255, 255, 255, 0.7);
          font-size: 3.6rem;
          letter-spacing: .3em;
          line-height: 1.4; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area .ttl {
              top: 7.8125vw;
              font-size: 3.515625vw; } }
        .restaurant .restaurant-block .slide-txt .txt-area .txt {
          padding-top: 21.5rem;
          line-height: 1.5;
          letter-spacing: .2em; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area .txt {
              padding-top: 20.99609375vw; } }
          @media (max-width: 767px) {
            .restaurant .restaurant-block .slide-txt .txt-area .txt {
              padding-top: 5.128205128205128vw; } }
        .restaurant .restaurant-block .slide-txt .txt-area.natura .ttl {
          width: 57.6rem; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area.natura .ttl {
              width: 56.25vw; } }
        .restaurant .restaurant-block .slide-txt .txt-area.voldenuit .ttl {
          width: 36.0rem; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area.voldenuit .ttl {
              width: 35.15625vw; } }
        .restaurant .restaurant-block .slide-txt .txt-area.apollon .ttl {
          width: 49.3rem; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area.apollon .ttl {
              width: 48.14453125vw; } }
        .restaurant .restaurant-block .slide-txt .txt-area.pastry .ttl {
          width: 42.3rem; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area.pastry .ttl {
              width: 41.30859375vw; } }
        .restaurant .restaurant-block .slide-txt .txt-area.pastry .txt {
          padding-top: 18.5rem; }
          @media (max-width: 1024px) {
            .restaurant .restaurant-block .slide-txt .txt-area.pastry .txt {
              padding-top: 18.06640625vw; } }
          @media (max-width: 767px) {
            .restaurant .restaurant-block .slide-txt .txt-area.pastry .txt {
              padding-top: 5.128205128205128vw; } }
    @media (max-width: 767px) {
      .restaurant .restaurant-block .detail {
        margin-top: 7.6923076923076925vw; } }
    .restaurant .restaurant-block .detail .detail__item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      line-height: 1.43; }
      .restaurant .restaurant-block .detail .detail__item dt {
        width: 18%; }
        @media (max-width: 767px) {
          .restaurant .restaurant-block .detail .detail__item dt {
            width: 43%; } }
      .restaurant .restaurant-block .detail .detail__item dd {
        width: 82%;
        border-left: .1rem solid #0068B7;
        padding-left: 1.0rem; }
        @media (max-width: 1024px) {
          .restaurant .restaurant-block .detail .detail__item dd {
            padding-left: 0.9765625vw; } }
        @media (max-width: 767px) {
          .restaurant .restaurant-block .detail .detail__item dd {
            width: 56%;
            padding-left: 2.564102564102564vw; } }
        .restaurant .restaurant-block .detail .detail__item dd span {
          display: inline-block;
          padding-left: -0.4rem;
          text-indent: .4rem; }
      .restaurant .restaurant-block .detail .detail__item + .detail__item {
        margin-top: 1.5rem; }
        @media (max-width: 1024px) {
          .restaurant .restaurant-block .detail .detail__item + .detail__item {
            margin-top: 1.46484375vw; } }
        @media (max-width: 767px) {
          .restaurant .restaurant-block .detail .detail__item + .detail__item {
            margin-top: 3.8461538461538463vw; } }
    .restaurant .restaurant-block:nth-child(even) .slide-txt {
      flex-flow: row-reverse; }
      @media (max-width: 767px) {
        .restaurant .restaurant-block:nth-child(even) .slide-txt {
          flex-flow: column; } }
      .restaurant .restaurant-block:nth-child(even) .slide-txt .slider {
        margin: 0 0 0 2.7rem; }
        @media (max-width: 1024px) {
          .restaurant .restaurant-block:nth-child(even) .slide-txt .slider {
            margin: 0 0 0 2.63671875vw; } }
        @media (max-width: 767px) {
          .restaurant .restaurant-block:nth-child(even) .slide-txt .slider {
            margin: 0; } }
      .restaurant .restaurant-block:nth-child(even) .slide-txt .txt-area .ttl {
        right: auto;
        left: 0;
        text-align: left; }
        @media (max-width: 767px) {
          .restaurant .restaurant-block:nth-child(even) .slide-txt .txt-area .ttl {
            text-align: right; } }

.dots-class button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent; }

.dots-class {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  bottom: 1.0rem;
  right: .3rem; }
  @media (max-width: 1024px) {
    .dots-class {
      bottom: 0.9765625vw;
      right: 0.29296875vw; } }
  @media (max-width: 767px) {
    .dots-class {
      bottom: 2.564102564102564vw;
      right: 0.7692307692307693vw; } }

.dots-class li {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 .7rem;
  cursor: pointer;
  transition: background-color .5s ease;
  box-shadow: none; }
  @media (max-width: 1024px) {
    .dots-class li {
      width: 1.5625vw;
      height: 1.5625vw;
      margin: 0 0.68359375vw; } }
  @media (max-width: 767px) {
    .dots-class li {
      width: 2.564102564102564vw;
      height: 2.564102564102564vw;
      margin: 0 1.282051282051282vw; } }

.dots-class li.slick-active {
  background-color: #0068B7; }

.slick-next {
  width: 1.7rem;
  height: 3.4rem;
  right: -2.7rem;
  background-image: url("../images/stay/next.png");
  background-size: 1.7rem; }
  @media (max-width: 1024px) {
    .slick-next {
      width: 1.66015625vw;
      height: 3.3203125vw;
      right: -2.63671875vw;
      background-size: 1.66015625vw; } }
  @media (max-width: 767px) {
    .slick-next {
      width: 2.051282051282051vw;
      height: 4.102564102564102vw;
      right: -3.076923076923077vw;
      background-size: 2.051282051282051vw; } }
  .slick-next::before {
    opacity: 1; }

.slick-prev {
  width: 1.7rem;
  height: 3.4rem;
  left: -2.7rem;
  background-image: url("../images/stay/prev.png");
  background-size: 1.7rem; }
  @media (max-width: 1024px) {
    .slick-prev {
      width: 1.66015625vw;
      height: 3.3203125vw;
      left: -2.63671875vw;
      background-size: 1.66015625vw; } }
  @media (max-width: 767px) {
    .slick-prev {
      width: 2.051282051282051vw;
      height: 4.102564102564102vw;
      left: -3.076923076923077vw;
      background-size: 2.051282051282051vw; } }
  .slick-prev::before {
    opacity: 1; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }