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

　リニューアルコンテンツ

###################################################################################### */

html {
    overflow-x:hidden;
    background:#000;
    scrollbar-color: #fff #333;
    scrollbar-width: none;
}
.modal-video-body {
  max-width: 1600px;
  width:94%;
}


*[class*="___txt"] {position:absolute;}
*[class*="___cap"] {position:absolute;}
*[class*="___img"] {position:absolute;}

picture {font-size:0;}
picture > * {width:100%; height:100%; object-fit:cover; font-variant:top;}
picture.pictureFull {display: block; width: 100%;}

/* キャプション */
*[class*="___cap"] {
    position:absolute;
    bottom:2em;
    text-align:right;
    font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media print, screen and (min-width: 768px) {
    *[class*="___cap"] {right:2em;}
}
@media screen and (max-width: 767px) {
    *[class*="___cap"] {left:1em;}
}

/* ポップアップボタン */
*[class*="___btn"] {
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    transition:background 0.2s ease-out;
    z-index:999;
}
*[class*="___btn"] img {
    width:100%;
}

/* MENUボタン */
.section01___btn.pop01 {
    position: fixed;
    padding:0;
    background:transparent;
    border-radius:0;
    width:2.0833%;
}
@media print, screen and (min-width: 768px) {
    .section01___btn.pop01 {width:2.0833%; top:4%; right:3%;}
}
@media screen and (max-width: 767px) {
    .section01___btn.pop01 {width:6.1334%; top:3.899%; right:4.5334%; margin-top: 0;}
}

/* 共通 */
.section {
    position: relative;
    color: #fff;
    font-size:1.2rem;
    min-height:100vh;
}
.section01,
.section02,
.section03,
.section04,
.section04,
.section05 {margin-bottom:80vh;}

.section__pop,
.section__pin {
    display: flex;
    justify-content: center;
    align-items: self-start;
    font-size: 1.0rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:center no-repeat;
    background-size:cover;
    transition:transform 0.5s ease-in-out,opacity 1s ease;
}
.popContents {background: #000;}

.section01___pin,
.section02___pin,
.section07___pin {transform:scale(1.0) !important;}
.section07___pin {opacity:1 !important; background-color:#000; flex-wrap:wrap;}

/* 内容 */
*[class*="___logo"],
*[class*="___outline"] {position:fixed; height:auto;}

*[class*="___project"],
*[class*="___scroll"],
*[class*="__structure"],
*[class*="___txt"]{position:absolute; height:auto;}
*[class*="___contents"] {margin: 0 auto;}

/* 空撮を暗くする */
.section03:before,
.section07:before {
    content:"";
    display:block;
    position: fixed;
    top:0;
    left:0;
    width:100%;

    background:#000;
    opacity:0;
    transition:opacity 1s ease;
}
.section07:before {transition:opacity 0s ease;}

.section03.active:before {opacity:0.8; height:100%;}
.section07.active:before {opacity:1; height:100%;}

footer {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    align-content:center;
    padding:1em 0;
    background:#000;
}

footer .footer___plink {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    margin:0.3vw auto 1.1vw;
}
.footer___plink a {
    display:inline-block;
    text-decoration:none;
    color:#fff;

}
.footer___plink a:hover {text-decoration:underline;}
.footer___plink a:before {content:"＞"; margin-right:0.5em;}

@media print, screen and (min-width: 768px) {
.base {width:100%; height:100%; object-fit:cover;}
*[class*="___cap"]{font-size:0.8rem;}

/* 表紙 */
.section01___logo    {width:5.95062%; top: 3%; left: 3%; z-index:10;}
.section01___img     {width:77.0833%; top:55%; left:50%; transform:translate(-50%,-50%); z-index:10;}
.section01___scroll  {width:1.13440%; top:50%;right: 2%; transform:translateY(-50%);}

/* 空撮 */
.section02 {height:calc(100vw/1920*1808);}
.section02___txt {width:47.1354%; top   : 3%; left :50.0%; transform:translateX(-50%);}
.section__structure.sp,
.section02.sp {display:none;}

/* Location */
.section03___txt {top:12.2222%; left:8.0729%; width:35.8850%;}

/* Position */
.section04___txt {top:12.2222%; left:8.0729%; width:35.8850%;}

/* Design */
.section04___txt {top:12.2222%; left:8.0729%; width:35.8850%;}

/* Plan */
.section05___txt {top:12.2222%; left:8.0729%; width:34.192%;}

/* NEW */
*[class*="___txt"] .new {margin:16px 8.6% 0;}

/* Access */
.section7___access {
    width:48.1770%;
    margin:auto;
    padding-top:5%;
    padding-bottom:40px;
    border-bottom:1px solid #fff;
}
footer > * {margin:1.1vw auto; height:auto;}
footer > .yokoku {width:48.59375%; height:auto;}
footer > .contact {width:33.54166%; pointer-events: none;}
footer > a picture {width:100%; height:auto; display:block;}
footer > .kintetsu {width:10.52083%; height:auto; margin-bottom:0;}
footer > .supple {width:78.95833%; height:auto;}
.footer___plink a {font-size:0.7vw; margin-top:0.5em;}
.section10___access > picture:nth-of-type(1) {width:48.54%; height:auto;}
}
@media screen and (max-width: 767px) {
.base {
    width:100%;
    height:100%;
    object-fit:cover;
}
.section02___pin .base {
    object-fit:cover;
    width:100%;
    height:100vh;
}

*[class*="___cap"]{ font-size:2.8vw;}
*[class*="___txt"]{width: 100%;}

/* 表紙 */
.section01___logo    {width:15.9573%; top   : 3%; left :   4%; z-index:10;}
.section01___img     {width:77.0833%; top:55%; left:50%; transform:translate(-50%,-50%); z-index:10;}
.section01___scroll  {display:none;}


/* 空撮 */
.section02___txt      {top :14.6927%; left :50.0%; transform:translateX(-50%);}
.section02___contents {width:70.9334%;}
.section02___txt.copy2{width:70.0000%; top :50%; left :50.0%; transform:translate(-50%,-50%);}

/* Location */
.section03___txt {top: 12.8936%; left:50%; transform:translateX(-50%); }
.section03___contents {width: 53.3334%;}

/* Design */
.section04___txt {top: 12.8936%; left:50%; transform:translateX(-50%);}
.section04___contents {width: 84.2667%;}

/* Plan */
.section05___txt {top: 12.8936%; left:50%; transform:translateX(-50%);}
.section05___contents {width: 78.4%;}

/* Quality */
.section06___txt {top: 12.8936%; left:50%; transform:translateX(-50%);}
.section06___contents {width: 74.6667%;}

/* Access & Map */
.section07___txt {top: 12.8936%; left:50%; transform:translateX(-50%);}
.section07___contents {width: 64.2667%;}

/* Movie */
.section08___txt {top: 12.8936%; left:50%; transform:translateX(-50%);}
.section08___contents {width: 64.2667%;}

/* NEW */
*[class*="___txt"] .new { display:block; margin:16px auto 0; width:14%;}

/* Access */
.section7___access {
    width:86.4%;
    margin:auto;
    padding-top:10%;
    padding-bottom:10%;
    border-bottom:1px solid #fff;
}
footer > * {margin:3.5vw auto; height:auto;}

footer > a picture {width:100%; height:auto; display:block;}
footer > .yokoku   {width:86.7546%; height:auto;}
footer > .contact  {width:68.3232%;}
footer > .kintetsu {width:35.3208%; height:auto; margin-bottom:0;}
footer > .supple   {width:86.2848%; height:auto;}
.footer___plink a {font-size:2.7vw; margin-top:1em;}
}

@keyframes fadeZoomIn {
    0% {
        transform: scale(0.75, 0.75);
    }
    100% {
        transform: scale(1, 1);
    }
}
.effect.fadeZoomIn.insert {
    animation-duration: 0.75s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.effect.fadeZoomIn.insert {
    animation-name: fadeZoomIn;
}

/* #############################################

ポップアップ

############################################# */
.popWindow {
    position:fixed;
    z-index:9999;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    height:100%;
    background:none !important; display:none;
    overflow-y:scroll;
    scrollbar-color: #fff #333;
    scrollbar-width: none;
    webkit-overflow-scrolling: touch;
}
.popWindow .pop____inner {height:100%; position:relative;}

.sectionPop {
    position: relative;
    color: #fff;
    font-size:1.2rem;
    min-height:100vh;
}
.section__pop {flex-wrap:wrap;}

/* 拡大ボタン */
.btn___scale {
    width:5em;
    height:5em;
    font-size:10px;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
}
.pop___scale {
    display: none;
    margin-bottom: 1em;
    z-index:9999;
}
@media screen and (max-width: 767px) {
    .pop___scale {
        display: flex;
    }
}

/* 戻るボタン */
.btn___back {
    width:5em;
    height:5em;
    font-size:10px;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
}
.pop___back {
    z-index:9999;
}

/* Menu */
nav ul, nav li {list-style:none;}
.popWindow.pop01 {
    flex-wrap:wrap;
    justify-content:center;
    align-content:center;
    align-items:center;
}
@media screen and (max-width: 767px) {
.popWindow.pop01 { padding-bottom:80px;}
}

.popWindow.pop01 .pop01_logo_box {
    width: 100%;
}
.popWindow.pop01 .pop01___logo {
    position:relative;
    width:39.7333%;
}
.popWindow.pop01 .nav {
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.popWindow.pop01 .nav ul {
    border-bottom: 1px solid #fff;
}
.popWindow.pop01 .nav li {
    width:100%;
}

.popWindow.pop01 .bg-video,
.popWindow.pop01 .nav .bg-video,
.nav_footer .bg-video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media print, screen and (min-width: 768px) {
    .bg-video.sp {display: none;}
    /* 閉じるボタン */
    .btn___close {
        position:fixed;
        width: 1.7709%;
        height:auto;
    }
    .pop___close {
        top:3.6459vw;
        right:3.125%;
        z-index:9999;
    }
}
@media screen and (max-width: 767px) {
    .bg-video.pc {display: none;}
    /* 閉じるボタン */
    .btn___close {
        position:fixed;
        width:9.3333%;
        height:auto;
    }
    .pop___close {
        top:2%;
        right:4%;
        z-index:9999;
    }
}

/* =======================================
    ≡メニュー
======================================= */
.pop01___btn___close {
    position: absolute;
    right: 7.4667%;
    top: 4.6967%;
    border-radius:0;
    width:9.1667%;
    margin: 0;
    padding:0;
    background: transparent;
}
    .popWindow.pop01 .entry {
        display:flex;
        margin: 3em auto;

        align-items:center;
        background: linear-gradient(to right,  rgba(183,172,157,1) 0%,rgba(109,102,80,1) 100%);
        border-radius:5px;
    }

@media print, screen and (min-width: 768px) {
    .popWindow.pop01 .popContainer {
        height: auto;
        min-height: 100vh;
        background-image: url(../img/renew/menu/bg_pc.png);
        background-size: cover;
    }
    .popWindow.pop01 .pop01_logo_box {
        padding-top: 4.0741vh;
        padding-left: 2.7604%;
    }
    .popWindow.pop01 .pop01___logo {
        width:19.2708%;
    }
    .popWindow.pop01 .nav {padding-top: 2.2222vh;}
    .popWindow.pop01 ul {
        display: flex;
        flex-wrap: wrap;
        width:48.3334%;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid #fff;
    }
    .popWindow.pop01 ul img {vertical-align:middle;}
    .popWindow.pop01 li:not(.top) {border-top: 1px solid #fff;}
    .popWindow.pop01 li.top {width:calc( 33.333% * 3 ); text-align:center;}

    .popWindow.pop01 li.concept,
    .popWindow.pop01 li.location,
    .popWindow.pop01 li.design,
    .popWindow.pop01 li.plan,
    .popWindow.pop01 li.premium,
    .popWindow.pop01 li.access,
    .popWindow.pop01 li.movie {width: 33.333%;}

    .popWindow.pop01 li.salon,
    .popWindow.pop01 li.outline {width: 50%;}

    .popWindow.pop01 li.concept,
    .popWindow.pop01 li.plan,
    .popWindow.pop01 li.salon {border-right: 1px solid #fff;}

    .popWindow.pop01 li.design,
    .popWindow.pop01 li.access,
    .popWindow.pop01 li.movie {border-left: 1px solid #fff;}

    .popWindow.pop01 li a {display: block;}

    .popWindow.pop01 .entry {
        width: 18%;
        max-width:260px;
        padding: 0.6em 4em;
    }

    .pop01___btn___close {
        position:absolute;
        width:2.0833% !important; top:4%; right:3%;
        margin:0 !important;
        padding:0 !important;
    }
}
@media screen and (max-width: 767px) {
    .popWindow.pop01 .pop01_logo_box {
        padding-top: 13.3334%;
        padding-bottom: 13.3334%;
        text-align: center;
    }
    .popWindow.pop01 .nav {
        position: relative;
        margin-bottom: 13.8667%;
        padding: 11.2% 8% 0;
    }
    .popWindow.pop01 ul {
        width:100%;
        padding-bottom: 16.6667%;
    }
    .popWindow.pop01 .nav li + li {margin-top: 10.1587%;}
    .popWindow.pop01 .nav li.top img {width: 19.6825%;}
    .popWindow.pop01 .nav li.concept img {width: 31.1112%;}
    .popWindow.pop01 .nav li.location img {width: 31.1112%;}
    .popWindow.pop01 .nav li.design img {width: 26.3492%;}
    .popWindow.pop01 .nav li.plan img {width: 19.3651%;}
    .popWindow.pop01 .nav li.premium img {width: 49.8%;}
    .popWindow.pop01 .nav li.access img {width: 28.1%;}
    .popWindow.pop01 .nav li.salon img {width: 16.40832%;}
    .popWindow.pop01 .nav li.outline img {width: 27.9365%;}
/*
    .popWindow.pop01 .nav li.quality img {width: 27.9362%;}
    .popWindow.pop01 .nav li.movie img {width: 25%;}
*/

    .popWindow.pop01 .entry {
        width: 60%;
        padding: 0.6em 3.2em;
    }

}
/* =======================================
    共通フッタ
======================================= */
.nav_footer {
    position: relative;
    width: 100%;
}
.nav_footer .footer_tel {
    width: 81.2699%;
    margin: 0 auto 7.6191%;
}
.nav_footer .footer_logo {
    margin: 0 auto;
}
.nav_footer .footer___plink {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    margin:0 auto;
}
@media print, screen and (min-width: 768px) {
    .nav_footer .footer_tel {
        width: 33.5417%;
        margin: 4.2188vw auto 0;
    }
    .nav_footer.narrow .footer_tel {
        margin: 0 auto;
        padding-top: 2.6042vw;
    }

    .nav_footer .footer_logo {
        width: 8.75%;
        margin-top: 1.4063vw;
    }
    .nav_footer .footer___plink {margin-top: 1.8229vw;}
    .nav_footer .footer___plink a {margin: 0;}
    .nav_footer .footer___plink a + a {margin-top: 1em;}
    .nav_footer .footer_text {
        width: 64.1146%;
        margin-top: 1.8229vw;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 4.4271vw;
    }
    .nav_footer.narrow .footer_text {
        padding-bottom: 2.3438vw;
    }
}
@media screen and (max-width: 767px) {
    .nav_footer {padding: 0 6.6667% 10.6667%;}
    .nav_footer.topwideSp {padding-top: 12.2667%;}
    .nav_footer .footer_tel {
        width: 81.2699%;
        margin: 0 auto 7.6191%;
    }
    .nav_footer .footer_logo {width: 41.9048%;}
    .nav_footer .footer___plink {margin-top: 4.127%;}
    .nav_footer .footer___plink a {margin: 0;}
    .nav_footer .footer___plink a + a {margin-top: 1.5873%;}
    .nav_footer .footer_text {padding-top: 11.4286%;}
    .nav_footer .footer_text.pc {display: none;}
}


/* =======================================
    物件エントリーとは
======================================= */
.popWindow.benefits {
    background:rgba(0,0,0,0.7) !important;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.popWindow.benefits .pop____inner {
    display:flex;
    justify-content:center;
    align-items:center;
}
.popWindow.benefits .popBenefits {
    width:auto;
    height:auto;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    max-width:calc(100% - 40px);
}
.popWindow.benefits .popBenefits img {
    vertical-align:middle;
    max-width:100%;
    height:auto;
}
.popWindow.benefits .popBenefits  .btn___close {
    position: absolute;
    top: auto;
    right: 3.7%;
    bottom: 5%;
    width: 14.8%;
    height: 5.2%;
    /*background: rgba(255,0,0,0.2);*/
    text-indent: -9999px;
}


/* =======================================
    Concept
======================================= */
.popWindow.pop02 {}

.popWindow.pop02 .pop02_contents {width: 100%; height: calc(250vh);}
.popWindow.pop02 .pop02_contents .pop02_contents_inner {
    position: sticky;
    top: 0;
}
.popWindow.pop02 .maskText {
    display: block;
    mask-position: 0% 100%;
    mask-image: linear-gradient(to top, transparent 40%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.9) 65%, black 100%);
    mask-size: 100% 250%;
    transition: mask-position 0.5s ease-out;
}
@media print, screen and (min-width: 768px) {
    .popWindow.pop02 .pop02_contents .title {display: none;}
    .popWindow.pop02 .pop02_contents .pop02_contents_inner {
        background-image: url(../img/renew/concept/bg_pc.jpg);
        background-size: cover;
    }
    .popWindow.pop02 .maskText {
        width: 50.8334%;
        margin: 0 auto;
        padding-top: 8.1771%;
        padding-bottom: 4.0104%;
    }
    .pop02_01___img {width:48.1770%; margin:auto; border:solid transparent; border-width:40px 0;}
}
@media screen and (max-width: 767px) {
    .popWindow.pop02 .pop02_contents .title {width: 100%; height: auto;}
    .popWindow.pop02 .pop02_contents .pop02_contents_inner {
        background-image: url(../img/renew/concept/bg_sp.png);
        background-size: cover;
    }
    .pop02_01___img {border-bottom:solid transparent 40px;}
}

/* =======================================
    Location
======================================= */
.popWindow.pop03 {}

.popWindow.pop03 .circle-mask-wrap {width: 100%; height: 200vh;}
.popWindow.pop03 .circle-mask {
    position: sticky;
    top: 0;

}
.popWindow.pop03 .circle-mask .mask-image {
    display: block;
    clip-path: circle(30%);
    transition: clip-path 0.8s ease-out;
    will-change: clip-path;
}
.popWindow.pop03 .circle-mask img {
    width: 100%;
    transition: opacity 1s ease-out;
}

.popWindow.pop03 .circle-mask .mask-image img {opacity: 1;}
.popWindow.pop03 .circle-mask .mask-opacity-image img {opacity: 0;}
.popWindow.pop03 .circle-mask .mask-opacity-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media print, screen and (min-width: 768px) {

    .sectionPop.pop03_01 .popContents {width:100%;}
    .pop03_01___txt {width:32.8645%; top   :50%; right: 8.9%;}
    .pop03_02___txt {width:28.5416%; top   :13%; left :10.0%;}
    .pop03_03___txt {width:26.7708%; bottom:13%; right:13.0%;}
    .pop03_04___txt {width:32.5364%; top   :61%; left : 8.0%;}
    .pop03_05___txt {width:35.0166%; top   :21%; left : 9.0%;}
    .pop03_06___txt {width:1.82229%; top   : 5%; right: 8.5%;}
    .pop03_06 {height:calc(100vw/1920*1600);}

    .popWindow.pop03 .circle-mask-wrap {margin-top: 11.4111%; margin-bottom: 11.7519vh;}
    .popWindow.pop03 .circle-mask img {
        height: 100vh;
        object-fit: cover;
    }
    .popWindow.pop03 .circle-mask .mask-opacity-image .section___cap {
        opacity: 0;
        position:absolute;
        width:auto;
        height:auto;
    }

}
@media screen and (max-width: 767px) {
    .pop03_01___txt {width:77.3333%; top   :50%; right: 8.9%;}
    .pop03_02___txt {width:5.13698%; top   :13%; left :50%; transform:translateX(-50%);}
    .pop03_03___txt {width:61.0992%; top   :23%; left :50%; transform:translateX(-50%);}
    .pop03_04___txt {width:5.13698%; top   :32%; left :50%; transform:translateX(-50%);}
    .pop03_05___txt {width:82.1333%; top   :19%; left :50%; transform:translateX(-50%);}
    .pop03_06___txt {width:5.13698%; top   :16%; right: 8.5%;}
    .pop03_06 {height:calc(100vw/1920*1600);}
    .popWindow.pop03 .circle-mask {height: 100vh;}
    .popWindow.pop03 .circle-mask img {height: auto;}
    .popWindow.pop03 .circle-mask .mask-image {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .popWindow.pop03 .circle-mask .mask-opacity-image {top: 50%; transform: translateY(-50%);}
    .popWindow.pop03 .circle-mask .mask-opacity-image .section___cap {display:none;}
}

/* =======================================
    Design
======================================= */
.popWindow.pop04 {}
.popWindow.pop04 picture > * {width:100%; height:auto;}
.popWindow.pop04 img.full {width:100%; height:auto;}
.popWindow.pop04 .sectionPop {min-height:0;}

@media print, screen and (min-width: 768px) {
    .popWindow.pop04 .gallery.sp {display:none;}

    /* 01：祇園祭 */
    .pop04_01___img {width:100%; margin:auto; border-bottom:40px solid transparent;}
    /* 02：landplan */
    .sectionPop.pop04_03 .pop04_02_txt {width:47.7083%; margin-bottom:60px;}
    /* 02：2F */
    .sectionPop.pop04_03 .pop04_02_img1 {width:37.5520%; margin-top:3.5vw;}
    /* 02：1F */
    .sectionPop.pop04_03 .pop04_02_img2 {width:52.5166%; margin-top:5.0vw;}
    /* 02：リスト */
    .sectionPop.pop04_03 .pop04_02_img3 {width:47.8645%; margin-top:5.0vw;}

    .sectionPop.pop04_04 .section__design picture,
    .sectionPop.pop04_05 .section__design picture,
    .sectionPop.pop04_06 .section__design picture { display:block; margin-left:auto; margin-right:auto;}

    .popWindow.pop04 .pc_bg {
        background-image: url(../img/renew/design/bg_pc.png);
        background-repeat: repeat-x;
        background-size: auto 100%;
    }

    /* 03：hall */
    .sectionPop.pop04_04 .pop04_02_txt2 {width:47.708333%; margin-top:5.730vw;}
    /* 04：Lounge */
    .sectionPop.pop04_05 .pop04_03_txt2 {width:47.708333%; margin-top:5.730vw;}
    /* 04：Lounge */
    .sectionPop.pop04_05 .pop04_04_txt2 {width:47.708333%; margin-top:5.730vw;}

    .popWindow.pop04 .entranceList {display: flex;}
    .popWindow.pop04 .entranceList div:nth-of-type(1){width: 32.2917%;}
    .popWindow.pop04 .entranceList div:nth-of-type(2){width: 35.4167%;}
    .popWindow.pop04 .entranceList div:nth-of-type(3){width: 32.2917%;}

}
@media screen and (max-width: 767px) {
    .popWindow.pop04 img.pc {display:none;}

    .sectionPop.pop04_03 .section__design picture { display:block; margin-left:auto; margin-right:auto;}

    /* 02：landplan */
    .sectionPop.pop04_03 .pop04_02_txt {width:70.66666%; margin-bottom:12vw;}

    .popWindow.pop04 .slideEffect > div {
        height: 100vh;
        align-items: center;
    }
    .popWindow.pop04 .slideEffect picture img {width: 100%; height: auto;}

    /* 02：2F */
    .sectionPop.pop04_03 .pop04_02_img1 {width:78.9333%; margin-top:5.0vw;}
    /* 02：1F */
    .sectionPop.pop04_03 .pop04_02_img2 {width:82.9333%; margin-top:5.0vw;}
    /* 02：リスト */
    .sectionPop.pop04_03 .pop04_02_img3 {width:80%; margin-top:5.0vw;}

.sectionPop.pop04_03 + .pc_bg {background:linear-gradient(to bottom,  rgb(0,0,0) 0%,rgb(51,42,32) 18%,rgb(85,72,67) 51%,rgb(28,21,20) 70%,rgb(0,0,0) 85%,rgb(0,0,0) 100%);}

    .sectionPop.pop04_04 .section__design picture,
    .sectionPop.pop04_05 .section__design picture,
    .sectionPop.pop04_06 .section__design picture { display:block; margin-left:auto; margin-right:auto;}
    /* 03：hall */
    .sectionPop.pop04_04 .pop04_02_txt2 {width:70%; margin-top:9.0vw;}
    /* 04：Lounge */
    .sectionPop.pop04_05 .pop04_04_txt2 {width:70%; margin-top:9.0vw;}
    /* 04：Lounge */
    .sectionPop.pop04_06 .pop04_05_txt2 {width:85.8666%; margin-top:16vw;}

    .gallery {width: 100%; max-width: 100%;}
    .gallery.slick-dotted.slick-slider {margin-bottom: 0;}

    .popWindow.pop04 .gallery.sp img {width:100vw; height:auto;}
    .slick-dots    {top: 100%; bottom:auto;}
    .slick-dots li {width:atuo; height:auto; margin: 0;}

    .slick-dots li button {padding:0; width: auto; height:auto;}
    .slick-dots li button::before {
        background:#555;
        opacity:1;
        width:2vw;
        height:2vw;
        border-radius:50%;
        font-size:0;
    }
    .slick-dots li.slick-active button::before{
        background:#fff;
        opacity:1;
    }
    .slick-dots li button::before {
        top: -2.9333vw;
    }
    .popWindow.pop04 .entranceList {display: none;}
}

/* =======================================
    Plan
======================================= */
.popWindow.pop05 {}

.pop05___planlist picture {
    position: relative;
    z-index: 2;
    vertical-align:bottom;
}
.pop05___planlist.exectve {background: #000;}
.pop05___planlist.premium {background: #000;}
.pop05___planlist {
    background:repeat-x center;
    background-size:auto 100%;
    width:100%;
}
.pop05___planlist___item {border-top: 1px solid #727171;}
.pop05___planlist___item button {
    position: relative;
    display: block;
    border-bottom: 1px solid #727171;
    overflow: hidden;
}
.pop05___planlist button {display: block; width: 100%;}
.pop05___planlist button:before {
    content: "";
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 280px;
    height: 280px;
    background: linear-gradient(90deg, rgba(93, 95, 93, 1) 0%, rgba(43, 41, 40, 1) 100%);
    border-radius: 50%;
    transition: 0.6s ease;
}
.pop05___planlist.premium button:before {background: linear-gradient(90deg, rgba(104, 90, 60, 1) 0%, rgba(51, 33, 18, 1) 100%);}

.pop05___planlist button:hover:before {width: 120vw; height: 120vw;}
.pop05___planlist button:nth-of-type(odd)  {background: linear-gradient(270deg,rgba(0, 0, 0, 1) 0%, rgba(42, 39, 39, 1) 100%);}
.pop05___planlist button:nth-of-type(even) {background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(42, 39, 39, 1) 100%);}

@media print, screen and (min-width: 768px) {
    .sectionPop.pop05_00 .popContents {width:100%;}

    .popWindow.pop05 .title,
    .titleGrade,
    .pop05___planlist___item {
        display: block;
        width: 47.9167%;
        margin-left: auto;
        margin-right: auto;
    }
    .pop05___planlist button {margin-bottom:0;}
    .pop05___planlist picture * {width:100%; height: auto;}
}
@media screen and (max-width: 767px) {
    .popWindow.pop05 .section___cap {
        width:auto;
        height:auto;
    }
    .sectionPop .section__pop {align-items:stretch;}
    .pop05___planlist button {margin-bottom:0;}
    .pop05___planlist .title {display: none;}
    .pop05___planlist > * {display:block;}
    .pop05___planlist picture * {width:100%;}
}

/* =======================================
    Plan：詳細
======================================= */
.pop05___img { }
.pop05___txt {
    width:50%;
    height:50%;
    margin:auto;
    top:0;
    bottom:0;
}

.pop05___planDetail {
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    text-align:center;
}
.pop05___planDetail .layout picture > * {object-fit:contain;}
.pop05___planDetail .layout {mix-blend-mode: multiply;}

@media print, screen and (min-width: 768px) {

.pop05___planDetail {
    padding-bottom:80px;
    background:url(../img/renew/plan/pop05_wall2_pc.png) no-repeat center;
    background-size:cover;
}
.pop05___planDetail .spec {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:280px;
    background:url(../img/renew/plan/pop05_wall1_pc.png) no-repeat center;
    background-size:cover;
}
.popWindow.pop05j .pop05___planDetail .spec,
.popWindow.pop05h .pop05___planDetail .spec,
.popWindow.pop05l .pop05___planDetail .spec,
.popWindow.pop05m .pop05___planDetail .spec{
    background-image:url(../img/renew/plan/pop05_wall1P_pc.png);
}
.pop05___planDetail .spec + .copy {
    background:url(../img/renew/plan/pop05_wall1P2_pc.png) no-repeat center;
    background-size:cover;
    width:100%;
    padding:30px 0;
}
.pop05___planDetail .spec + .copy img {width:486px; height:auto;}

.pop05___planDetail .grade.sp {display:none;}
.pop05___planDetail .layout {margin:40px auto 0;}

.popWindow.pop05a .layout {width:790px;}
.popWindow.pop05d .layout {width:880px;}
.popWindow.pop05e .layout {width:532px;}
.popWindow.pop05j .layout {width:626px;}

.pop05___planDetail .supple,
.pop05___planDetail .suppleBox {
    width:860px;
    text-align:left;
    font-size:0.75rem;
    color:#3e3a39;
    margin-top:2em;
    font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.pop05_07 .pop05___planDetail .supple,
.pop05_08 .pop05___planDetail .supple,
.pop05_09 .pop05___planDetail .supple{
    width: auto;
}
.pop05___planDetail .suppleBox {
    display:inline-block;
    margin:1em auto;
    border:1px solid #3e3a39;
    padding:0.25em 2em;
    width:auto;
}

.pop05___planDetail .note{
    display: none;
}

}
@media screen and (max-width: 767px) {
.pop05___planDetail {
    padding-bottom:80px;
    background:url(../img/renew/plan/pop05_wall2_sp.png) no-repeat center;
    background-size:cover;
}
.pop05___planDetail .grade {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:14vw;
    background:url(../img/renew/plan/pop05_wall1_sp.png) no-repeat center;
    background-size:cover;
}
.popWindow.pop05i .pop05___planDetail .grade,
.popWindow.pop05j .pop05___planDetail .grade,
.popWindow.pop05k .pop05___planDetail .grade,
.popWindow.pop05h .pop05___planDetail .grade,
.popWindow.pop05l .pop05___planDetail .grade,
.popWindow.pop05m .pop05___planDetail .grade{
    background-image:url(../img/renew/plan/pop05_wall1P_sp.png);
    background-size:cover;
}
.popWindow.pop05i .pop05___planDetail .copy,
.popWindow.pop05j .pop05___planDetail .copy,
.popWindow.pop05k .pop05___planDetail .copy,
.popWindow.pop05h .pop05___planDetail .copy,
.popWindow.pop05l .pop05___planDetail .copy,
.popWindow.pop05m .pop05___planDetail .copy{
    background-image:url(../img/renew/plan/pop05_wall1P2_sp.png);
    background-size:cover;
    padding:8px 0;
    width: 100%;
}
.popWindow.pop05i .pop05___planDetail .copy img,
.popWindow.pop05j .pop05___planDetail .copy img,
.popWindow.pop05k .pop05___planDetail .copy img,
.popWindow.pop05h .pop05___planDetail .copy img,
.popWindow.pop05l .pop05___planDetail .copy img,
.popWindow.pop05m .pop05___planDetail .copy img{width:70%; vertical-align:bottom;}

.popWindow.pop05i .pop05___planDetail .grade,
.popWindow.pop05j .pop05___planDetail .grade,
.popWindow.pop05k .pop05___planDetail .grade,
.popWindow.pop05h .pop05___planDetail .grade,
.popWindow.pop05l .pop05___planDetail .grade,
.popWindow.pop05m .pop05___planDetail .grade{order:1;}

.popWindow.pop05i .pop05___planDetail .spec,
.popWindow.pop05j .pop05___planDetail .spec,
.popWindow.pop05k .pop05___planDetail .spec,
.popWindow.pop05l .pop05___planDetail .spec,
.popWindow.pop05m .pop05___planDetail .spec,
.popWindow.pop05h .pop05___planDetail .spec{order:3;}

.popWindow.pop05i .pop05___planDetail .copy,
.popWindow.pop05j .pop05___planDetail .copy,
.popWindow.pop05k .pop05___planDetail .copy,
.popWindow.pop05h .pop05___planDetail .copy,
.popWindow.pop05l .pop05___planDetail .copy,
.popWindow.pop05m .pop05___planDetail .copy{order:2;}

.popWindow.pop05i .pop05___planDetail .layout,
.popWindow.pop05j .pop05___planDetail .layout,
.popWindow.pop05k .pop05___planDetail .layout,
.popWindow.pop05h .pop05___planDetail .layout,
.popWindow.pop05l .pop05___planDetail .layout,
.popWindow.pop05m .pop05___planDetail .layout{order:4;}

.popWindow.pop05i .pop05___planDetail button,
.popWindow.pop05j .pop05___planDetail button,
.popWindow.pop05k .pop05___planDetail button,
.popWindow.pop05h .pop05___planDetail button,
.popWindow.pop05l .pop05___planDetail button,
.popWindow.pop05m .pop05___planDetail button{order:5;}

.popWindow.pop05i .pop05___planDetail .pop___scale,
.popWindow.pop05j .pop05___planDetail .pop___scale,
.popWindow.pop05k .pop05___planDetail .pop___scale,
.popWindow.pop05h .pop05___planDetail .pop___scale,
.popWindow.pop05l .pop05___planDetail .pop___scale,
.popWindow.pop05m .pop05___planDetail .pop___scale{order:5;}

.popWindow.pop05i .pop05___planDetail .note,
.popWindow.pop05j .pop05___planDetail .note,
.popWindow.pop05k .pop05___planDetail .note,
.popWindow.pop05h .pop05___planDetail .note,
.popWindow.pop05l .pop05___planDetail .note,
.popWindow.pop05m .pop05___planDetail .note{order:6;}

.popWindow.pop05i .pop05___planDetail .pop___back,
.popWindow.pop05j .pop05___planDetail .pop___back,
.popWindow.pop05k .pop05___planDetail .pop___back,
.popWindow.pop05h .pop05___planDetail .pop___back,
.popWindow.pop05l .pop05___planDetail .suppleBox,
.popWindow.pop05m .pop05___planDetail .suppleBox {order:7;}

.popWindow.pop05l .pop05___planDetail .pop___back,
.popWindow.pop05m .pop05___planDetail .pop___back{order:8;}


.pop05___planDetail .grade img {width:40%; height:auto;}

.pop05___planDetail .spec { width:100%; margin-top:30px;}
.pop05___planDetail .spec img {width:62.9334%; height:auto;}

.pop05___planDetail .layout {width:86.1334%; margin-top:30px;}
.pop05___planDetail .layout.narrow {margin-top: 15px;}
.pop05___planDetail .layout.zero {margin-top: 0;}

.pop05___planDetail button {width:30%; margin-top:30px;}

.pop05___planDetail .supple {display:none;}


.pop05___planDetail .suppleBox {
    width:80%;
    font-size:0.75rem;
    color:#3e3a39;
    font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin:1em auto;
    border:1px solid #3e3a39;
    padding:0.25em 2em;
}

.pop05___planDetail .note{display: block;}
}

@media print, screen and (min-width: 768px) {
    .pop05___img { width:100%; height:100%; object-fit:contain !important; border:solid transparent; border-width:40px 0;}
    .pop05___img > * {object-fit:contain !important;}

    .popWindow.pop05l .pop05___planDetail .layout img {width:88%;}
    .popWindow.pop05l .pop05___planDetail .supple {width:auto;}

    .popWindow.pop05m .pop05___planDetail .layout img {width:88%;}
    .popWindow.pop05m .pop05___planDetail .supple {width:auto;}
}
@media screen and (max-width: 767px) {
    .pop05___img { width:100%; height:100%; object-fit:contain !important; border:solid transparent; border-width:40px 20px;}
    .pop05___img > * { width:100%; height:90%; object-fit:contain; object-position:center; margin:auto;}

/* 図面タップ拡大・リセット
-----------------------------------*/
.layout.scale {
  width: 100%;
  height: auto;
  transition: height 0.35s ease;
  overflow: hidden;
  position: relative;
}
.layout.scale:not(.scaled) {height: 200px;}
.layout.scale.scaled {height: calc(200px * 1.5);}

.layout.scale img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: top left;
  transition: transform 0.35s ease;
}
.layout.scale.scaled img {transform: scale(1.5);}


}

/* =======================================
    quality
.popWindow.pop06 {}
.tagMenuList {
    display: flex;
}
.tagMenuList button {
    display: block;
    background: #e6e2d7;
}
.tagMenuList button.active {background: #c9bc9c;}
.tagMenuList button + button {border-left: 1px solid #231815;}
.pop06 .content.tag01,
.pop06 .content.tag02,
.pop06 .content.tag03 {display: none;}
.pop06 .content.active {display: block;}
.pop06 .content > picture {display: block;}
.pop06 .content > picture img {height: auto;}
.pop06 .content > picture.cream {background: #b6afa6;}
======================================= */

@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}

/* =======================================
    Access & Map
======================================= */
.popWindow.pop06 {}

@media print, screen and (min-width: 768px) {
        .sectionPop.pop06_01 .popContents {width:100%; padding-bottom:20px;}

}
@media screen and (max-width: 767px) {
}

/* =======================================
    Map：現地案内図
======================================= */
.popWindow.pop08 {}
.sectionPop.pop08_01 .popContents {background:none;}
@media print, screen and (min-width: 768px) {
.sectionPop.pop08_01 .logo {position:absolute;width: 20%; top: 2.7%; left: 2.7%;}
.sectionPop.pop08_01 .popContents {padding-top:160px; margin-bottom:100px;}
}
@media screen and (max-width: 767px) {
.sectionPop.pop08_01 .logo {display:none;}
.sectionPop.pop08_01 .popContents {padding-top:60px;}
}

/* =======================================
    PREMIUM FLOOR
======================================= */
.sectionPop.pop09_01{}
.sectionPop.pop09_01 .title{
    display: block;
}
.sectionPop.pop09_01 .pop09___premiumDetail{
}
.sectionPop.pop09_01 picture * {width:100%; height: auto; object-fit:cover;}

@media print, screen and (min-width: 768px) {
    .sectionPop.pop09_01 .title{
        height: 100%;
        background:url(../img/renew/premium/bg_01.png) no-repeat center;
        background-size:cover;
    }
    .sectionPop.pop09_01 .pop09___premiumDetail{
        background:url(../img/renew/premium/bg_02.png) no-repeat center;
        background-size:cover;
    }
}
@media screen and (max-width: 767px) {
    .sectionPop.pop09_01 .title{
        background:url(../img/renew/premium/bg_01_sp.png) no-repeat center;
        background-size:cover;
    }
    .sectionPop.pop09_01 .pop09___premiumDetail{
        background:url(../img/renew/premium/bg_02_sp.png) no-repeat center;
        background-size:cover;
    }
}

/* =======================================
    お知らせ
======================================= */
.infoBox {
    border:1px solid #fff;
    color:#fff;
    margin-top:2em;
    margin-bottom:2em;
    padding:1em 0.5em;
    text-align:center;
    background:rgba(0,0,0,0.7);
}
.infoBox dt {
    text-align:center;
    margin-bottom:1em;
}
.infoBox dd {
    font-size:80%;
}
.slide-content02 .infoBox {
    position:absolute;
}
.footer_infoBox {
    margin-right: auto;
    margin-left: auto;
    text-align:center;
}


@media print, screen and (min-width: 768px) {
.slide-content02 .infoBox {
    bottom:14%;
    right:5%;
}

.footer_infoBox {width: 33.5417%;}
}
@media screen and (max-width: 767px) {
.slide-content02 .infoBox {
    bottom:38%;
    right:0;
    left:0;
    margin:auto;
    width:90%;
}
.footer_infoBox {width: 100%;}
}