@charset "utf-8";
/* CSS Document */
h1{
  line-height: 1.3;
}
.rgs_pagettlblock{
  background-color: var(--color-paleblue);
}


/* 各タイトル */
.rgs_content-t {
  font-size: clamp(1rem,4.4vw,1.375rem);
  margin-bottom: 16px;
}


/*modaal上書き commonに入れると他のページで想定外になるのを回避するため個別記述*/
.modaal-close{
  right: calc(50% - 370px);
  top: calc(50% - 280px);
}


/* テーブルver3 */
.rgs_infoblock{
  width: 40.77%;
  max-width: 530px;
}
.rgs_table03{
  display: grid;
  grid-template-columns: 28% 72%;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.rgs_table03 dt{
  display: flex;
  align-items: center;
  height: 100%;
  background-color: var(--color-gray01);
  border-right: 1px solid var(--border-gray01);
  font-size: clamp(0.75rem,2.2vw,0.875rem);
  padding: 8px 0 8px clamp(8px,1.5vw,16px);
}
.rgs_table03 dd{
  display: flex;
  align-items: center;
  height: 100%;
  font-size: clamp(0.75rem,2.2vw,0.875rem);
  padding: 8px 8px 8px clamp(8px,1.5vw,16px);
  line-height: calc(18 / 13);
  text-align: left;
}
dd.rgs_liwrap ul{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
dd.rgs_liwrap ul li{
  width: clamp(73px,18vw,80px);
}
.rgs_table03 dt:nth-last-of-type(n + 2),
.rgs_table03 dd:nth-last-of-type(n + 2){
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_table03 dd.rgs_mapmini-t{
  flex-direction: column;
  align-items: flex-start;
  gap: 6px 0;
}


/* 同じ建物の他の物件 */
.rgs_content-t-flx {
  display: flex;
  gap: 40px;
}
.rgs_othersblock {
  margin-bottom: 80px;
}


/* テーブルver2 */
.rgs_table02{
  max-width: 1300px;
  border-radius: 4px;
  border-top: 1px solid var(--border-gray01);
  border-right: 1px solid var(--border-gray01);
  border-left: 1px solid var(--border-gray01);
}
.rgs_table02-title {
  grid-template-columns: 50px 100px 50px 240px 180px 150px 200px;
}
.rgs_table02-content > ul{
  grid-template-columns: 50px 100px 50px 240px 180px 150px 200px;
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_table02-content ul > li label{margin: auto;}
li.rgs_img img{
  width: 100%;
  height: 100%;
  aspect-ratio: 5 / 4;
  object-fit: contain;
}
 li.rgs_deposit ul {
  flex-direction: row;
  justify-content: center;
}


/*ギャラリー*/
.rgs_gallary{margin-bottom: 80px;}
.rgs_gallary ul{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
  gap: 12px;
}
.rgs_gallary ul li{
  width: fit-content;
}
.rgs_gallary ul li a{display: block;}
.rgs_gallary ul li img{
  width: 100%;
  height: 100%;
  aspect-ratio: calc(85 / 57);
  object-fit: cover;
}


/* ピンク背景セクション */
.rgs_mini-section02{
  position: relative;
  width: calc(100% + 28px);
  left: -14px;
  right: -14px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
  background-color: #FFF2F6;
  border: 1px solid #FFD6E3;
  border-radius: var(--border-radius4);
  padding: clamp(18px,1.9vw,40px) clamp(14px,1.5vw,32px);
  margin-bottom: 80px;
}
.rgs_mini-section02-txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
}
.rgs_mini-section02-txt p {
  font-size: clamp(0.875rem,3.5vw,1.375rem);
}
.rgs_mini-section02-txt div {
  font-size: clamp(0.875rem,3.5vw,1.375rem);
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
  padding: 6px 16px;
}
.rgs_linkedbtn-txt{
  text-align: center;
}
.rgs_linkedbtn-txt {
  text-align: center;
  line-height: 1.25;
}
.rgs_contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0 18px;
}
p.rgs_contact-t {
  border-bottom: 1px solid var(--txt-color01);
}
.rgs_contact-tel a{
  display: flex;
  font-family: "Public Sans", sans-serif;
  font-weight: 500;
  font-size: clamp(2rem,4.7vw,2.5rem);
  border-bottom: 1px solid transparent;
  transition: opacity 0.1s linear, border-color 0.1s linear, border-width 0.1s linear;
}
.rgs_contact-tel a img {
  display: none;
  vertical-align: middle;
  padding-right: 4px;
}
p.rgs_contact-details {
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0 6px;
}
.rgs_spbr {
  display: inline-block;
}


/* この物件をシェアする */
.rgs_shareblock{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 14px;
  margin-bottom: 80px;
}
.rgs_shareblock .rgs_content-t{
  margin:  0 auto;
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  text-align: center;
}
.rgs_shareblock ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.rgs_linkedbtn-share {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rgs_linkedbtn-share a {
  max-width: 240px;
  width: 240px;
  border: 1px solid var(--border-gray02);
  border-radius: var(--border-radius4);
  background-color: #FFFFFF;
  padding: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: var(--txt-color01);
  transition: background-color 0.1s linear;
}

.rgs_spsharebtn{
  display: none;
  justify-content: center;
  align-items: center;
  max-width: clamp(240px,60vw,450px);
  margin:  0 auto 18px;
  padding: 9px;
  text-align: center;
  font-size: 1rem;
  border: 1px solid #111111;
  background-color: #FFFFFF;
  border-radius: var(--border-radius4);
  box-shadow: 0px 5px 0px 0px rgba(17, 17, 17, 0.1);
  cursor: pointer;
}
.rgs_spsharebtn p img{margin-right: 10px;}

.rgs_spblock{
  display: none;
}




@media (min-width: 821px) {
  .rgs_contact-tel a:hover{
    opacity: 0.7;
    border-color: #111111;
    border-width: 1px;
  }

  .rgs_gallary ul li a:hover img{opacity: 0.7;}
}



@media (max-width: 1200px){
  .rgs_table02-title{
    grid-template-columns: 50px 100px 240px 150px 140px 200px;
  }
  .rgs_table02-title li.rgs_spnone{
    display: none;
  }
  .rgs_table02-content > ul{
    grid-template-columns: 50px 100px 240px 150px 140px 200px;
    grid-template-rows: repeat(2, auto);
  }
  li.rgs_labelblock{
    grid-row: 1 / -1;
    grid-column: 1 / 2;
  }
   li.rgs_img{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  li.rgs_floor{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
  .rgs_table02-content li.rgs_rentarea{
    grid-row: 1 / -1;
  }
  li.rgs_deposit{
    grid-row: 1/-1;
  }
  .rgs_table02-content li.rgs_layoutarea{
    grid-row: 1 / -1;
  }
  .rgs_listflx-table{
    grid-row: 1 / -1;
  }
}




@media (max-width: 960px){
  .rgs_infoblock{
    width: 100%;
    max-width: 720px;
  }


  .rgs_table02-content span.rgs_linktxt-t {
    display: none;
  } 
}




@media (max-width: 960px) {
  .rgs_table02-title{
    display: none;
  }
  .rgs_table02-content > ul{
    grid-template-columns: 5% clamp(3.75rem, 1.722rem + 7.55vw, 6.25rem) repeat(2, auto);/* 60-100 430-960 */
    grid-template-rows: repeat(4, auto);
  }
  li.rgs_img {
    grid-row: 1 / 3;
  }
  li.rgs_floor{
    grid-row: 3 / 4;
  }
  .rgs_table02-content li.rgs_rentarea {
    grid-row: 1 / 2;
  }
  li.rgs_deposit{
    grid-row: 2 / 3;
  }
   li.rgs_deposit ul {
    justify-content: flex-start;
  }
  li.rgs_layoutarea ul{
    justify-content: flex-start;
  }
  .rgs_table02-content li.rgs_layoutarea{
    grid-row: 3 / 4;
  }
  li.rgs_spshow{
    display: inline-block;
  }
}


@media (max-width: 820px) {
  p.rgs_contact-t {
    display: none;
  }
  .rgs_contact-tel a img {
    display: inline-block;
  }
}




@media (max-width: 690px) {
   .rgs_table02-content span.rgs_heart-wh svg{
    width: 12px;
    height: 11px;
    color: var(--color-gray01);
    stroke: var(--border-gray02);
  }
  .rgs_listflx-table .rgs_linkedbtn-favorite span.rgs_favtxtx {
    display: none;
  }
  li.rgs_listflx-table .rgs_linkedbtn-contact {
    display: none;
  }


  .rgs_shareblock .rgs_content-t{
    display: none;
  }
  .rgs_shareblock ul{
    display: none;
  }
  .rgs_spsharebtn{
    display: flex;
  }

  .rgs_spblock{
    display: inline-block;
  }
}




@media (max-width: 430px) {
  p.rgs_contact-details {
    flex-direction: row;
    font-size: 0.625rem;
  }

  .rgs_gallary ul{
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
  }

  .rgs_similarwrap ul{
    grid-template-columns: repeat(2, 1fr);
  }
}