.card.nazuna-property-card .card-image img {
  border-radius: 0px
}

.card.nazuna-property-card .card-content {
  padding-top: 20px;
  padding-left: 0px
}

.card.nazuna-property-card .card-content .realAssetType {
  color: #AF795F
}

#index>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#index {
  margin-top: -80px
}

#index .row .col:first-of-type {
  padding-left: 0px
}

#index .row .col:last-of-type {
  padding-right: 0px
}

#index .row .col.s4 {
  padding: 0 5.25px
}

@media (max-width: 600px) {
  #index .row .col.s12 {
      padding:0px
  }
}

@media (max-width: 992px) {
  #index {
      margin-top:0px
  }
}

#index #index_hero {
  position: relative;
  overflow: hidden
}

#index #index_hero #index_photo {
  height: 80vh;
  min-height: 450px
}

#index #index_hero #index_photo #index_heroParallax .heroImage.slick-active .index_heroCaptionContainer {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

#index #index_hero #index_photo #index_heroParallax .heroImage {
  width: auto;
  height: 80vh;
  min-height: 450px;
  background-size: cover;
  background-position: center bottom;
  position: relative;
  overflow: hidden
}

#index #index_hero #index_photo #index_heroParallax .heroImage .index_heroCaptionContainer {
  position: absolute;
  bottom: 32px;
  opacity: 0;
  transition: all .5s ease 400ms;
  -webkit-transform: translateY(3rem);
  -ms-transform: translateY(3rem);
  transform: translateY(3rem);
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none
}

@media (max-height: 450px) {
  #index #index_hero #index_photo #index_heroParallax .heroImage .index_heroCaptionContainer {
      bottom:10%
  }
}

@media (max-width: 600px) {
  #index #index_hero #index_photo #index_heroParallax .heroImage .index_heroCaptionContainer .index_captionContainer {
      text-align:center
  }
}

#index #index_hero #index_photo #index_heroParallax .heroImage .index_heroCaptionContainer .index_captionContainer .hero_caption {
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto
}

#index #index_hero #index_photo #index_heroParallax .heroImage .index_heroCaptionContainer>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#index #index_hero #index_copyContainer {
  position: absolute;
  top: 42%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none
}

@media (max-height: 450px) {
  #index #index_hero #index_copyContainer {
      top:40%
  }
}

@media (max-width: 992px) {
  #index #index_hero #index_copyContainer {
      top:28vh
  }
}

@media (max-width: 600px) {
  #index #index_hero #index_copyContainer {
      top:40%
  }
}

@media (max-width: 600px) {
  #index #index_hero #index_copyContainer h1 {
      text-align:center
  }
}

#index #index_hero #index_copyContainer #index_heroText h1 {
  font-size: 32px;
  line-height: 44px
}

@media (max-width: 600px) {
  #index #index_hero #index_copyContainer #index_heroText h1 {
      font-size:24px;
      line-height: 28px
  }
}

@media (max-width: 600px) {
  #index #index_hero #index_copyContainer #index_heroText h1:lang(ja) {
      line-height:32px !important
  }
}

#index #index_hero #index_copyContainer #index_heroButtonContainer {
  margin-bottom: 88px
}

@media (max-height: 450px) {
  #index #index_hero #index_copyContainer #index_heroButtonContainer {
      margin-bottom:40px
  }
}

@media (max-width: 992px) {
  #index #index_hero #index_copyContainer #index_heroButtonContainer {
      margin-bottom:64px
  }
}

@media (max-width: 600px) {
  #index #index_hero #index_copyContainer #index_heroButtonContainer {
      text-align:center
  }
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #index_heroButton {
  color: #AF795F;
  padding: 12px 16px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container {
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container .select-wrapper {
  padding-right: 24px
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container .select-wrapper .select-dropdown {
  background-color: #fff
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container .select-wrapper input {
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: none
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container .dropdown-content {
  height: 200px
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container .dropdown-content .optgroup-option {
  min-height: 40px
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_container .dropdown-content .optgroup-option span {
  padding: 8px 0px;
  line-height: 24px;
  color: #263238
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_button_container {
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto
}

#index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_button_container #hero_property_dropdown_button {
  background-color: #AF795F;
  padding: 11px 16px;
  position: absolute;
  cursor: pointer
}

@media (max-width: 600px) {
  #index #index_hero #index_copyContainer #index_heroButtonContainer #hero_property_dropdown_button_container #hero_property_dropdown_button {
      position:relative
  }
}

#index #index_hero #index_copyContainer>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#index #index_hero #index_carouselDots {
  position: absolute;
  width: 100%
}

#index #index_hero #index_carouselDots .slick-dots {
  bottom: 15px;
  text-align: left;
  width: 90%;
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto
}

@media (max-width: 600px) {
  #index #index_hero #index_carouselDots .slick-dots {
      text-align:center
  }
}

@media (min-width: 601px) {
  #index #index_hero #index_carouselDots .slick-dots li:first-of-type {
      margin-left:0px
  }
}

#index #index_hero #index_carouselDots .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
  opacity: 1;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50%
}

#index #index_hero #index_carouselDots .slick-dots li button:before {
  border-radius: 50%;
  font-size: 8px;
  line-height: 8px;
  width: 8px;
  height: 8px;
  color: transparent
}

#index #index_hero #index_carouselDots .slick-dots li.slick-active button:before {
  background: #fff;
  color: #fff
}

#index #index_hero>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#index #index_main {
  z-index: 1;
  margin-top: 48px
}

#index #index_description ul {
  margin: 0px;
  padding-bottom: 24px
}

#index #index_description .experienceSection {
  padding: 0
}

#index #index_description #first_pair .experienceSection {
  border-right: 1px solid rgba(38,49,56,0.12)
}

@media (max-width: 600px) {
  #index #index_description #first_pair {
      padding-bottom:16px;
      border-bottom: 1px solid rgba(38,49,56,0.12)
  }

  #index #index_description #first_pair .experienceSection:last-of-type {
      border-right: none
  }
}

@media (max-width: 600px) {
  #index #index_description #first_pair::after {
      content:"";
      display: table;
      clear: both
  }
}

#index #index_description #second_pair .experienceSection:not(:last-child) {
  border-right: 1px solid rgba(38,49,56,0.12)
}

@media (max-width: 600px) {
  #index #index_description #second_pair {
      padding-top:16px
  }
}

#index #index_description .experienceImg {
  width: 132px;
  display: block;
  margin: auto
}

#index #index_description .experienceText {
  padding: 0px 5px;
  font-size: 15px;
  line-height: 24px
}

#index #index_brands {
  padding-top: 40px
}

@media (max-width: 600px) {
  #index #index_brands .brand_img_container:nth-of-type(2) {
      padding-bottom:20px
  }
}

@media (max-width: 600px) {
  #index #index_brands .brand_img_container {
      padding-bottom:20px
  }

  #index #index_brands .brand_img_container:last-of-type {
      padding-bottom: 0px
  }
}

#index #index_brands .brand_img_container .brandImg {
  display: block;
  margin: auto;
  width: 230px;
  max-width: 100%;
  min-height: 30px !important
}

#index #index_places_to_stay p {
  margin: 0px
}

#index #index_places_to_stay .realAssetType_description p {
  text-align: center
}

#index #index_news {
  background-color: #F5F1ED
}

#index #index_news .news_container {
  padding-right: 16px
}

@media (max-width: 600px) {
  #index #index_news .news_container {
      padding-right:0px
  }
}

#index #index_news .news_container .newsType {
  color: rgba(38,50,56,0.6)
}

#index .index_neighborhoods>.container .row {
  margin-left: 0;
  margin-right: 0
}

#index .index_neighborhoods .neighborhoodList_background .col:first-of-type {
  padding: 0px
}

#index .index_neighborhoods .neighborhoodList_background .col:last-of-type {
  padding: 0px
}

#index .index_neighborhoodPropertiesSection:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px
}

#index .index_neighborhoodPropertiesSection>div:nth-child(odd) {
  padding-right: 10.875px
}

@media (max-width: 600px) {
  #index .index_neighborhoodPropertiesSection>div:nth-child(odd) {
      padding-right:0px
  }
}

#index .index_neighborhoodPropertiesSection>div:nth-child(even) {
  padding-left: 10.875px
}

@media (max-width: 600px) {
  #index .index_neighborhoodPropertiesSection>div:nth-child(even) {
      padding-left:0px
  }
}

#index .index_propertiesList {
  min-height: 350px
}

#index .index_propertiesList:hover {
  cursor: pointer
}

@media (max-width: 992px) {
  #index .index_propertiesList {
      min-height:300px
  }
}

#index .index_propertiesList .index_propertyPhoto {
  min-height: 200px
}

@media (max-width: 992px) {
  #index .index_propertiesList .index_propertyPhoto {
      min-height:150px
  }
}

#index .property_carousel .index_propertiesList {
  margin: 0 10.875px 4px 10.875px
}

@media (max-width: 600px) {
  #index .property_carousel .index_propertiesList {
      margin:0px 4px 4px 4px
  }
}

#index .property_carousel .slick-next,#index .property_carousel .slick-prev {
  width: 40px;
  height: 40px
}

#index .property_carousel .slick-next:before,#index .property_carousel .slick-prev:before {
  font-size: 40px;
  color: #263238
}

#index .property_carousel .slick-next {
  right: -45px
}

#index .property_carousel .slick-prev {
  left: -45px;
  z-index: 1
}

#index #index_map {
  height: 657px
}

#index #seeMoreHomes {
  background-color: #fff;
  color: #AF795F;
  border: 2px solid #AF795F;
  padding: 11px
}

.flickity_hero_carousel .carousel-cell {
  width: 75%;
  margin-right: 10px;
  min-height: 480px;
  max-height: 480px;
  max-width: 720px
}

@media (max-width: 992px) {
  .flickity_hero_carousel .carousel-cell {
      min-height:300px
  }
}

@media (max-width: 600px) {
  .flickity_hero_carousel .carousel-cell {
      width:100%;
      min-height: 200px
  }
}

.flickity_hero_carousel .carousel-cell .carousel-cell-image {
  display: block;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s
}

.flickity_hero_carousel .carousel-cell .carousel-cell-image.flickity-lazyloaded,.flickity_hero_carousel .carousel-cell .carousel-cell-image.flickity-lazyerror {
  opacity: 1
}

.flickity_hero_carousel .flickity-prev-next-button {
  width: 42px;
  height: 42px
}

.flickity_hero_carousel .flickity-prev-next-button.previous {
  left: 48px
}

@media (max-width: 600px) {
  .flickity_hero_carousel .flickity-prev-next-button.previous {
      left:16px
  }
}

.flickity_hero_carousel .flickity-prev-next-button.next {
  right: 48px
}

@media (max-width: 600px) {
  .flickity_hero_carousel .flickity-prev-next-button.next {
      right:16px
  }
}

.flickity_hero_carousel .flickity-prev-next-button .arrow {
  fill: #263238;
  opacity: .6
}

.lg-img-wrap img {
  max-height: 800px !important
}

#realAsset>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#realAsset .container .row .col:first-of-type {
  padding-left: 0px
}

#realAsset .container .row .col:last-of-type {
  padding-right: 0px
}

@media (max-width: 992px) {
  #realAsset .container .row .col.m12 {
      padding:0
  }
}

@media (max-width: 600px) {
  #realAsset .container .row .col.s12 {
      padding:0
  }
}

#realAsset h1 {
  font-size: 40px
}

@media (max-width: 600px) {
  #realAsset h1 {
      font-size:34px
  }
}

#realAsset .tdheader {
  color: rgba(0,0,0,0.45);
  font-family: "Karla";
  letter-spacing: .5px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px
}

@media (max-width: 600px) {
  #realAsset .tdheader {
      padding-bottom:8px
  }
}

#realAsset .tdheader:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

#realAsset span.collapsible-header {
  margin: 24px 0px
}

#realAsset .collapsible-body p {
  padding: 0
}

#realAsset .openGallery {
  margin: 2.1rem 0 1.68rem 0
}

#realAsset .openGallery button {
  color: #AF795F;
  font-family: "Karla";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  padding: 12px 16px;
  border-radius: 2px;
  border: 1px solid #AF795F;
  background-color: #fff;
  line-height: 0px
}

#realAsset .openGallery button:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

#realAsset #realAsset_hero_section {
  min-height: 400px
}

@media (max-width: 992px) {
  #realAsset #realAsset_hero_section {
      min-height:300px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_hero_section {
      min-height:180px;
      padding-bottom: 32px
  }
}

#realAsset #realAsset_name #realAssetType {
  color: #AF795F
}

#realAsset #michelin .michelin-logo {
  height: 40px;
  width: 40px;
  margin-right: 8px
}

#realAsset #michelin .michelin-description {
  font-family: "Karla";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .5px;
  color: rgba(38,50,56,0.6)
}

#realAsset #realAsset_about p {
  margin: 0
}

#realAsset #realAsset_about .hideContent {
  display: none
}

#realAsset #realAsset_about .show-more button {
  color: #AF795F
}

#realAsset #realAsset_about #accomodates {
  margin: 9px 0px
}

#realAsset #realAsset_about #floorplan {
  color: #AF795F
}

#realAsset #realAsset_about #floorplan:hover {
  cursor: pointer
}

#realAsset #realAsset_about #showmore-button-about {
  color: #AF795F
}

#realAsset #realAsset_about #showmore-button-about:hover {
  cursor: pointer
}

#realAsset #realAsset_photo {
  position: relative
}

#realAsset #realAsset_photo .openGallery {
  position: absolute;
  bottom: -16px;
  width: inherit;
  color: #fff
}

#realAsset #realAsset_photo .openGallery button {
  padding: 8px;
  height: 42px;
  width: 42px
}

#realAsset #realAsset_sections {
  border: none;
  box-shadow: none
}

#realAsset #realAsset_bookingModule {
  height: 80px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

#realAsset #realAsset_bookingModule .row {
  margin: 0
}

@media (max-width: 600px) {
  #realAsset #realAsset_details .details_section {
      padding-bottom:24px
  }
}

#realAsset #realAsset_details .details_section .hotelFeatureIcon {
  width: 24px;
  height: 24px;
  opacity: .5;
  margin-right: 12px
}

@media (min-width: 601px) {
  #realAsset #realAsset_foodAndBeverages .foodAndBeverage_row,#realAsset #realAsset_story .foodAndBeverage_row,#realAsset #realAsset_foodAndBeverages .story_row,#realAsset #realAsset_story .story_row {
      display:-webkit-flex;
      display: -ms-flexbox;
      display: flex
  }
}

@media (min-width: 601px) {
  #realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .foodAndBeverage_imgCol,#realAsset #realAsset_story .foodAndBeverage_row .foodAndBeverage_imgCol,#realAsset #realAsset_foodAndBeverages .story_row .foodAndBeverage_imgCol,#realAsset #realAsset_story .story_row .foodAndBeverage_imgCol,#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .story_imgCol,#realAsset #realAsset_story .foodAndBeverage_row .story_imgCol,#realAsset #realAsset_foodAndBeverages .story_row .story_imgCol,#realAsset #realAsset_story .story_row .story_imgCol {
      display:-webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .foodAndBeverage_imgCol,#realAsset #realAsset_story .foodAndBeverage_row .foodAndBeverage_imgCol,#realAsset #realAsset_foodAndBeverages .story_row .foodAndBeverage_imgCol,#realAsset #realAsset_story .story_row .foodAndBeverage_imgCol,#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .story_imgCol,#realAsset #realAsset_story .foodAndBeverage_row .story_imgCol,#realAsset #realAsset_foodAndBeverages .story_row .story_imgCol,#realAsset #realAsset_story .story_row .story_imgCol {
      margin-bottom:24px
  }
}

@media (min-width: 601px) {
  #realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .foodAndBeverage_text,#realAsset #realAsset_story .foodAndBeverage_row .foodAndBeverage_text,#realAsset #realAsset_foodAndBeverages .story_row .foodAndBeverage_text,#realAsset #realAsset_story .story_row .foodAndBeverage_text,#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .story_text,#realAsset #realAsset_story .foodAndBeverage_row .story_text,#realAsset #realAsset_foodAndBeverages .story_row .story_text,#realAsset #realAsset_story .story_row .story_text {
      padding:0px 12px
  }
}

#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .foodAndBeverage_text .foodAndBeverage_title,#realAsset #realAsset_story .foodAndBeverage_row .foodAndBeverage_text .foodAndBeverage_title,#realAsset #realAsset_foodAndBeverages .story_row .foodAndBeverage_text .foodAndBeverage_title,#realAsset #realAsset_story .story_row .foodAndBeverage_text .foodAndBeverage_title,#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .story_text .foodAndBeverage_title,#realAsset #realAsset_story .foodAndBeverage_row .story_text .foodAndBeverage_title,#realAsset #realAsset_foodAndBeverages .story_row .story_text .foodAndBeverage_title,#realAsset #realAsset_story .story_row .story_text .foodAndBeverage_title,#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .foodAndBeverage_text .story_title,#realAsset #realAsset_story .foodAndBeverage_row .foodAndBeverage_text .story_title,#realAsset #realAsset_foodAndBeverages .story_row .foodAndBeverage_text .story_title,#realAsset #realAsset_story .story_row .foodAndBeverage_text .story_title,#realAsset #realAsset_foodAndBeverages .foodAndBeverage_row .story_text .story_title,#realAsset #realAsset_story .foodAndBeverage_row .story_text .story_title,#realAsset #realAsset_foodAndBeverages .story_row .story_text .story_title,#realAsset #realAsset_story .story_row .story_text .story_title {
  color: #263238;
  font-size: 20px;
  line-height: 30px;
  font-size: 24px
}

#realAsset #realAsset_ryokan_rooms .roomTag:first-of-type {
  padding-left: 0px !important
}

#realAsset #realAsset_ryokan_rooms .room-details:lang(ja) {
  font-size: 13px;
  line-height: 24px
}

@media (min-width: 601px) {
  #realAsset #realAsset_generalActivity .generalActivity_row {
      display:-webkit-flex;
      display: -ms-flexbox;
      display: flex
  }
}

@media (min-width: 601px) {
  #realAsset #realAsset_generalActivity .generalActivity_row .generalActivity_imgCol {
      display:-webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_generalActivity .generalActivity_row .generalActivity_imgCol {
      margin-bottom:24px
  }
}

#realAsset #realAsset_generalActivity .generalActivity_row .generalActivity_text .generalActivity_title {
  color: #263238;
  font-size: 20px;
  line-height: 30px
}

#realAsset #realAsset_neighborhood .realAsset_neighborhoodName {
  font-size: 32px
}

#realAsset #realAsset_neighborhood p {
  padding: 0px 0px 24px 0px
}

#realAsset #realAsset_neighborhood .card_realAsset_neighborhood {
  padding-bottom: 21.75px
}

#realAsset #realAsset_neighborhood .card_realAsset_neighborhood .card {
  margin-bottom: 0px
}

#realAsset #realAsset_neighborhood #my_map_container {
  position: relative
}

#realAsset #realAsset_neighborhood #my_map_container #map_overlay {
  position: absolute;
  width: 100%;
  height: 100%
}

@media (max-width: 600px) {
  #realAsset #realAsset_neighborhood #my_map_container #map_overlay {
      width:100%
  }
}

#realAsset #realAsset_neighborhood #my_map_container #map_overlay a {
  width: 100%;
  height: 100%;
  display: block
}

#realAsset #realAsset_neighborhood #my_map_container #map_container {
  background-color: #AF795F;
  min-height: 150px
}

@media (max-width: 992px) {
  #realAsset #realAsset_neighborhood #my_map_container #map_container {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_neighborhood #my_map_container #map_container {
      min-height:150px
  }
}

#realAsset #realAsset_neighborhood #my_map_container #map_container p {
  line-height: 36px;
  padding-bottom: 0;
  width: 100%
}

#realAsset #realAsset_neighborhood #my_map_container #map_container p i {
  color: #fff;
  font-size: 36px;
  padding: 0px 20px
}

#realAsset #realAsset_neighborhood #my_map_container .map_heading {
  margin-top: 16px
}

@media (max-width: 600px) {
  #realAsset #realAsset_neighborhood #my_map_container .map_heading {
      padding-bottom:24px
  }
}

#realAsset #realAsset_neighborhood .story_carousel_container {
  position: relative
}

#realAsset #realAsset_neighborhood .story_carousel_container .story_overlay {
  position: absolute;
  height: 100%;
  width: inherit
}

#realAsset #realAsset_neighborhood .story_carousel_container .story_overlay a {
  height: 100%;
  width: 100%;
  display: block
}

#realAsset #realAsset_neighborhood .story_carousel_container .story_img {
  min-height: 150px
}

@media (max-width: 992px) {
  #realAsset #realAsset_neighborhood .story_carousel_container .story_img {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_neighborhood .story_carousel_container .story_img {
      min-height:150px
  }
}

#realAsset #realAsset_neighborhood .story_carousel_container .story_name {
  font-size: 20px;
  padding-top: 16px;
  line-height: 30px
}

#realAsset #realAsset_neighborhood .story_carousel_container .story_carousel.single_story {
  width: 100%
}

#realAsset #realAsset_neighborhood .story_carousel_container .slick-prev,#realAsset #realAsset_neighborhood .story_carousel_container .slick-next {
  top: 42%
}

@media (max-width: 600px) {
  #realAsset #realAsset_neighborhood .story_carousel_container .slick-prev,#realAsset #realAsset_neighborhood .story_carousel_container .slick-next {
      top:40%
  }
}

#realAsset #realAsset_neighborhood .story_carousel_container .slick-prev {
  left: 16px;
  z-index: 1
}

#realAsset #realAsset_neighborhood .story_carousel_container .slick-next {
  right: 16px
}

#realAsset #realAsset_neighborhood .img_neighborhoodCard {
  min-height: 150px
}

@media (max-width: 992px) {
  #realAsset #realAsset_neighborhood .img_neighborhoodCard {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_neighborhood .img_neighborhoodCard {
      min-height:70px
  }
}

#realAsset #realAsset_map .collapsible-body:first-of-type {
  height: 400px;
  margin-bottom: 20px
}

@media (max-width: 600px) {
  #realAsset #realAsset_map .collapsible-body:first-of-type {
      height:300px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_map .tdheader {
      padding-bottom:0px
  }
}

#realAsset #realAsset_map .collapsible-body p.checkInLocation {
  padding: 0px
}

#realAsset #realAsset_map .collapsible-body p {
  font-size: 15px
}

#realAsset #realAsset_map #realAsset_checkInLocations #checkInKeys {
  line-height: 23px;
  font-size: 15px;
  color: #263238;
  text-decoration: underline;
  padding-bottom: 24px
}

#realAsset #realAsset_map #realAsset_checkInLocations .mapLogo {
  height: 40px;
  width: 40px;
  margin-right: 16px;
  opacity: .85
}

#realAsset #realAsset_map #realAsset_checkInLocations .checkInLocationAddress {
  color: #263238;
  line-height: 23px;
  font-size: 15px;
  padding-bottom: 24px
}

#realAsset #realAsset_map #realAsset_checkInLocations .checkInLocationHeader {
  margin: 32px 0px 16px 0px
}

#realAsset #realAsset_map #realAsset_checkInLocations .nearByStationsHeader {
  margin: 16px 0px 16px 0px
}

#realAsset #realAsset_inTheArea .collapsible-body p {
  padding: 0px
}

#realAsset #realAsset_inTheArea .walkingHeader {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline
}

#realAsset #realAsset_inTheArea .storyImg {
  min-height: 150px
}

@media (max-width: 992px) {
  #realAsset #realAsset_inTheArea .storyImg {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_inTheArea .storyImg {
      min-height:150px
  }
}

#realAsset #realAsset_keepInMind .collapsible-body p.keepInMind {
  padding: 0
}

#realAsset #realAsset_keepInMind .collapsible-body p {
  padding: 8px 0px;
  font-size: 15px
}

#realAsset #realAsset_keepInMind a {
  overflow-wrap: break-word;
  word-wrap: break-word
}

#realAsset #realAsset_brand .collapsible-body P {
  padding: 8px 0px
}

#realAsset #realAsset_brand .brandImg {
  display: block;
  margin: auto;
  width: 230px;
  max-width: 100%;
  min-height: 30px !important
}

#realAsset #realAsset_nearbyHomes p {
  padding: 0px 0px 24px 0px
}

@media (max-width: 600px) {
  #realAsset #realAsset_homesInNeighborhood .card_home .col {
      padding-left:0px !important;
      padding-right: 0px !important
  }

  #realAsset #realAsset_homesInNeighborhood .seeAllHomes .col {
      padding-right: 0px !important;
      padding-left: 0px !important
  }
}

@media (min-width: 601px) and (max-width:992px) {
  #realAsset #realAsset_homesInNeighborhood .card_home .col:nth-last-of-type(2) {
      padding-left:10.875px !important;
      padding-right: 0px !important
  }
}

#realAsset #realAsset_homesInNeighborhood .card_home .col:first-of-type {
  padding-left: 0px;
  padding-right: 10.875px
}

#realAsset #realAsset_homesInNeighborhood .card_home .col:nth-last-of-type(2) {
  padding-right: 5.4375px;
  padding-left: 5.4375px
}

#realAsset #realAsset_homesInNeighborhood .card_home .col:last-of-type {
  padding-left: 10.875px;
  padding-right: 0px
}

#realAsset #realAsset_homesInNeighborhood .seeAllHomes .col {
  padding-right: 5.4375px;
  padding-left: 5.4375px
}

#realAsset #realAsset_homesInNeighborhood .img_homesInNeighborhood {
  min-height: 150px
}

@media (max-width: 992px) {
  #realAsset #realAsset_homesInNeighborhood .img_homesInNeighborhood {
      min-height:120px
  }
}

@media (max-width: 600px) {
  #realAsset #realAsset_homesInNeighborhood .img_homesInNeighborhood {
      min-height:150px
  }
}

#realAsset #bookingSideNav {
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1)
}

#realAsset #bookingSideNav p {
  padding: 16px 16px 0px 16px
}

#realAsset #bookingSideNav form {
  padding: 16px 16px 24px 16px
}

#realAsset #bookingSideNav #sideNavBookNow {
  width: 100%;
  background-color: #AF795F;
  display: inline-block;
  line-height: 41px;
  cursor: pointer
}

#realAsset #realAsset_nearbyHomes .nearbyHomes {
  line-height: 24px;
  font-size: 20px
}

#realAsset #realAsset_nearbyHomes #moreHomesSection {
  padding-top: 16px
}

#realAsset #realAsset_nearbyHomes a>h2 {
  color: #263238
}

#realAsset #realAsset_nearbyHomes .row.center-align>a {
  padding-top: 12px
}

#realAsset #realAsset_nearbyHomes .row:not(:last-child) {
  padding-left: 20px;
  padding-right: 20px
}

#realAsset #realAsset_nearbyHomes .row>.col.propertyImage {
  padding-right: 20px
}

#realAsset #realAsset_nearbyHomes .row .col {
  padding: 0px
}

#realAsset #realAsset_nearbyHomes p {
  padding: 0px
}

#realAsset #realAsset_nearbyHomes .img_nearbyHomes {
  min-height: 50px
}

#realAsset #realAsset_popupBookingModule {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  box-shadow: 0 -1px 2px #cccccc;
  background-color: #ffffff;
  z-index: 2
}

#realAsset #realAsset_popupBookingModule .price_container {
  float: right;
  margin-right: 24px
}

@media (max-width: 600px) {
  #realAsset #realAsset_popupBookingModule .price_container {
      float:none;
      margin-left: 16px;
      margin-right: 0px;
      width: 50%
  }
}

#realAsset #realAsset_popupBookingModule .price_container span {
  color: #263238;
  line-height: 24px;
  margin-top: 16px;
  display: inline-block
}

@media (max-width: 600px) {
  #realAsset #realAsset_popupBookingModule .price_container span {
      font-size:11px;
      margin-top: 13px;
      line-height: 16px
  }
}

#realAsset #realAsset_popupBookingModule button {
  margin-top: 10px;
  margin-right: 24px;
  background-color: #AF795F;
  width: 164px;
  box-shadow: none
}

@media (max-width: 600px) {
  #realAsset #realAsset_popupBookingModule button {
      width:124px;
      margin-right: 16px
  }
}

#neighborhood>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#neighborhood .row .col:first-of-type {
  padding-left: 0px
}

#neighborhood .row .col:last-of-type {
  padding-right: 0px
}

@media (max-width: 600px) {
  #neighborhood .row .col.s12 {
      padding:0px
  }

  #neighborhood .row .col.s4 {
      padding: 0 5.25px
  }
}

#neighborhood #neighborhood_hero {
  position: relative
}

#neighborhood #neighborhood_hero #neighborhood_photo {
  height: 80vh;
  min-height: 450px
}

#neighborhood #neighborhood_hero #neighborhood_photo .heroImage {
  width: auto;
  height: 80vh;
  min-height: 450px;
  background-size: cover;
  background-position: center bottom;
  position: relative;
  overflow: hidden
}

#neighborhood #neighborhood_hero #neighborhood_nameContainer {
  position: absolute;
  top: 73px;
  left: 10px;
  right: 10px
}

#neighborhood #neighborhood_hero #neighborhood_nameContainer #neighborhood_name {
  width: 100%;
  background-color: transparent;
  padding: 24px 18px 18px 18px;
  text-align: center;
  display: inline-block
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_hero #neighborhood_nameContainer #neighborhood_name {
      top:100%
  }
}

#neighborhood #neighborhood_hero #neighborhood_nameContainer #neighborhood_name h1 {
  font-size: 48px;
  line-height: 48px;
  color: #fff
}

#neighborhood #neighborhood_hero #neighborhood_nameContainer #neighborhood_name p {
  color: #fff
}

#neighborhood #neighborhood_sideNav .table-of-contents {
  padding-top: 64px;
  margin-top: 0px
}

#neighborhood .section {
  padding-top: 20px;
  padding-bottom: 20px
}

#neighborhood #neighborhood_neighborhoodAbout {
  padding-top: 64px
}

@media (max-width: 992px) {
  #neighborhood #neighborhood_neighborhoodAbout {
      padding-top:100px
  }
}

#neighborhood #neighborhood_neighborhoodAbout p {
  margin: 0
}

#neighborhood #neighborhood_neighborhoodMap #neighborhood_neighborhoodProximity {
  padding-top: 16px
}

#neighborhood #neighborhood_neighborhoodMap #neighborhood_neighborhoodProximity h3.subHeading {
  font-family: "Karla";
  font-weight: 700;
  color: rgba(0,0,0,0.45);
  margin: 16px 0px;
  font-size: 15px;
  line-height: 24px
}

#neighborhood #neighborhood_neighborhoodMap #neighborhood_neighborhoodProximity h3.subHeading:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

#neighborhood #neighborhood_neighborhoodMap #neighborhood_neighborhoodProximity p {
  margin: 0
}

#neighborhood #neighborhood_neighborhoodPhotos .row .col {
  padding: 0px
}

#neighborhood #neighborhood_neighborhoodPhotos .neighborhood_photo_container:first-of-type {
  padding-bottom: 16.75px
}

#neighborhood #neighborhood_neighborhoodPhotos .neighborhood_photo_large {
  min-height: 400px
}

@media (max-width: 992px) {
  #neighborhood #neighborhood_neighborhoodPhotos .neighborhood_photo_large {
      min-height:300px
  }
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodPhotos .neighborhood_photo_large {
      min-height:150px
  }
}

@media (max-width: 1600px) {
  #neighborhood #neighborhood_neighborhoodPhotos .neighborhood_photo_large {
      min-height:calc(66.66667vw * 2 / 6)
  }
}

#neighborhood #neighborhood_neighborhoodPhotos #second_row .neighborhood_photo {
  min-height: 150px
}

@media (max-width: 992px) {
  #neighborhood #neighborhood_neighborhoodPhotos #second_row .neighborhood_photo {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodPhotos #second_row .neighborhood_photo {
      min-height:50px
  }
}

#neighborhood #neighborhood_neighborhoodPhotos #second_row .col:first-child {
  padding-right: .75rem
}

#neighborhood #neighborhood_neighborhoodPhotos #second_row .col:first-child .neighborhood_photo_overlay {
  display: none
}

#neighborhood #neighborhood_neighborhoodPhotos #second_row .col:last-child {
  padding-left: .75rem;
  position: relative;
  display: inline
}

#neighborhood #neighborhood_neighborhoodPhotos #second_row .col:last-child .neighborhood_photo_overlay {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,0.4);
  width: calc(100% - 0.75rem);
  height: calc(100% - 5px)
}

#neighborhood #neighborhood_neighborhoodPhotos #second_row .col:last-child .neighborhood_photo_overlay p {
  color: #fff;
  font-size: 34px;
  line-height: 48px;
  width: 100%
}

#neighborhood #neighborhood_neighborhoodExplore .row .col {
  padding-left: 0px;
  padding-right: 0px
}

#neighborhood #neighborhood_neighborhoodExplore p {
  padding: 0px 0px 24px 0px
}

#neighborhood #neighborhood_neighborhoodExplore #myMap {
  height: 500px;
  margin-bottom: 21.75px
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodExplore #myMap {
      height:auto
  }
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container {
  position: relative
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container #map_overlay {
  position: absolute;
  height: 100%;
  width: 100%
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container #map_overlay a {
  width: 100%;
  height: 100%;
  display: block
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container #map_container {
  background-color: #AF795F;
  height: 90vw
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container p {
  line-height: 36px;
  padding-bottom: 0;
  width: 100%
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container p i {
  color: #fff;
  font-size: 36px;
  padding: 0px 20px
}

#neighborhood #neighborhood_neighborhoodExplore #myMap #my_map_container #map_heading {
  margin-top: 24px
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container {
  position: relative
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_overlay {
  position: absolute;
  height: 100%;
  width: inherit
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_overlay a {
  height: 100%;
  width: 100%;
  display: block
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_carousel {
  padding: 0 .75rem
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_carousel {
      padding:0 .5rem
  }
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_title {
  padding-top: 16px;
  font-size: 20px;
  line-height: 30px
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .no_carousel .col:first-of-type {
  padding-left: 0px;
  padding-right: 10.875px
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .no_carousel .col:last-of-type {
  padding-left: 10.875px;
  padding-right: 0px
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .no_carousel .col:first-of-type {
      padding-left:0px;
      padding-right: 0px
  }

  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .no_carousel .col:last-of-type {
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px
  }

  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .no_carousel .col {
      padding-bottom: 21.75px
  }
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .slick-prev,#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .slick-next {
  top: 42%
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .slick-prev,#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .slick-next {
      top:40%
  }
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .slick-prev {
  left: 23px;
  z-index: 1
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .slick-next {
  right: 23px
}

#neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_img {
  min-height: 150px
}

@media (max-width: 992px) {
  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_img {
      min-height:100px
  }
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodExplore .story_carousel_container .story_img {
      min-height:80px
  }
}

#neighborhood #neighborhood_otherNeighborhood {
  padding-top: 40px;
  padding-bottom: 0px
}

#neighborhood #neighborhood_otherNeighborhood #moreNeighborhoodsSection {
  margin-top: 56px
}

#neighborhood #neighborhood_otherNeighborhood #moreNeighborhoodsSection #moreNeighborhoods {
  color: #AF795F;
  background-color: #fff;
  border: 2px solid #AF795F;
  line-height: 41px
}

#neighborhood #neighborhood_neighborhoodHomes .property_carousel .neighborhood_propertiesList {
  margin: 0 10.875px 4px 10.875px
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodHomes .property_carousel .neighborhood_propertiesList {
      margin:0px 4px 4px 4px
  }
}

#neighborhood #neighborhood_neighborhoodHomes .property_carousel .neighborhood_propertiesList .neighborhood_propertyPhoto {
  min-height: 150px
}

@media (max-width: 992px) {
  #neighborhood #neighborhood_neighborhoodHomes .property_carousel .neighborhood_propertiesList .neighborhood_propertyPhoto {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #neighborhood #neighborhood_neighborhoodHomes .property_carousel .neighborhood_propertiesList .neighborhood_propertyPhoto {
      min-height:150px
  }
}

#neighborhood #neighborhood_neighborhoodHomes .no_carousel .col:first-child {
  padding-left: 0px
}

#neighborhood #neighborhood_neighborhoodHomes .no_carousel .col:last-child {
  padding-right: 0px
}

#neighborhood #neighborhood_neighborhoodHomes .slick-next,#neighborhood #neighborhood_neighborhoodHomes .slick-prev {
  width: 40px;
  height: 40px
}

#neighborhood #neighborhood_neighborhoodHomes .slick-next:before,#neighborhood #neighborhood_neighborhoodHomes .slick-prev:before {
  font-size: 40px;
  color: #263238
}

#story>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#story .container .row .col:first-child {
  padding-left: 0px
}

@media (max-width: 992px) {
  #story .container .row .col:first-child {
      padding-right:0px
  }
}

#story .container .row .col:last-child {
  padding-right: 0px
}

@media (max-width: 992px) {
  #story .container .row .col:last-child {
      padding-left:0px
  }
}

#story .container .story_carousel_container {
  margin-top: 10px
}

@media (max-width: 992px) {
  #story .container .story_carousel_container {
      padding-bottom:32px
  }
}

#story .container .story_carousel_container .story_carousel .story_img {
  min-height: 300px;
  height: auto
}

@media (max-width: 992px) {
  #story .container .story_carousel_container .story_carousel .story_img {
      min-height:300px
  }
}

@media (max-width: 600px) {
  #story .container .story_carousel_container .story_carousel .story_img {
      min-height:150px
  }
}

#story .container .story_carousel_container .story_carousel .img_description {
  opacity: .65;
  font-size: 13px;
  line-height: 21px;
  padding-top: 12px
}

#story .container .story_carousel_container .slick-prev,#story .container .story_carousel_container .slick-next {
  width: 35px;
  height: 35px;
  top: 47%
}

#story .container .story_carousel_container .slick-prev:before,#story .container .story_carousel_container .slick-next:before {
  font-size: 35px
}

@media (max-width: 992px) {
  #story .container .story_carousel_container .slick-prev,#story .container .story_carousel_container .slick-next {
      top:45%
  }
}

@media (max-width: 600px) {
  #story .container .story_carousel_container .slick-prev,#story .container .story_carousel_container .slick-next {
      top:43%
  }
}

#story .container .story_carousel_container .slick-prev {
  left: 24px;
  z-index: 1
}

#story .container .story_carousel_container .slick-next {
  right: 24px
}

#story .container #story_text_container #story_text {
  padding-left: 16px
}

@media (max-width: 992px) {
  #story .container #story_text_container #story_text {
      padding:32px 80px 0px 80px
  }
}

@media (max-width: 600px) {
  #story .container #story_text_container #story_text {
      padding:32px 0px 0px 0px
  }
}

#story .container #story_text_container #story_text .story_short_text {
  font-size: 24px;
  line-height: 32px;
  margin-top: 0px;
  margin-bottom: 24px
}

#story .container #story_text_container #story_text .story_short_text:lang(en) {
  font-style: italic
}

#story .container #story_text_container #story_text .divider {
  margin-bottom: 16px
}

#story .container #story_text_container #story_text h3 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding-top: 8px;
  font-size: 20px;
  line-height: 30px
}

#story .container #story_text_container #story_text p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding: 8px 0
}

#story .container #story_text_container #story_text p.noMargin {
  padding: 0
}

#story .container #story_text_container #story_text a {
  overflow-wrap: break-word;
  word-wrap: break-word
}

#story .container #story_region,#story .container #story_title {
  text-align: center
}

#story .container #story_region {
  color: #AF795F
}

#story .container #story_title {
  font-size: 36px;
  line-height: 48px
}

#story #story_neighborhood {
  padding-top: 40px
}

#story #story_neighborhood .row .col {
  padding: 0
}

#realAssetList>.row {
  margin-left: 0px;
  margin-right: 0px
}

#realAssetList .row .col:first-of-type {
  padding-left: 0px
}

#realAssetList .row .col:last-of-type {
  padding-right: 0px
}

@media (max-width: 992px) {
  #realAssetList .row .col.m12 {
      padding:0
  }
}

@media (max-width: 600px) {
  #realAssetList .row .col.s12 {
      padding:0
  }
}

@media (max-width: 600px) {
  #realAssetList .row .col {
      padding:0px
  }
}

#realAssetList #realAssetList_list_container {
  padding: 0px 48px
}

@media (max-width: 992px) {
  #realAssetList #realAssetList_list_container {
      padding:0px 24px
  }
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_list_container {
      padding:0
  }
}

#realAssetList #realAssetList_map {
  position: fixed;
  left: auto;
  right: 0;
  top: 72px;
  bottom: 0px;
  width: 50%
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_map {
      display:none;
      width: 100%;
      top: 190px;
      position: static
  }

  #realAssetList #realAssetList_map .text-container {
      margin-left: 16px;
      margin-right: 16px
  }
}

#realAssetList .realAssetList_filterButton,#realAssetList .realAssetList_buttons {
  position: fixed;
  bottom: 0px;
  width: 100%
}

#realAssetList .realAssetList_buttons .viewControl {
  margin-left: 16px;
  padding: 9px;
  height: 42px
}

#realAssetList .realAssetList_buttons .viewControl i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px
}

#realAssetList .realAssetList_buttons .filterControl {
  margin-right: 16px;
  height: 42px
}

#realAssetList .select-dropdown .disabled label {
  display: none
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_list {
      margin-left:16px;
      margin-right: 16px
  }
}

#realAssetList #realAssetList_list h1 {
  color: #000;
  font-family: "PT Serif";
  font-size: 24px;
  font-weight: 400;
  line-height: 32px
}

#realAssetList #realAssetList_list h1:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

#realAssetList #realAssetList_list #filterResults {
  position: fixed;
  width: 47%;
  z-index: 1;
  background-color: #fff;
  padding-top: 19px;
  padding-bottom: 15px
}

#realAssetList #realAssetList_list .realAssetListThumbnailPicture {
  min-height: 100px
}

@media (max-width: 992px) {
  #realAssetList #realAssetList_list .realAssetListThumbnailPicture {
      min-height:100px
  }
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_list .realAssetListThumbnailPicture {
      min-height:150px
  }
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_list #realAssetList_listResult .row {
      margin-bottom:0px
  }
}

#realAssetList #realAssetList_list #realAssetList_listResult .real_asset_type {
  color: #AF795F
}

#realAssetList #realAssetList_filter {
  position: relative;
  background-color: #fff;
  z-index: 3;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(38,49,56,0.1)
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_filter {
      max-height:100%;
      padding: 0;
      border-bottom: none
  }
}

#realAssetList #realAssetList_filter input {
  font-size: 16px;
  -webkit-appearance: none
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_filter input {
      height:56px
  }
}

#realAssetList #realAssetList_filter select.browser-default {
  -webkit-appearance: none;
  border: none;
  font-size: 16px;
  height: 56px
}

#realAssetList #realAssetList_filter select.browser-default:focus {
  outline: none
}

#realAssetList #realAssetList_filter .row,#realAssetList #realAssetList_filter input {
  margin-bottom: 0px
}

#realAssetList #realAssetList_filter .row:first-of-type {
  padding: 0 48px
}

@media (max-width: 992px) {
  #realAssetList #realAssetList_filter .row:first-of-type {
      padding:0 24px
  }
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_filter .row:first-of-type {
      padding:0
  }
}

#realAssetList #realAssetList_filter .section {
  padding: 0
}

#realAssetList #realAssetList_filter .section .input-field {
  margin-top: 0;
  padding: 7px 8px
}

#realAssetList #realAssetList_filter .section .input-field:first-of-type {
  padding-right: 8px
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_filter .section .input-field:first-of-type {
      padding-right:16px;
      border-bottom: 1px solid rgba(38,49,56,0.12)
  }
}

#realAssetList #realAssetList_filter .section .input-field:last-of-type {
  padding-left: 8px
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_filter .section .input-field:last-of-type {
      padding-left:16px;
      border-left: 1px solid rgba(38,49,56,0.12)
  }
}

@media (max-width: 600px) {
  #realAssetList #realAssetList_filter .section .input-field {
      padding:0
  }
}

#realAssetList #realAssetList_filter .select-wrapper input.select-dropdown {
  border-bottom: 0px
}

#realAssetList #realAssetList_filter .dropdown-content li span {
  color: #263238
}

#realAssetList #realAssetList_filter .dropdown-content li.selected span {
  color: #AF795F
}

#realAssetList #realAssetList_filter [type="checkbox"]:checked+label:before {
  border-right: 2px solid #AF795F;
  border-bottom: 2px solid #AF795F
}

#realAssetList #realAssetList_filter #not-loading {
  display: block;
  height: 4px
}

#realAssetList #realAssetList_filter #priceFilter {
  padding-top: 11px
}

#realAssetList #realAssetList_filter #clearFilter {
  background-color: #fff;
  color: #AF795F;
  border: 0
}

#realAssetList .neighborhoodsInRegion {
  padding-left: 15px
}

#neighborhoodList>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#neighborhoodList {
  background-color: rgba(182,206,218,0.05)
}

#neighborhoodList .row .col {
  padding: 0px
}

#neighborhoodList #neighborhoodList_header {
  color: #263238;
  font-size: 24px;
  line-height: 34px;
  padding: 64px 0px
}

#neighborhoodList .neighborhoodList_background {
  margin-bottom: 48px
}

.neighborhoodList_background {
  background-color: #ffffff;
  margin-bottom: 32px
}

@media (max-width: 600px) {
  .neighborhoodList_background {
      min-height:460px
  }
}

@media (max-width: 600px) {
  .neighborhoodList_background .container {
      width:100%
  }
}

.neighborhoodList_background .col:first-of-type {
  padding: 0px
}

.neighborhoodList_background .col:last-of-type {
  padding: 0px
}

.neighborhoodList_background .neighborhood_imageContainer:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.neighborhoodList_background .neighborhood_description {
  padding-right: 48px !important;
  text-align: center
}

@media (max-width: 600px) {
  .neighborhoodList_background .neighborhood_description {
      padding-right:0px !important;
      padding-top: 24px !important
  }
}

.neighborhoodList_background .neighborhood_description .valign {
  width: 100%
}

.neighborhoodList_background .neighborhood_description .neighborhood_name {
  color: #263238;
  font-size: 34px;
  line-height: 48px
}

@media (max-width: 992px) {
  .neighborhoodList_background .neighborhood_description .location {
      padding-bottom:16px
  }
}

@media (max-width: 600px) {
  .neighborhoodList_background .neighborhood_description .neighborhood_feel {
      flex-flow:row wrap
  }

  .neighborhoodList_background .neighborhood_description .neighborhood_feel .line-break {
      width: 100%
  }
}

.neighborhoodList_background .neighborhood_description .neighborhood_feel .neighborhood_illustration {
  width: 68px;
  height: 68px
}

@media (max-width: 992px) {
  .neighborhoodList_background .neighborhood_description .neighborhood_feel .neighborhood_illustration {
      width:53px;
      height: 53px
  }
}

@media (max-width: 600px) {
  .neighborhoodList_background .neighborhood_description .neighborhood_feel .neighborhood_illustration {
      display:block;
      margin: auto
  }
}

.neighborhoodList_background .neighborhood_description .neighborhood_feel .neighborhood_text {
  padding-left: 16px
}

@media (max-width: 600px) {
  .neighborhoodList_background .neighborhood_description .neighborhood_feel .neighborhood_text {
      display:block;
      margin: auto;
      padding-left: 0px
  }
}

.neighborhoodList_background .neighborhood_image {
  display: inline-block;
  vertical-align: middle;
  min-height: 350px
}

@media (max-width: 992px) {
  .neighborhoodList_background .neighborhood_image {
      min-height:200px
  }
}

@media (max-width: 600px) {
  .neighborhoodList_background .neighborhood_image {
      min-height:150px
  }
}

#about>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#about .row .col {
  padding: 0px
}

#about #about_hero {
  margin-top: -72px;
  height: 80vh;
  min-height: 450px;
  position: relative
}

#about #about_hero #about_photo {
  background-size: cover;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
  height: 80vh;
  min-height: 450px
}

#about #about_hero #about_headerContainer {
  position: absolute;
  top: 40%;
  vertical-align: middle
}

@media (max-width: 992px) {
  #about #about_hero #about_headerContainer {
      top:42%
  }
}

@media (max-width: 600px) {
  #about #about_hero #about_headerContainer {
      top:32%
  }
}

#about #about_hero #about_headerContainer .container .row {
  margin: 0
}

#about #about_hero #about_headerContainer #about_header h1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 48px
}

#about #about_sideNav ul.table-of-contents {
  padding-top: 64px;
  margin-top: 0px
}

#about #about_mainSection {
  margin-top: 64px
}

@media (max-width: 992px) {
  #about #about_mainSection {
      margin-top:100px
  }
}

#about #about_mainSection .about_sectionTitle {
  color: #263238;
  color: #2f3a48;
  font-size: 24px;
  line-height: 34px
}

#about #about_mainSection #about_kirakuCollection #brandsTitle {
  text-decoration: underline;
  font-size: 15px;
  line-height: 24px
}

#about #about_mainSection #about_kirakuCollection p {
  margin: 0;
  font-size: 15px;
  line-height: 24px
}

#about #about_mainSection #about_experience .experience:last-of-type {
  border-bottom: none
}

@media (max-width: 992px) {
  #about #about_mainSection #about_experience .experience {
      padding-bottom:8px
  }
}

@media (max-width: 600px) {
  #about #about_mainSection #about_experience .experience {
      flex-flow:row wrap;
      border-bottom: 1px solid rgba(38,49,56,0.12);
      margin-bottom: 24px;
      padding-bottom: 32px
  }

  #about #about_mainSection #about_experience .experience .line-break {
      width: 100%
  }
}

#about #about_mainSection #about_experience .experience .experienceImg {
  display: block;
  min-height: 132px
}

#about #about_mainSection #about_experience .experience .experienceImg img {
  width: 132px !important;
  height: 132px !important
}

@media (max-width: 600px) {
  #about #about_mainSection #about_experience .experience .experienceImg {
      display:block;
      margin: auto
  }
}

@media (max-width: 992px) {
  #about #about_mainSection #about_experience .experience .experienceImg {
      min-height:132px
  }
}

@media (max-width: 600px) {
  #about #about_mainSection #about_experience .experience .experienceImg {
      min-height:132px
  }
}

#about #about_mainSection #about_experience .experience .valign {
  padding-left: 24px
}

@media (max-width: 600px) {
  #about #about_mainSection #about_experience .experience .valign {
      padding-left:0
  }
}

#about #about_mainSection #about_experience .experience .experienceSectionTitle {
  font-size: 20px;
  line-height: 30px
}

@media (max-width: 600px) {
  #about #about_mainSection #about_experience .experience .experienceSectionTitle {
      text-align:center
  }
}

#about #about_mainSection #about_experience .experience .experienceText {
  font-size: 15px;
  line-height: 24px
}

@media (max-width: 600px) {
  #about #about_mainSection #about_experience .experience .experienceText {
      text-align:center
  }
}

.navigationWrapper {
  position: relative
}

.navigationWrapper .navigation.navigationFixed {
  position: fixed;
  left: 0;
  top: 72px
}

@media (max-width: 600px) {
  .navigationWrapper .navigation.navigationFixed {
      top:56px
  }
}

.navigationWrapper .navigation {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  z-index: 1
}

.navigationWrapper .jumpLinks.jumpLinkMenuOpen {
  height: auto
}

.navigationWrapper .jumpLinks.jumpLinkMenuOpen .itemToggle {
  display: none
}

.navigationWrapper .jumpLinks.jumpLinkMenuOpen .jumpLinkListItem {
  display: block
}

.navigationWrapper .jumpLinks.jumpLinkMenuOpen .jumpLinkListItem:last-of-type {
  border-bottom: 1px solid rgba(38,49,56,0.1)
}

.navigationWrapper .jumpLinks.jumpLinkMenuOpen .jumpLinkListItem.active {
  color: #AF795F
}

.navigationWrapper .jumpLinks.jumpLinkMenuOpen .arrow {
  transform: rotate(180deg)
}

.navigationWrapper .jumpLinks {
  background-color: #fff;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 56px
}

.navigationWrapper .jumpLinks .itemToggle {
  display: block;
  opacity: 1;
  padding: 15px 24px;
  text-align: left;
  width: 100%;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid rgba(38,49,56,0.1);
  font-size: 15px;
  line-height: 24px
}

.navigationWrapper .jumpLinks .jumpLinkListItem {
  cursor: pointer;
  display: none;
  padding: 16px 24px;
  text-align: left;
  width: 100%;
  color: #263238;
  font-size: 15px;
  line-height: 24px
}

.navigationWrapper .jumpLinks .arrow {
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 12px;
  right: 24px;
  background-color: transparent;
  border: none;
  padding: 0px;
  transition: transform .3s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: transform .3s cubic-bezier(1, 0, 0, 1)
}

#terms_policy .container .row {
  margin: 0
}

#terms_policy h2 {
  margin-top: 48px;
  font-size: 34px;
  line-height: 48px
}

#terms_policy h3 {
  font-size: 24px;
  line-height: 34px
}

#room>.container .row {
  margin-left: 0px;
  margin-right: 0px
}

#room .container .row .col:first-of-type {
  padding-left: 0px
}

#room .container .row .col:last-of-type {
  padding-right: 0px
}

@media (max-width: 992px) {
  #room .container .row .col.m12 {
      padding:0
  }
}

@media (max-width: 600px) {
  #room .container .row .col.s12 {
      padding:0
  }
}

#room span.collapsible-header {
  margin: 24px 0px
}

#room .collapsible-body p {
  padding: 0
}

#room #room_sections {
  border: none;
  box-shadow: none
}

@media (min-width: 993px) {
  #room #room_title_container .room_title_text_container {
      padding-left:12px
  }
}

#room #room_title_container #room_breadcrumb {
  color: #AF795F
}

#room #room_title_container h1 {
  font-size: 40px
}

@media (max-width: 600px) {
  #room #room_title_container h1 {
      font-size:34px
  }
}

#room #room_description_container #accomodates {
  margin: 9px 0px
}

#room #room_description_container #floorplan {
  color: #AF795F
}

#room #room_description_container #floorplan:hover {
  cursor: pointer
}

#room #room_details_container .tdheader {
  color: rgba(0,0,0,0.45);
  font-family: "Karla";
  letter-spacing: .5px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px
}

@media (max-width: 600px) {
  #room #room_details_container .tdheader {
      padding-bottom:8px
  }
}

@media (max-width: 600px) {
  #room #room_details_container .details_section {
      padding-bottom:24px
  }
}

#room #room_details_container .details_section .hotelFeatureIcon {
  width: 24px;
  height: 24px;
  opacity: .5;
  margin-right: 12px
}

#room #room_photos {
  position: relative
}

#room #room_photos .openGallery {
  position: absolute;
  bottom: -16px;
  width: inherit;
  color: #fff
}

#room #room_photos .openGallery button {
  padding: 8px;
  height: 42px;
  width: 42px
}

#room #room_otherRooms_container .roomTag:first-of-type {
  padding-left: 0px !important
}

#room #room_otherRooms_container .img_other_rooms {
  min-height: 200px
}

@media (max-width: 992px) {
  #room #room_otherRooms_container .img_other_rooms {
      min-height:120px
  }
}

@media (max-width: 600px) {
  #room #room_otherRooms_container .img_other_rooms {
      min-height:150px
  }
}

#room #room_otherRooms_container .room-details:lang(ja) {
  font-size: 13px;
  line-height: 24px
}

#room #room_sidenav_container #sideNavBookNow {
  width: 100%;
  background-color: #AF795F;
  display: inline-block;
  line-height: 41px;
  cursor: pointer
}

@font-face {
  font-family: 'Karla';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: local('Karla'),local('Karla-Regular'),url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtyU5rZP.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
  font-family: 'Material Icons';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2')
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased
}

.rowSeparator4 {
  padding-bottom: 4px
}

.rowSeparator8 {
  padding-bottom: 8px
}

.rowSeparator10 {
  padding-bottom: 10px
}

.rowSeparator12 {
  padding-bottom: 12px
}

.rowSeparator14 {
  padding-bottom: 14px
}

.rowSeparator16 {
  padding-bottom: 16px
}

.rowSeparator20 {
  padding-bottom: 20px
}

.rowSeparator24 {
  padding-bottom: 24px
}

.rowSeparator28 {
  padding-bottom: 28px
}

.rowSeparator30 {
  padding-bottom: 30px
}

.rowSeparator32 {
  padding-bottom: 32px
}

.rowSeparator40 {
  padding-bottom: 40px
}

.rowSeparator48 {
  padding-bottom: 48px
}

.rowSeparator56 {
  padding-bottom: 56px
}

.rowSeparator64 {
  padding-bottom: 64px
}

.rowSeparator72 {
  padding-bottom: 72px
}

.rowSeparator80 {
  padding-bottom: 80px
}

.row-full {
  width: 100% !important
}

.margin-bottom-24 {
  margin-bottom: 24px
}

.content-margin-8 {
  margin: 8px !important
}

.content-top-bottom-margin-8 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important
}

.content-side-margin-8 {
  margin-left: 8px !important;
  margin-right: 8px !important
}

.content-padding-8 {
  padding: 8px !important
}

.content-padding-4 {
  padding: 4px !important
}

.content-top-bottom-padding-8 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important
}

.content-side-padding-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important
}

.noMargin {
  margin: 0px !important
}

.noPadding {
  padding: 0px !important
}

.nopadding-left {
  padding-left: 0px
}

.nopadding-right {
  padding-right: 0px
}

.uppercase {
  text-transform: uppercase
}

.location {
  color: rgba(38,50,56,0.6);
  font-size: 15px;
  line-height: 24px
}

.paragraph {
  font-size: 15px;
  line-height: 24px
}

.paragraph:lang(ja) {
  line-height: 26px
}

.subText {
  font-size: 15px;
  line-height: 20px
}

.card .card-content {
  padding: 24px
}

.card .card-content .card-name {
  font-size: 24px;
  color: #263238
}

.card>.card-action>a {
  color: #AF795F !important
}

.rate {
  color: #f5764f !important;
  font-size: 13px
}

.checkAvailability {
  height: 41px;
  color: #fff;
  background-color: #bf360c
}

.heading {
  color: #263238;
  font-size: 34px;
  line-height: 40px
}

.subHeading {
  color: #263238;
  font-size: 24px
}

.titleHeading {
  font-size: 20px;
  line-height: 30px
}

.sectionHeading {
  color: #2f3a48;
  font-size: 24px;
  line-height: 34px
}

span.collapsible-header>h2 {
  width: 100%
}

.collapsible-li>.collapsible-body {
  border-bottom: none
}

span.collapsible-header {
  border-bottom: none;
  padding-left: 0px;
  padding-right: 0px;
  margin: 20px 0px 20px 0px;
  display: flex
}

span.collapsible-header i {
  width: auto
}

.overlap-container {
  position: absolute;
  width: 100%
}

.cta-button {
  font-size: 15px;
  font-family: "Karla";
  font-weight: 700;
  letter-spacing: .5px
}

@media (max-width: 992px) {
  .cta-button {
      letter-spacing:normal
  }
}

.cta-button:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

.a-button {
  width: 100%;
  display: inline-block;
  border-radius: 2px
}

.cta-button-border {
  background-color: transparent;
  color: #AF795F;
  border: 2px solid #AF795F;
  line-height: 41px
}

ul li.center-align {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center
}

a.cta-button hr {
  margin-top: 2px;
  width: 0%;
  background: #AF795F;
  height: 1px;
  border: none;
  transition: width .2s ease-in-out
}

a.cta-button:hover hr,a.cta-button hr:hover {
  width: 100%
}

.table-of-contents li {
  padding: 8px 0
}

.table-of-contents a:hover {
  padding-left: 0;
  margin-left: 20px;
  border-bottom: 1px solid #AF795F;
  border-left: none
}

.table-of-contents a.active {
  padding-left: 0;
  margin-left: 20px;
  border-left: none;
  border-bottom: 1px solid #AF795F
}

*:focus {
  outline: none
}

body {
  font-family: "PT Serif";
  font-weight: 400;
  color: #263238
}

@media (min-width: 993px) {
  body {
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing: grayscale;
      -o-font-smoothing: antialiased
  }
}

body:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

img {
  width: 100%;
  height: auto
}

a {
  color: #AF795F
}

h1 {
  font-family: "PT Serif";
  font-weight: 400
}

h1:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  line-height: 50px !important
}

.markup_paragraph {
  padding: 8px 0
}

.slick-prev:before {
  content: "<" !important
}

.slick-next:before {
  content: ">" !important
}

.slick-next,.slick-prev {
  width: 30px !important;
  height: 30px !important
}

.slick-next:before,.slick-prev:before {
  font-size: 30px !important;
  font-family: "Karla" !important
}

.pointer_none {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none
}

.pointer_auto {
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  pointer-events: auto
}

#mapModal {
  width: 98%;
  height: 98%;
  max-height: none
}

#mapModal .modal-content {
  height: inherit
}

#mapModal .modal-content #realAssetList_map {
  height: inherit !important
}

#mapModal .modal-content #realAssetList_map #googleMapsDestination {
  max-height: none !important
}

.gm-style {
  font-family: "PT Serif"
}

.gm-style:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

.gm-style-iw+div {
  display: none
}

.gm-style-iw {
  width: 180px !important;
  top: 15px !important;
  left: 0 !important;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(178,178,178,0.6);
  border-radius: 2px 2px 0 0;
  overflow: visible !important
}

.gm-style-iw::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 80px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent
}

#googleMapsDestination div {
  background-size: contain
}

.navbar-fixed {
  height: 72px
}

@media (max-width: 600px) {
  .navbar-fixed {
      height:56px
  }
}

#topnav.opaque {
  background-color: transparent;
  transition: background-color .5s ease 0s;
  border-bottom: 1px solid #fff;
  box-shadow: none
}

#topnav.opaque i {
  color: #fff
}

#topnav.opaque #topnav-search {
  color: #fff
}

#topnav.opaque .input-field .prefix {
  opacity: 1
}

#topnav.opaque #nav-navigation a:not(.searchContent) {
  color: #fff
}

#topnav.opaque #nav-navigation #header-about {
  border-right: 1px solid #fff
}

#topnav.opaque #nav-language:hover span,#topnav.opaque #nav-language:hover i {
  color: #fff
}

#topnav.opaque #nav-language a:hover {
  color: #fff
}

#topnav.opaque #nav-language span,#topnav.opaque #nav-language i {
  color: #fff
}

#topnav.opaque #nav-language #languages li a {
  color: #263238
}

#topnav.opaque #nav-language #languages li a:hover {
  color: #AF795F
}

.dropdown-content li:hover {
  background-color: rgba(38,49,56,0.07)
}

.searchContent {
  font-size: 16px;
  color: #263238;
  line-height: 26px;
  padding: 11px 0px 11px 24px
}

.searchContent .prefectureName,.searchContent .realAssetLocationName {
  padding-left: 8px;
  margin-right: 20px;
  color: rgba(38,50,56,0.6)
}

.searchContent:hover {
  color: #AF795F
}

.searchContent:hover .prefectureName,.searchContent:hover .realAssetLocationName {
  color: rgba(38,50,56,0.6)
}

.side-nav li {
  line-height: 56px
}

.side-nav li.active {
  background-color: transparent
}

.side-nav a:hover {
  background-color: rgba(0,0,0,0)
}

.side-nav .collapsible-header {
  height: 56px
}

.side-nav .collapsible-header:hover {
  background-color: transparent
}

.side-nav .collapsible-header a {
  padding: 0px;
  line-height: 56px
}

.side-nav .collapsible-header i {
  width: auto;
  margin-right: 8px
}

.side-nav .divider {
  margin: 0px
}

#topnav {
  height: 72px;
  line-height: 72px;
  background-color: #fff;
  border-bottom: 1px solid #ededed;
  box-shadow: none
}

@media (max-width: 600px) {
  #topnav {
      height:56px;
      line-height: 56px
  }
}

@media (max-width: 992px) and (min-width:601px) {
  #topnav .nav-wrapper {
      height:72px;
      line-height: 72px
  }
}

@media (min-width: 601px) {
  #topnav .nav-wrapper i {
      height:72px;
      line-height: 72px
  }
}

#topnav .nav-wrapper .button-collapse {
  margin-left: 15px
}

@media (max-width: 992px) and (min-width:601px) {
  #topnav .nav-wrapper .button-collapse {
      height:72px;
      line-height: 72px;
      margin-left: 24px
  }
}

#topnav i {
  color: black
}

#topnav #logo-container {
  padding-left: 48px;
  height: 100%
}

@media (max-width: 992px) {
  #topnav #logo-container {
      padding-left:24px
  }
}

@media (max-width: 600px) {
  #topnav #logo-container {
      height:56px;
      margin-top: 0px;
      padding-left: 16px
  }
}

#topnav #logo-container #top-nav-logo {
  height: 40px;
  width: 40px
}

#topnav #logo-container #top-nav-kiraku {
  width: auto;
  height: 18px;
  margin-left: 16px
}

@media (max-width: 992px) {
  #topnav #logo-container span {
      padding:0
  }
}

#topnav #logo-container:lang(ja) {
  font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif
}

#topnav .input-field {
  width: 27%;
  margin-right: 16px
}

@media (max-width: 992px) {
  #topnav .input-field {
      width:100%
  }
}

#topnav .input-field .prefix {
  font-size: 24px;
  padding-left: 10px;
  opacity: .54
}

#topnav .input-field .twitter-typeahead {
  width: 100%
}

#topnav .input-field input {
  padding-left: 0px
}

#topnav #topnav-search {
  color: rgba(38,50,56,0.6);
  font-size: 16px;
  line-height: 23px;
  vertical-align: baseline !important;
  padding-left: 50px;
  width: inherit
}

#topnav #nav-language {
  padding-right: 48px
}

#topnav #nav-language:hover span,#topnav #nav-language:hover i {
  color: #AF795F
}

@media (max-width: 992px) and (min-width:601px) {
  #topnav #nav-language {
      margin-right:9px;
      padding-right: 0px
  }
}

#topnav #nav-language a {
  color: #263238;
  font-size: 14px;
  padding-left: 16px
}

#topnav #nav-language a:hover {
  color: #AF795F;
  background-color: transparent
}

@media (max-width: 600px) {
  #topnav #nav-language {
      padding-right:0px
  }

  #topnav #nav-language a.dropdown-button {
      padding: 0px
  }
}

#topnav #nav-navigation {
  height: 100%;
  line-height: 24px
}

#topnav #nav-navigation a {
  color: #263238;
  font-size: 14px;
  padding: 8px 16px
}

#topnav #nav-navigation a:hover {
  color: #AF795F;
  background-color: transparent
}

#topnav #nav-navigation #header-about {
  border-right: 1px solid rgba(38,50,56,0.4)
}

#topnav #nav-navigation #homesDropdown {
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  background-color: #ffffff;
  text-align: left;
  height: 400px;
  overflow-y: auto
}

#topnav #nav-navigation .searchContent {
  font-size: 16px;
  color: #263238;
  line-height: 26px;
  padding: 11px 0px 11px 24px
}

#topnav #nav-navigation .searchContent .prefectureName,#topnav #nav-navigation .searchContent .realAssetLocationName {
  padding-left: 8px;
  margin-right: 20px;
  color: rgba(38,50,56,0.6)
}

#topnav #nav-navigation .searchContent:hover {
  color: #AF795F
}

#topnav #nav-navigation .searchContent:hover .prefectureName,#topnav #nav-navigation .searchContent:hover .realAssetLocationName {
  color: rgba(38,50,56,0.6)
}

#topnav #globe_icon {
  font-size: 24px;
  height: 72px;
  line-height: 72px;
  margin-right: 8px;
  opacity: .54
}

@media (max-width: 600px) {
  #topnav #globe_icon {
      margin-left:21px;
      height: 56px;
      line-height: 56px;
      margin-right: 15px
  }
}

#topnav #topnav-hamburger {
  margin-left: auto
}

.searchSuggestions {
  display: block
}

.tt-menu {
  top: 50px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  background-color: #ffffff;
  text-align: left;
  padding-top: 20px;
  width: 100%;
  height: 400px;
  overflow-y: auto
}

@media (max-width: 600px) {
  .tt-menu {
      width:100vw;
      left: -65px !important
  }
}

.tt-menu .tt-dataset-realAssetsList {
  padding-top: 10px
}

.tt-menu .searchHeader {
  font-size: 16px;
  color: rgba(38,50,56,0.6);
  padding-bottom: 15px;
  font-family: "Karla";
  line-height: 23px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 24px
}

.tt-menu .searchSuggestions {
  font-size: 16px;
  color: #263238;
  line-height: 26px;
  padding: 11px 0px 11px 24px
}

.tt-menu .searchSuggestions .prefectureName,.tt-menu .searchSuggestions .realAssetLocationName {
  padding-left: 8px;
  margin-right: 20px;
  color: rgba(38,50,56,0.6)
}

.tt-menu .searchSuggestions:hover {
  color: #AF795F;
  background-color: rgba(38,49,56,0.07)
}

.tt-menu .searchSuggestions:hover .prefectureName,.tt-menu .searchSuggestions:hover .realAssetLocationName {
  color: rgba(38,50,56,0.6)
}

#popup_bookingModule {
  max-height: none;
  height: 100%
}

#popup_bookingModule .row {
  margin: 0px;
  padding: 0px 12px
}

#popup_bookingModule input {
  font-size: 16px
}

#popup_bookingModule .tt-menu {
  left: -12px !important
}

footer.page-footer {
  color: #fff;
  background-color: #5b5f51;
  padding-top: 0px;
  margin-top: 72px
}

footer.page-footer .container .row {
  margin-left: 0px;
  margin-right: 0px
}

@media (max-width: 992px) {
  footer.page-footer {
      margin-top:56px;
      padding-bottom: 80px
  }
}

@media (max-width: 600px) {
  footer.page-footer {
      margin-top:48px
  }
}

footer.page-footer a {
  color: #fff
}

footer.page-footer .row .col:first-of-type {
  padding-left: 0px
}

footer.page-footer .row .col:last-of-type {
  padding-right: 0px
}

footer.page-footer .footer-description {
  line-height: 23px;
  font-size: 15px
}

footer.page-footer #footer-top {
  padding-top: 42px
}

footer.page-footer #footer-top .row:first-of-type {
  margin-bottom: 32px
}

footer.page-footer #footer-top .footer-heading {
  font-family: "Karla";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 24px
}

footer.page-footer #footer-top .brands {
  margin-bottom: 32px
}

footer.page-footer #footer-top .brands .brandLogo {
  padding-right: 28px
}

footer.page-footer #footer-top .footer-logo-img {
  height: 69px;
  width: 69px
}

@media (max-width: 992px) {
  footer.page-footer #footer-top #first-row::after {
      content:"";
      display: table;
      clear: both
  }
}

footer.page-footer #footer-top #footer-neighborhoods {
  border-left: 1px solid #fff
}

@media (max-width: 992px) {
  footer.page-footer #footer-top #footer-neighborhoods {
      border-left:0px
  }
}

@media (max-width: 992px) {
  footer.page-footer #footer-top .second-row {
      margin-top:24px
  }
}

footer.page-footer .footer-copyright {
  background-color: inherit;
  height: auto;
  padding-top: 32px;
  padding-bottom: 32px
}

footer.page-footer .footer-copyright .row .col {
  padding: 0 0
}

@media (max-width: 992px) {
  footer.page-footer .footer-copyright {
      padding-bottom:0px
  }
}

@media (max-width: 600px) {
  footer.page-footer .footer-copyright .rowSeparator24.copyright_container {
      padding-bottom:24px
  }
}

footer.page-footer .footer-copyright .copyright_container {
  line-height: 23px;
  font-family: "Karla"
}

@media (max-width: 600px) {
  footer.page-footer .footer-copyright .copyright_container {
      text-align:center
  }
}

footer.page-footer .footer-copyright .footer-button {
  position: relative;
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  line-height: 22px;
  overflow: visible;
  -webkit-transition: color .7s;
  transition: color .7s;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

footer.page-footer .footer-copyright .footer-button:first-of-type {
  margin-right: 33px
}

footer.page-footer .footer-copyright .footer-button.cbutton--click,footer.page-footer .footer-copyright .footer-button:focus {
  outline: none;
  color: #3c8ddc
}

footer.page-footer .footer-copyright .footer-button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  content: '';
  opacity: 0;
  pointer-events: none;
  background: rgba(111,148,182,0.1)
}

footer.page-footer .footer-copyright .footer-img {
  height: 22px;
  width: 22px
}

footer.page-footer .footer-copyright .footer-button.cbutton--click::after {
  -webkit-animation: anim-effect-sanja 1s ease-out forwards;
  animation: anim-effect-sanja 1s ease-out forwards
}

@-webkit-keyframes anim-effect-sanja {
  0% {
      opacity: 1;
      -webkit-transform: scale3d(.5, .5, 1);
      transform: scale3d(.5, .5, 1)
  }

  25% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1)
  }

  100% {
      opacity: 0;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1)
  }
}

@keyframes anim-effect-sanja {
  0% {
      opacity: 1;
      -webkit-transform: scale3d(.5, .5, 1);
      transform: scale3d(.5, .5, 1)
  }

  25% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1)
  }

  100% {
      opacity: 0;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1)
  }
}

@media (max-width: 600px) {
  footer.page-footer .footer-copyright .termsAndPolicy {
      padding-left:0px
  }
}

#loading {
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  background-color: #fff;
  z-index: 2
}

#loading .indeterminate {
  background-color: #AF795F
}

#loading:focus {
  outline: none !important
}

#googleMapsDestination {
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 400px
}

@media (max-width: 600px) {
  #googleMapsDestination {
      min-height:300px;
      max-height: 300px !important
  }
}

/*独自CSS*/
#index #index_hero #index_carouselDots .slick-dots {
  bottom: 30px;
}

.slick-slide {
  /*height: auto !important;*/
}

.property_carousel {
  max-height: 370px;
}

.neighborhoodList_background .neighborhood_imageContainer:before {
  display: none;
}

.neighborhoodList_background .neighborhood_description .neighborhood_name {
  margin-top: 0.5em !IMPORTANT;
}

.property_carousel .slick-slide {
  /*padding: 0 !important;*/
}

.dropdown-content li>a, .dropdown-content li>span {
  font-size: 11px !important;
}

@media screen and (min-width: 1366px) {
  .property_carousel {
      max-height: 500px !important;
  }
}

@media screen and (max-width: 480px) {
  #index .index_neighborhoods .neighborhoodList_background .col:first-of-type {
      /*height: 55vw !important;*/
  }

  .slick-list.draggable {
      height: auto !important;
  }

  .property_carousel .slick-dots {
      bottom: -50px !important;
  }
}

/* single-property details accordion animation (CSS only) */
:root {
  interpolate-size: allow-keywords;
}

@supports selector(details::details-content) {
  .js-property-accordion::details-content {
    overflow: clip;
  }

  .js-property-accordion:not([open])::details-content {
    block-size: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .js-property-accordion::details-content {
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
      transition-property: content-visibility, block-size;
      transition-behavior: allow-discrete;
    }
  }
}