@charset "UTF-8";
/* =============================================

アニメーション

============================================= */
.animation {
  overflow: hidden;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.animation img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.animation__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("../imgs/img-animation-01-walk.svg");
  mask-image: url("../imgs/img-animation-01-walk.svg");
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left top;
  mask-position: left top;
}
.animation__lighting {
  position: absolute;
  top: -2%;
  left: -60%;
  width: 80%;
  padding: 80% 0 0;
  background-image: radial-gradient(circle, rgb(244, 255, 190) 0%, rgba(255, 255, 255, 0) 75%);
  transform: skewX(30deg);
  animation-name: demo_kirari;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.animation__group {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.animation__scene {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.animation__scene--01a {
  width: 34.1666666667vw;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -86.3636363636%);
}
.animation__scene--01b {
  width: 17vw;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 48.0769230769%);
}
.animation__scene--01b.active {
  animation: blur 2s 0s ease forwards;
}
.animation__scene--01a img, .animation__scene--01b img {
  height: auto;
}
.animation__scene--02 {
  width: 36.8333333333vw;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.animation__scene--03 {
  width: 26vw;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.animation__scene--05 {
  width: 19.5vw;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.animation__scene--08 {
  z-index: 8;
}
.animation__scene--09 {
  z-index: 9;
}
.animation__scene--10 {
  z-index: 4;
}
.animation__scene--12, .animation__scene--14 {
  z-index: 5;
}
.animation__scene--11, .animation__scene--13, .animation__scene--15 {
  z-index: 9;
}
.animation__scene--16 {
  width: 22.3333333333vw;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.animation__skip {
  font-family: "Cormorant Infant", serif;
  font-size: 16px;
  color: #fff;
  background: #002742;
  text-align: center;
  width: 80px;
  position: absolute;
  top: 100px;
  right: 30px;
  z-index: 10;
}
.animation__skip a {
  color: #fff;
  display: block;
  padding: 10px;
}
.animation__replay {
  font-family: "Cormorant Infant", serif;
  font-size: 16px;
  color: #fff;
  background: #002742;
  text-align: center;
  width: 80px;
  position: absolute;
  top: 100px;
  right: 30px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.animation__replay a {
  color: #fff;
  display: block;
  padding: 10px;
}

@keyframes blur {
  0% {
    filter: blur(20px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
/* =============================================

メインビジュアル

============================================= */
.mainvisual {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}
.mainvisual__img {
  width: 100%;
  max-width: none;
  position: absolute;
  left: 0;
  top: 0;
}
.mainvisual__txt {
  width: 100%;
  max-width: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.mainvisual__caption {
  font-size: 10px;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 10px;
  opacity: 0;
}
.mainvisual__img img, .mainvisual__txt img {
  width: 100%;
  max-width: none;
}
.mainvisual__info {
  font-size: 14px;
  color: #fff;
  background: #202121;
  width: 440px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.mainvisual__info a {
  color: #fff;
  display: block;
  padding: 10px 15px;
}
.mainvisual__info a::after {
  content: "＞";
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%) scale(0.6, 1);
  transform-origin: center right;
}
.mainvisual__info img {
  width: 20px;
  margin-right: 10px;
}

/* =============================================

物件特徴

============================================= */
.character__inner {
  max-width: 1200px;
  padding: 40px 50px;
  margin-right: auto;
  margin-left: auto;
}
.characterList {
  display: flex;
  justify-content: space-between;
}
.characterList__item {
  width: 25%;
  position: relative;
}
.characterList__item::before {
  content: "";
  background: rgba(0, 39, 66, 0.5);
  width: 1px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
}
.characterList__item:last-child::after {
  content: "";
  background: rgba(0, 39, 66, 0.5);
  width: 1px;
  height: 80px;
  position: absolute;
  top: 0;
  right: 0;
}
.characterList__item img {
  transition: opacity 1s ease, filter 1s ease, transform 1s ease;
  transform: scale(1.1);
  filter: blur(15px) brightness(2);
  opacity: 0;
}
.characterList__item:nth-child(1) img {
  transition-delay: 0s;
}
.characterList__item:nth-child(2) img {
  transition-delay: 0.15s;
}
.characterList__item:nth-child(3) img {
  transition-delay: 0.3s;
}
.characterList__item:nth-child(4) img {
  transition-delay: 0.45s;
}
.characterList.active .characterList__item img {
  filter: blur(0) brightness(1);
  transform: scale(1);
  opacity: 1;
}

/* =============================================

トピックス

============================================= */
.topics {
  background: #ced300;
}
.topics__inner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

/* =============================================

限定コンテンツ

============================================= */
.limited__inner {
  background: url("../imgs/pc/bg-limited.png") repeat-x top center, #fff;
  padding: 55px 0 80px;
}
.limited__title {
  font-size: 25px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.limited-merit {
  width: 660px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
.limited-merit__item {
  width: 320px;
}
.limited-detail {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.limited-detail__title {
  text-align: center;
  margin-bottom: 30px;
}
.limited-detail__button {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.075em;
  width: 670px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
.limited-detail__button a {
  color: #fff;
  background: #00326c;
  width: 320px;
  height: 100%;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s;
}
.limited-detail__button a::after {
  content: "";
  background: url("../common/imgs/icon-arrow-right.svg") no-repeat center center/cover;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.limited-detail__button a:hover {
  opacity: 0.7;
}
.limited-detail__button a:nth-of-type(2) {
  background: #aa9a00;
}

/* =============================================

グランドオープン

============================================= */
.grandopen {
  margin-bottom: 60px;
}
.grandopen__inner {
  background: linear-gradient(0deg, rgb(225, 227, 181) 0%, rgb(241, 240, 232) 48.25%, rgb(225, 227, 181) 100%);
  padding: 0 0 55px;
}
.grandopen__price {
  background: #740020;
  text-align: center;
  margin-bottom: 60px;
}
.grandopen-detail {
  width: 1000px;
  padding-top: 60px;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
}
.grandopen-detail__title {
  text-align: center;
  margin-bottom: 50px;
}
.grandopen-detail__button {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.05em;
  width: 320px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
}
.grandopen-detail__button a {
  color: #fff;
  background: #aa9a00;
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s;
}
.grandopen-detail__button a::after {
  content: "";
  background: url("../common/imgs/icon-arrow-right.svg") no-repeat center center/cover;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.grandopen-detail__button a:hover {
  opacity: 0.7;
}
.grandopen__suumo {
  width: 650px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}
.grandopen__suumo a {
  transition: opacity 0.5s;
}
.grandopen__suumo a:hover {
  opacity: 0.7;
}
.grandopen__txtOnline {
  font-size: 20px;
  color: #736800;
  text-align: center;
  margin-bottom: 80px;
}

.online-guidance {
  color: #536568;
  text-align: center;
  width: 1000px;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
}
.online-guidance__title {
  font-size: 30px;
  font-weight: 500;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #536568;
}
.online-guidance__txtEN {
  font-size: 25px;
  font-weight: 500;
}

.txt-online {
  font-size: 16px;
  color: #536568;
  text-align: center;
  margin-bottom: 30px;
}

.online-step {
  color: #536568;
  width: 1000px;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
.online-step__item {
  width: 300px;
  position: relative;
}
.online-step__item::after {
  content: "";
  background: #536568;
  position: absolute;
  width: 20px;
  height: 46px;
  top: 84px;
  right: -37px;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.online-step__item:last-child::after {
  content: none;
}
.online-step__item figure {
  margin-bottom: 20px;
}
.online-step__item dl dt {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
.online-step__item dl dd {
  font-size: 16px;
  line-height: 1.75;
  width: 270px;
  margin-right: auto;
  margin-left: auto;
}

.online-notice {
  font-size: 10px;
  line-height: 1.5;
  color: #595757;
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.online-notice li {
  text-indent: -1em;
  padding-left: 1em;
}

/* =============================================

エントリー受付中

============================================= */
.entryAccepting {
  font-family: "YakuHanJP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  margin: 40px 0 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.entryAccepting__title {
  font-size: 30px;
  color: #002742;
  font-weight: 300;
  margin-right: 10px;
}
.entryAccepting__button {
  font-size: 14px;
  font-weight: 300;
  width: 190px;
  height: 30px;
}
.entryAccepting__button a {
  color: #fff;
  background: #002742;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  transition: opacity 0.5s;
}
.entryAccepting__button a::after {
  content: "";
  background: url("../common/imgs/icon-arrow-right.svg") no-repeat center center/cover;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.entryAccepting__button a:hover {
  opacity: 0.7;
}

/* =============================================

フォトレポートバナー

============================================= */
.banner-photo-report {
  width: 370px;
  margin: 0 auto 100px;
  position: relative;
}
.banner-photo-report.is-new::before {
  content: "";
  background: url("../imgs/img-icon-new@2x.png") no-repeat center center/cover;
  width: 60px;
  height: 17px;
  position: absolute;
  left: 0;
  bottom: 100%;
}
.banner-photo-report a {
  display: block;
  transition: opacity 0.5s;
}
.banner-photo-report a:hover {
  opacity: 0.7;
}

/* =============================================

物件エントリー

============================================= */
/*
.entryReception {
    background: #d8deed;
    &__inner {
        max-width: 770px;
        padding: 90px 50px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        justify-content: space-between;
    }
    &__group {
        width: 320px;
    }
    &__txt {
        font-size: 15px;
        text-align: center;
        @include line-height(22, 15);
        margin-bottom: 20px;
    }
    &__button {
        font-size: 20px;
        letter-spacing: 0.05em;
        width: 320px;
        height: 60px;
        & a {
            color: #fff;
            background: #00326c;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: opacity .5s;
            &::after {
                content: "";
                background: url("../common/imgs/icon-arrow-right.svg") no-repeat center center / cover;
                width: 15px;
                height: 15px;
                position: absolute;
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
            }
            &:hover {
                opacity: 0.7;
            }
        }
        &--reserve a {
            background: #aa9a00;
        }
    }
}
*/
/* =============================================

コンテンツリスト

============================================= */
.contentsList__inner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.contentsList__item {
  margin-bottom: 100px;
  position: relative;
}
.contentsList__item--has-banner3 {
  padding-bottom: 130px;
}
.contentsList__item:last-of-type {
  margin-bottom: 0;
}
.contentsList__link {
  display: flex;
  align-items: center;
}
.contentsList__link--has-banner2 {
  align-items: flex-start;
}
.contentsList__item--reverse .contentsList__link {
  flex-direction: row-reverse;
}
.contentsList__img {
  width: 50%;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 1s ease;
}
.contentsList__img figcaption {
  font-size: 10px;
  white-space: nowrap;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.contentsList__img img {
  transform: scale(1.4);
  transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.contentsList__img.active {
  opacity: 1;
}
.contentsList__img.active img {
  transform: scale(1);
}
.contentsList__link:hover .contentsList__img img {
  transform: scale(1.2);
}
.contentsList__body {
  width: 480px;
  padding-left: 80px;
  transition: opacity 1s ease, filter 1s ease;
  filter: blur(15px) brightness(2);
  opacity: 0;
}
.contentsList__body.active {
  filter: blur(0) brightness(1);
  opacity: 1;
}
.contentsList__body--has-banner {
  padding-bottom: 180px;
}
.contentsList__item--reverse .contentsList__body {
  padding-right: 80px;
  padding-left: 0;
}
.contentsList__title {
  font-family: "Cormorant Infant", serif;
  font-size: 40px;
  font-weight: 500;
  color: #002742;
  margin-bottom: 20px;
}
.contentsList__link--has-banner2 .contentsList__title {
  margin-bottom: 0;
}
.contentsList__txt {
  font-size: 24px;
  line-height: 1.9166666667;
  margin-bottom: 30px;
  white-space: nowrap;
}
.contentsList__link--has-banner2 .contentsList__txt {
  margin-bottom: 20px;
}
.contentsList__readmore {
  font-family: "Cormorant Infant", serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.08em;
  height: 30px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.contentsList__readmore::before {
  content: "";
  background: url("../imgs/bg-contents-arrow@2x.png") no-repeat center center/cover;
  width: 290px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.contentsList__readmore span {
  background: #fff;
  display: inline-block;
  padding-right: 10px;
}
.contentsList__banner {
  width: 400px;
  display: block;
  position: absolute;
  left: 680px;
  bottom: 0;
  z-index: 1;
  transition: opacity 0.5s;
}
.contentsList__banner:hover {
  opacity: 0.7;
}
.contentsList__banner--2nd {
  bottom: 130px;
}
.contentsList__banner--3rd {
  bottom: 260px;
}
.contentsList__banner--is-new::before {
  content: "";
  background: url("../imgs/img-icon-new@2x.png") no-repeat center center/cover;
  width: 70px;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 100%;
}
.contentsList__item--reverse .contentsList__banner {
  left: auto;
  right: 680px;
}

/* =============================================

告知等

============================================= */
.announcement {
  color: #7a6a56;
  background: #f5f4f4;
}
.announcement--bgWhite {
  background: #fff;
}
.announcement__inner {
  max-width: 1000px;
  padding: 0 50px 100px;
  margin-right: auto;
  margin-left: auto;
}
.announcement__inner--campaign {
  padding-top: 100px;
}
.announcement__title {
  font-family: "Libre Baskerville", serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(122, 106, 86, 0.2);
}

/* =============================================

お知らせ

============================================= */
.information-wrapper {
  height: calc((1.625em + 20px) * 3);
  overflow: auto;
}

.information {
  width: 700px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.information__date {
  font-family: "Libre Baskerville", serif;
  font-size: 17px;
  line-height: 1.5217391304;
  font-weight: 400;
  letter-spacing: 0.05em;
  width: 130px;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.information__txt {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.03em;
  width: calc(100% - 130px);
  margin-bottom: 20px;
}
.information__new {
  font-weight: 700;
  color: #c7000b;
}

/* =============================================

他物件

============================================= */
.otherArticle {
  width: 700px;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
}
.otherArticle__item {
  margin-bottom: 30px;
  position: relative;
}
.otherArticle__item:last-of-type {
  margin-bottom: 0;
}
.otherArticle-link {
  width: 680px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  justify-content: space-between;
}
.otherArticle-link__item {
  width: 220px;
  height: 44px;
}
.otherArticle-link__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

/* =============================================

バナー

============================================= */
.banner {
  width: 550px;
  margin-right: auto;
  margin-left: auto;
}

/* =============================================

ALL CONTENTS

============================================= */
/*
.allcontents {
    background: #202121;
    &__inner {
        max-width: 1100px;
        padding: 100px 50px;
        margin-right: auto;
        margin-left: auto;
    }
    &__title {
        font-family: 'Libre Baskerville', serif;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0.1em;
        text-align: center;
        margin-bottom: 40px;
    }
    &List {
        margin-bottom: 25px;
        display: flex;
        flex-wrap: wrap;
        &__item {
            @include widthPercent(1000, 245);
            @include marginPercent(1000, 0, 6.6, 6.6, 0);
            position: relative;
            &:nth-child(4n) {
                margin-right: 0;
            }
            &.--disabled {
                pointer-events: none;
            }
        }
        &__title {
            font-family: 'Cormorant Infant', serif;
            font-size: 20px;
            font-weight: 400;
            color: #fff;
            letter-spacing: 0.05em;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            transform: translate(-50%, -50%);
            white-space: nowrap;
        }
        &__soon {
            font-family: 'Cormorant Infant', serif;
            font-size: 12px;
            font-weight: 400;
            color: #898989;
            letter-spacing: 0.05em;
            text-align: center;
            position: absolute;
            top: 65%;
            left: 50%;
            z-index: 2;
            transform: translateX(-50%);
            white-space: nowrap;
        }
        &__img {
            position: relative;
            overflow: hidden;
            &::before {
                content: "";
                background: rgba(0, 0, 0, 0.7);
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                mix-blend-mode: multiply;
                pointer-events: none;
                transition: background 0.3s ease;
            }
            & img {
                transform: scale(1);
                transition: transform 0.3s ease-out;
            }
        }
        &__item:hover &__img::before {
            background: rgba(0, 0, 0, 0.3);
        }
        &__item:hover &__img img {
            transform: scale(1.1);
        }
        &__item.--disabled &__title {
            color: #898989;
        }
        &__item.--disabled &__img {
            &::before {
                content: none;
            }
        }
    }
    &Sub {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        &__item {
            background: #190913;
            @include widthPercent(1000, 320);
            height: 60px;
            border: 1px solid #fff;
            position: relative;
            transition: background .5s;
            &.--disabled {
                pointer-events: none;
                opacity: 0.3;
                &::before {
                    content: "COMING SOON";
                    font-family: 'Cormorant Infant', serif;
                    font-size: 12px;
                    color: #fff;
                    letter-spacing: 0.1em;
                    position: absolute;
                    top: calc(100% + 10px);
                    left: 50%;
                    transform: translateX(-50%);
                }
            }
            &:hover {
                background: #afc0db;
            }
            &::after {
                content: "";
                background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2010%2020%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20style%3D%22enable-background%3Anew%200%200%2010%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23C8C9CA%3B%7D%3C%2Fstyle%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%220.9%2C20%200.6%2C19.7%208.8%2C10%200.6%2C0.3%200.9%2C0%209.4%2C10%20%22%2F%3E%3C%2Fsvg%3E');
                background-repeat: no-repeat;
                width: 10px;
                height: 20px;
                position: absolute;
                top: 50%;
                right: 10px;
                transform: translateY(-50%);
                transition: background-image .5s;
            }
            &:hover::after {
                background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2010%2020%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20style%3D%22enable-background%3Anew%200%200%2010%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%220.9%2C20%200.6%2C19.7%208.8%2C10%200.6%2C0.3%200.9%2C0%209.4%2C10%20%22%2F%3E%3C%2Fsvg%3E');
            }
            & a {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
        }
        &__title {
            font-family: 'Cormorant Infant', serif;
            font-size: 20px;
            font-weight: 400;
            color: #fff;
            letter-spacing: 0.05em;
            text-align: center;
            margin-bottom: 5px;
        }
        &__txt {
            font-size: 12px;
            color: #fff;
        }
    }
}
*/
/* =============================================

Conversion

============================================= */
.topCV {
  font-size: 14px;
  backface-visibility: hidden;
  background: #fff;
  bottom: 10px;
  height: 40px;
  position: fixed;
  right: 10px;
  transform: translate(0, 200%);
  transition: 0.6s;
  width: 400px;
  z-index: 9;
}
.topCV__button {
  align-items: center;
  border: none;
  color: #333333;
  background: #fff;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: space-around;
  transition: 0.3s;
  width: 100%;
  box-shadow: 0 0 13px 3px rgba(8, 1, 3, 0.3);
  padding: 0;
}
.topCV__button:hover {
  opacity: 0.7;
}
.topCV__button:focus:not(:focus-visible) {
  outline: 0;
}
.topCV__button::after {
  color: #333333;
  content: "＞";
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%) scale(0.6, 1);
}
.site-theme-black .topCV__button {
  color: #fff;
  background: #333;
}

.topCV-title {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.topCV-title::before {
  background-color: #eb6877;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-10px, 0);
  width: 6px;
}
.topCV-title__txt {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.topCV-title__txt:not(:last-of-type) {
  margin-right: 5px;
}
.topCV-title__txt:not(:last-of-type)::after {
  content: " / ";
}
.site-theme-black .topCV-title .topCV-title__txt {
  color: #fff;
}

.topCV__logo {
  margin-left: 12px;
  width: 98px;
}
.topCV.is-visible {
  transform: translate(0, 0);
}
.topCV.is-new .topCV-title::before {
  opacity: 1;
}

/* =============================================

臨時休業

============================================= */
.temporary-off {
  letter-spacing: 0.08em;
  text-align: center;
  padding: 25px 0;
  border-bottom: 1px solid rgba(159, 160, 160, 0.5);
}
.temporary-off dt {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
}
.temporary-off dd {
  font-size: 17px;
  line-height: 1.4117647059;
}

/* =============================================

ピックアッププラン

============================================= */
.plan-pickup {
  background: #d3c1b1;
  text-align: center;
  padding-bottom: 100px;
  margin-bottom: 100px;
  position: relative;
}
.plan-pickup__img {
  margin-bottom: 30px;
  position: relative;
}
.plan-pickup__img figcaption {
  font-size: 10px;
  white-space: nowrap;
  position: absolute;
  top: 5px;
  right: 5px;
}
.plan-pickup__title {
  font-family: "Cormorant Infant", serif;
  font-size: 40px;
  font-weight: 500;
  color: #002742;
  margin-bottom: 10px;
  position: relative;
}
.plan-pickup__txt {
  font-size: 24px;
  line-height: 1.9166666667;
  margin-bottom: 30px;
  white-space: nowrap;
}
.plan-pickup__layout {
  width: 572px;
  margin: 0 auto 25px;
}
.plan-pickup__room {
  width: 400px;
  margin: 0 auto 25px;
}
.plan-pickup__readmore {
  width: 400px;
  margin: 0 auto 100px;
}
.plan-pickup-banner {
  width: 850px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.plan-pickup-banner__item {
  background: #fff;
  width: 400px;
}
.plan-pickup-banner__item a {
  transition: opacity 0.5s;
}
.plan-pickup-banner__item a:hover {
  opacity: 0.7;
}
.plan-pickup-banner__item a img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  /* =============================================

  アニメーション

  ============================================= */
  .animation {
    height: calc(100% - 40px);
  }
  .animation__scene--01a {
    width: 67.96875vw;
    transform: translate(-50%, -98.2142857143%);
  }
  .animation__scene--01b {
    width: 33.8541666667vw;
    transform: translate(-50%, 34.0909090909%);
  }
  .animation__scene--02 {
    width: 72.9166666667vw;
  }
  .animation__scene--03 {
    width: 54.4270833333vw;
  }
  .animation__scene--05 {
    width: 51.0416666667vw;
  }
  .animation__scene--16 {
    width: 58.59375vw;
  }
  .animation__skip {
    font-size: 3.125vw;
    width: 15.625vw;
    top: auto;
    right: auto;
    bottom: 50px;
    left: 1.953125vw;
  }
  .animation__skip a {
    padding: 1.3020833333vw;
  }
  .animation__replay {
    font-size: 3.125vw;
    width: 15.625vw;
    top: auto;
    right: auto;
    bottom: 50px;
    left: 1.953125vw;
  }
  .animation__replay a {
    padding: 1.3020833333vw;
  }
  /* =============================================

  メインビジュアル

  ============================================= */
  .mainvisual {
    height: auto;
    padding: 0;
  }
  .mainvisual__img {
    position: relative;
  }
  .mainvisual__caption {
    font-size: 10px;
    position: absolute;
    top: 171.875vw;
    right: 1.0416666667vw;
    bottom: auto;
    opacity: 0;
  }
  .mainvisual__info {
    font-size: 2.6041666667vw;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
  }
  .mainvisual__info a {
    padding: 10px 15px;
  }
  .mainvisual__info a::after {
    right: 20px;
  }
  .mainvisual__info img {
    width: 20px;
    margin-right: 10px;
  }
  /* =============================================

  物件特徴

  ============================================= */
  .character__inner {
    padding: 0;
  }
  .characterList {
    display: block;
  }
  .characterList__item {
    width: 100%;
  }
  .characterList__item::before {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
  .characterList__item:last-child::before {
    content: none;
  }
  .characterList__item:last-child::after {
    content: none;
  }
  .characterList__item img {
    width: 100%;
  }
  /* =============================================

  限定コンテンツ

  ============================================= */
  .limited__inner {
    background: url("../imgs/sp/bg-limited.png") repeat-x top center/cover;
    padding: 10.4302477184vw 0 19.556714472vw;
  }
  .limited__title {
    font-size: 6.258148631vw;
    line-height: 1.75;
    letter-spacing: -0.05em;
    margin-bottom: 6.518904824vw;
  }
  .limited-merit {
    width: 86.5710560626vw;
    margin-bottom: 9.1264667536vw;
    display: block;
  }
  .limited-merit__item {
    width: 100%;
    margin-bottom: 3.9113428944vw;
  }
  .limited-merit__item:last-child {
    margin-bottom: 0;
  }
  .limited-merit__item img {
    width: 100%;
    max-width: none;
  }
  .limited-detail {
    width: 100%;
  }
  .limited-detail__title {
    margin-bottom: 9.1264667536vw;
  }
  .limited-detail__button {
    font-size: 5.4758800522vw;
    width: 86.5710560626vw;
    height: auto;
    display: block;
  }
  .limited-detail__button a {
    width: 100%;
    height: 16.9491525424vw;
    border-radius: 1.9556714472vw;
  }
  .limited-detail__button a::after {
    width: 3.1290743155vw;
    height: 3.1290743155vw;
    right: 3.9113428944vw;
  }
  .limited-detail__button a:nth-of-type(2) {
    margin-top: 13.037809648vw;
  }
  /* =============================================

  グランドオープン

  ============================================= */
  .grandopen {
    padding: 1.9556714472vw 0;
    margin-bottom: 7.8226857888vw;
  }
  .grandopen__inner {
    padding: 0 0 10.4302477184vw;
  }
  .grandopen__price {
    margin-bottom: 13.037809648vw;
  }
  .grandopen-detail {
    width: 100%;
    padding-top: 9.1264667536vw;
  }
  .grandopen-detail__title {
    margin-bottom: 9.1264667536vw;
  }
  .grandopen-detail__button {
    font-size: 5.4758800522vw;
    width: 86.5710560626vw;
    height: 16.9491525424vw;
  }
  .grandopen-detail__button a {
    border-radius: 1.9556714472vw;
  }
  .grandopen-detail__button a::after {
    width: 3.1290743155vw;
    height: 3.1290743155vw;
    right: 3.9113428944vw;
  }
  .grandopen__suumo {
    width: 86.5710560626vw;
    margin-top: 13.037809648vw;
  }
  .grandopen__txtOnline {
    font-size: 3.9113428944vw;
    line-height: 1.5454545455;
    margin-bottom: 10.4302477184vw;
  }
  .online-guidance {
    width: 86.5710560626vw;
    margin-bottom: 7.8226857888vw;
  }
  .online-guidance__title {
    font-size: 7.0404172099vw;
    padding-bottom: 1.9556714472vw;
    margin-bottom: 1.9556714472vw;
  }
  .online-guidance__txtEN {
    font-size: 5.2151238592vw;
  }
  .txt-online {
    font-size: 4.1720990874vw;
    line-height: 1.6;
    margin-bottom: 7.8226857888vw;
  }
  .online-step {
    width: 86.5710560626vw;
    margin-bottom: 10.4302477184vw;
    display: block;
  }
  .online-step__item {
    width: 100%;
    margin-bottom: 15.6453715776vw;
  }
  .online-step__item::after {
    width: 15.6453715776vw;
    height: 6.518904824vw;
    top: calc(100% + 3.9113428944vw);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
            clip-path: polygon(100% 0, 0 0, 50% 100%);
  }
  .online-step__item:last-child {
    margin-bottom: 0;
  }
  .online-step__item figure {
    margin-bottom: 5.2151238592vw;
  }
  .online-step__item figure img {
    width: 100%;
    max-width: none;
  }
  .online-step__item dl dt {
    font-size: 5.7366362451vw;
    margin-bottom: 3.9113428944vw;
  }
  .online-step__item dl dd {
    font-size: 4.1720990874vw;
    width: 78.2268578879vw;
  }
  .online-notice {
    font-size: 2.3468057366vw;
    width: 86.5710560626vw;
  }
  /* =============================================

  エントリー受付中

  ============================================= */
  .entryAccepting {
    text-align: center;
    margin: 10.4302477184vw 0;
    display: block;
  }
  .entryAccepting__title {
    font-size: 7.3011734029vw;
    margin-right: 0;
    margin-bottom: 2.6075619296vw;
  }
  .entryAccepting__button {
    font-size: 4.4328552803vw;
    text-align: center;
    width: 79.5306388527vw;
    height: 10.4302477184vw;
    margin-right: auto;
    margin-left: auto;
  }
  .entryAccepting__button a {
    padding: 0;
    border-radius: 1.9556714472vw;
    justify-content: center;
  }
  .entryAccepting__button a::after {
    width: 3.1290743155vw;
    height: 3.1290743155vw;
    right: 3.9113428944vw;
  }
  /* =============================================

  フォトレポートバナー

  ============================================= */
  .banner-photo-report {
    width: 79.5306388527vw;
    margin: 0 auto 13.037809648vw;
  }
  /* =============================================

  物件エントリー

  ============================================= */
  /*
  .entryReception {
      &__inner {
          @include paddingPercent(767, 180, 50, 200, 50);
          display: block;
      }
      &__group {
          @include marginPercent(767, 0, 0, 80, 0);
          &:last-of-type {
              margin-bottom: 0;
          }
      }
      &__txt {
          @include font-size(767, 30);
          @include marginPercent(667, 0, 0, 20, 0);
      }
      &__button {
          @include font-size(767, 42);
          width: 100%;
          height: calc(100vw * 124 / 767);
          & a {
              &::after {
                  width: calc(100vw * 24 / 767);
                  height: calc(100vw * 24 / 767);
                  right: calc(100vw * 30 / 767);
              }
          }
      }
  }
  */
  /* =============================================

  コンテンツリスト

  ============================================= */
  .contentsList__item {
    margin: 0% 0% 16.9491525424% 0%;
  }
  .contentsList__item--has-banner3 {
    padding-bottom: 0;
  }
  .contentsList__item:last-of-type {
    margin-bottom: 0;
  }
  .contentsList__link {
    display: block;
  }
  .contentsList__img {
    width: 100%;
    margin: 0% 0% 10.4302477184% 0%;
  }
  .contentsList__img img {
    width: 100%;
  }
  .contentsList__img figcaption {
    font-size: 2.6075619296vw;
    right: 0.6518904824vw;
    bottom: 0.6518904824vw;
  }
  .contentsList__body {
    width: 65.1890482399%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .contentsList__item--reverse .contentsList__body {
    padding: 0;
  }
  .contentsList__title {
    font-size: 7.3011734029vw;
    margin: 0% 0% 8.3682008368% 0%;
  }
  .contentsList__link--has-banner2 .contentsList__title {
    margin: 0% 0% 8.3682008368% 0%;
  }
  .contentsList__txt {
    font-size: 4.4328552803vw;
    max-width: none;
    margin: 0% 0% 8% 0%;
    white-space: nowrap;
  }
  .contentsList__link--has-banner2 .contentsList__txt {
    margin: 0% 0% 8% 0%;
  }
  .contentsList__readmore {
    font-size: 3.3898305085vw;
    margin-left: 0;
    height: 5.2151238592vw;
    display: flex;
    align-items: center;
  }
  .contentsList__readmore::before {
    content: "";
    background: url("../imgs/bg-contents-arrow@2x.png") no-repeat right center/auto 5.2151238592vw;
    width: 100%;
    height: 5.2151238592vw;
  }
  .contentsList__readmore span {
    padding-right: 1.3037809648vw;
  }
  .contentsList__banner {
    width: 65.1890482399%;
    margin-top: 13.037809648vw;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    left: auto;
    bottom: auto;
  }
  .contentsList__banner--2nd {
    margin-bottom: -9.1264667536vw;
    bottom: auto;
  }
  .contentsList__banner--3rd {
    margin-bottom: -9.1264667536vw;
    bottom: auto;
  }
  .contentsList__banner--is-new::before {
    width: 9.1264667536vw;
    height: 2.6075619296vw;
  }
  .contentsList__item--reverse .contentsList__banner {
    right: auto;
  }
  /* =============================================

  告知等

  ============================================= */
  .announcement__inner {
    padding: 0% 6.518904824% 15.6453715776% 6.518904824%;
  }
  .announcement__inner--campaign {
    padding: 15.6453715776% 6.518904824% 15.6453715776% 6.518904824%;
  }
  .announcement__title {
    font-size: 3.1290743155vw;
    padding: 0% 0% 4.4977511244% 0%;
    margin: 0% 0% 3.748125937% 0%;
  }
  /* =============================================

  お知らせ

  ============================================= */
  .information-wrapper {
    height: calc((3.575em + 20px) * 3);
    overflow: auto;
  }
  .information {
    text-align: center;
    display: block;
    width: 100%;
  }
  .information__date {
    font-size: 3.3898305085vw;
    width: 100%;
    margin: 0% 0% 1.4992503748% 0%;
  }
  .information__txt {
    font-size: 3.1290743155vw;
    width: 100%;
    margin: 0% 0% 5.9970014993% 0%;
  }
  .information__txt:last-of-type {
    margin-bottom: 0;
  }
  .information__new {
    display: block;
  }
  /* =============================================

  他物件

  ============================================= */
  .otherArticle {
    width: 100%;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
    display: block;
  }
  .otherArticle__item {
    width: 100%;
    margin-bottom: 20px;
  }
  .otherArticle__item:last-child {
    margin-bottom: 0;
  }
  .otherArticle-link {
    width: 90%;
    height: 24.7252747253%;
    position: absolute;
    bottom: 2.0604395604%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    justify-content: space-between;
  }
  .otherArticle-link__item {
    width: 100%;
    height: 30.5555555556%;
  }
  /* =============================================

  バナー

  ============================================= */
  .banner {
    width: 100%;
  }
  .banner img {
    width: 100%;
  }
  /* =============================================

  ALL CONTENTS

  ============================================= */
  /*
  .allcontents {
      &__inner {
          @include paddingPercent(667, 120, 0, 100, 0);
      }
      &__title {
          @include font-size(767, 24);
          @include marginPercent(767, 0, 0, 70, 0);
      }
      &List {
          @include marginPercent(767, 0, 0, 40, 0);
          justify-content: space-between;
          &__item {
              @include widthPercent(767, 380);
              @include marginPercent(767, 0, 0, 7, 0);
          }
          &__title {
              @include font-size(767, 44);
          }
      }
      &Sub {
          @include widthPercent(767, 660);
          margin-right: auto;
          margin-left: auto;
          display: block;
          &__item {
              width: 100%;
              height: calc(100vw * 120 / 767);
              @include marginPercent(660, 0, 0, 10, 0);
              &:last-of-type {
                  margin-bottom: 0;
              }
              &::after {
                  width: calc(100vw * 20 / 767);
                  height: calc(100vw * 40 / 767);
                  right: calc(100vw * 20 / 767);
              }
          }
          &__title {
              @include font-size(767, 42);
          }
          &__txt {
              @include font-size(767, 24);
          }
      }
  }
  */
  /* =============================================

  Conversion

  ============================================= */
  .topCV {
    display: none;
  }
  /* =============================================

  臨時休業

  ============================================= */
  .temporary-off {
    padding: 5.2151238592vw;
  }
  .temporary-off dt {
    font-size: 3.1290743155vw;
    margin-bottom: 1.9556714472vw;
  }
  .temporary-off dd {
    font-size: 3.1290743155vw;
  }
  /* =============================================

  ピックアッププラン

  ============================================= */
  .plan-pickup {
    padding: 0% 0% 13.037809648% 0%;
    margin: 0% 0% 19.556714472% 0%;
  }
  .plan-pickup__img {
    margin-bottom: -3.9113428944vw;
  }
  .plan-pickup__img figcaption {
    font-size: 2.6075619296vw;
    right: 0.6518904824vw;
    bottom: 0.6518904824vw;
  }
  .plan-pickup__title {
    font-size: 7.3011734029vw;
    margin: 0% 0% 2.6075619296% 0%;
  }
  .plan-pickup__txt {
    font-size: 4.4328552803vw;
    max-width: none;
    margin: 0% 0% 4% 0%;
    white-space: nowrap;
  }
  .plan-pickup__layout {
    width: 88.6571056063%;
    margin: 0 auto 3.9113428944vw;
  }
  .plan-pickup__room {
    width: 73.0117340287%;
    margin: 0 auto 3.9113428944vw;
  }
  .plan-pickup__readmore {
    width: 73.0117340287%;
    margin: 0 auto 13.037809648vw;
  }
  .plan-pickup-banner {
    width: 73.0117340287%;
    display: block;
  }
  .plan-pickup-banner__item {
    width: 100%;
    margin: 0% 0% 3.5714285714% 0%;
  }
  .plan-pickup-banner__item:last-child {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=style.css.map */