/* line 2, sass/partial/_sidebar-search.scss */
.search-items h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

/* line 6, sass/partial/_sidebar-search.scss */
.search-items h3 svg {
  margin-right: 0.5em;
}

/* line 12, sass/partial/_sidebar-search.scss */
.search-items {
  margin-bottom: 20px;
}

/* line 16, sass/partial/_sidebar-search.scss */
.items-content {
  display: flex;
  flex-wrap: wrap;
}

/* line 23, sass/partial/_sidebar-search.scss */
.items-content input {
  margin-right: 5px;
}

/* line 27, sass/partial/_sidebar-search.scss */
.items-content select {
  border: 1px solid #ebebeb;
  padding: 3px;
}

/* line 33, sass/partial/_sidebar-search.scss */
.select {
  margin-bottom: 9px;
}

/* line 38, sass/partial/_sidebar-search.scss */
.items-content span {
  display: block;
  margin-right: 12px;
  margin-bottom: 10px;
  border: 1px solid #ebebeb;
  padding: 2px 8px;
  cursor: pointer;
}

/* line 50, sass/partial/_sidebar-search.scss */
.accord {
  background: #eb610e;
  color: #fff;
  padding: 5px;
  text-align: center;
  margin-bottom: 30px;
}

/* line 57, sass/partial/_sidebar-search.scss */
.accord span {
  font-size: 18px;
  display: inline-block;
}

@media (max-width: 1000px) {
  /* line 65, sass/partial/_sidebar-search.scss */
  .search-items {
    margin-bottom: 10px;
  }
}

@media (max-width: 800px) {
  /* line 71, sass/partial/_sidebar-search.scss */
  .search-items {
    margin-bottom: 10px;
  }
  /* line 74, sass/partial/_sidebar-search.scss */
  .search-items h3 {
    font-size: 14px;
  }
  /* line 78, sass/partial/_sidebar-search.scss */
  .sidebar-title {
    font-size: 16px;
  }
  /* line 83, sass/partial/_sidebar-search.scss */
  .items-content span {
    font-size: 12px;
  }
  /* line 87, sass/partial/_sidebar-search.scss */
  .items-content select {
    font-size: 12px;
  }
  /* line 92, sass/partial/_sidebar-search.scss */
  .accord {
    padding: 0;
  }
  /* line 95, sass/partial/_sidebar-search.scss */
  .accord span {
    font-size: 16px;
  }
}

/* line 6, sass/page-bukken-search-result.scss */
.search-title {
  padding: 20px;
  color: #eb610e;
  background: #fff;
  margin-bottom: 30px;
}

/* line 13, sass/page-bukken-search-result.scss */
.search-title h3 {
  font-size: 20px;
}

/* line 17, sass/page-bukken-search-result.scss */
.search-title h3 svg {
  margin-right: 0.5em;
}

/* line 21, sass/page-bukken-search-result.scss */
.search-list {
  background: #fff;
  margin-bottom: 30px;
  padding: 20px;
}

/* Clickable card styles */
.search-list.search-list-clickable {
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.search-list.search-list-clickable:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Prevent click behavior for favor button and icon links */
.search-list-clickable .favour,
.search-list-clickable .icon_new,
.search-list-clickable .icon_update,
.search-list-clickable .icon_comment,
.search-list-clickable .icon_rimawari,
.search-list-clickable .icon_point {
  position: relative;
  z-index: 10;
}

/* Improve search item layout for full height image */
.search-list-clickable .search-items-list {
  height: 100%;
}

.search-list-clickable .search-item {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) { 
  .search-list-clickable .search-item {height: auto;}
}

.search-list-clickable .search-pic {
  flex: 1;
  min-height: 200px;
  position: relative;
  overflow: hidden;
}

.search-list-clickable .search-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.search-list-clickable:hover .search-pic img {
  transform: scale(1.05);
}

/* Adjust favorite button position to be on the image */
.search-list-clickable .search-item .favour {
  position: absolute;
  right: 5%;
  top: 5%;
  z-index: 30;
}

/* Override flex-card-style favour positioning with higher specificity */
.page-bukken-search-result .flex-card-style > .search-list .search-items-list .search-item .favour,
.page-bukken-search-result .flex-card-style > .favor-list .favor-items-list .favor-item .favour {
  position: absolute;
  right: 5%;
  top: 5%;
  color: #999;
  background: rgba(255, 255, 255, 0.9);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 20px;
}


.page-bukken-search-result .flex-card-style > .search-list .search-items-list .search-item .favour:hover,
.page-bukken-search-result .flex-card-style > .favor-list .favor-items-list .favor-item .favour:hover {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.page-bukken-search-result .flex-card-style > .search-list .search-items-list .search-item .favour.addOrange,
.page-bukken-search-result .flex-card-style > .favor-list .favor-items-list .favor-item .favour.addOrange {
  color: #ffd700;
  background: rgba(255, 255, 255, 1);
}

/* line 27, sass/page-bukken-search-result.scss */
.search-items-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 34, sass/page-bukken-search-result.scss */
.search-item > a {
  display: block;
}

/* line 39, sass/page-bukken-search-result.scss */
.search-content h4 {
  font-size: 18px;
}

/* line 43, sass/page-bukken-search-result.scss */
.search-content h4 span {
  display: inline-block;
  font-size: 14px;
  margin-left: 2em;
}

/* 物件情報テーブルスタイル */
.property-info-table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.property-info-table th {
  background-color: #f8f9fa;
  color: #999999;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  padding: 12px 15px;
  border: 1px solid #e9ecef;
  width: 80px;
  vertical-align: top;
}

.property-info-table td {
  padding: 12px 15px;
  border: 1px solid #e9ecef;
  font-size: 14px;
  color: #333;
  vertical-align: top;
}

@media (max-width: 767px) {
  .property-info-table th {
    padding:6px;
    width: 55px;
  }
  .property-info-table td {
    padding:6px;
  }
  .flex-card-style .search-content, 
  .flex-card-style .favor-content{
    width: 100%;
  }
}

.property-info-table td.rimawari-text {
  font-weight: 600;
  color: #ff0000;
}


.property-info-table tr:nth-child(even) {
  /* background-color: #fafbfc; */
}

/* line 63, sass/page-bukken-search-result.scss */
.search-pic {
  position: relative;
}

/* line 86, sass/page-bukken-search-result.scss */
.feature {
  margin-top: 20px;
  border: 1px solid #eb610e;
}

/* line 92, sass/page-bukken-search-result.scss */
.feature:after {
  content: '';
  display: block;
  clear: both;
}

/* line 98, sass/page-bukken-search-result.scss */
.feature span {
  display: block;
}

/* line 101, sass/page-bukken-search-result.scss */
.feature span:first-child {
  float: left;
  color: #fff;
  background: #eb610e;
  line-height: 20px;
  text-align: center;
  position: relative;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  width: 46px;
}

/* line 114, sass/page-bukken-search-result.scss */
.feature span:last-child {
  float: left;
  padding: 10px;
  width: calc(100% - 46px);
}

/* line 122, sass/page-bukken-search-result.scss */
.favour {
  position: absolute;
  right: 5%;
  top: 5%;
  color: #999;
  font-size: 24px;
  cursor: pointer;
  z-index: 20;
  background: rgba(255, 255, 255, 0.9);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.favour:hover {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.favour.addOrange {
  color: #ffd700;
  background: rgba(255, 255, 255, 1);
}

.favour svg,
.favour i {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

/* line 194, sass/page-bukken-search-result.scss */
.search-buttons {
  display: flex;
  margin-top: 10px;
}

/* line 166, sass/page-bukken-search-result.scss */
.search-house-info table {
  width: 100%;
  text-align: center;
  border: 1px solid #d9d9d9;
  margin: 30px 0;
  line-height: 1.5;
}

/* line 183, sass/page-bukken-search-result.scss */
.search-house-info td {
  border-right: 1px solid #d9d9d9;
  background: #fff;
  padding: 1em 0;
}

/* line 47, sass/partial/_functions.scss */
.search-pic .gaikan-madori:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 69, sass/page-bukken-search-result.scss */
.search-pic .gaikan-madori .img-box {
  display: block;
  margin: 0 2.5px;
  max-width: calc(50% - 30px);
  height: 320px;
  float: left;
}

/* line 78, sass/page-bukken-search-result.scss */
.search-pic .gaikan-madori img {
  display: block;
  object-fit: contain;
  height: 100%;
}

/* line 86, sass/page-bukken-search-result.scss */
.feature {
  margin-top: 20px;
  border: 1px solid #eb610e;
}

/* line 92, sass/page-bukken-search-result.scss */
.feature:after {
  content: '';
  display: block;
  clear: both;
}

/* line 98, sass/page-bukken-search-result.scss */
.feature span {
  display: block;
}

/* line 101, sass/page-bukken-search-result.scss */
.feature span:first-child {
  float: left;
  color: #fff;
  background: #eb610e;
  line-height: 20px;
  text-align: center;
  position: relative;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  width: 46px;
}

/* line 114, sass/page-bukken-search-result.scss */
.feature span:last-child {
  float: left;
  padding: 10px;
  width: calc(100% - 46px);
}

/* line 122, sass/page-bukken-search-result.scss */
.favour {
  position: absolute;
  right: 5%;
  top: 5%;
  color: #999;
  font-size: 24px;
  cursor: pointer;
  z-index: 20;
  background: rgba(255, 255, 255, 0.9);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.favour:hover {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.favour.addOrange {
  color: #ffd700;
  background: rgba(255, 255, 255, 1);
}

.favour svg,
.favour i {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

/* line 131, sass/page-bukken-search-result.scss */
.other-content {
  display: flex;
  justify-content: flex-end;
}

/* line 136, sass/page-bukken-search-result.scss */
.other-content a {
  display: block;
  margin-left: 10px;
  color: #000;
}

/* line 142, sass/page-bukken-search-result.scss */
.other-content a svg {
  margin-right: 5px;
}

/* line 146, sass/page-bukken-search-result.scss */
span.orange {
  background: #eb610e;
  border-radius: 2px;
}

/* line 151, sass/page-bukken-search-result.scss */
.search-buttons span {
  display: block;
  width: 90px;
  color: #fff;
  padding: 2px 0;
  text-align: center;
  text-transform: uppercase;
  margin-right: 10px;
}

/* line 161, sass/page-bukken-search-result.scss */
span.black {
  background: #000;
  border-radius: 2px;
}

/* line 166, sass/page-bukken-search-result.scss */
.search-house-info table {
  width: 100%;
  text-align: center;
  border: 1px solid #d9d9d9;
  margin: 30px 0;
  line-height: 1.5;
}

/* line 174, sass/page-bukken-search-result.scss */
.search-house-info th {
  background: #e6e6e6;
  text-align: center;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 1em 0;
  font-weight: bold;
}

/* line 183, sass/page-bukken-search-result.scss */
.search-house-info td {
  border-right: 1px solid #d9d9d9;
  background: #fff;
  padding: 1em 0;
}

/* line 194, sass/page-bukken-search-result.scss */
.search-buttons {
  display: flex;
  margin-top: 10px;
}

/* line 200, sass/page-bukken-search-result.scss */
.search-house-info td .detail,
.search-house-info td span {
  display: block;
  margin: 0 5px;
  background: #eb610e;
  color: #FFF !important;
  padding: 3px 0;
  cursor: pointer;
}

/* line 209, sass/page-bukken-search-result.scss */
.search-house-info td .detail svg,
.search-house-info td span svg {
  margin-right: 5px;
}

/* line 214, sass/page-bukken-search-result.scss */
.search-house-info td .icon-favorite {
  display: block;
  margin: 0 5px;
  background: #ded7d7;
  color: #000 !important;
  cursor: pointer;
}

/* line 221, sass/page-bukken-search-result.scss */
.search-house-info td .icon-favorite svg {
  margin-right: 5px;
}

/* line 226, sass/page-bukken-search-result.scss */
.search-house-info td .icon-favorite.addOrange {
  background: #eb610e;
  color: #fff !important;
}

/* line 232, sass/page-bukken-search-result.scss */
.search-concept {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-content: center;
}

/* line 240, sass/page-bukken-search-result.scss */
.concept1 {
  width: 100%;
}

/* line 243, sass/page-bukken-search-result.scss */
.concept1 .pager-top {
  text-align: right;
}

/* line 249, sass/page-bukken-search-result.scss */
.concept1 .pager-top > span > span {
  color: #eb610e;
  font-weight: bold;
}

/* line 259, sass/page-bukken-search-result.scss */
.concept1 > span:last-child span {
  font-size: 18px;
}

/* line 263, sass/page-bukken-search-result.scss */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}

/* line 268, sass/page-bukken-search-result.scss */
.pagination ul {
  display: flex;
  margin-right: 1em;
  align-items: center;
  gap: 5px;
}

/* line 274, sass/page-bukken-search-result.scss */
.pagination li {
  margin-right: 0.5em;
}

/* line 278, sass/page-bukken-search-result.scss */
.pagination a {
  padding: 8px 15px;
  background: #fff;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  border: 2px solid #e0e0e0;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-weight: 500;
  min-width: 38px;
  text-align: center;
  display: inline-block;
}

/* line 286, sass/page-bukken-search-result.scss */
.pagination a.current {
  background: var(--theme-color, #eb610e);
  color: #fff;
  cursor: default;
  border-color: var(--theme-color, #eb610e);
  font-weight: 700;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(var(--theme-color-rgb, 235, 97, 14), 0.3);
}

/* line 290, sass/page-bukken-search-result.scss */
.pagination a.omision {
  cursor: default;
}

/* line 295, sass/page-bukken-search-result.scss */
.pagination {
  margin-top: 10px;
}

/* line 297, sass/page-bukken-search-result.scss */
.pagination a:hover:not(.current):not(.omision) {
  background: var(--theme-color, #eb610e);
  color: #fff;
  border-color: var(--theme-color, #eb610e);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--theme-color-rgb, 235, 97, 14), 0.3);
}

/* line 303, sass/page-bukken-search-result.scss */
.concept1 select {
  margin: 0 0.5em;
  background: #fff;
  border: 1px solid #ebebeb;
  padding: 3px;
}

/* line 311, sass/page-bukken-search-result.scss */
.pagi-select {
  display: inline-block;
}

@media (max-width: 1200px) {
  /* line 316, sass/page-bukken-search-result.scss */
  .search-house-info table {
    font-size: 12px;
  }
  /* line 319, sass/page-bukken-search-result.scss */
  .search-house-info th, .search-house-info td {
    padding: 0.5em 0;
  }
}

@media (max-width: 700px) {
  /* line 331, sass/page-bukken-search-result.scss */
  .search-item .search-pic .gaikan-madori a {
    display: block;
    margin: 0;
    width: 100%;
    float: none;
  }
  /* line 338, sass/page-bukken-search-result.scss */
  .search-item .search-pic .gaikan-madori a:first-child {
    margin-bottom: 10px;
  }
  /* line 341, sass/page-bukken-search-result.scss */
  .search-item .search-pic .gaikan-madori img {
    display: block;
  }
  /* line 349, sass/page-bukken-search-result.scss */
  .search-content {
    width: calc(100% - 170px);
  }
  /* line 352, sass/page-bukken-search-result.scss */
  .search-concept {
    flex-wrap: wrap;
  }
  /* line 355, sass/page-bukken-search-result.scss */
  .pagination {
    width: 100%;
    margin-top: 10px;
  }
}

@media (max-width: 550px) {
  /* line 362, sass/page-bukken-search-result.scss */
  .search-items-list {
    flex-wrap: wrap;
  }
  /* line 365, sass/page-bukken-search-result.scss */
  .search-item {
    margin: auto;
  }
  /* line 370, sass/page-bukken-search-result.scss */
  .search-pic img {
    width: 100%;
  }
  /* line 375, sass/page-bukken-search-result.scss */
  .search-pic .gaikan-madori .img-box {
    max-width: calc(50% - 5px);
    height: auto;
  }
  /* line 381, sass/page-bukken-search-result.scss */
  .search-content {
    width: 100%;
    margin-left: 0;
  }
  /* line 385, sass/page-bukken-search-result.scss */
  .search-list {
    font-size: 12px;
  }
  /* line 388, sass/page-bukken-search-result.scss */
  .search-house-info table {
    margin: 20px 0;
  }
  /* line 391, sass/page-bukken-search-result.scss */
  .search-content h4 {
    font-size: 14px;
  }
  /* line 394, sass/page-bukken-search-result.scss */
  .search-house-info table {
    width: 470px;
  }
  /* line 397, sass/page-bukken-search-result.scss */
  .search-house-info {
    overflow-x: scroll;
  }
}

@media (max-width: 500px) {
  /* line 403, sass/page-bukken-search-result.scss */
  .pagination a {
    padding: 1px 2px;
    font-size: 12px;
  }
  /* line 407, sass/page-bukken-search-result.scss */
  .pagi-select {
    text-align: center;
    display: none;
  }
}


