img {
  width: 100%; }

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

.top {
  margin-bottom: 10.0rem; }
  @media (max-width: 1024px) {
    .top {
      margin-bottom: 9.765625vw; } }
  @media (max-width: 767px) {
    .top {
      padding-top: 15.384615384615385vw;
      margin-bottom: 24.358974358974358vw; } }
  .top .slider {
    margin-bottom: 2.0rem; }
    @media (max-width: 1024px) {
      .top .slider {
        margin-bottom: 1.953125vw; } }
    @media (max-width: 767px) {
      .top .slider {
        margin-bottom: 5.128205128205128vw; } }
  .top .txt {
    line-height: 1.5;
    letter-spacing: 0.2em; }

.pickup {
  margin-bottom: 10.0rem; }
  @media (max-width: 1024px) {
    .pickup {
      margin-bottom: 9.765625vw; } }
  @media (max-width: 767px) {
    .pickup {
      margin-bottom: 24.358974358974358vw; } }
  .pickup-list {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .pickup-list {
        display: block; } }
    .pickup-list__item {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 4.0rem;
      background-color: #F8F2E5; }
      @media (max-width: 1024px) {
        .pickup-list__item {
          margin-bottom: 3.90625vw; } }
      @media (max-width: 767px) {
        .pickup-list__item {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10.256410256410255vw; } }
      .pickup-list__item:nth-child(2n) {
        margin-right: 0; }
      .pickup-list__item .photo {
        margin-bottom: 0;
        line-height: 0; }
      .pickup-list__item .txt-area {
        padding: 1.5rem 2.0rem; }
        @media (max-width: 1024px) {
          .pickup-list__item .txt-area {
            padding: 1.46484375vw 1.953125vw; } }
        @media (max-width: 767px) {
          .pickup-list__item .txt-area {
            padding: 3.8461538461538463vw 5.128205128205128vw; } }
        .pickup-list__item .txt-area .ttl {
          text-align: center;
          color: #0068B7;
          line-height: 1.5;
          margin-bottom: 1.5rem;
          letter-spacing: .2em; }
          @media (max-width: 1024px) {
            .pickup-list__item .txt-area .ttl {
              margin-bottom: 1.46484375vw; } }
          @media (max-width: 767px) {
            .pickup-list__item .txt-area .ttl {
              margin-bottom: 3.8461538461538463vw; } }
        .pickup-list__item .txt-area .txt {
          letter-spacing: .2em;
          line-height: 1.66; }

.menu {
  margin-bottom: 10.0rem; }
  @media (max-width: 1024px) {
    .menu {
      margin-bottom: 9.765625vw; } }
  @media (max-width: 767px) {
    .menu {
      margin-bottom: 24.358974358974358vw; } }
  .menu-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.43; }
    .menu-list__item dt {
      width: 18%; }
      @media (max-width: 767px) {
        .menu-list__item dt {
          width: 43%; } }
    .menu-list__item dd {
      width: 82%;
      border-left: .1rem solid #0068B7;
      padding-left: 1.0rem; }
      @media (max-width: 1024px) {
        .menu-list__item dd {
          padding-left: 0.9765625vw; } }
      @media (max-width: 767px) {
        .menu-list__item dd {
          width: 56%;
          padding-left: 2.564102564102564vw; } }
      .menu-list__item dd a {
        text-decoration: underline; }
        .menu-list__item dd a:hover {
          text-decoration: none; }
    .menu-list__item + .menu-list__item {
      margin-top: 1.5rem; }
      @media (max-width: 1024px) {
        .menu-list__item + .menu-list__item {
          margin-top: 1.46484375vw; } }
      @media (max-width: 767px) {
        .menu-list__item + .menu-list__item {
          margin-top: 3.8461538461538463vw; } }

.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; }