@charset "utf-8";
/* CSS Document */
h1{
  line-height: 1.3;
}
.rgs_pagettlblock{
  background-color: var(--color-paleblue);
}
.rgs_linkedbtn-flx{
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}


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


/* 画像wrap */
.rgs_imgright{
  width: 42.31%;
  max-width: 550px;
  aspect-ratio: 11/10;
  text-align: center;
}
.rgs_imgright .rgs_pictureblock{
  height: 100%;
  width: 100%;
}
.rgs_imgright .rgs_pictureblock img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}


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


/* テーブルver3 */
.rgs_infoblock{
  margin-bottom: 42px;
}
.rgs_table03{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.rgs_table03 dt{
  flex: 0 0 28%;
  width: 200px;
  display: flex;
  align-items: center;
  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{
  flex: 0 0 22%;
  width: 450px;
  display: flex;
  align-items: center;
  font-size: clamp(0.75rem,2.2vw,0.875rem);
  padding: 8px 8px 8px clamp(8px,1.5vw,16px);
  line-height: calc(18 / 14);
}
dd.rgs_liwrap{
  flex: 1 1 70%;
}
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_mini-section01 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(24px,2.5vw,56px);
  width: calc(100% + 28px);
  position: relative;
  left: -14px;
  right: -14px;
  background-color: var(--color-paleblue);
  border-radius: var(--border-radius4);
  padding: clamp(24px,2vw,42px) clamp(14px,1.5vw,32px);
  margin-bottom: 48px;
}
.rgs_mini-section01-txt {
  flex: 1 1 690px;
  font-size: clamp(0.875rem, 2.2vw, 1rem);
}
.rgs_linkedbtnblock{
  margin: 0 auto;
}
.rgs_mini-section01-txt > p:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.rgs_mini-section01 .rgs_toplinkedbtnblock{
  margin: 0 auto;
}


.rgs_panoramaarea{
  position: relative;
  width: calc(100% + 28px);
  left: -14px;
  right: -14px;
  margin-bottom: 40px;
  margin-bottom: 40px;
}
.rgs_panoramablock {
  margin-bottom: 80px;
}

.kakomi_orange,
.kakomi_blue ,
.kakomi_orange {
	margin-top: 4px;
	margin-right: 4px;
	white-space: nowrap;
}

.kakomi_orange {
	font-size: 0.75rem;
	line-height: 1em;
	display: inline-block;
	padding: 4px;
	border-radius: 1em;
	border: 1px solid #f77c00;
	color: #f77c00;
}
.kakomi_blue {
	font-size: 0.75rem;
	line-height: 1em;
	display: inline-block;
	padding: 4px;
	border: 1px solid #068bf1;
	color: #068bf1;
}
.kakomi_gray {
	font-size: 0.75rem;
	line-height: 1em;
	display: inline-block;
	padding: 4px;
	border: 1px solid #dddddd;
	color: #333333;
	background-color: #cccccc;
}


/* ピンク背景セクション */
.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_linkedbtn-flx02{
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  gap: 8px clamp(8px,2vw,18px);
}
.rgs_mini-section02-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px 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;
  line-height: 1.25;
}
.rgs_linkedbtn-flx02 .rgs_linkedbtn-favorite a{
  font-size: clamp(0.75rem,1.9vw,1rem);
  height: 100%;
  padding: clamp(8px,1.7vw,14px) clamp(14px,1.8vw,24px);
}
.rgs_linkedbtn-flx02 .rgs_linkedbtn-contact a{
  font-size: clamp(0.75rem,1.9vw,1.25rem);
  padding: clamp(8px,1.7vw,14px) clamp(12px,1.8vw,24px);
}
.rgs_linkedbtn-line a {
  font-size: clamp(0.75rem,1.9vw,1.25rem);
  padding: clamp(8px,1.7vw,14px) clamp(14px,1.8vw,24px);
}
.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;
}


/* テーブルver4*/
.rgs_detailsblock{
  margin-bottom: 80px;
}
.rgs_table04{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
  margin-bottom: 18px;
}
.rgs_table04 dt{
  flex: 0 0 20%;
  min-width: 98px;
  display: flex;
  align-items: center;
  background-color: var(--color-gray01);
  border-right: 1px solid var(--border-gray01);
  font-size: clamp(0.75rem,2.2vw,0.875rem);
  padding: 8px 8px 8px clamp(8px,1.5vw,16px);
}
.rgs_table04 dd{
  flex: 0 0 30%;
  font-size: clamp(0.75rem,2.2vw,0.875rem);
  padding: 8px 8px 8px clamp(8px,1.5vw,16px);
  line-height: calc(18 / 14);
  align-content: center;
}
.rgs_table04 dd:nth-child(2),
.rgs_table04 dd:nth-child(4),
.rgs_table04 dd:nth-child(6),
.rgs_table04 dd:last-child{
  flex: 1 1 70%;
}
.rgs_table04 dt:nth-last-of-type(n + 2),
.rgs_table04 dd:nth-last-of-type(n + 2){
  border-bottom: 1px solid var(--border-gray01);
}
p.rgs_updated {
  font-size: clamp(0.75rem,3vw,0.875rem);
  text-align: right;
}


/* 取扱店舗*/
.rgs_shopblock{
  margin-bottom: 48px;
}
.rgs_mini-section03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(24px,2vw,48px);
  background-color: var(--color-paleblue);
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
  padding: clamp(18px,1.2vw,30px);
  margin-bottom: 80px;
}
.rgs_mini-section03-img{
  flex: 1 1 auto;
  max-width: 440px;
  margin: 0 auto;
}
.rgs_mini-section03-content {
  flex: 1 1 auto;
  max-width: fit-content;
  margin: 0 auto;
}
.rgs_linkedbtn-flx03{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}
p.rgs_mini-section03-t {
  margin-bottom: clamp(8px,2.4vw,24px);
  line-height: normal;
}
p.rgs_mini-section03-t a{
  font-size: clamp(1.375rem,3.5vw,1.875rem);
  color: var(--color-blue);
  border-bottom: 2px solid var(--color-blue);
}
.rgs_mini-section03-tel{
  display: flex;
  justify-content: center;
  max-width: 500px;
  background-color: #FFFFFF;
  border-radius: var(--border-radius4);
  margin-bottom: 18px;
}
.rgs_mini-section03-tel a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Public Sans", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  padding: 8px;
}
.rgs_mini-section03-details{
  margin-bottom: 32px;
}
.rgs_mini-section03-details p span{
  display: block;
  font-size: clamp(0.75rem, 2.1vw, 0.875rem);
}


/* 同じ建物の他の物件 */
.rgs_content-t-flx {
  display: flex;
  gap: clamp(0px,2vw,40px);
}
.rgs_othersblock {
  margin-bottom: 80px;
}
/* テーブルver2 */
.rgs_table02{
  max-width: 1300px;
  border-radius: 4px 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: 100px 80px 240px 150px 130px 80px 80px;
}
.rgs_table02-content > ul{
  grid-template-columns: 100px 80px 240px 150px 130px 80px 80px;
  border-bottom: 1px solid var(--border-gray01);
  transition: background-color 0.1s linear;
}
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;
}
li.rgs_panoramatxt{
  display: 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_spbr{
  display: inline-block;
}
.rgs_spblock{
  display: none;
}




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




@media (max-width: 1300px) {
  .rgs_table04 dd{
    flex: 1 1 70%;
  }
}




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

  .rgs_table03 dd{
    flex: 1 1 72%;
  }


  .rgs_table02-title{
    grid-template-columns: 100px 200px 150px 130px 80px 80px;
  }
  .rgs_table02-title li.rgs_spnone{
    display: none;
  }
  .rgs_table02-content > ul{
    grid-template-columns: 100px 200px 150px 130px 80px 80px;
    grid-template-rows: repeat(2, auto);
  }
  li.rgs_img{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  li.rgs_floor{
    grid-column: 1 / 2;
    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;
  }
  li.rgs_panoramatxt{
    grid-row: 1/ -1;
  }
  li.rgs_linkcell{
    grid-row: 1/ -1;
    grid-column: 6 / 7;
  }
}




@media (max-width: 820px){
  .rgs_content-t-flx{
    justify-content: space-between;
  }


  .rgs_table02-title{
    display: none;
  }
  .rgs_table02-content > ul{
    grid-template-columns: 100px repeat(5, auto);
  }
  li.rgs_spshow{
    display: inline-block;
  }
  .rgs_table02-content span.rgs_linktxt-t {
    display: none;
  } 
}




@media (max-width: 690px) {
  .rgs_table02-content > ul{
    grid-template-columns: clamp(3.75rem, -0.385rem + 15.38vw, 6.25rem) repeat(2, auto);/* 60-100 430-690 */
    grid-template-rows: repeat(4, auto);
  }
  li.rgs_img {
    grid-row: 1 / 3;
  }
  li.rgs_floor{
    grid-row: 3 / -1;
  }
  .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;
  }
  .rgs_table02-content li.rgs_layoutarea{
    grid-row: 3 / 4;
  }
  li.rgs_layoutarea ul{
    justify-content: flex-start;
  }
  li.rgs_panoramatxt{
    grid-row: 4 / 5;
  }
  li.rgs_linkcell{
    grid-column: 3 / 4;
  }


  .rgs_linkedbtn-flx02 .rgs_linkedbtn-favorite{
    grid-column: 1/-1;
  }
  .rgs_linkedbtn-flx02 .rgs_linkedbtn-contact{
    grid-column: 1/3;
  }
  .rgs_linkedbtn-flx02 .rgs_linkedbtn-line{
    grid-column: 3/5;
  }


  .rgs_panoramaarea{
    height: 400px;
  }
  .rgs_panoramaarea iframe{
    height: 400px;
  }

  p.rgs_contact-t{
    display: none;
  }
  .rgs_contact-tel a img{
    display: inline-block;
  }


  .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_similarwrap ul{
    grid-template-columns: repeat(2, 1fr);
  }
}