@charset "utf-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■トップページ用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.c-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 49.5%;
  padding: 5px;
  border: 1px solid #ddd;
  background-color: #ffffff;
}
.c-card:nth-child(n+3) {
  margin-top: 10px;
}
.c-card__photo {
  width: 40%;
}
.c-card__photo figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0%;
  padding-top: 75%;
  background-color: #f8f8f8;
  overflow: hidden;
}
.c-card__photo figure a {
  display: block;
  width: 100%;
  height: 100%;
}
.c-card__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.c-card__desc {
  position: relative;
  width: 58%;
  padding-bottom: 30px;
}
.c-card__itemtype {
  margin: 0 0 5px;
  background-color: #0E79E0;
  color: #ffffff;
  text-align: center;
  font-size: 1.2rem;
}
.c-card__itemtype.land {
  background-color: #4B3200;
}
.c-card__itemtype.detached {
  background-color: #194B00;
}
.c-card__itemtype.apartment {
  background-color: #037B8B;
}
.c-card__itemtype.mansion {
  background-color: #170BA1;
}
.c-card__itemtype.shop {
  background-color: #1C004B;
}
.c-card__itemtype.office {
  background-color: #4B0043;
}
.c-card__itemtype.building {
  background-color: #4B0000;
}
.c-card__title {
  font-weight: bold;
  font-size: 1.6rem;
  color: #0E79E0;
  margin-bottom: 5px;
}
.c-card__title--member {
  font-weight: bold;
  font-size: 1.4rem;
  color: #0E79E0;
  margin-bottom: 5px;
}
.c-card__title a:hover {
  text-decoration: underline;
}
.c-card__catch {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.c-card__spec {
  font-size: 1.1rem;
}
.c-card__spec dt {
  float: left;
  margin: 0 0 0;
  padding: 0 2px;
  text-align: center;
}
.c-card__spec dd {
  margin: 0 0 2px;
  padding: 0 0 5px 4em;
  border-bottom: 1px dotted #ddd;
}
.c-card__price {
  font-size: 1.2rem;
  font-weight: bold;
  color: #c00;
}
.c-card__income {
  margin-top: 5px;
}
.c-card__income dt {
  float: left;
  width: 6em;
  margin: 0 0 0;
  background: none;
  line-height: 150%;
}
.c-card__income dd {
  padding: 0 0 0 6.5em;
  border-bottom: 1px dotted #ddd;
}
.c-card__btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-card__btn a {
  display: block;
  padding: 3px 5px;
  font-size: 1.2rem;
  text-decoration: none;
  background: #977334;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.c-card__btn a:hover {
  opacity: 0.75;
}
.c-card__member {
  margin-top: 15px;
  font-size: 1.2rem;
}
.c-card__member a {
  color: #0E79E0;
  text-decoration: underline;
}
.c-card__member a:hover {
  color: #d2164c;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■トップページ用（英語版）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#font-en .c-card__spec dd {
  padding-left: 5em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■カテゴリー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.c-category {
  position: relative;
  margin-bottom: 15px;
}
.c-category__change {
  width: 130px;
  margin-left: auto;
}
.c-category__change.long {
  width: 200px;
}
.c-btn--open .fas {
  margin-left: 5px;
}
.c-category__nav {
  margin-bottom: 30px;
}
.c-category__nav li {
  margin-right: 15px;
  margin-top: 10px;
}
.c-category__nav a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  background-color: #E8F1FD;
  border-radius: 3px;
  border: 1px solid #1162d8;
}
.c-category__nav a::after {
  position: relative;
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #1162d8;
  border-right: 2px solid #1162d8;
  transform: rotate(45deg);
  margin-left: 5px;
}
.c-category__nav a:hover {
  background-color: #C2DBFF;
}
.c-category__name {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.0rem;
  border-bottom: 1px solid #1162d8;
}
.c-category__name::before {
  display: inline-block;
  content: 'カテゴリー';
  background-color: #1162d8;
  color: #ffffff;
  padding: 0 5px;
  font-size: 1.2rem;
  margin-right: 10px;
  border-radius: 3px;
}
.c-category__name.c-area::before {
  content: 'エリア';
}
.c-category__btn {
  display: block;
  width: 200px;
  margin: 0 auto;
  height: 40px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■絞り込み
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}
.p-search__condition {
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 5px;
  background-color: #f8f8f8;
}
.p-search__heading {
  background-color: #333;
  color: #fff;
  margin-right: 5px;
  line-height: 30px;
  padding: 0 10px;
}
.p-search__filter {
  margin-right: 15px;
}
.p-search__select {
  height: 30px;
}
.p-search__btn {
  width: 200px;
  margin: auto;
}
.p-search__result {
  padding: 10px;
  margin-top: 15px;
  background-color: #F4F7FB;
}
.p-search__result__item {
  font-size: 1.8rem;
  font-weight: bold;
  color: #a60000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-right: 10px;
}
.p-search__result__item:last-child {
  margin-right: 0;
}
.p-search__result__item span {
  font-size: 1.2rem;
  padding: 2px 10px;
  background-color: #a60000;
  color: #fff;
  margin-right: 5px;
}
.no-property {
  margin-top: 30px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ソート
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-sort {
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}
.p-sort__item dt {
  margin-right: 5px;
  font-size: 1.2rem;
  background-color: #ddd;
  padding: 0 5px;
}
.p-sort__item dd {
  margin-right: 15px;
}
.p-sort__order li {
  margin-right: 5px;
}
.p-sort__order li a {
  text-decoration: underline;
  color: #004483;
}
.p-sort__order li a:hover {
  text-decoration: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■物件写真
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.photo-item {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  overflow: hidden;
}
.photo-item img {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■物件一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.c-list {
  width: 30%;
  margin: 0 auto 30px;
}
.c-list__summary {
  padding: 10px;
}
.c-list__catchcopy {
  padding: 5px 10px;
  background-color: #eee;
}
.c-list__photo {
  /*flex-basis: 200px;*/
  /* max-width: 200px; */
  width: 100%;
  height: 200px;
  background-color: #f8f8f8;
  margin-right: 15px;
  object-fit: cover;
}
.c-list__priceline .u-fc-red {font-size: 1.8rem;}
.c-list__overview {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.c-list__detail {
  /*flex-basis: 200px;*/
  margin: 0 auto 15px;
  /*margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ddd;*/
}
.c-list__itemtype {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  height: 22px;
  font-size: 12px;
}
.c-list__roomtype {
  font-weight: bold;
  color: #000;
  border: 1px solid #000;
  padding: 0 5px;
  height: 22px;
}
.c-list__ttl {
  font-size: 1.6rem;
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}
.c-list__price {
  font-size: 1.8rem;
  font-weight: bold;
  color: #d2164c;
  margin-bottom: 10px;
}
.c-list__income {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}
.c-list__income dt {
  font-weight: bold;
}
.c-list__income dd {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 10px;
}
.c-list__income dd:last-child {
  margin-right: 0;
}
.c-list__address {
  margin-bottom: 10px;
}
.c-list__facility {
  margin-top: 10px;
}
.c-list__item {
  margin-bottom: 10px;
}
.c-list__item dt {
  float: left;
  padding: 3px 8px 0 0;
  font-size: 1.2rem;
}
.c-list__item dd {
  padding-left: 4em;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ddd;
}
.c-list__btn {
  margin-top: auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■物件一覧（英語版）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#font-en .c-list__item dt {
  float: none;
  color: #666;
}
#font-en .c-list__item dd {
  padding-left: 1em;
  padding-top: 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■物件詳細
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-property__catchcopy {
  font-weight: bold;
  margin-bottom: 15px;
}
.p-property__wrapper {
  margin-bottom: 30px;
}
.p-property__main {
  width: 36%;
}
.p-property__mainphoto {
  width: 100%;
}
.p-property__overview {
  width: 62%;
}
.p-property__heading {
  background-color: #004483;
  color: #ffffff;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  -moz-align-items: start;
  -ms-align-items: start;
  -o-align-items: start;
  align-items: center;
  /*border-radius: 5px 5px 0 0;*/
}
.p-property__itemtype {
  background-color: #fff;
  font-size: 14px;
  color: #333;
  padding: 0 5px;
  margin-right: 10px;
  line-height: 20px;
  height: 20px;
}
.p-property__ttl {
  flex: 1;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-property__digest {
  border: 1px solid #004483;
  /*border-radius: 0 0 5px 5px;*/
  margin-bottom: 15px;
  padding: 5px;
}
.p-property__digest__col {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin: 5px;
}
.p-property__digest__heading {
  flex-shrink: 0;
  margin-right: 5px;
  font-weight: bold;
  font-size: 1.3rem;
  background-color: rgba(18, 112, 182, 0.17);
  padding: 2px 5px;
}
.p-property__digest__content {
  margin-right: 5px;
}
.p-property__price {
  font-size: 1.6rem;
}
.p-property__facility {
  margin-top: 15px;
}
.p-property__facility .facility-item {
  width: 19.5%;
  line-height: 30px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
}
.p-property__facility .facility-item.is-active {
  background-color: #009FFF;
}
.p-property__facility .facility-item:nth-child(n+6) {
  margin-top: 7px;
}
.p-property__body {
  margin-bottom: 30px;
  padding: 0 15px;
}
.p-property__gallery {
  position: relative;
  margin-bottom: 30px;
}
.p-property__gallery::after {
  content: '';
  display: block;
  width: 31%;
}
.p-property__gallery__col {
  width: 31%;
}
.p-property__gallery__col:nth-child(n+4) {
  margin-top: 15px;
}
.p-property__photo {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  background-color: #f8f8f8;
}
.p-property__photo .photo-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.p-property__caption {
  font-size: 1.2rem;
  background: #f5f2e9;
  text-align: center;
  padding: 0.15rem 0;
}
.p-property__movie {
  margin-top: 30px;
  margin-bottom: 30px;
}
.p-property__movie video {
    max-width: 100%;
}
.p-property__form {
  margin-top: 30px;
}
.p-property__summary {
  margin-bottom: 30px;
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #f8f8f8;
  overflow: hidden;
}
.p-property__summary__item {
  float: left;
  min-height: 32px;
}
.p-property__summary__item.line {
  width: 100%;
}
.p-property__summary__item.half {
  width: 50%;
}
.p-property__summary__item th, .p-property__summary__item td {
  vertical-align: middle;
}
.p-property__summary__item th {
  background-color: #f8f8f8;
  width: 150px;
  border-bottom: 1px solid #ddd;
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  padding: 10px 3px;
}
.p-property__summary__item td {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 1.3rem;
  padding: 10px;
}
.p-property__roomlist {
  margin-bottom: 30px;
  width: 100%;
}
.p-property__roomlist th {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  padding: 10px 3px;
}
.p-property__roomlist td {
  border: 1px solid #ddd;
  font-size: 1.2rem;
  padding: 10px 3px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■物件詳細（英語版）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#font-en .p-property__summary__item th {
  width: 170px;
}
#font-en .p-form__list--row li {
  width: 100%;
}

.c-list__overview {min-height: 185px;}
.c-list__detail {
	margin: 0 auto 30px;
}
.c-list__item {
  min-height: 145px;
  margin-bottom: 0;}