@charset "UTF-8";
/**
 * Custom scroll bar for cross-browser
 * @parm n/a
 */
.main-content button:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.main-content select:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.main-content .mobile {
  display: none; }

.main-content .hotel-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .main-content .hotel-title-block .title-block h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0; }
  .main-content .hotel-title-block .title-block p {
    font-size: 13px;
    padding-top: 6px; }
  .main-content .hotel-title-block .favorite-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .main-content .hotel-title-block .favorite-block .btn {
      position: relative;
      height: 34px;
      width: 126px;
      font-size: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: bold;
      padding: 0;
      border-radius: 3px;
      margin-left: 14px; }
      .main-content .hotel-title-block .favorite-block .btn img {
        position: absolute;
        left: 10px;
        height: 11px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .main-content .hotel-title-block .favorite-block .btn span {
        padding-left: 10px; }

.main-content .hotel-favorite-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 34px;
  margin-bottom: 0;
  margin-top: 8px; }
  .main-content .hotel-favorite-block .rating-block {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px; }
    .main-content .hotel-favorite-block .rating-block .rating-stars {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 34px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .main-content .hotel-favorite-block .rating-block .rating-stars img {
        height: 12px;
        margin-right: 4px; }
    .main-content .hotel-favorite-block .rating-block span:nth-child(2) {
      font-size: 13px;
      margin-left: 6px; }
    .main-content .hotel-favorite-block .rating-block span:nth-child(3) {
      font-size: 11px;
      width: 86px;
      height: 20px;
      background-color: #ddebf2;
      color: #333;
      margin-left: 44px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .main-content .hotel-favorite-block .rating-block span:nth-child(4) {
      font-size: 16px;
      font-weight: bold;
      margin-left: 8px;
      font-family: Arial; }

.main-content .scroll-navbar-block {
  height: 100px; }
  .main-content .scroll-navbar-block .button-fix-block {
    display: none; }
  .main-content .scroll-navbar-block.fix-scroll-navbar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 100;
    height: 130px; }
    .main-content .scroll-navbar-block.fix-scroll-navbar .button-fix-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      height: 65px;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .main-content .scroll-navbar-block.fix-scroll-navbar .button-fix-block .favorite-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .main-content .scroll-navbar-block.fix-scroll-navbar .button-fix-block .favorite-block .btn {
          position: relative;
          height: 34px;
          width: 126px;
          font-size: 14px;
          font-weight: bold;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          border-radius: 3px; }
          .main-content .scroll-navbar-block.fix-scroll-navbar .button-fix-block .favorite-block .btn img {
            position: absolute;
            left: 10px;
            height: 14px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
          .main-content .scroll-navbar-block.fix-scroll-navbar .button-fix-block .favorite-block .btn span {
            padding-left: 10px; }
    .main-content .scroll-navbar-block.fix-scroll-navbar ul {
      height: 65px !important;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
  .main-content .scroll-navbar-block ul {
    height: 113px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0; }
    .main-content .scroll-navbar-block ul li {
      list-style-type: none;
      margin-right: 64px;
      font-size: 16px; }
      .main-content .scroll-navbar-block ul li a {
        display: block;
        color: #777777;
        border-bottom: 4px solid transparent;
        height: 35px; }
        .main-content .scroll-navbar-block ul li a.active {
          border-bottom: 4px solid #000;
          font-weight: bold;
          color: #000; }
      .main-content .scroll-navbar-block ul li:last-child {
        padding-right: 0; }

.main-content .slider-block {
  padding: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px; }
  .main-content .slider-block .swiper-slider {
    width: 650px;
    height: 436px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .main-content .slider-block .swiper-slider .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto; }
      .main-content .slider-block .swiper-slider .swiper-container .swiper-pagination-fraction {
        bottom: 20px;
        font-family: Arial; }
    .main-content .slider-block .swiper-slider .swiper-slide img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      height: 370px;
      width: 540px; }
    .main-content .slider-block .swiper-slider .gallery-top {
      height: 436px;
      width: 540px; }
      .main-content .slider-block .swiper-slider .gallery-top .swiper-wrapper {
        height: 370px; }
      .main-content .slider-block .swiper-slider .gallery-top .swiper-button-next,
      .main-content .slider-block .swiper-slider .gallery-top .swiper-button-prev {
        position: absolute;
        top: 93%;
        width: 50%;
        height: 44px;
        z-index: 10;
        cursor: pointer;
        background-size: 9px 18px;
        background-position: center;
        background-repeat: no-repeat;
        font-family: Arial; }
      .main-content .slider-block .swiper-slider .gallery-top .swiper-button-next {
        background-image: url(../_img/btn-next-pc.png); }
      .main-content .slider-block .swiper-slider .gallery-top .swiper-button-prev {
        background-image: url(../_img/btn-prev-pc.png); }
    .main-content .slider-block .swiper-slider .gallery-thumbs {
      height: 368px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100px;
      margin-left: 10px;
      margin-top: 2px; }
      .main-content .slider-block .swiper-slider .gallery-thumbs .swiper-bottom-shadow {
        height: 50px;
        width: 100px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        position: absolute;
        bottom: 0;
        z-index: 99; }
      .main-content .slider-block .swiper-slider .gallery-thumbs .swiper-wrapper {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important; }
        .main-content .slider-block .swiper-slider .gallery-thumbs .swiper-wrapper .swiper-slide {
          height: 67px !important;
          opacity: 1;
          width: 100px;
          background-position: center;
          background-size: cover;
          border: 1px solid #fff; }
          .main-content .slider-block .swiper-slider .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
            border: 1px solid #9c0606; }
  .main-content .slider-block .swiper-slider-mobile {
    display: none; }
  .main-content .slider-block .content-block {
    width: 371px; }
    .main-content .slider-block .content-block p {
      font-size: 13px;
      color: #333333;
      text-align: justify;
      padding-bottom: 12px; }
    .main-content .slider-block .content-block .tag-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 15px; }
      .main-content .slider-block .content-block .tag-block span {
        position: relative;
        font-size: 13px;
        color: #333333;
        border-radius: 0;
        height: 25px;
        width: calc((100% - 10px) / 2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left;
        padding: 0 0 0 35px;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        margin-right: 5px;
        margin-bottom: 5px; }
        .main-content .slider-block .content-block .tag-block span:before {
          position: absolute;
          left: 5px;
          top: 50%;
          -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          content: "";
          display: block;
          width: 20px;
          height: 20px; }
        .main-content .slider-block .content-block .tag-block span.pool:before {
          background: url(../_img/ico_pool.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.beach:before {
          background: url(../_img/ico_beach.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.fitness:before {
          background: url(../_img/ico_fitness.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.spa:before {
          background: url(../_img/ico_spa.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.restaurants:before {
          background: url(../_img/ico_eat.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.bar:before {
          background: url(../_img/ico_bar.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.breakfast:before {
          background: url(../_img/ico_breakfast.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.bizsvs:before {
          background: url(../_img/ico_bizsvs.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.transportation:before {
          background: url(../_img/ico_transportation.png) no-repeat 0 0;
          background-size: 20px auto; }
        .main-content .slider-block .content-block .tag-block span.wifi:before {
          background: url(../_img/ico_wifi.png) no-repeat 0 0;
          background-size: 20px auto; }
    .main-content .slider-block .content-block .detail-btn-block {
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .main-content .slider-block .content-block .detail-btn-block .btn {
        height: 21px;
        color: #125686;
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 88px; }
        .main-content .slider-block .content-block .detail-btn-block .btn img {
          height: 10px; }
    .main-content .slider-block .content-block .map-block {
      height: 170px; }
    .main-content .slider-block .content-block .map-address-block p {
      font-size: 10px;
      color: #333333;
      padding-bottom: 10px;
      padding-top: 10px; }
    .main-content .slider-block .content-block .map-address-block .detail-btn-block {
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .main-content .slider-block .content-block .map-address-block .detail-btn-block .btn {
        height: 21px;
        color: #125686;
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 88px; }
        .main-content .slider-block .content-block .map-address-block .detail-btn-block .btn img {
          height: 10px; }

.main-content .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .counter-group input[type="text"] {
  padding-left: 0; }

.main-content .selected-plan-block h2 {
  padding-top: 46px;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 20px;
  color: #333333;
  font-weight: bold; }

.main-content .selected-plan-block .selected-plan {
  background-color: #f3e7e7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 1px solid #cc0d21;
  height: 110px;
  padding: 20px; }
  .main-content .selected-plan-block .selected-plan .room-image {
    height: 76px;
    width: 110px; }
    .main-content .selected-plan-block .selected-plan .room-image img {
      height: 70px;
      width: 110px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
  .main-content .selected-plan-block .selected-plan .room-content {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 58%; }
    .main-content .selected-plan-block .selected-plan .room-content h3 {
      font-size: 13px;
      color: #333;
      margin-bottom: 0; }
  .main-content .selected-plan-block .selected-plan .detail-btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    padding: 0;
    margin-left: auto; }
    .main-content .selected-plan-block .selected-plan .detail-btn-block .btn {
      height: 45px;
      font-size: 16px;
      font-weight: bold;
      padding: 0;
      margin-top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 110px;
      border-radius: 6px;
      position: relative; }
      .main-content .selected-plan-block .selected-plan .detail-btn-block .btn:first-child {
        border: 1px solid #d6d6d6;
        color: #125686;
        margin-right: 20px; }
      .main-content .selected-plan-block .selected-plan .detail-btn-block .btn img {
        height: 10px;
        margin-left: 10px; }
      .main-content .selected-plan-block .selected-plan .detail-btn-block .btn:nth-child(2) img {
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0; }

.main-content .room-selection-title h2 {
  padding-top: 50px;
  padding-bottom: 20px;
  margin-bottom: 0;
  font-size: 20px;
  color: #333333; }

.main-content .heading-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .main-content .heading-block div {
    background-color: #EAEAEA;
    color: #777777;
    font-size: 15px;
    height: 51px;
    padding: 15px 20px;
    border-top: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5; }
    .main-content .heading-block div:first-child {
      width: calc(100% - 741px); }
    .main-content .heading-block div:nth-child(2) {
      width: 290px; }
    .main-content .heading-block div:last-child {
      width: 451px;
      border-right: 1px solid #D5D5D5; }

.main-content .room-selection-block .room-selection {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d7d7d7; }
  .main-content .room-selection-block .room-selection .bg-pink {
    background-color: #F1E5E5; }
  .main-content .room-selection-block .room-selection .room-image-content-block {
    padding: 20px;
    width: calc(100% - 740px); }
    .main-content .room-selection-block .room-selection .room-image-content-block .room-image img {
      height: 76px;
      width: 110px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
    .main-content .room-selection-block .room-selection .room-image-content-block .room-image p {
      font-size: 11px;
      color: #333333;
      padding-top: 12px; }
    .main-content .room-selection-block .room-selection .room-image-content-block .room-content {
      width: 100%; }
      .main-content .room-selection-block .room-selection .room-image-content-block .room-content h3 {
        font-size: 11px;
        color: #0b886d;
        font-weight: bold;
        margin-bottom: 20px; }
      .main-content .room-selection-block .room-selection .room-image-content-block .room-content p {
        font-size: 13px;
        color: #333;
        padding-bottom: 10px;
        line-height: 22.1px; }
        .main-content .room-selection-block .room-selection .room-image-content-block .room-content p:nth-child(n + 2) {
          display: none; }
      .main-content .room-selection-block .room-selection .room-image-content-block .room-content span.pc-none {
        display: none; }
      .main-content .room-selection-block .room-selection .room-image-content-block .room-content .tag-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .main-content .room-selection-block .room-selection .room-image-content-block .room-content .tag-block span {
          font-size: 10px;
          color: #777777;
          border: 1px solid #d6d6d6;
          border-radius: 0;
          height: 20px;
          width: 70px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 0;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-right: 5px;
          margin-bottom: 5px; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content .tag-block span:last-child {
            margin-right: 0; }
  .main-content .room-selection-block .room-selection .room-content-mobile {
    display: none; }
  .main-content .room-selection-block .room-selection > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .main-content .room-selection-block .room-selection .room-content-detail-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d7d7d7;
    height: 100%; }
    .main-content .room-selection-block .room-selection .room-content-detail-block:last-child {
      border-bottom: 0px solid #d7d7d7; }
    .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail {
      width: 290px;
      border-left: 1px solid #d7d7d7;
      padding: 16px 20px; }
      .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content {
        width: 100%; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content h3 {
          font-size: 12px;
          color: #333333;
          font-weight: bold;
          margin-bottom: 0; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content ul {
          -webkit-margin-before: 0px;
          margin-block-start: 0px;
          padding-inline-start: 0px;
          -webkit-padding-start: 5px;
          margin-top: 10px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content ul li {
            list-style: none;
            padding-left: 20px;
            margin-left: -10px;
            font-size: 13px;
            position: relative;
            color: #333333;
            line-height: 20px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content ul li:before {
              content: "・";
              position: absolute;
              width: 3px;
              height: 3px;
              left: 5px; }
    .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block {
      width: 300px;
      border-left: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7;
      padding: 16px 20px; }
      .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top h3 {
          font-weight: bold;
          font-size: 12px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top h3.text-green {
            color: #0B866D; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top p {
          font-size: 12px;
          font-weight: bold;
          color: #333333; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top p:last-child {
            color: #cb0d21; }
      .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-total-change {
        font-size: 11px;
        color: #333;
        padding-bottom: 5px; }
      .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price.margin-top-10 {
          margin-top: -10px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          justify-items: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p {
            font-size: 12px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span {
              color: #fcaa05;
              font-size: 13px;
              font-weight: bold;
              margin-left: 15px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          font-family: 'Arial'; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span {
            font-size: 24px;
            color: #333;
            font-weight: bold;
            line-height: 34.1px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span.line-through {
              font-size: 16px;
              text-decoration: line-through; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span.curency {
              text-decoration: none;
              font-size: 12px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p {
            font-size: 16px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p.color span {
              color: #cb0d21;
              font-size: 16px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p.color span.curency {
                font-size: 12px; }
      .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement {
        margin-top: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn {
          height: 21px;
          color: #125686;
          font-size: 13px;
          font-weight: bold;
          padding: 0;
          margin-top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          width: 74px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn img {
            height: 10px;
            margin-left: 10px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:first-child {
            width: 100%; }
    .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block {
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 150px; }
      .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block .btn {
        height: 45px;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 110px;
        border-radius: 6px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block .btn img {
          height: 10px;
          margin-left: 10px; }

.main-content .room-selection-block .room-selection-bottom {
  height: 140px;
  display: none;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  -webkit-transition: -webkit-transform linear 1s;
  transition: -webkit-transform linear 1s;
  transition: transform linear 1s;
  transition: transform linear 1s, -webkit-transform linear 1s; }
  .main-content .room-selection-block .room-selection-bottom.expend {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transition: -webkit-transform linear 1s;
    transition: -webkit-transform linear 1s;
    transition: transform linear 1s;
    transition: transform linear 1s, -webkit-transform linear 1s; }
  .main-content .room-selection-block .room-selection-bottom .room-image-content-block {
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 500px); }
    .main-content .room-selection-block .room-selection-bottom .room-image-content-block .room-image p {
      font-size: 11px;
      color: #333333; }
    .main-content .room-selection-block .room-selection-bottom .room-image-content-block .room-content {
      margin-left: 130px; }
      .main-content .room-selection-block .room-selection-bottom .room-image-content-block .room-content h3 {
        font-size: 12px;
        color: #333;
        font-weight: bold;
        margin-bottom: 0; }
      .main-content .room-selection-block .room-selection-bottom .room-image-content-block .room-content p {
        font-size: 13px;
        color: #333;
        padding-bottom: 10px; }
      .main-content .room-selection-block .room-selection-bottom .room-image-content-block .room-content ul {
        padding-left: 20px;
        margin-bottom: 0; }
        .main-content .room-selection-block .room-selection-bottom .room-image-content-block .room-content ul li {
          font-size: 12px;
          width: 100%; }
  .main-content .room-selection-block .room-selection-bottom .room-price-block {
    width: 350px;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    padding: 15px 20px; }
    .main-content .room-selection-block .room-selection-bottom .room-price-block .price-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 5px; }
      .main-content .room-selection-block .room-selection-bottom .room-price-block .price-top p {
        font-size: 12px;
        font-weight: bold;
        color: #333333; }
        .main-content .room-selection-block .room-selection-bottom .room-price-block .price-top p:last-child {
          color: #cb0d21; }
    .main-content .room-selection-block .room-selection-bottom .room-price-block .price-total-change {
      font-size: 11px;
      color: #333;
      text-align: right;
      padding-top: 5px; }
    .main-content .room-selection-block .room-selection-bottom .room-price-block .price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .main-content .room-selection-block .room-selection-bottom .room-price-block .price.margin-top-10 {
        margin-top: -10px; }
      .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-left p {
          font-size: 12px; }
          .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-left p span {
            color: #fcaa05;
            font-size: 13px;
            font-weight: bold;
            margin-left: 46px; }
      .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-right p {
          font-size: 24px;
          color: #333;
          font-weight: bold;
          line-height: 34.1px; }
        .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-right.small p {
          font-size: 16px; }
          .main-content .room-selection-block .room-selection-bottom .room-price-block .price .price-right.small p.color {
            color: #cb0d21; }
      .main-content .room-selection-block .room-selection-bottom .room-price-block .price.price-off .price-right p {
        position: relative; }
        .main-content .room-selection-block .room-selection-bottom .room-price-block .price.price-off .price-right p:after {
          content: "";
          position: absolute;
          width: 102%;
          height: 2px;
          background: #333333;
          top: 52%;
          right: -1px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .main-content .room-selection-block .room-selection-bottom .detail-btn-block {
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 150px; }
    .main-content .room-selection-block .room-selection-bottom .detail-btn-block .btn {
      height: 45px;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      padding: 0;
      margin-top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 110px;
      background: #cc0d21; }
      .main-content .room-selection-block .room-selection-bottom .detail-btn-block .btn img {
        height: 10px;
        margin-left: 10px; }

.main-content .room-selection-block .expend-btn {
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7; }
  .main-content .room-selection-block .expend-btn.expend-img button img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .main-content .room-selection-block .expend-btn button {
    background-color: transparent;
    border: 0;
    font-size: 13px;
    color: #125686; }
    .main-content .room-selection-block .expend-btn button img {
      margin-right: 10px; }

.main-content .go-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .main-content .go-back .btn {
    height: 52px;
    color: #125686;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 160px;
    border: 1px solid #d6d6d6;
    border-radius: 6px; }
    .main-content .go-back .btn img {
      height: 14px;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-right: 20px; }

.main-content .location-text h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-bottom: 18px;
  padding-top: 45px;
  margin-bottom: 0; }

.main-content .location-block {
  padding: 20px 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff; }
  .main-content .location-block .map-block {
    width: 620px; }
    .main-content .location-block .map-block .map {
      width: 620px;
      height: 395px; }
    .main-content .location-block .map-block .address {
      font-size: 15px;
      margin-top: 17px; }
      .main-content .location-block .map-block .address address {
        margin-bottom: 0; }
        .main-content .location-block .map-block .address address em {
          font-weight: bold;
          font-style: normal; }
  .main-content .location-block .distance-block {
    width: calc(100% - 620px);
    margin-left: 20px; }
    .main-content .location-block .distance-block .distance-box {
      margin-bottom: 10px; }
      .main-content .location-block .distance-block .distance-box.top-border {
        border-top: 1px solid #d7d7d7;
        padding-top: 10px;
        margin-bottom: 0; }
      .main-content .location-block .distance-block .distance-box .title {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        padding-bottom: 0; }
      .main-content .location-block .distance-block .distance-box .location-distance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .main-content .location-block .distance-block .distance-box .location-distance > span {
          font-size: 13px;
          color: #333; }
          .main-content .location-block .distance-block .distance-box .location-distance > span:first-child {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1; }
          .main-content .location-block .distance-block .distance-box .location-distance > span:last-child {
            font-weight: bold;
            font-size: 15px; }
          .main-content .location-block .distance-block .distance-box .location-distance > span.one-child {
            font-weight: normal;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            max-height: 100px;
            font-size: 12px; }
            .main-content .location-block .distance-block .distance-box .location-distance > span.one-child.height-auto {
              max-height: 1000px !important;
              -webkit-line-clamp: inherit; }
      .main-content .location-block .distance-block .distance-box .location-distance-blue span {
        color: #0b886d;
        font-size: 12px; }
      .main-content .location-block .distance-block .distance-box .distance-box-hidden {
        display: none; }
      .main-content .location-block .distance-block .distance-box .expend-arrow {
        font-size: 13px;
        color: #125686;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 6px;
        cursor: pointer; }
        .main-content .location-block .distance-block .distance-box .expend-arrow img {
          width: 12px;
          height: 6px;
          margin-right: 6px;
          -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }
        .main-content .location-block .distance-block .distance-box .expend-arrow.rotate img {
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }

.main-content .basic-information-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 46px 0 18px 0; }
  .main-content .basic-information-text h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 0; }
  .main-content .basic-information-text p {
    font-size: 13px;
    color: #333; }

.main-content .basic-information {
  padding: 20px;
  position: relative; }
  .main-content .basic-information .title-block {
    height: 44px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    background: #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px; }
  .main-content .basic-information .description {
    font-size: 13px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px; }
  .main-content .basic-information .tag-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 10px; }
    .main-content .basic-information .tag-block span {
      position: relative;
      font-size: 13px;
      color: #333333;
      border-radius: 0;
      height: 25px;
      width: 180px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: left;
      -ms-flex-align: left;
      align-items: left;
      padding: 0 0 0 35px;
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      justify-content: left;
      margin-right: 5px;
      margin-bottom: 5px; }
      .main-content .basic-information .tag-block span:before {
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        content: "";
        display: block;
        width: 20px;
        height: 20px; }
      .main-content .basic-information .tag-block span.pool:before {
        background: url(../_img/ico_pool.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.beach:before {
        background: url(../_img/ico_beach.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.fitness:before {
        background: url(../_img/ico_fitness.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.spa:before {
        background: url(../_img/ico_spa.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.restaurants:before {
        background: url(../_img/ico_eat.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.bar:before {
        background: url(../_img/ico_bar.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.breakfast:before {
        background: url(../_img/ico_breakfast.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.bizsvs:before {
        background: url(../_img/ico_bizsvs.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.transportation:before {
        background: url(../_img/ico_transportation.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span.wifi:before {
        background: url(../_img/ico_wifi.png) no-repeat 0 0;
        background-size: 20px auto; }
      .main-content .basic-information .tag-block span:last-child {
        margin-right: 0; }
  .main-content .basic-information .description-box-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 400px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden; }
    .main-content .basic-information .description-box-block.height-auto {
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: auto !important; }
    .main-content .basic-information .description-box-block .description-box {
      margin: 25px 0 0 0;
      border: 1px solid #d7d7d7;
      width: 350px; }
      .main-content .basic-information .description-box-block .description-box.margin-top {
        margin: 15px 0 0 0 !important; }
      .main-content .basic-information .description-box-block .description-box .title-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
        background: #f5f5f5;
        border-bottom: 1px solid #d7d7d7;
        font-size: 13px;
        font-weight: bold; }
      .main-content .basic-information .description-box-block .description-box .list-box ul {
        margin-top: 15px; }
        .main-content .basic-information .description-box-block .description-box .list-box ul li {
          font-size: 13px;
          color: #333; }
  .main-content .basic-information .description-expend {
    height: 120px;
    margin-top: -120px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    position: absolute;
    left: 0;
    right: 0; }
    .main-content .basic-information .description-expend.expend-img {
      background: #fff;
      height: 50px;
      margin-top: 0px;
      display: block; }
      .main-content .basic-information .description-expend.expend-img button {
        bottom: 8px; }
        .main-content .basic-information .description-expend.expend-img button img {
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
    .main-content .basic-information .description-expend .btn {
      background-color: transparent;
      border: 0;
      font-size: 13px;
      color: #125686;
      position: absolute;
      left: 50%;
      bottom: -18px;
      -webkit-transform: translate(-50%);
      transform: translate(-50%); }
      .main-content .basic-information .description-expend .btn img {
        margin-right: 10px; }

.main-content .hotel-policy-text h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-bottom: 18px;
  margin-bottom: 0;
  padding-top: 50px; }

.main-content .hotel-policy {
  padding: 20px; }
  .main-content .hotel-policy .hotel-policy-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    .main-content .hotel-policy .hotel-policy-box .left-box {
      width: 50%; }
      .main-content .hotel-policy .hotel-policy-box .left-box h3 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px; }
      .main-content .hotel-policy .hotel-policy-box .left-box h4 {
        font-weight: bold;
        font-size: 13px;
        padding-top: 20px; }
      .main-content .hotel-policy .hotel-policy-box .left-box p {
        font-size: 13px; }
        .main-content .hotel-policy .hotel-policy-box .left-box p span {
          padding-left: 28px; }
    .main-content .hotel-policy .hotel-policy-box .right-box {
      width: 50%; }
      .main-content .hotel-policy .hotel-policy-box .right-box h3 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px; }
      .main-content .hotel-policy .hotel-policy-box .right-box p {
        font-size: 13px; }
    .main-content .hotel-policy .hotel-policy-box .bot-box {
            margin-top: 45px;
      width: 100%; }
      .main-content .hotel-policy .hotel-policy-box .bot-box h3 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px; }
      .main-content .hotel-policy .hotel-policy-box .bot-box p {
        font-size: 13px; }
  .main-content .hotel-policy .text-box {
    margin-top: 45px; }
    .main-content .hotel-policy .text-box.visa-cards h3 {
      margin-bottom: 11px; }
    .main-content .hotel-policy .text-box h3 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 11px; }
    .main-content .hotel-policy .text-box.service-additional-fee h3 {
      line-height: 34px; }
    .main-content .hotel-policy .text-box h4 {
      font-weight: bold;
      font-size: 13px;
      padding-top: 20px; }
    .main-content .hotel-policy .text-box p {
      font-size: 13px; }
    .main-content .hotel-policy .text-box .image-box {
      margin-top: 18px; }
      .main-content .hotel-policy .text-box .image-box img {
        width: auto;
        height: 39px;
        margin-right: 26px; }
    .main-content .hotel-policy .text-box ul {
      margin-bottom: 0; }
      .main-content .hotel-policy .text-box ul li {
        margin-left: -20px; }

.main-content .related-hotel-text h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-bottom: 18px;
  margin-bottom: 0;
  padding-top: 50px; }

.main-content .related-hotel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .main-content .related-hotel .related-hotel-card {
    width: 360px;
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.15);
    z-index: 1; }
    .main-content .related-hotel .related-hotel-card .image-content-block .image-block img {
      height: 244px;
      width: 360px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
    .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper {
      padding: 20px 20px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #fff; }
      .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 18px; }
        .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location img {
          height: 22px;
          opacity: 0.8; }
        .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location p {
          font-size: 13px;
          color: #333;
          padding-left: 16px; }
      .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper h1 {
        font-size: 20px;
        color: #333;
        padding: 20px 0 15px;
        margin-bottom: 0;
        font-weight: bold;
        line-height: 33px; }
    .main-content .related-hotel .related-hotel-card .content-block {
      padding: 0 20px 20px 20px;
      background-color: #fff; }
      .main-content .related-hotel .related-hotel-card .content-block h4 {
        font-size: 16px;
        color: #333; }
      .main-content .related-hotel .related-hotel-card .content-block .bottom-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 34px;
        margin-top: 20px; }
        .main-content .related-hotel .related-hotel-card .content-block .bottom-block .rating-stars {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 34px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block .rating-stars img {
            height: 17px;
            margin-right: 4px; }
        .main-content .related-hotel .related-hotel-card .content-block .bottom-block button {
          height: 34px;
          border: 1px solid #d5d5d5;
          background-color: #fff;
          border-radius: 6px;
          width: 144px;
          padding: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button span {
            font-size: 12px;
            color: #b82c30;
            margin-left: 10px; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button img {
            height: 12px; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:active span,
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:active img, .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:focus span,
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:focus img {
            position: relative;
            top: 0;
            left: 0; }

.main-content .go-back-wrapper {
  height: 284px;
  background: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -74px; }
  .main-content .go-back-wrapper .go-back a {
    margin-top: 35px; }

.main-content .text-att {
  margin: 45px auto 0;
  padding: 0 25px;
  max-width: 1180px; }

.tooltip {
  width: 197px;
  height: 70px;
  border-radius: 0;
  color: #737373;
  float: right;
  left: -5px !important;
  text-align: left !important; }

.tooltip-inner {
  max-width: 197px !important;
  height: 76px;
  font-size: 12px;
  padding: 16px;
  background: #ffffff;
  color: black;
  border: 0;
  text-align: left;
  border-radius: 0;
  -webkit-box-shadow: 0 0 6px #d7d7d7;
  box-shadow: 0 0 6px #d7d7d7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .tooltip-inner p span {
    padding-left: 20px; }

.tooltip.show {
  opacity: 1; }

.tooltip .arrow {
  top: 26px !important; }

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #e0e0e0 !important;
  border-width: 0.5rem 0.5rem 0.5rem 0.4rem;
  top: 0;
  /* Red */ }

.bs-tooltip-left .arrow::after {
  content: "";
  position: absolute;
  border-width: 0 0.6rem 0.6rem;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-color: transparent;
  border-style: solid;
  border-left-color: #fff;
  left: -15px;
  bottom: -3px; }

.lg-backdrop {
  background-color: rgba(0, 0, 0, 0.8); }

.lg-outer .lg-img-wrap {
  top: -60px; }

.lg-outer .lg-thumb-outer {
  background-color: transparent;
  bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden; }

.lg-outer .lg-thumb-item {
  border: 2px solid transparent; }

.lg-toogle-thumb {
  display: none; }


#lg-download {
  display: none; }

.lg-fullscreen {
  display: none; }

#lg-counter {
  color: #fff;
  position: fixed;
  bottom: -15px;
  left: 50%;
  right: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.lg-toolbar {
  background-color: transparent; }

.lg-close {
  position: fixed;
  right: 4%;
  top: 1%; }

.lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  height: 507px !important;
  width: 740px !important;
  -o-object-fit: cover;
  object-fit: cover; }

.lg-outer .lg-thumb-item {
  border-radius: 0; }

.lg-actions .lg-next:before {
  content: "\203A";
  font-size: 40px; }

.lg-actions .lg-prev:after {
  content: "\2039";
  font-size: 40px; }

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background: transparent;
  color: #fff;
  top: 42%;
  cursor: pointer; }

.lg-actions .lg-next {
  right: 14%; }

.lg-actions .lg-prev {
  left: 14%; }

/*==================================================
         Media query for all ipad and tabs
         Screen 768px to 1279px
  ==================================================*/
@media (min-width: 768px) and (max-width: 1279px) {
  .mobile {
    display: block; }
  .related-hotel .related-hotel-card .content-block .bottom-block button:active span,
  .related-hotel .related-hotel-card .content-block .bottom-block button:active img, .related-hotel .related-hotel-card .content-block .bottom-block button:focus span,
  .related-hotel .related-hotel-card .content-block .bottom-block button:focus img {
    margin-left: 9px; }
  .location-block .distance-block .distance-box.top-border {
    padding: 8px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important; } }

/*==================================================
        Media query for landscape ipad
        Screen 1000px to 1279px
==================================================*/
@media (min-width: 900px) and (max-width: 1279px) {
  .mobile {
    display: block; }
  .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    height: 380px !important;
    width: 640px !important; }
  #lg-counter {
    right: initial;
    bottom: -20px !important;
    font-size: 18px; }
  .lg-outer .lg-thumb-outer {
    bottom: 40px !important;
    display: block; } }

/*==================================================
         Media query for all ipad and tabs
         Screen 768px to 1279px
  ==================================================*/
@media (min-width: 601px) and (max-width: 1279px) {
  .main-content .mobile {
    display: block; }
  .main-content .heading-block {
    display: none; }
  .main-content .hotel-title-block {
    height: auto; }
    .main-content .hotel-title-block .title-block {
      margin-top: 0; }
      .main-content .hotel-title-block .title-block h1 {
        font-size: 22px; }
      .main-content .hotel-title-block .title-block p {
        font-size: 12px;
        padding-top: 20px;
        padding-bottom: 16px; }
  .main-content .hotel-favorite-block .rating-block {
    width: 100%; }
    .main-content .hotel-favorite-block .rating-block span:nth-child(2) {
      font-size: 12px; }
    .main-content .hotel-favorite-block .rating-block span:nth-child(3) {
      font-size: 10px;
      margin-left: 30px;
      width: 80px; }
    .main-content .hotel-favorite-block .rating-block span:nth-child(4) {
      font-size: 15px; }
  .main-content .scroll-navbar-block {
    margin-top: 0;
    margin-bottom: 0;
    height: auto; }
    .main-content .scroll-navbar-block.fix-scroll-navbar {
      height: auto; }
      .main-content .scroll-navbar-block.fix-scroll-navbar ul {
        height: 30px !important;
        width: 100vw; }
    .main-content .scroll-navbar-block .button-fix-block {
      display: none !important; }
    .main-content .scroll-navbar-block ul {
      height: auto;
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-padding-start: 0;
      margin-top: 40px;
      margin-bottom: 20px; }
      .main-content .scroll-navbar-block ul li {
        margin-right: 40px;
        font-size: 22px; }
        .main-content .scroll-navbar-block ul li:last-child {
          margin-right: 0; }
        .main-content .scroll-navbar-block ul li a {
          height: 45px; }
          .main-content .scroll-navbar-block ul li a span {
            display: none; }
  .main-content .slider-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding: 0;
    margin-top: 0;
    padding-top: 10px; }
    .main-content .slider-block .swiper-slider {
      display: none; }
    .main-content .slider-block .swiper-slider-mobile {
      display: block;
      height: 450px;
      width: 100vw; }
      .main-content .slider-block .swiper-slider-mobile .swiper-container {
        height: 450px; }
        .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper {
          height: 350px; }
          .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper .swiper-slide {
            height: 350px;
            overflow: hidden; }
            .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper .swiper-slide img {
              height: 350px; }
            .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
              width: 10vw !important; }
            .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev {
              width: 10vw !important; }
            .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
              width: 76vw !important;
              margin-right: 2vw !important;
              margin-left: 2vw !important; }
              .main-content .slider-block .swiper-slider-mobile .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img {
                width: 76vw !important;
                -o-object-fit: cover;
                object-fit: cover; }
      .main-content .slider-block .swiper-slider-mobile .swiper-pagination-fraction {
        bottom: 10%; }
      .main-content .slider-block .swiper-slider-mobile .swiper-button-next,
      .main-content .slider-block .swiper-slider-mobile .swiper-button-prev {
        position: absolute;
        top: 88%;
        width: 50%;
        height: 44px;
        z-index: 10;
        cursor: pointer;
        background-size: 9px 18px;
        background-position: center;
        background-repeat: no-repeat; }
        .main-content .slider-block .swiper-slider-mobile .swiper-button-next:focus,
        .main-content .slider-block .swiper-slider-mobile .swiper-button-prev:focus {
          outline: transparent; }
      .main-content .slider-block .swiper-slider-mobile .swiper-button-next {
        background-image: url(../_img/btn-next-pc.png); }
      .main-content .slider-block .swiper-slider-mobile .swiper-button-prev {
        background-image: url(../_img/btn-prev-pc.png); }
    .main-content .slider-block .content-block {
      margin: 0 24px;
      width: auto; }
      .main-content .slider-block .content-block p {
        font-size: 18px; }
      .main-content .slider-block .content-block .tag-block span {
        font-size: 17px;
        color: #777777;
        border: 1px solid #d6d6d6;
        border-radius: 0;
        height: 44px;
        width: 215px;
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .main-content .slider-block .content-block .tag-block span:nth-child(5) {
          margin-right: 10px; }
      .main-content .slider-block .content-block .detail-btn-block {
        height: 60px; }
        .main-content .slider-block .content-block .detail-btn-block .btn {
          font-size: 17px;
          line-height: 32px;
          width: 120px; }
          .main-content .slider-block .content-block .detail-btn-block .btn img {
            height: 14px; }
      .main-content .slider-block .content-block .map-block {
        height: 290px; }
        .main-content .slider-block .content-block .map-block iframe {
          height: 290px; }
      .main-content .slider-block .content-block .map-address-block {
        margin-top: 10px; }
        .main-content .slider-block .content-block .map-address-block p {
          font-size: 18px;
          padding: 34px 0;
          padding-top: 0; }
        .main-content .slider-block .content-block .map-address-block .detail-btn-block {
          height: 60px; }
          .main-content .slider-block .content-block .map-address-block .detail-btn-block .btn {
            font-size: 17px;
            line-height: 32px;
            width: 120px; }
            .main-content .slider-block .content-block .map-address-block .detail-btn-block .btn img {
              height: 14px; }
  .main-content .selected-plan-block h2 {
    font-size: 16px;
    padding-top: 26px;
    padding-bottom: 15px; }
  .main-content .selected-plan-block .selected-plan {
    height: auto;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    width: auto; }
    .main-content .selected-plan-block .selected-plan .room-image {
      height: 164px;
      width: 240px; }
      .main-content .selected-plan-block .selected-plan .room-image img {
        height: 164px;
        width: 240px; }
    .main-content .selected-plan-block .selected-plan .room-content {
      margin-left: 22px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: 100px; }
      .main-content .selected-plan-block .selected-plan .room-content h3 {
        font-size: 20px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 70px; }
    .main-content .selected-plan-block .selected-plan .detail-btn-block {
      width: calc(100% - 262px);
      margin-top: -46px; }
      .main-content .selected-plan-block .selected-plan .detail-btn-block .btn {
        width: 50%;
        height: 46px;
        font-size: 16px;
        line-height: 22px;
        border-radius: 6px;
        position: relative; }
        .main-content .selected-plan-block .selected-plan .detail-btn-block .btn img {
          position: absolute;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .main-content .selected-plan-block .selected-plan .detail-btn-block .btn:first-child {
          margin-right: 12px; }
  .main-content .room-selection-title h2 {
    font-size: 18px;
    padding-top: 60px;
    padding-bottom: 30px;
    line-height: 35px; }
  .main-content .room-selection-block {
    margin-bottom: 20px; }
    .main-content .room-selection-block:last-child {
      margin-bottom: 0px; }
    .main-content .room-selection-block .room-selection {
      height: auto;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .main-content .room-selection-block .room-selection .room-image-content-block {
        padding: 20px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .main-content .room-selection-block .room-selection .room-image-content-block .room-image img {
          height: 164px;
          width: 240px; }
        .main-content .room-selection-block .room-selection .room-image-content-block .room-content {
          margin-left: 22px;
          overflow: hidden;
          width: calc(100% - 240px - 22px); }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content .tag-block {
            display: none; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content p {
            font-size: 20px;
            line-height: 33px;
            font-weight: normal;
            padding-bottom: 0;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 94px; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content span.pc-none {
            display: none; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content h3 {
            font-size: 18px;
            margin-bottom: 0px; }
      .main-content .room-selection-block .room-selection .room-content-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px; }
        .main-content .room-selection-block .room-selection .room-content-mobile h3 {
          display: none; }
        .main-content .room-selection-block .room-selection .room-content-mobile .tag-block {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .main-content .room-selection-block .room-selection .room-content-mobile .tag-block span {
            font-size: 17px;
            color: #777777;
            border: 1px solid #d6d6d6;
            border-radius: 0;
            height: 44px;
            width: 155px;
            margin-right: 10px;
            margin-bottom: 10px;
            line-height: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .main-content .room-selection-block .room-selection .room-content-mobile .tag-block span:last-child {
              margin-right: 0; }
      .main-content .room-selection-block .room-selection .room-content-detail-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail {
          width: 100%;
          border: 1px solid #d7d7d7;
          border-left: 0px;
          border-right: 0px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content {
            overflow: hidden; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content h3 {
              font-size: 17px;
              margin-bottom: 0px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content ul li {
              font-size: 17px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block {
          width: calc(100% - 215px);
          padding: 20px;
          border: 1px solid #d7d7d7;
          border-left: 0;
          border-bottom: 0;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top h3 {
            font-size: 17px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top p {
            font-size: 17px;
            line-height: 33px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-total-change {
            font-size: 15px;
            line-height: 30px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price {
            font-size: 17px;
            line-height: 33px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price.margin-top-10 {
              margin-bottom: 10px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              font-size: 17px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p {
                font-size: 17px;
                line-height: 49px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
                .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p.mobile-bold {
                  font-size: 20px; }
                .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span {
                  font-size: 17px; }
                  .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span.price-tooltip {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row; }
                  .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span.point-data {
                    font-size: 15px; }
                  .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span.point {
                    font-family: 'Arial'; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span {
              font-size: 34px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span.curency {
                font-size: 22px;
                font-weight: normal; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p span {
              font-size: 23px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p span.curency {
                font-size: 17px !important;
                font-weight: normal; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p.color span {
              font-size: 23px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p.color span.curency {
                font-size: 17px !important;
                font-weight: normal; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price.price-off .price-right p {
              position: relative; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price.price-off .price-right p:after {
                content: "";
                position: absolute;
                width: 102%;
                height: 2px;
                background: #333333;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                top: 37%;
                right: -2px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn {
            width: 100%;
            font-size: 17px;
            line-height: 32px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:first-child {
              width: 100%;
              font-weight: bold; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:first-child img {
                height: 14px;
                margin-left: 20px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:last-child {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:last-child img {
                height: 14px;
                margin-left: 15px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block {
          padding: 20px;
          width: 215px;
          height: auto;
          border: 1px solid #d7d7d7;
          border-right: 0;
          border-bottom: 0; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block .btn {
            width: 158px;
            height: 46px;
            position: relative;
            font-size: 16px;
            border-radius: 6px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block .btn img {
              position: absolute;
              height: 14px;
              right: 20px;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .main-content .room-selection-block .expend-btn {
      height: 80px; }
      .main-content .room-selection-block .expend-btn button {
        font-size: 20px; }
        .main-content .room-selection-block .expend-btn button img {
          height: 8px;
          width: 19px; }
  .main-content .go-back .btn {
    margin-top: 56px;
    height: 46px;
    width: 198px;
    font-size: 16px;
    position: relative;
    line-height: 23px; }
    .main-content .go-back .btn img {
      position: absolute;
      left: 24px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg); }
  .main-content .location-text h3 {
    padding-top: 60px;
    font-size: 20px;
    padding-bottom: 32px;
    line-height: 35px; }
  .main-content .location-block {
    height: auto;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -24px;
    margin-right: -24px; }
    .main-content .location-block .map-block {
      width: 100vw;
      border-bottom: 1px solid #d7d7d7; }
      .main-content .location-block .map-block .map {
        width: 100vw;
        height: auto; }
        .main-content .location-block .map-block .map iframe {
          height: 488px; }
      .main-content .location-block .map-block .address {
        padding: 20px 24px;
        font-size: 18px;
        line-height: 31px; }
    .main-content .location-block .distance-block {
      width: 100%;
      margin-left: 0;
      padding: 20px 24px; }
      .main-content .location-block .distance-block .distance-box .title {
        font-size: 20px;
        line-height: 33px;
        padding-top: 15px; }
      .main-content .location-block .distance-block .distance-box .location-distance {
        margin-bottom: -10px; }
        .main-content .location-block .distance-block .distance-box .location-distance > span {
          width: 70%;
          font-size: 18px; }
          .main-content .location-block .distance-block .distance-box .location-distance > span:last-child {
            font-size: 18px;
            width: 20%;
            margin-left: 10%;
            text-align: right; }
          .main-content .location-block .distance-block .distance-box .location-distance > span.one-child {
            text-align: left;
            line-height: 30px;
            max-height: 66px; }
            .main-content .location-block .distance-block .distance-box .location-distance > span.one-child.height-auto {
              text-align: left; }
      .main-content .location-block .distance-block .distance-box .location-distance-blue span {
        font-size: 18px;
        line-height: 34px; }
      .main-content .location-block .distance-block .distance-box .expend-arrow {
        margin-bottom: 30px; }
        .main-content .location-block .distance-block .distance-box .expend-arrow img {
          width: 20px;
          height: 9px;
          margin-right: 20px; }
        .main-content .location-block .distance-block .distance-box .expend-arrow span {
          font-size: 20px;
          line-height: 38px; }
      .main-content .location-block .distance-block .distance-box.top-border {
        margin-left: -15px;
        margin-right: -15px;
        padding: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0; }
        .main-content .location-block .distance-block .distance-box.top-border .location-distance {
          display: block; }
          .main-content .location-block .distance-block .distance-box.top-border .location-distance .one-child {
            width: 100%;
            margin-left: 0; }
        .main-content .location-block .distance-block .distance-box.top-border #location-description-btn {
          margin-bottom: 0; }
  .main-content .basic-information-text {
    padding: 0; }
    .main-content .basic-information-text h3 {
      padding-top: 76px;
      font-size: 20px;
      line-height: 35px;
      padding-bottom: 32px; }
    .main-content .basic-information-text p {
      padding-top: 40px; }
  .main-content .basic-information {
    padding: 30px 24px;
    margin-left: -24px;
    margin-right: -24px; }
    .main-content .basic-information .description-box-left {
      width: 100%; }
    .main-content .basic-information .description-box-middle {
      width: 100%; }
    .main-content .basic-information .description-box-right {
      width: 100%; }
    .main-content .basic-information .title-block {
      height: 55px;
      font-size: 20px;
      line-height: 33px;
      padding-left: 30px; }
    .main-content .basic-information .tag-block span {
      font-size: 17px;
      width: 200px;
      margin-right: 15px;
      margin-bottom: 10px; }
    .main-content .basic-information .description {
      font-size: 18px;
      padding-top: 35px;
      padding-bottom: 30px;
      line-height: 30px; }
    .main-content .basic-information .description-box-block {
      height: 630px; }
      .main-content .basic-information .description-box-block .description-box {
        margin: 28px 0 0 0;
        width: 100%; }
        .main-content .basic-information .description-box-block .description-box.margin-top {
          margin: 18px 0 0 0 !important; }
        .main-content .basic-information .description-box-block .description-box .title-box {
          font-size: 20px;
          line-height: 33px;
          padding-left: 30px; }
        .main-content .basic-information .description-box-block .description-box .list-box ul {
          margin-bottom: 32px;
          margin-top: 24px; }
          .main-content .basic-information .description-box-block .description-box .list-box ul li {
            font-size: 18px;
            line-height: 35px;
            margin-left: 10px; }
    .main-content .basic-information .description-expend .btn {
      bottom: -8px;
      font-size: 20px; }
      .main-content .basic-information .description-expend .btn img {
        width: 24px;
        margin-right: 24px; }
    .main-content .basic-information .description-expend.expend-img {
      position: relative; }
  .main-content .hotel-policy-text h3 {
    padding-top: 61px;
    font-size: 20px;
    padding-bottom: 24px;
    line-height: 35px; }
  .main-content .hotel-policy {
    padding: 50px 24px;
    margin-left: -24px;
    margin-right: -24px; }
    .main-content .hotel-policy .hotel-policy-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .main-content .hotel-policy .hotel-policy-box .left-box {
        width: 100%; }
        .main-content .hotel-policy .hotel-policy-box .left-box h3 {
          font-size: 20px;
          padding-bottom: 0; }
        .main-content .hotel-policy .hotel-policy-box .left-box h4 {
          font-size: 20px;
          padding-top: 30px; }
        .main-content .hotel-policy .hotel-policy-box .left-box p {
          font-size: 18px;
          line-height: 35px; }
          .main-content .hotel-policy .hotel-policy-box .left-box p span {
            padding-left: 40px; }
      .main-content .hotel-policy .hotel-policy-box .right-box {
        width: 100%;
        margin-top: 30px; }
        .main-content .hotel-policy .hotel-policy-box .right-box h3 {
          font-size: 20px;
          padding-bottom: 0; }
        .main-content .hotel-policy .hotel-policy-box .right-box p {
          font-size: 18px;
          line-height: 35px; }
      .main-content .hotel-policy .hotel-policy-box .bot-box {
        width: 100%;
        margin-top: 30px; }
        .main-content .hotel-policy .hotel-policy-box .bot-box h3 {
          font-size: 20px;
          padding-bottom: 0; }
        .main-content .hotel-policy .hotel-policy-box .bot-box p {
          font-size: 18px;
          line-height: 35px; }
    .main-content .hotel-policy .text-box {
      margin-top: 58px; }
      .main-content .hotel-policy .text-box h3 {
        font-size: 20px;
        padding-bottom: 0; }
        .main-content .hotel-policy .text-box h3 span {
          margin-top: 5px;
          display: block; }
      .main-content .hotel-policy .text-box p {
        font-size: 18px;
        line-height: 35px; }
      .main-content .hotel-policy .text-box ul li {
        font-size: 18px;
        line-height: 35px; }
      .main-content .hotel-policy .text-box .image-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0;
        margin-bottom: 12px; }
        .main-content .hotel-policy .text-box .image-box img {
          width: auto;
          height: 64px;
          margin: 15px 20px 0 0; }
      .main-content .hotel-policy .text-box a {
        font-size: 18px; }
  .main-content .related-hotel-text h3 {
    padding-top: 70px;
    font-size: 20px;
    padding-bottom: 15px; }
  .main-content .related-hotel .related-hotel-card {
    width: auto;
    background: #fff;
    margin-right: 15px;
    width: 32%; }
    .main-content .related-hotel .related-hotel-card:last-child {
      margin-right: 0; }
    .main-content .related-hotel .related-hotel-card .image-content-block .image-block img {
      width: 100%;
      height: 155px; }
    .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper {
      padding: 10px 12px 0 12px; }
      .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location img {
        height: 22px;
        opacity: 0.8; }
      .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location p {
        font-size: 12px;
        padding-left: 10px; }
      .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper h1 {
        font-size: 20px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 82px; }
    .main-content .related-hotel .related-hotel-card .content-block {
      padding: 0 10px; }
      .main-content .related-hotel .related-hotel-card .content-block h4 {
        font-size: 12px;
        padding-top: 15px;
        margin-bottom: 20px; }
      .main-content .related-hotel .related-hotel-card .content-block .bottom-block {
        margin-bottom: 18px; }
        .main-content .related-hotel .related-hotel-card .content-block .bottom-block .rating-stars img {
          height: 11px; }
        .main-content .related-hotel .related-hotel-card .content-block .bottom-block button {
          height: 26px;
          width: 112px;
          position: relative; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button img {
            height: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 6px; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button span {
            font-size: 9.5px;
            margin-left: 22px; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:active span,
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:active img, .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:focus span,
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:focus img {
            position: relative;
            top: 0;
            left: -5px;
            -webkit-transform: inherit;
            transform: inherit;
            margin-left: 10px; }
  .main-content .go-back-wrapper {
    height: auto;
    background: transparent;
    margin-top: 0; }
    .main-content .go-back-wrapper .go-back a {
      margin-top: 70px;
      margin-bottom: 44px;
      position: relative;
      font-size: 16px;
      width: 198px;
      height: 46px; }
      .main-content .go-back-wrapper .go-back a img {
        position: absolute;
        left: 22px;
        height: 14px; }
  .lg-toolbar .lg-icon {
    top: 10px;
    right: 0;
    font-size: 40px; }
  .lg-outer .lg-img-wrap {
    top: 0; }
  .lg-actions .lg-next {
    right: 4%; }
  .lg-actions .lg-prev {
    left: 4%; }
  .lg-actions .lg-next,
  .lg-actions .lg-prev {
    top: 46%; }
  .lg-outer .lg-thumb-item img {
    height: 102px;
    width: 148px; }
  .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    height: 102px !important;
    width: 148px !important; }
  .lg-outer .lg-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #lg-counter {
    right: initial;
    bottom: 0;
    font-size: 18px; }
  .lg-outer .lg-thumb-outer {
    bottom: 80px;
    display: block; }
  .text-att {
    font-size: 17px; } }

/*==================================================
         Media query for Smartphone(landscape)
         Screen 601px to 767px
  ==================================================*/
@media (min-width: 601px) and (max-width: 767px) {
  .main-content .scroll-navbar-block ul {
    margin-top: 20px;
    margin-bottom: 20px; }
    .main-content .scroll-navbar-block ul li {
      margin-right: 30px;
      font-size: 16px; }
  .main-content .selected-plan-block .selected-plan {
    padding: 15px; }
    .main-content .selected-plan-block .selected-plan .room-content {
      width: 50%; }
  .main-content .room-selection-block .room-selection .room-price-block .price-top h3 {
    font-size: 17px; }
  .main-content .room-selection-block .room-selection .room-price-block .price .price-left p {
    font-size: 14px; }
    .main-content .room-selection-block .room-selection .room-price-block .price .price-left p.mobile-bold {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .main-content .room-selection-block .room-selection .room-price-block .price .price-left p.mobile-bold span.price-tooltip {
        margin-left: 10px; }
      .main-content .room-selection-block .room-selection .room-price-block .price .price-left p.mobile-bold span.point-data {
        margin-left: 0px; }
  .main-content .room-selection-block .room-selection .room-price-block .price .price-right p {
    font-size: 28px; }
  .main-content .room-selection-block .room-selection .room-price-block .price .price-right.small p {
    font-size: 18px; }
  .main-content .room-selection-block .room-selection .room-price-block .price-total-change {
    font-size: 12px; }
  .main-content .room-selection-block .room-selection .room-price-block .change-statement .btn {
    font-size: 16px; }
    .main-content .room-selection-block .room-selection .room-price-block .change-statement .btn:first-child {
      width: 50%; }
  .main-content .related-hotel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .main-content .related-hotel .related-hotel-card {
      margin-bottom: 15px;
      width: 100%;
      background: #fff; }
      .main-content .related-hotel .related-hotel-card .image-content-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px; }
        .main-content .related-hotel .related-hotel-card .image-content-block .image-block img {
          width: 110px;
          height: 75px; }
        .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper {
          padding: 0 0 0 20px; }
          .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location img {
            height: 22px; }
          .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location p {
            font-size: 14px;
            padding-left: 10px; }
          .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper h1 {
            font-size: 18px;
            font-weight: bold; }
      .main-content .related-hotel .related-hotel-card .content-block {
        padding: 0 10px; }
        .main-content .related-hotel .related-hotel-card .content-block h4 {
          font-size: 16px;
          padding-top: 5px;
          margin-bottom: 0; }
        .main-content .related-hotel .related-hotel-card .content-block .bottom-block {
          height: auto;
          margin-top: 5px;
          margin-bottom: 5px; }
  .lg-outer .lg-img-wrap {
    height: 60% !important; }
  .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    height: 100% !important;
    width: auto !important; }
  .lg-outer .lg-thumb-outer {
    bottom: 55px !important;
    height: 20% !important; }
  .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    height: 100% !important; }
  .lg-outer .lg-thumb-item img {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important; } }

@media (min-width: 400px) and (max-width: 600px) {
  .main-content .hotel-favorite-block .favorite-block .btn:last-child img {
    left: 24% !important; } }

/*==================================================
        Media query for all Smartphone(portrait)
        B/w screen to 600px
  ==================================================*/
@media only screen and (max-width: 600px) {
  .main-content .mobile {
    display: block; }
  .main-content .heading-block {
    display: none; }
  .main-content .jtb-breadcrumb {
    display: none; }
  .main-content .hotel-title-block {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .main-content .hotel-title-block .title-block {
      margin-top: 16px; }
      .main-content .hotel-title-block .title-block h1 {
        font-size: 16px; }
    .main-content .hotel-title-block .favorite-block {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      height: 35px;
      width: 100%;
      margin-top: 10px;
      padding: 0; }
      .main-content .hotel-title-block .favorite-block .btn {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0; }
        .main-content .hotel-title-block .favorite-block .btn:first-child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .main-content .hotel-title-block .favorite-block .btn:first-child img {
            position: relative !important;
            left: 0;
            margin-right: 8px; }
        .main-content .hotel-title-block .favorite-block .btn:last-child {
          margin-left: 10px; }
          .main-content .hotel-title-block .favorite-block .btn:last-child img {
            position: absolute !important;
            left: 16%;
            margin-right: 8px; }
  .main-content .hotel-favorite-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 0;
    height: auto; }
    .main-content .hotel-favorite-block .rating-block {
      width: 100%; }
      .main-content .hotel-favorite-block .rating-block span:nth-child(2) {
        font-size: 12px; }
      .main-content .hotel-favorite-block .rating-block span:nth-child(3) {
        font-size: 10px;
        margin-left: 30px;
        width: 80px; }
      .main-content .hotel-favorite-block .rating-block span:nth-child(4) {
        font-size: 15px; }
  .main-content .scroll-navbar-block {
    margin-top: 0;
    margin-bottom: 0;
    height: auto; }
    .main-content .scroll-navbar-block.fix-scroll-navbar {
      height: auto; }
      .main-content .scroll-navbar-block.fix-scroll-navbar ul {
        height: 40px !important;
        padding-bottom: 8px;
        padding-left: 15px;
        padding-right: 15px; }
    .main-content .scroll-navbar-block .button-fix-block {
      display: none !important; }
    .main-content .scroll-navbar-block ul {
      height: 60px;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-padding-start: 0; }
      .main-content .scroll-navbar-block ul li {
        margin-right: 10px;
        font-size: 12px; }
        .main-content .scroll-navbar-block ul li:last-child {
          margin-right: 0; }
        .main-content .scroll-navbar-block ul li a {
          height: 25px; }
          .main-content .scroll-navbar-block ul li a span {
            display: none; }
          .main-content .scroll-navbar-block ul li a.active {
            border-bottom: 2px solid #000; }
  .main-content .slider-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
    padding-top: 15px;
    margin-top: 0; }
    .main-content .slider-block .swiper-slider {
      display: none; }
    .main-content .slider-block .swiper-slider-mobile {
      display: block;
      height: 210px;
      width: 100vw; }
      .main-content .slider-block .swiper-slider-mobile .swiper-wrapper {
        height: 210px; }
        .main-content .slider-block .swiper-slider-mobile .swiper-wrapper .swiper-slide {
          height: 175px;
          overflow: hidden; }
          .main-content .slider-block .swiper-slider-mobile .swiper-wrapper .swiper-slide img {
            height: 175px; }
          .main-content .slider-block .swiper-slider-mobile .swiper-wrapper .swiper-slide.swiper-slide-next {
            width: 10vw !important; }
          .main-content .slider-block .swiper-slider-mobile .swiper-wrapper .swiper-slide.swiper-slide-prev {
            width: 10vw !important; }
          .main-content .slider-block .swiper-slider-mobile .swiper-wrapper .swiper-slide.swiper-slide-active {
            width: 76vw !important;
            margin-right: 2vw !important;
            margin-left: 2vw !important; }
            .main-content .slider-block .swiper-slider-mobile .swiper-wrapper .swiper-slide.swiper-slide-active img {
              width: 76vw !important; }
      .main-content .slider-block .swiper-slider-mobile .swiper-pagination-fraction {
        bottom: 0; }
      .main-content .slider-block .swiper-slider-mobile .swiper-button-next,
      .main-content .slider-block .swiper-slider-mobile .swiper-button-prev {
        position: absolute;
        top: 95%;
        width: 50%;
        height: 44px;
        z-index: 10;
        cursor: pointer;
        background-size: 9px 18px;
        background-position: center;
        background-repeat: no-repeat; }
        .main-content .slider-block .swiper-slider-mobile .swiper-button-next:focus,
        .main-content .slider-block .swiper-slider-mobile .swiper-button-prev:focus {
          outline: transparent; }
      .main-content .slider-block .swiper-slider-mobile .swiper-button-next {
        background-image: url(../_img/btn-next-pc.png); }
      .main-content .slider-block .swiper-slider-mobile .swiper-button-prev {
        background-image: url(../_img/btn-prev-pc.png); }
    .main-content .slider-block .content-block {
      margin: 25px 15px 0 15px;
      width: auto; }
      .main-content .slider-block .content-block .tag-block span:nth-child(5) {
        margin-right: 5px; }
      .main-content .slider-block .content-block .detail-btn-block .btn {
        font-size: 13px; }
      .main-content .slider-block .content-block .map-address-block {
        margin-top: 10px; }
        .main-content .slider-block .content-block .map-address-block p {
          padding-top: 0; }
        .main-content .slider-block .content-block .map-address-block .detail-btn-block {
          margin-bottom: 12px; }
          .main-content .slider-block .content-block .map-address-block .detail-btn-block .btn {
            font-size: 13px; }
  .main-content .selected-plan-block h2 {
    font-size: 16px;
    padding-top: 26px;
    padding-bottom: 15px; }
  .main-content .selected-plan-block .selected-plan {
    height: auto;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    padding: 8px;
    width: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .main-content .selected-plan-block .selected-plan .room-content {
      margin-left: 10px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: calc(100% - 128px); }
      .main-content .selected-plan-block .selected-plan .room-content h3 {
        font-size: 13px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
    .main-content .selected-plan-block .selected-plan .detail-btn-block {
      padding: 8px 0;
      width: 100%; }
      .main-content .selected-plan-block .selected-plan .detail-btn-block .btn {
        width: 50%;
        height: 35px;
        font-size: 12px;
        border-radius: 3px;
        position: relative; }
        .main-content .selected-plan-block .selected-plan .detail-btn-block .btn img {
          position: absolute;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .main-content .selected-plan-block .selected-plan .detail-btn-block .btn:first-child {
          margin-right: 4px; }
  .main-content .room-selection-title h2 {
    font-size: 16px;
    padding-top: 26px;
    padding-bottom: 15px; }
  .main-content .room-selection-block {
    margin-bottom: 15px; }
    .main-content .room-selection-block:last-child {
      margin-bottom: 0px; }
    .main-content .room-selection-block .room-selection {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .main-content .room-selection-block .room-selection .room-image-content-block {
        padding: 8px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .main-content .room-selection-block .room-selection .room-image-content-block .room-content {
          margin-left: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content h3 {
            display: none; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content .tag-block {
            display: none; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content p {
            font-size: 13px;
            font-weight: normal;
            padding-bottom: 0;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-top: 10px; }
            .main-content .room-selection-block .room-selection .room-image-content-block .room-content p:first-child {
              margin-top: 0; }
          .main-content .room-selection-block .room-selection .room-image-content-block .room-content span.pc-none {
            display: none; }
      .main-content .room-selection-block .room-selection .room-content-mobile {
        display: none;
        /*display: flex;
          margin: 0 8px;
          flex-direction: column;*/ }
        .main-content .room-selection-block .room-selection .room-content-mobile h3 {
          font-size: 11px;
          padding-bottom: 10px;
          color: #0b886d;
          font-weight: bold;
          margin-bottom: 0; }
        .main-content .room-selection-block .room-selection .room-content-mobile .tag-block {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .main-content .room-selection-block .room-selection .room-content-mobile .tag-block span {
            font-size: 10px;
            color: #777777;
            border: 1px solid #d6d6d6;
            border-radius: 0;
            height: 20px;
            width: 70px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-right: 5px;
            margin-bottom: 5px; }
            .main-content .room-selection-block .room-selection .room-content-mobile .tag-block span:last-child {
              margin-right: 0; }
      .main-content .room-selection-block .room-selection .room-content-detail-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .main-content .room-selection-block .room-selection .room-content-detail-block:first-child {
          margin-top: 5px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail {
          border-left: 0px;
          padding: 15px 8px 8px 8px;
          width: 100%; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail ul {
            margin-bottom: 0px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail ul li {
              font-size: 12px !important;
              line-height: 1.7 !important; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-content-detail .room-content h3 {
            font-size: 13px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block {
          width: 100%;
          border-left: 0;
          border-right: 0;
          padding: 8px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price-top p {
            font-size: 11px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p {
            font-size: 13px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p.mobile-bold {
              font-weight: bold; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span {
              font-size: 15px;
              margin-left: 0px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span.price-tooltip {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span.point-data {
                font-size: 12px; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p span.point {
                font-family: 'Arial';
                margin-left: 15px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span {
            font-size: 24px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right p span.curency {
              font-size: 13px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p span {
            font-size: 15px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p span.curency {
              font-size: 11px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-right.small p.color span {
            font-size: 15px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price.price-off .price-right p {
            position: relative; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price.price-off .price-right p:after {
              content: "";
              position: absolute;
              width: 102%;
              height: 2px;
              background: #333333;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              top: 45%;
              right: 1px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn {
            font-size: 13px;
            width: 50%; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:first-child {
              width: 100%; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:last-child {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end; }
              .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .change-statement .btn:last-child img {
                margin-left: 10px; }
        .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block {
          padding: 8px;
          width: 100%;
          height: auto;
          margin-top: 0px; }
          .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block .btn {
            width: 100%;
            height: 35px;
            position: relative;
            font-size: 12px;
            border-radius: 3px; }
            .main-content .room-selection-block .room-selection .room-content-detail-block .detail-btn-block .btn img {
              position: absolute;
              right: 10px;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .main-content .go-back .btn {
    margin-top: 30px;
    height: 35px;
    width: 130px;
    font-size: 12px;
    position: relative; }
    .main-content .go-back .btn img {
      position: absolute;
      left: 10px; }
  .main-content .location-text h3 {
    padding-top: 45px;
    font-size: 16px;
    padding-bottom: 16px; }
  .main-content .location-block {
    height: auto;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px; }
    .main-content .location-block .map-block {
      width: 100vw;
      border-bottom: 1px solid #d7d7d7; }
      .main-content .location-block .map-block .map {
        width: 100vw;
        height: auto; }
        .main-content .location-block .map-block .map iframe {
          height: 206px; }
      .main-content .location-block .map-block .address {
        padding: 8px 15px;
        margin-top: 0; }
    .main-content .location-block .distance-block {
      width: 100%;
      margin-left: 0;
      padding: 8px 15px; }
      .main-content .location-block .distance-block .distance-box .location-distance > span {
        width: 70%; }
        .main-content .location-block .distance-block .distance-box .location-distance > span:last-child {
          width: 20%;
          margin-left: 10%; }
      .main-content .location-block .distance-block .distance-box.top-border {
        padding: 8px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0; }
        .main-content .location-block .distance-block .distance-box.top-border .location-distance {
          display: block; }
          .main-content .location-block .distance-block .distance-box.top-border .location-distance .one-child {
            width: 100%;
            margin-left: 0; }
  .main-content .basic-information-text {
    padding: 46px 0 18px 0; }
    .main-content .basic-information-text h3 {
      padding-top: 0;
      font-size: 16px;
      padding-bottom: 8px; }
    .main-content .basic-information-text p {
      padding-bottom: 8px; }
  .main-content .basic-information {
    padding: 8px 15px;
    margin-left: -15px;
    margin-right: -15px; }
    .main-content .basic-information .title-block {
      height: 30px;
      font-size: 14px;
      padding-left: 10px; }
    .main-content .basic-information .description-box-block .description-box-left,
    .main-content .basic-information .description-box-block .description-box-middle,
    .main-content .basic-information .description-box-block .description-box-right {
      width: 100%; }
    .main-content .basic-information .description-box-block .description-box {
      margin: 10px 0 0 0;
      width: 100%; }
    .main-content .basic-information .description-expend .btn {
      bottom: -8px; }
    .main-content .basic-information .description-expend.expend-img {
      position: relative; }
    .main-content .basic-information .tag-block span {
      width: calc((100% - 10px) / 2); }
  .main-content .hotel-policy-text h3 {
    padding-top: 45px;
    font-size: 16px;
    padding-bottom: 8px; }
  .main-content .hotel-policy {
    padding: 16px;
    margin-left: -15px;
    margin-right: -15px; }
    .main-content .hotel-policy .hotel-policy-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .main-content .hotel-policy .hotel-policy-box .left-box {
        width: 100%; }
        .main-content .hotel-policy .hotel-policy-box .left-box h3 {
          font-size: 12px;
          padding-bottom: 0; }
        .main-content .hotel-policy .hotel-policy-box .left-box p {
          font-size: 12px; }
          .main-content .hotel-policy .hotel-policy-box .left-box p span {
            padding-left: 26px; }
      .main-content .hotel-policy .hotel-policy-box .right-box {
        width: 100%;
        margin-top: 30px; }
        .main-content .hotel-policy .hotel-policy-box .right-box h3 {
          font-size: 12px;
          padding-bottom: 0; }
        .main-content .hotel-policy .hotel-policy-box .right-box p {
          font-size: 12px; }
      .main-content .hotel-policy .hotel-policy-box .bot-box {
        width: 100%;
        margin-top: 30px; }
        .main-content .hotel-policy .hotel-policy-box .bot-box h3 {
          font-size: 12px;
          padding-bottom: 0; }
        .main-content .hotel-policy .hotel-policy-box .bot-box p {
          font-size: 12px; }
    .main-content .hotel-policy .text-box {
      margin-top: 26px; }
      .main-content .hotel-policy .text-box h3 {
        font-size: 12px;
        padding-bottom: 0;
        margin-bottom: 10px; }
        .main-content .hotel-policy .text-box h3 span {
          margin-top: 5px;
          display: block; }
      .main-content .hotel-policy .text-box.service-additional-fee h3 {
        line-height: 17px;

        padding-bottom: 10px; }
      .main-content .hotel-policy .text-box .image-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin-top: -5px; }
        .main-content .hotel-policy .text-box .image-box img {
          width: auto;
          height: 33px;
          margin-top: 15px; }
  .main-content .related-hotel-text h3 {
    padding-top: 45px;
    font-size: 16px;
    padding-bottom: 8px;
    padding-left: 5px; }
  .main-content .related-hotel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .main-content .related-hotel .related-hotel-card {
      margin-bottom: 15px;
      width: 100%;
      background: #fff; }
      .main-content .related-hotel .related-hotel-card .image-content-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        padding-bottom: 0; }
        .main-content .related-hotel .related-hotel-card .image-content-block .image-block img {
          width: 110px;
          height: 75px; }
        .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper {
          padding: 0 0 0 12px; }
          .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location img {
            height: 16px; }
          .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper .location p {
            font-size: 11px;
            padding-left: 10px; }
          .main-content .related-hotel .related-hotel-card .image-content-block .location-wrapper h1 {
            font-size: 13px;
            font-weight: bold;
            padding: 10px 0;
            line-height: 18px;
            height: 65px;
            overflow: hidden; }
      .main-content .related-hotel .related-hotel-card .content-block {
        padding: 0 10px; }
        .main-content .related-hotel .related-hotel-card .content-block h4 {
          font-size: 11px;
          padding-top: 15px;
          margin-bottom: 0; }
        .main-content .related-hotel .related-hotel-card .content-block .bottom-block {
          height: auto;
          margin-top: 5px;
          margin-bottom: 10px; }
          .main-content .related-hotel .related-hotel-card .content-block .bottom-block button {
            display: none; }
      .main-content .related-hotel .related-hotel-card:last-child {
        margin-bottom: 0; }
  .main-content .go-back-wrapper {
    background: transparent;
    margin-left: 0;
    height: auto;
    margin-top: 10px;
    margin-bottom: 25px; }
    .main-content .go-back-wrapper .go-back a {
      margin-top: 10px; }
  .main-content .text-att {
    margin-top: 20px;
    padding: 0 15px; }
  .lg-toolbar .lg-icon {
    top: 0;
    right: 0; }
  .lg-outer .lg-img-wrap {
    top: 0; }
  .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    height: auto !important;
    width: auto !important; }
  .lg-actions .lg-next {
    right: 4%; }
  .lg-actions .lg-prev {
    left: 4%; }
  .lg-actions .lg-next,
  .lg-actions .lg-prev {
    top: 46%; }
  .lg-outer .lg-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #lg-counter {
    right: initial;
    bottom: 0;
    font-size: 12px; }
  .lg-outer .lg-thumb-outer {
    bottom: 40px;
    display: block; } }

/*==================================================
        Media query for all Smartphone(landscape)
        B/w screen to 320px,600px
  ==================================================*/
@media only screen and (max-width: 320px) and (orientation: landscape), only screen and (max-width: 600px) and (orientation: landscape) {
  .lg-outer .lg-img-wrap {
    height: 60% !important; }
  .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    height: 100% !important;
    width: auto !important; }
  .lg-outer .lg-thumb-outer {
    bottom: 40px !important;
    height: 25% !important; }
  .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    height: 100% !important; }
  .lg-outer .lg-thumb-item img {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important; } }

@media only screen and (max-width: 320px) and (orientation: landscape), only screen and (max-width: 700px) and (orientation: landscape) {
  .main-content .related-hotel .related-hotel-card .content-block .bottom-block .rating-stars img {
    height: 17px; }
  .main-content .related-hotel .related-hotel-card .content-block .bottom-block button {
    display: none; }
  .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p.mobile-bold {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .main-content .room-selection-block .room-selection .room-content-detail-block .room-price-block .price .price-left p.mobile-bold span.price-tooltip {
      margin-left: 0;
      margin-top: -20px; } }

/*
  IE only
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:active span,
  .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:active img, .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:focus span,
  .main-content .related-hotel .related-hotel-card .content-block .bottom-block button:focus img {
    position: relative;
    top: 0;
    left: 0; } }

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-content .room-selection-block .room-content-detail-block .room-content-detail ul {
    margin: 0px 0px 0px -40px; }
  .main-content .filter-search-bar ::-ms-clear {
    display: none; } }

/* Edge */
@supports (-ms-ime-align: auto) {
  .main-content .room-selection-block .room-content-detail-block .room-content-detail ul {
    margin: 0px 0px 0px -40px; }
  .main-content .filter-search-bar ::-ms-clear {
    display: none; } }

/* テキスト 三点リーダー */
.content-txt-all {
  display: block;
  overflow: hidden; }
  .content-txt-all.line-1 {
    height: calc(1.7em * 1); }
  .content-txt-all.line-2 {
    height: calc(1.7em * 2); }
  .content-txt-all.line-3 {
    height: calc(1.7em * 3); }
  .content-txt-all.line-4 {
    height: calc(1.7em * 4); }

.height-reset {
  height: inherit !important; }

/* もっと見る */
.room-accordion {
  position: relative;
  margin-bottom: 10px;
  text-align: right;
  color: #125686; }

.room-accordion span {
  position: relative;
  padding-left: 20px;
  cursor: pointer; }

.room-accordion span:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  display: block;
  width: 12px;
  height: 6px;
  margin-top: -3px;
  background: url("../_img/down-arrow-blue-small.svg") no-repeat 0 0; }

.room-accordion.js-open span:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }

@media (min-width: 601px) and (max-width: 1279px) {
  .room-accordion span {
    font-size: 17px; } }


/* Favorite */
.favourite-block {
	display: flex;
	justify-content: flex-end;
}
.favourite-option-detail {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	background: #D6D6D6;
	border: 1px solid #ECECEC;
	border-radius: 6px;
}
.favourite-option-detail.active {
	cursor: pointer;
	background-color: #fff;
}
.favourite-option-detail .text {
	margin-left: 8px;
	color: #989898;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
}
.favourite-option-detail.active .text {
	color: #CB0D21!important;
}

@media only screen and (max-width: 600px) {
	.favourite-block{
		margin-top: 16px;
	}
	.favourite-option-detail .text {
		font-size: 16px;
	}
}
.detail-favourite-tooltip {
	display: none;
	position: absolute;
	z-index: 1001;
	padding: 0.4rem 0;
}
.detail-favourite-tooltip .arrow {
	position: absolute;
	left: 145px;
	bottom: 0;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.detail-favourite-tooltip .arrow::before {
	position: absolute;
    content: "";
    top: -1px;
    border-color: transparent;
    border-style: solid;
    border-top-color: rgba(20, 20, 20, 0.8);
	border-width: 0.4rem 0.4rem 0;
}

.detail-favourite-tooltip-inner {
	max-width: 200px;
    padding: 0.25rem 0.5rem;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 0.25rem;
	border: 1px solid #fff;
	background-color: rgba(20, 20, 20, 0.8);
}