@charset "utf-8";
/* CSS Document */
/* -------一覧 全選択タイトルバー------- */
.cht_controlblock {
  position: relative;
  background-color: var(--color-paleblue);
  padding: 12px 18px 12px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  border: 1px solid #C7DEF5;
  border-radius: var(--border-radius4);
  font-size: 0.875rem;
}
.cht_controlblock::after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 32px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid var(--color-paleblue);
  z-index: 1;
}
.cht_controlblock::before{
  content: "";
  position: absolute;
  bottom: -11px;
  left: 31px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 11px solid #C7DEF5;
  z-index: 1;
}
.cht_control-l {
  gap: 12px;
}
.cht_bukkennameblock .cht_icon_check{
  background-color: #FFFFFF;
}
.cht_control-r {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 12px;
}
.cht_linkedbtnblock{
  display: flex;
  align-items: center;
  gap: 8px;
}
.cht_linkedbtnblock > div{
  min-width: 140px;
  flex: 1 1 auto;
}
/* 一覧 全選択タイトルバー 青 建物名前 */
.cht_bukkennameblock {
  background-color: var(--color-paleblue);
  padding: 8px 18px 8px 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cht_labelblock label .cht_icon_checkbox {
  gap: 12px;
}
.cht_bukkenname{
  font-size: clamp(1rem,1.4vw,1.125rem);
  font-weight: 700;
}


/* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
.cht_table02t-fh{
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
  overflow: hidden;
}
.cht_table02t-fh:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.cht_table02-title.cht_table02t-fh{
  font-size: 0.875rem;
  line-height: calc(18 / 13);
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.cht_table02-title.cht_table02t-fh:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.cht_table02-content.cht_table02t-fh > ul{
  grid-template-columns: 300px repeat(4, auto);
  padding: 20px;
  gap: 8px;
  text-align: left;
}
.cht_table02-content.cht_table02t-fh ul > li{
  text-align: left;
}
.cht_table02-content.cht_table02t-fh > ul li.cht_img{
  display: flex;
  align-items: center;
  gap: clamp(8px,1.5vw,16px);
}
.cht_table02-content.cht_table02t-fh .cht_pictureblock.cht_picture01 img{
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  max-width: 150px;
  object-fit: cover;
}
.cht_table02-content.cht_table02t-fh .cht_pictureblock.cht_picture02 img{
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  max-width: 150px;
  object-fit: contain;
}
.cht_table02-content.cht_table02t-fh li.cht_details{
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0px, 0.8vw, 10px);
  font-size: clamp(0.75rem,3.2vw,0.875rem);
}
.cht_table02-content.cht_table02t-fh li.cht_rentwrap > ul{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 6px 4px;
}
.cht_table02-content.cht_table02t-fh li.cht_rentblock ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 clamp(8px,1.2vw,16px);
  color: var(--color-pink);
}
.cht_table02-content.cht_table02t-fh span.cht_rent_num {
  display: flex;
  align-items: baseline;
  gap: clamp(1px,0.5vw,8px);
}
.cht_table02-content.cht_table02t-fh span.cht_renttxt{
  font-size: clamp(0.625rem,2.2vw,0.75rem);
  color: var(--txt-color01);
}
.cht_table02-content.cht_table02t-fh span.cht_rent_num-o {
  display: flex;
  align-items: baseline;
  gap: clamp(1px,0.5vw,8px);
  color: var(--txt-color01);
}
.cht_table02-content.cht_table02t-fh li.cht_deposit ul{
  flex-direction: row;
  flex-wrap: wrap;
}
.cht_table02-content.cht_table02t-fh li.cht_listflx-table{
  gap: 32px;
}
.cht_table02-content.cht_table02t-fh li.cht_listflx-table .cht_linktxt a{
  justify-content: flex-start;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  padding-left: 0;
}
.cht_table02-content.cht_table02t-fh .cht_linkedbtnwrap > div{
  min-width: 140px;
}




@media (max-width: 1300px){
/* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .cht_table02-content.cht_table02t-fh > ul{
    grid-template-columns: 300px repeat(2, auto);
    grid-template-rows: repeat(3, auto);
  }
  .cht_table02-content.cht_table02t-fh .cht_img{
    grid-row: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_details {
    grid-row: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflxbox > ul{
    flex-direction: column;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap{
    grid-row: 1 / 2;
    grid-column: 3 / 4;
  }
  .cht_table02-content.cht_table02t-fh li.cht_rentblock ul{
    flex-direction: row;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout{
    grid-row: 2 / 3;
    grid-column: 3 / 4;
    white-space: nowrap;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout ul{
    flex-direction: row;
    justify-content: flex-start;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table{
    grid-row: 3 / 4;
    grid-column: 3/4;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table .cht_linkedbtnwrap{
    flex-direction: row;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table .cht_linktxt a{
    text-decoration: none;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table > .cht_linktxt {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
  }
}




@media (max-width: 960px) {
  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .cht_table02-content.cht_table02t-fh > ul{
    grid-template-columns: auto 1fr;
    gap:8px clamp(0.5rem, -9.7222rem + 23.7037vw, 4.5rem);  /* 8-72 690-960 */
  }
  .cht_table02-content.cht_table02t-fh .cht_img{
    grid-row: 1 / 2;
  }
  .cht_table02-content.cht_table02t-fh .cht_details{
    grid-row: 2 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap {
    grid-column: 2 / 3;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout{
    grid-column: 2 / 3;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table{
    grid-column: 2 / 3;
  }
}




@media (max-width: 690px) {
  /* -------一覧 全選択タイトルバー------- */
  .cht_controlblock{
    flex-direction: column;
    align-items: baseline;
    padding: 12px 20px;
  } 
  .cht_control-l{
    border-bottom: 1px solid var(--border-gray01);
    width: 100%;
    padding-bottom: 12px;
  }
  .cht_control-r{
    padding-top: 12px;
  }
  .cht_linkedbtnblock{
    flex: 1 1 auto;
  }
 .cht_bukkennameblock{
    padding: 8px 20px;
  }


  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .cht_table02-content.cht_table02t-fh > ul {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
  } 
  .cht_table02-content.cht_table02t-fh .cht_details{
    grid-row: 2 / 3;
  }
  .cht_table02-content.cht_table02t-fh .cht_details.cht_pdr32-56{
    padding-right: clamp(2rem, -0.481rem + 9.23vw, 3.5rem);/* 32-56 430-690 */
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap{
    grid-row: 3 / 4;
    grid-column: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh li.cht_rentwrap > ul{
    flex-direction: row;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout{
    grid-row: 4 / 5;
    grid-column: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table{
    grid-row: 5 / 6;
    grid-column: 1 / -1;
  }
}