@charset "UTF-8";
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ objPagesNav */
body .pagesInner__nav * {
  color: rgba(var(--color-text), 1);
}

.objPagesNav__target {
  border-bottom: 1px dashed rgba(var(--color-text), 1);
}
.objPagesNav__target:last-child {
  border-bottom: none;
}

a.objPagesNav__link {
  position: relative;
  height: 4.7584187408vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
a.objPagesNav__link:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: calc(100% - 1.0248901903vw);
  height: calc(100% - 1.0248901903vw);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 0.9516837482vw;
  background-color: rgba(var(--keyColor-base), 1);
  z-index: 1;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  opacity: 0;
}

.objPagesNav__linkText {
  position: relative;
  font-size: 24px;
  font-size: 1.756954612vw;
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
}

/* --------------------------------------- selected */
.objectsTop a.objPagesNav__link[href="/objects/"]::after {
  opacity: 1;
}

.objectsLent a.objPagesNav__link[href="/objects/lent/"]::after {
  opacity: 1;
}

.objectsBuy a.objPagesNav__link[href="/objects/buy/"]::after {
  opacity: 1;
}

.objectsShopOffice a.objPagesNav__link[href="/objects/rentoffice/"]::after {
  opacity: 1;
}

/* ============================================================================================ pagesNav__searchBox */
.pagesNav__searchBox {
  margin-bottom: 2.7818448023vw;
  padding-bottom: 2.0497803807vw;
}

input, button, textarea, select {
  background-color: transparent;
}

.searchBoxTitle {
  font-size: 18px;
  font-size: 1.317715959vw;
  line-height: 1;
  border-bottom: 1px dashed rgba(var(--color-text), 1);
}

/* --------------------------------------- input text */
input[type=text] {
  font-size: 18px;
  font-size: 1.317715959vw;
  line-height: 2;
  font-weight: 700;
  padding: 0.9516837482vw 1.4641288433vw;
  background-color: rgba(var(--color-gray), 1);
  border-radius: 0.7320644217vw;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--keyColor-base), 0);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

input[type=text]::-moz-placeholder {
  color: rgba(var(--color-text), 0.3);
  font-weight: 500;
}

input[type=text]::placeholder {
  color: rgba(var(--color-text), 0.3);
  font-weight: 500;
}

input[type=text]:focus {
  border-color: rgba(var(--keyColor-base), 1);
}

/* --------------------------------------- refineBtn */
.pagesNavBox__btn {
  position: absolute;
  width: 10.2489019034vw;
  height: 2.5622254758vw;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #fff;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 1);
  text-align: left;
  cursor: pointer;
  z-index: 3;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

.refineBtn__title {
  font-size: 17px;
  font-size: 1.2445095168vw;
  text-align: left;
  font-weight: 700;
  padding-left: 1.4641288433vw;
}

.refineBtn {
  background-color: rgba(var(--color-text), 1);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
.refineBtn input[type=submit] {
  color: #fff;
  font-weight: 700;
  height: 100%;
  cursor: pointer;
}

/* ============================================================================================ objSubPage */
button {
  cursor: pointer;
}

/* ====================================================================== objSubPage__searchBox inner */
.objSubPage__searchBox {
  margin-bottom: 6.588579795vw;
  padding-bottom: 1vw;
}

.objSubPage__searchBox--inner {
  position: relative;
  z-index: 1;
  margin-bottom: -1.4641288433vw;
}

/* ====================================================================== objSubPage searchBox--title */
.objSubPage__searchBox--title {
  position: sticky;
  top: 4.831625183vw;
  z-index: 2;
}
.objSubPage__searchBox--title::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: calc(100% + 4px);
  left: -2px;
  background-color: rgba(var(--keyColor-base), 1);
  z-index: 1;
}
.objSubPage__searchBox--title > div {
  position: relative;
  border-radius: 1.317715959vw 1.317715959vw 0 0;
  background-color: rgba(var(--color-text), 1);
  color: #fff;
  z-index: 2;
}

.objSubPage__searchBox--btn {
  position: sticky;
  width: 100%;
  height: 5.8565153734vw;
  left: 0;
  transform: translate(0, 50%);
  bottom: 4.0263543192vw;
}
.objSubPage__searchBox--btn .refineBtn__title {
  font-size: 24px;
  font-size: 1.756954612vw;
  text-align: center;
  padding: 0;
}
.objSubPage__searchBox--btn .searchIcon {
  right: 1.4641288433vw;
}

/* --------------------------------------- requireBtn */
.requireBtn {
  position: absolute;
  width: auto;
  right: 0.7320644217vw;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 12px;
  font-size: 0.878477306vw;
  line-height: 1;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 9999px;
  padding: 0.6588579795vw 1.0248901903vw;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

/* ====================================================================== findRepo */
.findRepo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -60%);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 1);
  border-radius: 0.5856515373vw;
  z-index: 2;
  background-color: #fff;
}

.findRepo__inner {
  position: relative;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  font-size: 11px;
  font-size: 0.8052708638vw;
  padding: 0.1464128843vw 0.7320644217vw 0.3660322108vw;
}
.findRepo__inner::before, .findRepo__inner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: auto;
  bottom: 0;
  left: 50%;
}
.findRepo__inner::after {
  width: 0;
  height: 0;
  border-width: 0.3660322108vw 0.3660322108vw 0.3660322108vw;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  transform: translate(-65%, 46%) rotate(45deg);
}

.findRepo__num {
  font-size: 16.5px;
  font-size: 1.2079062958vw;
}

/* ====================================================================== objSubPage blockTitle */
.objSubPage__searchBox--block {
  border-bottom: 1px dashed rgba(var(--color-text), 1);
}
.objSubPage__searchBox--block:last-child {
  border-bottom: none;
}

.objSubPage__searchBox--blockTitle {
  font-size: 18px;
  font-size: 1.317715959vw;
  line-height: 1;
  margin-bottom: 1.0980966325vw;
}

/* ====================================================================== search__checkBox */
/* --------------------------------------- search__checkBox--cloumn */
.search__checkBox--cloumn {
  display: flex;
  flex-wrap: wrap;
}
.search__checkBox--cloumn label.checkbox {
  width: 100%;
}
.search__checkBox--cloumn label.checkbox.checkbox--full {
  width: 100%;
}

.cloumn--2 label.checkbox {
  width: 50%;
}

.cloumn--3 label.checkbox {
  width: 33.3333333333%;
}

/* --------------------------------------- label.checkbox */
label.checkbox {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-size: 1.0980966325vw;
  line-height: 1.3;
  margin: 0.3660322108vw 0;
  padding: 0.5124450952vw 0 0.5124450952vw 3.2942898975vw;
  vertical-align: top;
  white-space: nowrap;
}

/* --------------------------------------- label.checkbox input */
label.checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
label.checkbox input[type=checkbox]::before, label.checkbox input[type=checkbox]::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
label.checkbox input[type=checkbox]::before {
  width: 2.196193265vw;
  height: 2.196193265vw;
  background-color: rgba(var(--color-gray), 1);
  border-width: 1px;
  border-style: solid;
  border-color: #c9caca;
  border-radius: 0.2928257687vw;
}
label.checkbox input[type=checkbox]::after {
  width: 1.4641288433vw;
  height: 1.4641288433vw;
  left: 0.439238653vw;
  top: 0.439238653vw;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
  mask-image: url(../img/common/icon--check.svg);
  -webkit-mask-image: url(../img/common/icon--check.svg);
  background-color: rgba(var(--color-text), 1);
  opacity: 0;
}

label.checkbox input[type=checkbox]:checked::before {
  background-color: rgba(var(--keyColor-base), 1);
}
label.checkbox input[type=checkbox]:checked::after {
  opacity: 1;
}

/* --------------------------------------- label.radio */
label.radio {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-size: 1.0980966325vw;
  line-height: 1.3;
  margin: 0.3660322108vw 0;
  padding: 0.5124450952vw 0 0.5124450952vw 3.2942898975vw;
  vertical-align: top;
  white-space: nowrap;
}

/* --------------------------------------- label.radio input */
label.radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

label.radio input[type=radio]::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.196193265vw;
  height: 2.196193265vw;
  background-color: rgba(var(--color-gray), 1);
  border-width: 1px;
  border-style: solid;
  border-color: #c9caca;
  border-radius: 50%; /* 円形に */
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

label.radio input[type=radio]::after {
  content: " ";
  position: absolute;
  top: 0.439238653vw;
  left: 0.439238653vw;
  width: 1.4641288433vw;
  height: 1.4641288433vw;
  background-color: rgba(var(--keyColor-base), 1);
  border-radius: 50%;
  opacity: 0;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

label.radio input[type=radio]:checked::after {
  opacity: 1;
}

/* ====================================================================== range select */
.range-select {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 0.7320644217vw;
}
.range-select span {
  display: block;
  width: 10%;
  font-size: 15px;
  font-size: 1.0980966325vw;
  line-height: 1;
  text-align: center;
  align-self: center;
}

.select-box {
  position: relative;
  width: 45%;
}
.select-box .btnIcon {
  pointer-events: none;
}
.select-box select {
  font-size: 15px;
  font-size: 1.0980966325vw;
  line-height: 1;
  background-color: rgba(var(--color-gray), 1);
  border-width: 1px;
  border-style: solid;
  border-color: #c9caca;
  border-radius: 9999px;
  padding: 0.7320644217vw 1.0980966325vw;
}

/* ============================================================================================ objectsDetail */
.objectsDetail .pagesInner__flex .pagesArticle {
  width: 65.2777777778%;
}
.objectsDetail .pagesInner__flex .pagesInner__nav {
  width: 32.4074074074%;
}

/* ====================================================================== objDetail__tabSection */
.objDetail__tabSection {
  position: sticky;
  top: 4.831625183vw;
}

/* ====================================================================== objDetail__main */
.objDetail__main {
  position: relative;
  padding-bottom: 0.7320644217vw;
}
.objDetail__main .keenDots {
  display: none;
}
.objDetail__main p {
  margin-top: 1.4641288433vw;
}

/* --------------------------------------- objDetail__main img */
.objDetail__mainImg {
  padding-top: 74.358974359%;
  background-color: rgba(var(--color-gray), 1);
}
.objDetail__mainImg .thumImg {
  -o-object-fit: contain;
     object-fit: contain;
}

/* --------------------------------------- objDetail__main comment */
.objDetail__mainImg--comment {
  font-size: 16px;
  font-size: 1.1713030747vw;
  padding-right: 13.17715959vw;
  text-align: left;
}

/* --------------------------------------- objDetail__main keenArrow */
/* ====================================================================== editComment */
.editComment {
  position: relative;
  margin-top: 3.6603221083vw;
  margin-bottom: 1.8301610542vw;
}

/* --------------------------------------- editComment__icon */
.editComment__icon {
  position: absolute;
  width: 8.4187408492vw;
  left: 0;
  top: -3.6603221083vw;
}

.editComment__iconInner {
  position: relative;
  padding-top: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../img/contents/objects/comment--icon.svg);
}

/* --------------------------------------- editComment__detail */
.editComment__detail {
  background-color: #747380;
  border-radius: 9999px;
  padding-top: 2.196193265vw;
  padding-bottom: 2.196193265vw;
  padding-left: 8.78477306vw;
  padding-right: 5.1244509517vw;
}

.editComment__detail--text {
  font-size: 16px;
  font-size: 1.1713030747vw;
  text-align: left;
  color: #fff;
}

/* ============================================================================================ objInfo */
/* ====================================================================== objInfo__leader */
.objInfo .pagesNavBox__grid {
  border-bottom: 1px dashed rgba(var(--color-text), 1);
  font-size: 16px;
  font-size: 1.1713030747vw;
}
.objInfo .pagesNavBox__grid:last-child {
  border-bottom: none;
}

/* --------------------------------------- objInfo__title */
.objInfo__title {
  font-size: 24px;
  font-size: 1.756954612vw;
  line-height: 1.3;
  text-align: left;
}

/* --------------------------------------- objInfo__leader info */
.objInfo__leader--info .objectsIcon {
  top: -0.3660322108vw;
}
.objInfo__leader--info .objBlock__infoDetail--data {
  font-size: 22px;
  font-size: 1.6105417277vw;
}

/* ====================================================================== objInfo__area */
.objInfo__area {
  display: flex;
  flex-wrap: wrap;
}

.objInfo__area--data, a.objInfo__area--data {
  display: flex;
  text-decoration: underline;
  padding-right: 1.0980966325vw;
}

.objInfo__area--text {
  margin-left: 0.2em;
}

/* ====================================================================== objInfoBlock */
.objInfoBlock {
  display: flex;
  margin-bottom: 0.7320644217vw;
}

.objInfoBlock__title, .objInfoBlock__inner {
  line-height: 1.5;
  text-align: left;
}

.objInfoBlock__title {
  width: 6.8081991215vw;
}

.objInfoBlock__inner {
  width: calc(100% - 6.8081991215vw);
}

/* --------------------------------------- objInfo__sub */
.objInfo__sub .objInfoBlock__title, .objInfo__sub .objInfoBlock__inner {
  width: 50%;
  line-height: 1.4;
}

/* --------------------------------------- googleMapsLink */
a.googleMapsLink {
  display: inline-block;
  height: 1.6105417277vw;
  background-color: rgba(var(--keyColor-base), 1);
  white-space: nowrap;
  font-size: 12px;
  font-size: 0.878477306vw;
  line-height: 1.3909224012vw;
  padding: 0 0.878477306vw;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text), 0);
  border-radius: 9999px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

/* ====================================================================== objInfo__hash */
.objInfo__hash .hashList .hash:nth-child(n+6) {
  display: inline-block;
}

/* ====================================================================== objInfo__roomGraph */
.objInfo__roomGraph--keen {
  position: relative;
  margin-top: 1.4641288433vw;
  margin-bottom: 0.7320644217vw;
}
.objInfo__roomGraph--keen .keen-slider {
  border-width: 1px;
  border-style: dashed;
  border-color: #c8c7c7;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

.roomGraphBlock {
  cursor: pointer;
}

.roomGraphBlock__thumImg {
  padding-top: 71.4285714286%;
}
.roomGraphBlock__thumImg .thumImg {
  -o-object-fit: contain;
     object-fit: contain;
}

/* --------------------------------------- googleMapsLink */
.zoomIcon {
  position: absolute;
  width: 2.0497803807vw;
  height: 2.0497803807vw;
  top: 0.5856515373vw;
  right: 0.5856515373vw;
  border-radius: 50%;
  background-color: rgba(var(--color-text), 1);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  cursor: pointer;
}

.zoomIcon__inner {
  position: absolute;
  width: 35.7142857143%;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.zoomIcon__inner::before, .zoomIcon__inner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 9999px;
}
.zoomIcon__inner::after {
  transform: rotate(90deg);
}

/* ============================================================================================ producerArticle */
.producerArticle {
  color: #fff;
  margin-bottom: -8.0527086384vw;
}
.producerArticle .tabSection, .producerArticle .tabHeader__inner, .producerArticle .tabSection::after {
  background-color: rgba(var(--color-text), 1);
}
.producerArticle .corner::after {
  background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 2.196193265vw, rgba(var(--color-text), 1) 0);
}

/* ====================================================================== producerInfo */
.producerInfo {
  position: relative;
  padding-bottom: 10.2489019034vw;
}

/* ====================================================================== producer__tabSection */
.producer__tabSection {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.producerMain {
  width: 30.3806734993%;
}

.producer__otherObj {
  width: 69.6193265007%;
}

/* ====================================================================== producerMain */
.producerMain {
  position: relative;
}
.producerMain::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 0;
  height: calc(100% + 2.196193265vw);
  top: -2.196193265vw;
  left: auto;
  right: 0;
  border-right: 1px dashed #fff;
}

/* --------------------------------------- producerMain__logo */
.producerMain__logo {
  padding-top: 89.6142433234%;
  background-color: #fff;
}
.producerMain__logo .thumImg {
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
}

/* --------------------------------------- producerMain__linkBtn */
a.producerMain__link {
  height: auto;
  margin-bottom: 0.7320644217vw;
}

.producerMain__linkBtn {
  position: relative;
  transform: translate(0, -50%);
  display: flex;
  justify-content: center;
}
.producerMain__linkBtn .btnLink {
  position: relative;
}

/* ====================================================================== producerInfo */
/* --------------------------------------- producerInfo__title */
.producerInfo__title {
  font-size: 0;
  margin-bottom: 1.0980966325vw;
}

.producerInfo__title {
  display: inline-block;
  height: 1.4641288433vw;
  font-size: 12px;
  font-size: 0.878477306vw;
  line-height: 1.3909224012vw;
  color: rgba(var(--color-text), 1);
  background-color: #fff;
  border-radius: 9999px;
  white-space: nowrap;
  padding: 0 0.878477306vw;
}

/* --------------------------------------- producerInfo__detail */
.producerInfo__detail--text, a.producerInfo__detail--text {
  line-height: 1.5;
  text-align: left;
  color: #fff;
  margin-bottom: 0.7320644217vw;
}

a.producerInfo__detail--text {
  text-decoration: underline;
}

.snsList {
  margin-top: 2.196193265vw;
}

/* ============================================================================================ producer__otherObj */
.producer__otherObj--title {
  font-size: 22px;
  font-size: 1.6105417277vw;
  line-height: 1;
  margin-bottom: 1.8301610542vw;
}

/* ============================================================================================ obj keenSlider */
.producer__otherObj .keenArrow--prev {
  transform: translate(30%, -50%);
}
.producer__otherObj .keenArrow--next {
  transform: translate(-100%, -50%);
}
.producer__otherObj .keenArrow {
  background-color: rgba(var(--color-text), 1);
}
.producer__otherObj .iconInner {
  background-color: #fff;
}

.objRecommend .keenArrow--prev, .objSpecial .keenArrow--prev {
  transform: translate(30%, -50%);
}
.objRecommend .keenArrow--next, .objSpecial .keenArrow--next {
  transform: translate(-30%, -50%);
}

#otherObj--slider .objBlockInner, #objRecommend--slider .objBlockInner {
  padding: 0.7320644217vw;
}

#objSpecial--slider .keen-slider__slide {
  padding: 1.4641288433vw 0;
}

/* ============================================================================================ objRecommend */
.objRecommend .tabSection, .objRecommend .tabHeader__inner, .objRecommend .tabSection::after {
  background-color: white;
}
.objRecommend .corner::after {
  background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 2.196193265vw, #fff 0);
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .refineBtn:hover, .refineBtn:active {
    background-color: rgba(var(--keyColor-base), 1);
  }
  .objectsLent .refineBtn:hover, .objectsLent .refineBtn:active {
    background-color: rgba(var(--color-lent), 1);
  }
  .objectsBuy .refineBtn:hover, .objectsBuy .refineBtn:active {
    background-color: rgba(var(--color-buy), 1);
  }
  a.objPagesNav__link:hover::after, a.objPagesNav__link:active::after {
    opacity: 1;
  }
  .requireBtn:hover, .requireBtn:active {
    background-color: rgba(var(--keyColor-base), 1);
    color: #fff;
  }
  .objectsLent .requireBtn:hover, .objectsLent .requireBtn:active {
    background-color: rgba(var(--color-lent), 1);
    color: #fff;
  }
  .objectsBuy .requireBtn:hover, .objectsBuy .requireBtn:active {
    background-color: rgba(var(--color-buy), 1);
    color: #fff;
  }
  .btn__showMore:hover, .btn__showMore:active {
    background-color: rgba(var(--keyColor-base), 1);
    color: #fff;
  }
  .btn__showMore:hover .iconInner, .btn__showMore:active .iconInner {
    background-color: #fff;
  }
  .objectsLent .btn__showMore:hover, .objectsLent .btn__showMore:active {
    background-color: rgba(var(--color-lent), 1);
    color: #fff;
  }
  .objectsLent .btn__showMore:hover .iconInner, .objectsLent .btn__showMore:active .iconInner {
    background-color: #fff;
  }
  .objectsBuy .btn__showMore:hover, .objectsBuy .btn__showMore:active {
    background-color: rgba(var(--color-buy), 1);
    color: #fff;
  }
  .objectsBuy .btn__showMore:hover .iconInner, .objectsBuy .btn__showMore:active .iconInner {
    background-color: #fff;
  }
  a.googleMapsLink:hover, a.googleMapsLink:active {
    border-color: rgba(var(--color-text), 1);
  }
  .roomGraphBlock:hover .zoomIcon, .roomGraphBlock:active .zoomIcon {
    background-color: rgba(var(--keyColor-base), 1);
  }
  .objInfo__roomGraph--keen .keen-slider:hover, .objInfo__roomGraph--keen .keen-slider:active {
    border-style: solid;
    border-color: rgba(var(--keyColor-base), 1);
  }
  .objInfo__roomGraph--keen .keen-slider:hover .zoomIcon, .objInfo__roomGraph--keen .keen-slider:active .zoomIcon {
    background-color: rgba(var(--keyColor-base), 1);
  }
  .btnHover:hover .producerMain__linkBtn .btnLink, .btnHover:active .producerMain__linkBtn .btnLink {
    background-color: rgba(var(--keyColor-base), 1);
  }
  a.producerInfo__detail--text:hover, a.producerInfo__detail--text:active {
    text-decoration: none;
  }
  .objRecommend .tabHeader .btnHover:hover, .objRecommend .tabHeader .btnHover:active {
    background-color: rgba(var(--keyColor-base), 1);
  }
  .producer__otherObj .btnHover:hover, .producer__otherObj .btnHover:active {
    background-color: #fff;
  }
  .producer__otherObj .btnHover:hover .iconInner, .producer__otherObj .btnHover:active .iconInner {
    background-color: rgba(var(--color-text), 1);
  }
}
/* ============================================================================================ SP用 parts */
/* ====================================================================== SP用 btn */
.sp__pageNavBtn.partsSp, .sp__pageNav--closeBtn.partsSp {
  display: none;
}

/* ====================================================================== modal */
.objMadoriModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-text), 0.9);
  z-index: 50;
  overflow: hidden;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.objMadoriModal--show .objMadoriModal {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* --------------------------------------- keen */
.objMadoriModal .keen-slider:not([data-keen-slider-disabled]) {
  overflow: inherit;
}
.objMadoriModal .keenDots {
  margin-top: 1.4641288433vw;
}
.objMadoriModal .keenDot {
  background-color: #fff;
}
.objMadoriModal .keenDot.dot--active {
  background-color: rgba(var(--keyColor-base), 1);
}

/* --------------------------------------- objMadoriModal__closeBtn */
.objMadoriModal__closeBtn {
  position: fixed;
  width: 5.8565153734vw;
  height: 5.8565153734vw;
  top: 1.4641288433vw;
  right: 1.4641288433vw;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}

.objMadoriModal__closeBtn--inner {
  position: absolute;
  width: 5.8565153734vw;
  height: 5.8565153734vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(var(--keyColor-base), 1);
  border-radius: 50%;
}
.objMadoriModal__closeBtn--inner > span {
  display: block;
  position: absolute;
  width: 1.5373352855vw;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.objMadoriModal__closeBtn--inner > span::before, .objMadoriModal__closeBtn--inner > span:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.objMadoriModal__closeBtn--inner > span::before {
  transform: rotate(45deg);
}
.objMadoriModal__closeBtn--inner > span::after {
  transform: rotate(-45deg);
}

/* --------------------------------------- objMadoriModal__inner */
.objMadoriModal__inner {
  position: relative;
  width: 99vh;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.objMadoriModal__img {
  padding-top: 74.358974359%;
  background-color: rgba(var(--color-gray), 1);
}
.objMadoriModal__img .thumImg {
  -o-object-fit: contain;
     object-fit: contain;
}

@media (hover: hover) and (pointer: fine) {
  .objMadoriModal__closeBtn:hover .objMadoriModal__closeBtn--inner > span::before, .objMadoriModal__closeBtn:hover .objMadoriModal__closeBtn--inner > span:after, .objMadoriModal__closeBtn:active .objMadoriModal__closeBtn--inner > span::before, .objMadoriModal__closeBtn:active .objMadoriModal__closeBtn--inner > span:after {
    transform: rotate(0deg);
  }
  .objInfo__area--data:hover, .objInfo__area--data:active, a.objInfo__area--data:hover, a.objInfo__area--data:active {
    text-decoration: none;
  }
}/*# sourceMappingURL=objects.css.map */