img {
  width: 100%; }

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

.room {
  background-color: #F8F2E5;
  padding: 10.0rem 0; }
  @media (max-width: 767px) {
    .room .c_container {
      padding-right: 0;
      padding-left: .2rem; } }
  .room-list {
    display: flex;
    justify-content: space-between; }
    .room-list__item {
      width: 22.94%; }
      .room-list__item .photo {
        position: relative;
        line-height: 0; }
        .room-list__item .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) {
            .room-list__item .photo::after {
              border-width: 0 0 2.8205128205128207vw 2.8205128205128207vw; } }
      .room-list__item .txt {
        text-align: center;
        margin-top: 1.0rem;
        letter-spacing: .2em; }
      @media (max-width: 767px) {
        .room-list__item a {
          display: block;
          margin: 0 1.3rem; } }
      .room-list__item a img {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
      .room-list__item a:hover {
        opacity: .8; }
    @media (max-width: 767px) {
      .room-list .slick-list {
        padding: 0 35% 0 0 !important; } }

.room-detail {
  padding: 10.0rem 0; }
  @media (max-width: 767px) {
    .room-detail {
      padding: 25.64102564102564vw 0; } }
  .room-detail .room-box {
    padding-top: 11.2rem;
    margin-top: -11.2rem; }
    @media (max-width: 1024px) {
      .room-detail .room-box {
        padding-top: 8.88888888888889vw;
        margin-top: -8.88888888888889vw; } }
    @media (max-width: 767px) {
      .room-detail .room-box {
        padding-top: 15.384615384615385vw;
        margin-top: -15.384615384615385vw; } }
    .room-detail .room-box .txt {
      line-height: 1.5;
      margin-bottom: 4.0rem;
      letter-spacing: .2em; }
      @media (max-width: 767px) {
        .room-detail .room-box .txt {
          margin-bottom: 10.256410256410255vw; } }
    @media (max-width: 1260px) {
      .room-detail .room-box .room-slider {
        margin: 0 3.1746031746031744vw 3.0rem; } }
    @media (max-width: 767px) {
      .room-detail .room-box .room-slider {
        margin: 0 0 7.6923076923076925vw; } }
    .room-detail .room-box .room-slider li {
      position: relative; }
      .room-detail .room-box .room-slider li .on-txt {
        width: 100%;
        background-color: #3D3D3D;
        text-align: center;
        color: #fff;
        letter-spacing: .1em;
        padding: .5rem 0; }
        @media (max-width: 767px) {
          .room-detail .room-box .room-slider li .on-txt {
            padding: 1.282051282051282vw 0; } }
    .room-detail .room-box .room-kinds {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1.0rem; }
      @media (max-width: 767px) {
        .room-detail .room-box .room-kinds {
          display: block; } }
      .room-detail .room-box .room-kinds__item {
        width: 31.6%;
        margin-right: 2.6%;
        margin-bottom: 3.0rem; }
        @media (max-width: 767px) {
          .room-detail .room-box .room-kinds__item {
            width: 100%;
            margin-right: 0;
            margin-bottom: 7.6923076923076925vw; } }
        .room-detail .room-box .room-kinds__item:nth-child(3n) {
          margin-right: 0; }
        .room-detail .room-box .room-kinds__item .ttl {
          font-size: 1.8rem;
          margin-bottom: 1.0rem;
          letter-spacing: .2em; }
          @media (max-width: 767px) {
            .room-detail .room-box .room-kinds__item .ttl {
              font-size: 4.615384615384616vw;
              margin-bottom: 2.564102564102564vw; } }
        .room-detail .room-box .room-kinds__item .list-btn {
          position: relative; }
          .room-detail .room-box .room-kinds__item .list-btn .detail-slit li {
            position: relative;
            font-size: 1.4rem;
            padding-left: 1.6rem;
            line-height: 1.4; }
            @media (max-width: 767px) {
              .room-detail .room-box .room-kinds__item .list-btn .detail-slit li {
                font-size: 3.5897435897435894vw;
                padding-left: 4.102564102564102vw; } }
            .room-detail .room-box .room-kinds__item .list-btn .detail-slit li::before {
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              content: "";
              width: .6rem;
              height: .6rem;
              border-radius: 1.0rem;
              background-color: #0068B7; }
              @media (max-width: 767px) {
                .room-detail .room-box .room-kinds__item .list-btn .detail-slit li::before {
                  width: 1.5384615384615385vw;
                  height: 1.5384615384615385vw;
                  border-radius: 2.564102564102564vw; } }
            .room-detail .room-box .room-kinds__item .list-btn .detail-slit li + li {
              margin-top: .5rem; }
              @media (max-width: 767px) {
                .room-detail .room-box .room-kinds__item .list-btn .detail-slit li + li {
                  margin-top: 0.7692307692307693vw; } }
            .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.no-smoke {
              line-height: 2.1rem;
              padding-left: 2.5rem; }
              @media (max-width: 767px) {
                .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.no-smoke {
                  line-height: 5.384615384615385vw;
                  padding-left: 6.41025641025641vw; } }
              .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.no-smoke::before {
                width: 2.1rem;
                height: 2.1rem;
                background: url("../images/stay/icon_nosmoking.png") no-repeat 0 0;
                background-size: 2.1rem; }
                @media (max-width: 767px) {
                  .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.no-smoke::before {
                    width: 5.384615384615385vw;
                    height: 5.384615384615385vw;
                    background-size: 5.384615384615385vw; } }
            .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.smoke {
              line-height: 2.1rem;
              padding-left: 2.5rem; }
              @media (max-width: 767px) {
                .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.smoke {
                  line-height: 5.384615384615385vw;
                  padding-left: 6.41025641025641vw; } }
              .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.smoke::before {
                width: 2.1rem;
                height: 2.1rem;
                background: url("../images/stay/icon_smoking.png") no-repeat 0 0;
                background-size: 2.1rem; }
                @media (max-width: 767px) {
                  .room-detail .room-box .room-kinds__item .list-btn .detail-slit li.smoke::before {
                    width: 5.384615384615385vw;
                    height: 5.384615384615385vw;
                    background-size: 5.384615384615385vw; } }
          .room-detail .room-box .room-kinds__item .list-btn .c_button02 {
            position: absolute;
            top: 0;
            right: 0;
            width: 12.7rem; }
    .room-detail .room-box .amenities {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #F2F7FC;
      padding: 1.2rem 0; }
      @media (max-width: 767px) {
        .room-detail .room-box .amenities {
          flex-flow: column;
          padding: 3.076923076923077vw 0; } }
      .room-detail .room-box .amenities .c_button02 {
        margin: 0 1.0rem; }
        @media (max-width: 767px) {
          .room-detail .room-box .amenities .c_button02 {
            margin: 0; } }
        .room-detail .room-box .amenities .c_button02 a {
          padding: 0 1.5rem; }
          @media (max-width: 767px) {
            .room-detail .room-box .amenities .c_button02 a {
              padding: 0 3.8461538461538463vw; } }
      @media (max-width: 767px) {
        .room-detail .room-box .amenities .modal + .c_button02 {
          margin-top: 5.128205128205128vw; } }
    .room-detail .room-box + .room-box {
      margin-top: 10.0rem; }
      @media (max-width: 767px) {
        .room-detail .room-box + .room-box {
          margin-top: 25.64102564102564vw; } }

.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: 4.0rem;
  right: .3rem; }
  @media (max-width: 767px) {
    .dots-class {
      bottom: 10.256410256410255vw;
      right: 1.282051282051282vw; } }

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

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000; }
  .modal .modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }
  .modal .modal__content01 {
    max-width: 102.4rem;
    max-height: 90%;
    width: 90%;
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 3.0rem; }
    @media (max-width: 767px) {
      .modal .modal__content01 {
        padding: 15.384615384615385vw 7.6923076923076925vw 2.564102564102564vw; } }
    .modal .modal__content01 .popup_image {
      width: 50%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .modal .modal__content01 .popup_image {
          width: 100%; } }
      .modal .modal__content01 .popup_image.over {
        width: 40%; }
    .modal .modal__content01 .popup_txt {
      text-align: center;
      margin-top: 1.5rem;
      font-size: 1.8rem; }
    .modal .modal__content01 .popup_point {
      position: absolute;
      bottom: 1.0rem;
      right: 1.0rem;
      font-size: 1.4rem; }
      @media (max-width: 767px) {
        .modal .modal__content01 .popup_point {
          position: relative;
          bottom: auto;
          right: auto;
          font-size: 3.5897435897435894vw;
          text-align: center;
          margin-top: 1.0256410256410255vw; } }
  .modal .modal__content02 {
    max-width: 102.4rem;
    max-height: 90%;
    width: 90%;
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 3.0rem; }
    @media (max-width: 767px) {
      .modal .modal__content02 {
        overflow-y: scroll; } }
    .modal .modal__content02 .popup_image {
      width: 50%;
      margin: 0 auto; }
    .modal .modal__content02 .popup-list {
      padding: 2.0rem 2.0rem 0 0;
      width: 100%; }
      .modal .modal__content02 .popup-list .ttl {
        position: relative;
        margin-bottom: 3.0rem; }
        .modal .modal__content02 .popup-list .ttl::before {
          position: absolute;
          content: "";
          width: 100%;
          height: .1rem;
          background-color: #0068B7;
          left: 0;
          top: 50%;
          z-index: -1; }
        .modal .modal__content02 .popup-list .ttl span {
          color: #0068B7;
          letter-spacing: .2em;
          display: inline-block;
          background-color: #fff;
          padding-right: 1.2rem; }
      .modal .modal__content02 .popup-list .amenities-box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4.0rem; }
        @media (max-width: 767px) {
          .modal .modal__content02 .popup-list .amenities-box {
            display: block;
            margin-bottom: 10.256410256410255vw; } }
        .modal .modal__content02 .popup-list .amenities-box .amenities-list {
          width: 33%;
          padding: 0 2.5rem; }
          @media (max-width: 767px) {
            .modal .modal__content02 .popup-list .amenities-box .amenities-list {
              width: 100%;
              padding: 0 0 2.564102564102564vw; } }
          .modal .modal__content02 .popup-list .amenities-box .amenities-list li {
            position: relative;
            font-size: 1.4rem;
            padding-left: 1.6rem; }
            .modal .modal__content02 .popup-list .amenities-box .amenities-list li::before {
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              content: "";
              width: .6rem;
              height: .6rem;
              border-radius: 1.0rem;
              background-color: #0068B7; }
              @media (max-width: 767px) {
                .modal .modal__content02 .popup-list .amenities-box .amenities-list li::before {
                  width: 1.5384615384615385vw;
                  height: 1.5384615384615385vw;
                  border-radius: 2.564102564102564vw; } }
            .modal .modal__content02 .popup-list .amenities-box .amenities-list li + li {
              margin-top: 1.0rem; }
              @media (max-width: 767px) {
                .modal .modal__content02 .popup-list .amenities-box .amenities-list li + li {
                  margin-top: 2.564102564102564vw; } }
  .modal .close_button {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 5.0rem; }
    @media (max-width: 767px) {
      .modal .close_button {
        width: 12.82051282051282vw; } }

.c_offers {
  background-color: #F2F7FC;
  margin-bottom: 10.0rem; }

.c_travelbase {
  display: none; }