@charset "UTF-8";
/* =====
* MAINTENANCE :: 販売代理項目を非掲載の場合のレイアウト調整用CSS
===================================================================
#Colophon address .seller {display: none;}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #Colophon address .left {
    float: left;
    border-bottom: 0 none transparent;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #Colophon address .right {float: right;}
  #Colophon address .owner {max-width: 18em;}
  #Colophon address .seller {max-width: 20em;}
  #Colophon address .tel {text-align: left;}
}
@media only screen and (max-width:768px) {
  #Colophon address .owner {float: none;margin: 0 auto;text-align: center;}
  #Colophon address .owner p::before {background-position: 50% 100%;}
}
*/
/* =====
* MAINTENANCE :: 販売代理項目を2件に拡張する場合のレイアウト調整用CSS
=================================================================== */
#Colophon address .seller:nth-of-type(3) p::before {background-image: url("https://daieiestate.jp/assets/img/common/logo-01.webp");}
@media only screen and (min-width:769px) {
  #Colophon address .owner {max-width: 13em;}
  #Colophon address .seller:nth-of-type(2) {max-width: 13em;}
  #Colophon address .seller:nth-of-type(3) {max-width: 12em;}
}
@media only screen and (min-width: 769px) and (max-width: 1208px) {
  #Colophon address .right {display: flex;justify-content: center;}
  #Colophon address .owner,
  #Colophon address .seller:nth-of-type(2),
  #Colophon address .seller:nth-of-type(3) {max-width: 100%;margin: 0 1em;}
}
@media only screen and (max-width: 768px) {
  #Colophon address .owner {float: none;width: calc(100% - 1em);}
  #Colophon address .seller {float: none;width: calc(100% - 1em);margin-top: 2em;}
}

/* =====
* MAINTENANCE :: SATORIバナー位置変更
===================================================================
#satori__popup_widget,
#satori__popup_close {right: inherit;left: 0;}
*/
/* =====
* MAINTENANCE :: 資料請求完了ページ - サンプレミアクラブバナー設置
=================================================================== */
@media only screen and (min-width:769px) {
  .common-sunpremier {border-top: 1px solid rgb(45 54 109 / 20%);margin-top: 3em;padding-top: 3em;}
  .common-sunpremier h4 {max-width: 400px;margin: 0 auto;}
  .common-sunpremier p {color: rgb(45 54 109);text-align: center;font-size: 112.5%;font-weight: bold;margin-top: 1em;}
  .common-sunpremier .cv {border-radius: 10px;max-width: 760px;margin: 0 auto;overflow: hidden;}
  .common-sunpremier .grid-list {background-color: rgb(45 54 109);border-radius: 10px;max-width: 760px;margin: 0 auto;padding: 0 15px;position: relative;}
  .common-sunpremier .grid-list > div {width: calc(50% - 30px);margin: 20px 15px 30px;}
  .common-sunpremier .grid-list::after {content: "※上記特典はマンション契約時にクラブ会員登録を完了している必要があります。";position: absolute;bottom: 1em;right: 0;transform: scale(0.9);transform-origin: 0 0;font-size: 10px;color: #fff;}
}
@media only screen and (max-width:768px) {
  .common-sunpremier h4 {max-width: 90%;margin: 0 auto;}
  .common-sunpremier p {color: rgb(45 54 109);text-align: center;font-weight: bold;margin-top: 1em;}
  .common-sunpremier .cv {border-radius: 10px;overflow: hidden;}
  .common-sunpremier .grid-list {background-color: rgb(45 54 109);padding: 1em;border-radius: 10px;position: relative;}
  .common-sunpremier .grid-list::after {content: "※上記特典はマンション契約時にクラブ会員登録を完了している必要があります。";position: absolute;bottom: 0.5em;left: 50%;transform: scale(0.64) translateX(-50%);transform-origin: 0 0;font-size: 10px;color: #fff;white-space: nowrap;}
}

/* =====
* MAINTENANCE :: 来場予約ボタン非公開
===================================================================
.globalNavigation ul li.reserve {display: none;}
#Colophon nav ul li.reserve {display: none;}
@media only screen and (max-width: 768px) {
  .globalNavigation ul li.request {width: calc(100% - 1em);}
}
*/
/* =====
* MAINTENANCE :: 資料請求者限定サイトボタン設置
===================================================================*/
@media only screen and (min-width:769px) {
  .globalNavigation ul li.request {position: relative;width: 8.5em;}
  .globalNavigation ul li.request a:nth-child(1) {position: absolute;bottom: calc(50% + 1px);left: 0;right: 0;}
  .globalNavigation ul li.request a:nth-child(1) span {border: 1px solid #bbabcd;letter-spacing: 0;}
  .globalNavigation ul li.request a:nth-child(2) {position: absolute;top: calc(50% + 1px);left: 0;right: 0;}
  .globalNavigation ul li.request a:nth-child(2) span {padding: 0;border: 1px solid #bbabcd;background: rgb(83,115,136);background: linear-gradient(90deg, rgba(83,115,136,1) 0%, rgba(41,83,129,1) 100%);letter-spacing: 0;}
  #Main .block-index-02 .cv {max-width: 100%;text-align: center;}
  #Main .block-index-02 .cv a {display: inline-block;width: 16em;}
  #Main .block-index-02 .cv a:nth-child(2) {border: 1px solid #bbabcd;background: rgb(83,115,136);background: linear-gradient(90deg, rgba(83,115,136,1) 0%, rgba(41,83,129,1) 100%);margin-left: 0.2em;}
}
@media only screen and (max-width: 768px) {
  .globalNavigation ul li.request a:nth-child(2) span {margin-top: 0.5em;background: rgb(83,115,136);background: linear-gradient(90deg, rgba(83,115,136,1) 0%, rgba(41,83,129,1) 100%);}
  #Main .block-index-02 .cv a:nth-child(2) {border: 1px solid #bbabcd;background: rgb(83,115,136);background: linear-gradient(90deg, rgba(83,115,136,1) 0%, rgba(41,83,129,1) 100%);margin-top: 0.2em;}
}
/* =====
* MAINTENANCE :: 資料請求者限定サイトボタン＋来場予約ボタン 設置
===================================================================*/
.globalNavigation ul li.request a:nth-child(1) span {background: rgb(142,90,149);background: linear-gradient(90deg, rgba(131,78,138,1) 0%, rgba(157,119,177,1) 100%);}
.globalNavigation ul li.reserve a span {border: 1px solid #bbabcd;background: rgb(118,68,125);background: linear-gradient(90deg, rgba(118,68,125,1) 0%, rgb(43, 46, 113) 100%);}
@media only screen and (min-width:769px) {
  .globalNavigation ul li {margin-left: 1.5em;}
  .globalNavigation ul li.request {width: 11em;}
  .globalNavigation ul li.request a:nth-child(1) {right: calc(50% + 1px);}
  .globalNavigation ul li.reserve {margin-left: 0;}
  .globalNavigation ul li.reserve a {position: absolute;bottom: calc(50% + 1px);right: 0;width: calc(5.5em - 1px);}
  .globalNavigation ul li.reserve a span {letter-spacing: 0;}
}
@media only screen and (max-width: 768px) {
  .globalNavigation ul li.request {width: calc(100% - 1em);display: flex;flex-direction: column-reverse;}
  .globalNavigation ul li.request a:nth-child(1) {margin-top: 1em;}
  .globalNavigation ul li.reserve {width: calc(100% - 1em);}
}

/* =====
* MAINTENANCE :: SP版 ハンバーガーメニュー 項目数が多い場合の調整
===================================================================*/
@media only screen and (max-width: 768px) {
  body.open {overflow-y: hidden;}
  .globalNavigation ul {top: 4em;bottom: 0;overflow: scroll;transform: translateY(0);}
  .globalNavigation ul li {width: 100%;}
}

/* =====
* MAINTENANCE :: 無料インテリアコーディネート/間取り設計変更 非公開
===================================================================*/
#Main .block-index-04 .cf + .cf {display: none;}
#Colophon nav {display: none;}

/* =====
* MAINTENANCE :: 間取り
===================================================================*/
#Main .block-plan-02 .grid-list figure {background-color: transparent;}
#Main .block-plan-02 .grid-list figure::after {filter: brightness(2.5);}

/* =====
* MAINTENANCE :: グローバルナビゲーションへの日本語併記 レイアウト調整用CSS
=================================================================== */
@media only screen and (min-width: 769px) {
  .globalNavigation ul li a[data-label] {position: relative;}
  .globalNavigation ul li a[data-label] span {transform: translateY(0.75em) scale(0.8);}
  .globalNavigation ul li a[data-label]::before {content: attr(data-label)"";position: absolute;bottom: 50%;left: 50%;transform: translateX(-50%);white-space: nowrap;font-size: 93.75%;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
}
#Main .block-index-05 .grid-list > div a[data-label]::before {content: attr(data-label)"";position: absolute;bottom: 50%;left: 50%;transform: translateX(-50%);margin-bottom: 1em;white-space: nowrap;font-size: 175%;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#Main .block-index-05 .grid-list > div a span:nth-child(1) {margin-bottom: -0.25em;font-size: 100%;opacity: 0.8;}
#Main .block-index-05 .grid-list > div a span:nth-child(2) {margin-top: 1.5em;}
@media only screen and (max-width: 768px) {
  .globalNavigation ul li:not(.cv) a span {font-size: 125%;}
  .globalNavigation ul li a[data-label]::before {content: attr(data-label)"";position: absolute;top: calc(50% + 0.5em);right: 1em;transform: translateY(-50%);white-space: nowrap;font-size: 93.75%;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";line-height: 1;}
}
/* =====
* MAINTENANCE :: 周辺のサンパークマンション
=================================================================== */
#Main .block-recommended-01 {position: relative;z-index: 2;padding: 1.5em 0;background-color: #ddd;}
#Main .block-recommended-01 h3 {margin: 0;mix-blend-mode: screen;text-align: center;font-size: 360%;font-weight: normal;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#Main .block-recommended-01 h3 span {display: inline-block;background: rgb(35,42,65);background: linear-gradient(89deg, rgba(142,134,115,0.3) 0%, rgba(142,134,115,0.1) 50%,rgba(142,134,115,0.3) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#Main .block-recommended-01 h4 {margin-top: -2.2em;text-align: center;font-size: 125%;font-weight: normal;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#Main .block-recommended-01 h4 span {display: inline-block;background: rgb(133, 146, 148);background: linear-gradient(90deg, rgba(133, 146, 148, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(133, 146, 148, 1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#Main .block-recommended-01::before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;mix-blend-mode: difference;background: url(https://sunpark-mansion.com/wp/wp-content/themes/sunpark/img/concept/img-01.jpg) no-repeat 50% cover;}
#Main .block-recommended-01::before {background-image: url(https://sunpark-mansion.com/wp/wp-content/themes/sunpark/img/concept/img-01.jpg);}
#Main .block-recommended-01 .swiper-slide {max-width: 450px;width: calc(80vw - 4em);padding: 1em;}
@media only screen and (max-width:768px) {}

/* =====
* MAINTENANCE :: コンセプト
=================================================================== */
#Main .block-index-08 {background: transparent url("https://sunpark-mansion.com/wp/wp-content/themes/sunpark/img/common/bg-02.webp") no-repeat 50% 50%;background-size: cover;padding: 4em 0;position: relative;}
#Main .block-index-08 .slider-common-concept {overflow: hidden;}
#Main .block-index-08 .slider-common-concept .swiper-wrapper {transition-timing-function: linear;}
#Main .block-index-08 .slider-common-concept .swiper-slide {width: auto!important;}
#Main .block-index-08 .slider-common-concept .grid-list {margin: 0;width: calc(21.5625em + 6em + 21.5625em + 6em);}
#Main .block-index-08 .slider-common-concept .grid-list .btn-content-01,
#Main .block-index-08 .slider-common-concept .grid-list .btn-content-02 {margin: 1em;background-image: url("https://sunpark-mansion.com/wp/wp-content/themes/sunpark/img/common/icon-arrow-circle-next.webp");}

@media only screen and (max-width:768px) {
  #Main .block-index-08 .slider-common-concept .grid-list.pickup {width: calc(21.5625em + 6em);}
  #Main .block-index-08 .slider-common-concept .grid-list .btn-content-02 figure {overflow: hidden;max-height: 11.563em;}
  #Main .block-index-08 .slider-common-concept .grid-list .btn-content-02 figure + p {letter-spacing: 0;}
  #Main .block-index-08 .slider-common-concept .grid-list .btn-content-02 figure + p span {display: none;}
  #Main .block-index-08 .slider-common-concept .grid-list .btn-content-02 figure img {max-width: 21.5625em;margin: 0 auto;}
}