#sp-header .logo img {
  max-height: 60px;
}
.transparent-jc-menu #sp-header-sticky-wrapper {
    position: relative;
    background: #261e1e;
}
#offcanvas-toggler > i {
  font-size: 30px;
  color: #fff;
}

/* ここからカテゴリ一覧の部分 */


#grid-style {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#grid-style .hotels-wrapper {
  display: block;
}
#grid-style .hotel-container {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 0px;
  border: 1px
  #eee solid;
  margin: 5px 10px 10px 0;
  position: relative;
  padding: 0px;
  text-transform: capitalize !important;
}
.hotel-stars .full {
  color: #ffbf4a;
}
#grid-style .hotel-price {
  text-align: right;
  padding: 1em 0 0.5em 0;
}
.blue {
  color: #2099c9;
}
#grid-style .hotel-container .hotel-details h3 {
  margin: 5px 0;
  font-size: 16px;
  padding: 0px;
}
#grid-style h3 {
  font-size: 15px;
  color: #555;
}
#grid-style .hotel-action {
  text-align: right;
  display: block;
  margin: 0 5px;
}
#grid-style .btn {
  background: none !important;
  border-radius: 3px !important;
  text-shadow: none !important;
  color: #1dc1f8 !important;
  border: 1px solid #1dc1f8 !important;
  font-size: 12px;
  text-transform: capitalize !important;
  margin-right: 1em;
}
#grid-style .btn:hover {
  background: #2099c9 !important;
  color: #fff !important;
}

/* ここまでカテゴリ一覧の部分 */


#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
  max-width: 80%;
}
.reservation-cell.find {
  display: none;
}

.styledCheckbox input[type="checkbox"] {
    margin-left: -11px !important;
}
button.ui-hotel-button, a.ui-hotel-button {
    padding: 5px 10px;
}
.bookingDiv #bookRoom {
    padding: 7px 10px !important;
}

div.comm_area {
  min-height: 100px;
}

.extra-option-box h5 {
    padding: 0 0 0 2em;
}



@media (max-width: 640px){
  .sppb-row-container {
    margin-top: 60px;
  }
  #hotelSearchDiv {
    width: 90% !important;
    opacity: 0.9;
  }
  #image-slider-header .search-inside-slider {
    width: 100%;
    left: 0;
  }
}

@media (max-width: 1199px) {
    .transparent-jc-menu #sp-header-sticky-wrapper .sp-megamenu-parent > li > a,
	.transparent-jc-menu #sp-header-sticky-wrapper #offcanvas-toggler > i {
 		color: #fff;
		position: fixed;
		top: 30px;
		right: 30px;
	}
  #offcanvas-toggler {
    display: block !important;
  }
  .sp-megamenu-parent {
    display: none;
  }
}



@media (max-width: 960px) {
  #image-slider-header .search-inside-slider {
    width: 86%;
    left: 7%;
  }
}