@charset "UTF-8";
/**
 * Custom scroll bar for cross-browser
 * @parm n/a
 */
.filter-search-bar-block h2 {
  padding-top: 46px;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 20px;
  color: #333333;
  font-weight: bold; }

.filter-search-bar-block .filter-search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .filter-search-bar-block .filter-search-bar .mobile-filter-trigger {
    display: none; }
  .filter-search-bar-block .filter-search-bar .filter-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .filter-search-bar-block .filter-search-bar .filter-search .input-block {
      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;
      height: 76px; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block input {
        height: 45px;
        width: 140px;
        background: #FFFFFF;
        border: 1px solid #969696;
        border-radius: 0;
        padding-left: 15px;
        -webkit-box-shadow: none;
        box-shadow: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block input.highlight {
          border: 1px solid #CC0D21; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block input:focus {
          outline: 0; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in {
        position: relative; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in::after {
          content: url("../_img/down-arrow-gray.svg");
          position: absolute;
          right: 8px;
          top: 50%;
          z-index: 20;
          -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
          pointer-events: none; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out {
        position: relative; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out::after {
          content: url("../_img/down-arrow-gray.svg");
          position: absolute;
          right: 8px;
          top: 50%;
          z-index: 20;
          -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
          right: 50px !important;
          pointer-events: none; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block.room {
        position: relative; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.room::after {
          content: url("../_img/down-arrow-gray.svg");
          position: absolute;
          right: 8px;
          top: 50%;
          z-index: 20;
          -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
          pointer-events: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block {
          display: none;
          width: 430px;
          position: absolute;
          left: 25px;
          background: white;
          top: 62px;
          -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: 100; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .heading {
            height: 60px;
            background: #F5F5F5;
            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: 0 20px; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .heading p {
              font-size: 15px; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .heading img {
              height: 14px;
              cursor: pointer; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block {
            padding: 0 20px; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter {
              padding: 30px 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              border-bottom: 1px solid #C8C8C8;
              margin-bottom: 10px; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter h4 {
                width: 80px;
                font-size: 13px;
                font-weight: bold;
                margin-bottom: 0; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group button {
                height: 40px;
                width: 40px;
                background: transparent;
                border: 0;
                padding: 0; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group button img {
                  height: 40px;
                  width: 40px;
                  opacity: 1;
                  cursor: pointer; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group button img.disable {
                    opacity: 0.5; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group input {
                font-size: 13px;
                text-align: center;
                height: 40px;
                width: 80px;
                color: #8F8F8F;
                margin: 0 12px;
                border: 1px solid #999999; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group select {
                display: none; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block {
              padding-top: 20px; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.rb_2 {
                display: none; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.rb_3 {
                display: none; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.rb_4 {
                display: none; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.last-padding {
                padding-bottom: 30px; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block h4 {
                font-size: 13px;
                font-weight: bold;
                margin-bottom: 20px; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children {
                  margin-top: 20px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up h5 {
                  width: 80px;
                  font-size: 13px; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up h5 span {
                    height: auto;
                    background-color: transparent;
                    width: auto;
                    margin: 0;
                    font-size: 11px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group button {
                  height: 40px;
                  width: 40px;
                  background: transparent;
                  border: 0;
                  padding: 0; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group button img {
                    height: 40px;
                    width: 40px;
                    opacity: 1;
                    cursor: pointer; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group button img.disable {
                      opacity: 0.5; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group input {
                  height: 40px;
                  width: 80px;
                  margin: 0 12px;
                  text-align: center;
                  border: 1px solid #999999;
                  font-size: 13px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group select {
                  display: none; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection {
                  margin-top: 20px; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection .input-select {
                    height: 40px;
                    width: 80px;
                    color: #8F8F8F;
                    margin-left: 12px;
                    border: 1px solid #999999;
                    padding-left: 20px;
                    background-image: url(../_img/reservation/down-arrow.png);
                    background-repeat: no-repeat;
                    background-position: right 10px center;
                    -webkit-appearance: none;
                    opacity: 1; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection .input-select.disable {
                      opacity: 0.5; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block img {
        height: 17px; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block .icon-calender {
        margin-left: 20px;
        margin-right: 12px; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block .icon-wave {
        width: 14px;
        height: auto;
        margin: 0 10px; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block span {
        height: 40px;
        background-color: #E0E0E0;
        width: 1px;
        margin: 0 21px; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block .icon-person {
        margin-right: 12px; }
    .filter-search-bar-block .filter-search-bar .filter-search .btn {
      height: 45px;
      width: 120px;
      margin-left: 20px;
      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;
      border-radius: 6px;
      font-size: 16px;
      font-weight: bold; }
      .filter-search-bar-block .filter-search-bar .filter-search .btn img {
        height: 12px;
        margin-right: 10px; }

/*==================================================
        Media query for all ipad and tabs
        Screen 768px to 1279px
==================================================*/
@media (min-width: 601px) and (max-width: 1279px) {
  .filter-search-bar-block h2 {
    font-size: 20px;
    padding-top: 34px;
    padding-bottom: 34px;
    line-height: 35px; }
  .filter-search-bar-block .filter-search-bar {
    padding: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .filter-search-bar-block .filter-search-bar .mobile-filter-trigger {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .filter-search-bar-block .filter-search-bar .mobile-filter-trigger img {
        height: 25px; }
      .filter-search-bar-block .filter-search-bar .mobile-filter-trigger .action-icon {
        margin-left: auto;
        height: 13px;
        width: 25px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all ease-in 0.4s;
        transition: all ease-in 0.4s;
        cursor: pointer; }
        .filter-search-bar-block .filter-search-bar .mobile-filter-trigger .action-icon.rotate {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
      .filter-search-bar-block .filter-search-bar .mobile-filter-trigger h4 {
        font-size: 20px;
        font-weight: bold;
        line-height: 35px;
        color: #333;
        margin-bottom: 0;
        margin-left: 15px; }
    .filter-search-bar-block .filter-search-bar .filter-search {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto;
      display: none;
      margin-top: 40px;
      -webkit-transition: all linear .50s;
      transition: all linear .50s;
      width: 100%; }
      .filter-search-bar-block .filter-search-bar .filter-search.force-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block {
        width: 50%;
        height: 92px;
        margin-bottom: 22px; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block img {
          display: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block span {
          display: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block input {
          width: 100%;
          background: #F6F6F6;
          padding: 34px 0 0 20px;
          font-size: 18px;
          color: #777777;
          height: 92px;
          -webkit-border-radius: 0;
          -webkit-box-shadow: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in {
          position: relative; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in::before {
            content: "チェックイン";
            position: absolute;
            left: 10px;
            top: 10px;
            z-index: 20;
            font-size: 10px;
            color: #777;
            font-size: 18px;
            line-height: 22px;
            left: 20px;
            top: 18px; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in::after {
            content: url("../_img/down-arrow-gray.svg");
            position: absolute;
            right: 8px;
            top: 45%;
            z-index: 20;
            -webkit-transform: translateY(-50%) scale(1.5);
            transform: translateY(-50%) scale(1.5);
            right: 8px !important;
            font-size: 18px;
            line-height: 22px; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out {
          position: relative; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out input {
            border-left: 0; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out::before {
            content: "チェックアウト";
            position: absolute;
            left: 10px;
            top: 10px;
            z-index: 20;
            font-size: 10px;
            color: #777;
            font-size: 18px;
            line-height: 22px;
            left: 20px;
            top: 18px; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out::after {
            content: url("../_img/down-arrow-gray.svg");
            position: absolute;
            right: 8px;
            top: 45%;
            z-index: 20;
            -webkit-transform: translateY(-50%) scale(1.5);
            transform: translateY(-50%) scale(1.5);
            right: 8px !important;
            font-size: 18px;
            line-height: 22px; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.room {
          width: 100%;
          height: auto; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room::after {
            content: ""; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room #roomInput {
            display: none; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block {
            display: block !important;
            width: 100%;
            left: initial;
            top: initial;
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .heading {
              display: none; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block {
              padding: 0; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter {
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-bottom: 0;
                margin-bottom: 10px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter h4 {
                  display: none; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group {
                  width: 100%; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group button {
                    display: none; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group input {
                    display: none;
                    -webkit-border-radius: 0; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group select {
                    display: block;
                    font-size: 18px;
                    line-height: 22px;
                    height: 92px;
                    width: 100%;
                    color: #777777;
                    background: #F6F6F6;
                    border: 1px solid #999999a9;
                    padding-left: 20px;
                    padding-top: 34px;
                    background-image: url(../_img/form-down-arrow-tab.png);
                    background-repeat: no-repeat;
                    background-position: right 8px center;
                    -webkit-appearance: none;
                    opacity: 1;
                    margin-bottom: 20px;
                    border-radius: 0; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group::before {
                    content: "室数";
                    position: absolute;
                    left: 10px;
                    top: 10px;
                    z-index: 20;
                    font-size: 10px;
                    color: #777;
                    left: 20px;
                    top: 18px;
                    font-size: 18px; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block {
                padding-top: 0;
                padding-bottom: 10px;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.active {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.last-padding {
                  padding-bottom: 5px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block h4 {
                  display: none; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up {
                  width: 50%; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up h5 {
                    display: none; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children {
                    margin-top: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children .counter-group select {
                      border-left: 0;
                      border-radius: 0;
                      -webkit-border-radius: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children .counter-group::before {
                      content: "こども（0歳~17歳）";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      left: 20px;
                      top: 18px;
                      font-size: 18px; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group {
                    width: 100%;
                    position: relative; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group button {
                      display: none; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group input {
                      display: none; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group select {
                      display: block;
                      font-size: 18px;
                      height: 92px;
                      line-height: 22px;
                      width: 100%;
                      color: #777777;
                      background: #F6F6F6;
                      border: 1px solid #999999a9;
                      padding-left: 20px;
                      padding-top: 34px;
                      background-image: url(../_img/form-down-arrow-tab.png);
                      background-repeat: no-repeat;
                      background-position: right 8px center;
                      -webkit-appearance: none;
                      opacity: 1;
                      margin-bottom: 20px;
                      border-radius: 0;
                      -webkit-border-radius: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group::before {
                      content: "大人（18歳以上）";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 18px;
                      left: 20px;
                      font-size: 18px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  position: relative;
                  width: 100%; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection {
                    margin-top: 10px;
                    width: 33.33%;
                    position: relative;
                    display: none; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection.active {
                      display: -webkit-box !important;
                      display: -ms-flexbox !important;
                      display: flex !important; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection.width-50 {
                      width: 50% !important; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection.width-100 {
                      width: 100% !important; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection .input-select {
                      height: 92px;
                      width: 100%;
                      padding-left: 20px;
                      padding-top: 34px;
                      padding-right: 0;
                      margin-left: 0;
                      font-size: 18px;
                      -webkit-border-radius: 0;
                      background-image: url(../_img/form-down-arrow-tab.png); }
                      .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection .input-select.disable {
                        opacity: 1; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection::before {
                      content: "1人目";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 18px;
                      left: 20px;
                      font-size: 18px; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(2)::before {
                      content: "2人目";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 18px;
                      left: 20px;
                      font-size: 18px; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(2) .input-select {
                      border-left: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(3)::before {
                      content: "3人目";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 18px;
                      left: 20px;
                      font-size: 18px; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(3) .input-select {
                      border-left: 0; }
      .filter-search-bar-block .filter-search-bar .filter-search .btn {
        width: 511px;
        margin-left: 0;
        height: 88px;
        border: 0;
        font-size: 31px;
        margin: 0 auto;
        display: block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .filter-search-bar-block .filter-search-bar .filter-search .btn img {
          height: 22px;
          margin-right: 20px; } }

/*==================================================
        Media query for Smartphone(landscape)
        Screen 601px to 767px
==================================================*/
/*==================================================
    Media query for all Smartphone(portrait)
    B/w screen to 600px
==================================================*/
@media only screen and (max-width: 600px) {
  .filter-search-bar-block h2 {
    font-size: 16px;
    padding-top: 26px;
    padding-bottom: 15px; }
  .filter-search-bar-block .filter-search-bar {
    padding: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .filter-search-bar-block .filter-search-bar .mobile-filter-trigger {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .filter-search-bar-block .filter-search-bar .mobile-filter-trigger img {
        height: 14.5px; }
      .filter-search-bar-block .filter-search-bar .mobile-filter-trigger .action-icon {
        margin-left: auto;
        height: 7.5px;
        width: 15px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all ease-in 0.4s;
        transition: all ease-in 0.4s;
        cursor: pointer; }
        .filter-search-bar-block .filter-search-bar .mobile-filter-trigger .action-icon.rotate {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
      .filter-search-bar-block .filter-search-bar .mobile-filter-trigger h4 {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin-bottom: 0;
        margin-left: 10px; }
    .filter-search-bar-block .filter-search-bar .filter-search {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto;
      display: none;
      margin-top: 10px;
      -webkit-transition: all linear .50s;
      transition: all linear .50s; }
      .filter-search-bar-block .filter-search-bar .filter-search.force-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; }
      .filter-search-bar-block .filter-search-bar .filter-search .input-block {
        width: 50%;
        height: 55px;
        margin-bottom: 10px; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block img {
          display: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block span {
          display: none; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block input {
          width: 100%;
          background: #F6F6F6;
          padding: 15px 0 0 10px;
          font-size: 12px;
          color: #777777; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in {
          position: relative; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in::before {
            content: "チェックイン";
            position: absolute;
            left: 10px;
            top: 10px;
            z-index: 20;
            font-size: 10px;
            color: #777; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-in::after {
            content: url("../_img/down-arrow-gray.svg");
            position: absolute;
            right: 8px;
            top: 50%;
            z-index: 20;
            -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1); }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out {
          position: relative; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out input {
            border-left: 0; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out::before {
            content: "チェックアウト";
            position: absolute;
            left: 10px;
            top: 10px;
            z-index: 20;
            font-size: 10px;
            color: #777; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.check-out::after {
            content: url("../_img/down-arrow-gray.svg");
            position: absolute;
            right: 8px;
            top: 50%;
            z-index: 20;
            -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
            right: 8px !important; }
        .filter-search-bar-block .filter-search-bar .filter-search .input-block.room {
          width: 100%;
          height: auto; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room::after {
            content: ""; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room #roomInput {
            display: none; }
          .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block {
            display: block !important;
            width: 100%;
            left: initial;
            top: initial;
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .heading {
              display: none; }
            .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block {
              padding: 0; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter {
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-bottom: 0;
                margin-bottom: 10px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter h4 {
                  display: none; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group {
                  width: 100%; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group button {
                    display: none; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group input {
                    display: none; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group select {
                    display: block;
                    font-size: 13px;
                    height: 45px;
                    width: 100%;
                    color: #777777;
                    background: #F6F6F6;
                    border: 1px solid #999999a9;
                    padding-left: 10px;
                    padding-top: 15px;
                    background-image: url(../_img/down-arrow-gray.svg);
                    background-repeat: no-repeat;
                    background-position: right 8px center;
                    -webkit-appearance: none;
                    opacity: 1;
                    border-radius: 0; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-counter .counter-group::before {
                    content: "室数";
                    position: absolute;
                    left: 10px;
                    top: 10px;
                    z-index: 20;
                    font-size: 10px;
                    color: #777;
                    top: 5px; }
              .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block {
                padding-top: 0;
                padding-bottom: 10px;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.active {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block.last-padding {
                  padding-bottom: 5px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block h4 {
                  display: none; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up {
                  width: 50%; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up h5 {
                    display: none; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children {
                    margin-top: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children .counter-group select {
                      border-left: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up.children .counter-group::before {
                      content: "こども（0歳~17歳）";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 5px; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group {
                    width: 100%;
                    position: relative; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group button {
                      display: none; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group input {
                      display: none; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group select {
                      display: block;
                      font-size: 13px;
                      height: 45px;
                      width: 100%;
                      color: #777777;
                      background: #F6F6F6;
                      border: 1px solid #999999a9;
                      padding-left: 10px;
                      padding-top: 15px;
                      background-image: url(../_img/down-arrow-gray.svg);
                      background-repeat: no-repeat;
                      background-position: right 8px center;
                      -webkit-appearance: none;
                      opacity: 1;
                      border-radius: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .grow-up .counter-group::before {
                      content: "大人（18歳以上）";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 5px; }
                .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  position: relative;
                  width: 100%; }
                  .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection {
                    margin-top: 10px;
                    width: 33.33%;
                    position: relative;
                    display: none; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection.active {
                      display: -webkit-box !important;
                      display: -ms-flexbox !important;
                      display: flex !important; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection.width-50 {
                      width: 50% !important; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection.width-100 {
                      width: 100% !important; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection .input-select {
                      height: 45px;
                      width: 100%;
                      padding-left: 10px;
                      padding-top: 15px;
                      padding-right: 0;
                      margin-left: 0;
                      border-radius: 0; }
                      .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection .input-select.disable {
                        opacity: 1; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection::before {
                      content: "1人目";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 5px; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(2)::before {
                      content: "2人目";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 5px; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(2) .input-select {
                      border-left: 0; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(3)::before {
                      content: "3人目";
                      position: absolute;
                      left: 10px;
                      top: 10px;
                      z-index: 20;
                      font-size: 10px;
                      color: #777;
                      top: 5px; }
                    .filter-search-bar-block .filter-search-bar .filter-search .input-block.room .choose-people-block .room-counter-block .room-block .dropdown-selection-block .dropdown-selection:nth-child(3) .input-select {
                      border-left: 0; }
      .filter-search-bar-block .filter-search-bar .filter-search .btn {
        width: 100%;
        margin-left: 0;
        height: 34px;
        border: 0;
        font-size: 12px; } }

/* 2019.10 */
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  padding: 0;
  bottom: inherit;
  text-align: left;
  background: none; }

@media (min-width: 1280px) {
  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 210px;
    width: 100%;
    max-width: 740px; } }

@media (max-width: 1279px) and (min-width: 900px) {
  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 210px;
    width: 100%;
    max-width: 640px; } }

@media (max-width: 899px) and (min-width: 768px) {
  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 270px;
    width: 100%;
    max-width: 740px; } }

@media (max-width: 767px) and (min-width: 601px) {
  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    left: 50%;
    top: 63%;
    -webkit-transform: translate(-50%, -63%);
    transform: translate(-50%, -63%);
    width: 100%;
    max-width: 750px;
    padding: 0 5px; } }

@media only screen and (max-width: 600px) {
  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    padding: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 150px;
    width: 100%;
    max-width: 406px; } }

@media only screen and (max-width: 410px) {
  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    margin-top: calc((277 / 406 * 100%) / 2 + 10px);
    padding: 0 5px; } }

.p-searchResult_footCnt {
  position: fixed;
  z-index: 99;
  width: 100%;
  padding: 10px 16px;
  border-top: 1px solid #000;
  background: #fff;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
  visibility: visible; }

.p-searchResult_footCnt.absolute {
  opacity: 0;
  visibility: hidden; }

.bt-hotelselect-back {
  position: relative;
  margin: 0 auto;
	padding: 15px 30px;
  width: 100%;
  max-width: 350px;
  line-height: 1.3;
  font-size: 13px !important;
	z-index: 0;
	overflow: hidden;
	background: transparent -o-linear-gradient(338deg, #3498db 0, #52c8ff 100%) 0 0 no-repeat padding-box;
	background: transparent linear-gradient(112deg, #3498db, #52c8ff) 0 0 no-repeat padding-box;
	color: #3498db;

	-webkit-transition: border-radius .3s;
	-o-transition: border-radius .3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	border: none;
	outline: none;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: border-radius .3s;
}
.bt-hotelselect-back:after {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 z-index: -2;
 width: calc(100% - 6px);
 height: calc(100% - 6px);
 margin: 3px;
 background: #fff
}
.bt-hotelselect-back:before {
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 position: absolute;
 top: 50%;
 left: 50%;
 width: 110%;
 height: 230px;
 margin-top: -115px;
 margin-left: -55%;
 transform: scale(0);
 border-radius: 100%;
 background: #9fe1ff;
 content: "";
 opacity: .6;
}
.bt-hotelselect-back:not(:active):before {
 -webkit-animation: ripple 1s ease-out;
 animation: ripple 1s ease-out;
}
.bt-hotelselect-back:before {
 visibility: hidden;
}
.bt-hotelselect-back:focus:before {
 visibility: visible;
}

.bt-hotelselect-back:hover:after {
 border: inherit;
 border-radius: 40px;
}
.bt-hotelselect-back:after{
 -webkit-transition: border-radius .3s;
 -o-transition: border-radius .3s;
	 transition: border-radius .3s;
}
.bt-hotelselect-back:hover {
	-webkit-transition: border-radius .3s;
	-o-transition: border-radius .3s;
	border-radius: 40px;
	transition: border-radius .3s;
	color: #3498db;
}

.bt-hotelselect-back em {
  font-style: normal;
  font-size: 16px !important;
  font-weight: bold !important; }

.bt-hotelselect-back span {
  position: relative;
  display: block; }

.bt-hotelselect-back span:before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 3px;
  right: 100%;
  width: 8px;
  height: 8px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 2px solid #3498DB;
  border-bottom: none;
  border-right: none;
  content: ""; }

@media only screen and (max-width: 600px) {
  .p-searchResult_footCnt {
    padding: 10px 60px; }
  .bt-hotelselect-back {
    font-size: 10px !important; }
  .bt-hotelselect-back em {
    font-size: 13px !important; } }

