@charset "utf-8";
/* CSS Document */


/* = icon-sprite
------------------------------------------------
 ex) <i class="icon-sprite icon-sprite--bed"></i>
------------------------------------------------*/
/* ic-property */
.icon-sprite.icon-sprite--bed,
.ic-sprite.ic-bed {
  background-position: 0 0;
  width:23px; height:14px;
}
.icon-sprite.icon-sprite--bedWt,
.ic-sprite.ic-bed-wt {
  background-position: -25px 0;
  width:23px; height:14px;
}
.icon-sprite.icon-sprite--bath,
.ic-sprite.ic-bath {
  background-position: 0 -25px;
  width:23px; height:17px;
}
.icon-sprite.icon-sprite--bathWt,
.ic-sprite.ic-bath-wt {
  background-position: -25px -25px;
  width:23px; height:17px;
}
.icon-sprite.icon-sprite--buildingSize,
.ic-sprite.ic-building-size {
  background-position: 0 -50px;
  width:23px; height:17px;
}
.icon-sprite.icon-sprite--buildingSizeWt,
.ic-sprite.ic-building-size-wt {
  background-position: -25px -50px;
  width:23px; height:17px;
}
.icon-sprite.icon-sprite--landSize,
.ic-sprite.ic-land-size {
  background-position: 0 -75px;
  width:23px; height:17px;
}
.icon-sprite.icon-sprite--landSizeWt,
.ic-sprite.ic-land-size-wt {
  background-position: -25px -75px;
  width:23px; height:17px;
}
.icon-sprite.icon-sprite--car,
.ic-sprite.ic-car {
  background-position: 0 -100px;
  width:23px; height:12px;
}
.icon-sprite.icon-sprite--carWt,
.ic-sprite.ic-car-wt {
  background-position: -25px -100px;
  width:23px; height:12px;
}
.icon-sprite.icon-sprite--owner,
.ic-sprite.ic-owner {
  background-position: 0 -125px;
  width:23px; height:24px;
}
.icon-sprite.icon-sprite--ownerWt,
.ic-sprite.ic-owner-wt {
  background-position: -25px -125px;
  width:23px; height:24px;
}

/* ic-menu */
.icon-sprite.icon-sprite--home,
.ic-sprite.ic-home {
  background-position: -50px 0;
  width:25px; height:25px;
}
.ic-sprite.ic-terms {
  background-position: -50px -25px;
  width:25px; height:25px;
}
.ic-sprite.ic-privacy {
  background-position: -50px -50px;
  width:25px; height:25px;
}
.ic-sprite.ic-aboutus {
  background-position: -50px -75px;
  width:25px; height:25px;
}
.ic-sprite.ic-suburb {
  background-position: -50px -100px;
  width:25px; height:25px;
}
.ic-sprite.ic-menu {
  background-position: -50px -125px;
  width:25px; height:25px;
}
.ic-sprite.ic-menu-close {
  background-position: -50px -150px;
  width:23px; height:23px;
}
/* ic-SNS */
.ic-sprite.ic-fb {
  background-position: -125px 0;
  width:22px; height:22px;
}
.ic-sprite.ic-tw {
  background-position: -125px -25px;
  width:22px; height:22px;
}
.ic-sprite.ic-ggl {
  background-position: -125px -50px;
  width:22px; height:22px;
}
/* ic-function */
.ic-sprite.ic-closewindow {
  background-position: -125px -100px;
  width:34px; height:34px;
}
.ic-sprite.ic-closewindow:hover {
  background-position: -125px -150px;
  width:34px; height:34px;
}
/* ic-other */
.ic-sprite.ic-tel {
    background-position: 0 -200px;
    width:25px; height:25px;
}
.ic-sprite.ic-tel-line {
    background-position: -25px -200px;
    width:25px; height:25px;
}
.icon-sprite.icon-sprite--mail,
.ic-sprite.ic-mail {
  background-position: 0 -225px;
  width:23px; height:16px;
}
.ic-sprite.ic-mail-wt {
  background-position: 0 -275px;
  width:23px; height:16px;
}
.ic-sprite.ic-photo {
  background-position: 0 -250px;
  width:23px; height:18px;
}
.icon-sprite.icon-sprite--photoWt,
.ic-sprite.ic-photo-wt {
  background-position: -25px -250px;
  width:23px; height:18px;
}
.icon-sprite.icon-sprite--search,
.ic-sprite.ic-search {
  background-position: -50px -175px;
  width:24px; height:24px;
}
.icon-sprite.icon-sprite--searchWt {
  background-position: -50px -200px;
  width:24px; height:24px;
}
.icon-sprite.icon-sprite--favorite-off,
.ic-sprite.ic-favorite-off {
  background-position: -50px -222px;
  width:25px; height:25px;
}
.icon-sprite.icon-sprite--favorite-on,
.ic-sprite.ic-favorite-on {
  background-position: -50px -248px;
  width:25px; height:25px;
}
.icon-sprite.icon-sprite--addCalendar {
  background-position: 0 -175px;
  width: 25px; height: 25px;
}
.icon-sprite.icon-sprite--addCalendarWt {
  background-position: -25px -175px;
  width: 25px; height: 25px;
}
.icon-sprite.icon-sprite--mapPin {
  background-position: 0 -325px;
  width: 25px; height: 25px;
}
.icon-sprite.icon-sprite--mapPinWt {
  background-position: -25px -325px;
  width: 25px; height: 25px;
}
.icon-sprite.icon-sprite--mapPinOg {
  background-position: -50px -325px;
  width: 25px; height: 25px;
}
.icon-sprite.icon-sprite--play {
  background-position: -75px -325px;
  width: 36px; height: 36px;
}
/* = icon-css
------------------------------------------------
 ex) <i class="icon-css icon-css--arrowRight"></i>
------------------------------------------------*/
.ic-css-plus {
  display: inline-block;
  position: absolute;
  right: 0.5em;
  width: 2px;
  height: 12px;
  background-color: #777;
  top: 50%;
  margin-top: -13px;
}
.ic-css-plus::before {
  position: absolute;
  top: 5px;
  left: -5px;
  width: 12px;
  height: 2px;
  content: "";
  background-color: #777;
}
.icon-css--arrowBottom,
.ic-css-arrow-bottom{
  position: relative;
  display: inline-block;
}
.icon-css--arrowBottom::before,
.ic-css-arrow-bottom::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #777;
  border-right: solid 2px #777;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.icon-css--arrowRight,
.ic-css-arrow-right {
  position: relative;
  display: inline-block;
}
.icon-css--arrowRight:before,
.ic-css-arrow-right:before {
  content: '';
  width: 7px;
  height: 7px;
  border-top: solid 2px #777;
  border-right: solid 2px #777;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
}
.icon-css--arrowLeft {
  position: relative;
  display: inline-block;
}
.icon-css--arrowLeft:before {
  content: '';
  width: 7px;
  height: 7px;
  border-top: solid 2px #777;
  border-right: solid 2px #777;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
}
.icon-css--arrowTop {
  position: relative;
  display: inline-block;
}
.icon-css--arrowTop:before {
  content: '';
  width: 7px;
  height: 7px;
  border-top: solid 2px #777;
  border-right: solid 2px #777;
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
}