@charset "UTF-8";

/*=== 共通 ===*/
.contents {
    overflow: hidden;
    font-feature-settings: "palt";
}
.contents.bg01 {
    background: url(../img/premium/bg_pre01.jpg)repeat-y top center;
}

figure {
    position: relative;
}

sup {
    vertical-align: super;
    font-size: 10px;
}
.f-50 { font-size: 50%; }
.f-60 { font-size: 60%; }
.f-70 { font-size: 70%; }
.f-80 { font-size: 80%; }
.f-90 { font-size: 90%; }
.f-110 { font-size: 110%; }
.f-120 { font-size: 120%; }
.f-130 { font-size: 130%; }
.f-140 { font-size: 140%; }
.f-150 { font-size: 150%; }
.f-160 { font-size: 160%; }
.f-170 { font-size: 170%; }
.f-180 { font-size: 180%; }
.f-190 { font-size: 190%; }
.f-200 { font-size: 200%; }
.f-210 { font-size: 210%; }
.f-220 { font-size: 220%; }
.f-230 { font-size: 230%; }
.f-240 { font-size: 240%; }

.align_L { text-align: left; }
.align_C { text-align: center; }
.align_R { text-align: right; }

.f-palt {
    font-feature-settings: "palt";
}

.tab_Area.type {
    max-width: 800px;
    justify-content: center;
    gap: 20px 40px;
}
.tab_Area.type.lower {
    margin: 0 auto 70px;
}
.tab_Area.type li {
    font-size: 15px;
    width: calc(100% / 2);
}
.tab_Area.type li a {
    display: block;
    width: 100%;
    color: #a88d5e;
    font-size: 24px;
    letter-spacing: 0.16em;
    font-feature-settings: "palt";
    text-align: center;
    padding: 14px 0;
    border: 1px solid #a88d5e;
}
.tab_Area.type li.here a {
    color: #fff;
    pointer-events: none;
    background: #a88d5e;
}
.tab_Area.type li.here::after {
    content: unset;
}
.tab_Area.type li a:hover {
    color: #fff;
    background: #a88d5e;
    transition: 0.3s;
}



.contents {
    overflow: hidden;
}
.contents figure {
    position: relative;
    height: fit-content;
    line-height: 0;
}
.contents img {
    width: 100%;
}

/*=== 共通 ===*/
#main_Wrap {
    position: relative;
}

#main_Wrap h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(20px, 3.333333333333333vw, 40px);
    color: #fff;
    text-shadow: 0px 0px 6px #000000, 0px 0px 9px #000000;
    letter-spacing: 0.12em;
    font-family: "Cinzel", serif;
    text-align: center;
}
#main_Wrap h2 span {

}
#main_Wrap h2 span small {
    font-size: .88em;
}
.eq_maincopy_Box {
    width: 94%;
    max-width: 1000px;
    text-align: center;
}
.eq_maincopy_Box h4.head_ttl {
    color: #93885b;
    font-size: clamp(26px, 2.834vw, 34px);
        letter-spacing: 0.16em;
        line-height: 1.4;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #93885b 0%, #93885b 100%) 1;
    padding-bottom: 0.6em;
    margin:0 auto 30px;
    font-family: "Cinzel",serif;
    padding-bottom: 0.6em;
}
.eq_maincopy_Box h3 {
    text-align: center;
    color: #000;
        font-size: clamp(20px, 2.03125vw, 23px);
    letter-spacing: 0.1em;
        line-height: 1.8;
        padding: 0;
}
.eq_maincopy_Box.center {
margin: 0 auto;
}


/* 設備仕様 / 共通 */
.contents .Txt_note {
    display: inline-block;
    font-size: 10px !important;
    letter-spacing: 0;
    line-height: 1.3;
    color: #000;
}

ul.Txt_note li {
padding-left: 1em;
text-indent: -1em;
}

.contents .Txt_note a {
  color: #000;
  transition: 0.3s;
}
.contents .Txt_note a:hover {
 opacity: 0.3;
}

.contents .Txt_note.type02 {
    font-size: 12px !important;
    line-height: 1.5;
}
.contents .cap_Txt {
    position: absolute;
    font-size: 10px;
    bottom: 10px;
}

.contents ul + .Txt_note {
    padding-top: 1em;
}
.contents figure + .Txt_note {
    padding-top: 1em;
}
.contents .Txt_note + figure {
    padding-top: 1em;
}
.contents .Txt_note.pt0 {
    padding-top: 0;
}

.Txt_block {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.contents .cap_Txt {
    position: absolute;
    font-size: 10px;
    bottom: 10px;
}
.contents .cap_W { color: #fff;}
.contents .cap_B { color: #000;}

.contents .cap_ShaW {
    text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}
.contents .cap_ShaB {
    text-shadow: 2px 0 2px #666, -2px 0 2px #666, 0 2px 2px #666, 0 -2px 2px #666;
}
.contents .cap_R {
    right: 5px;
}
.contents .cap_R_b-10 {
    right: 5px;
    bottom: -10px;
}
.contents .cap_L {
    left: 5px;
    text-align: left;
}
.contents .cap_L_top {
    left: 5px;
    text-align: left;
    bottom: auto;
    top: 20px;
    font-size: 13px;
}

.contents .cap_h {
    right: calc(50% - -10px);
    text-align: left;
}
.contents .cap_half {
    right: calc(50% - -20px);
    text-align: left;
}
.contents .cap_half36 {
    right: calc(50% - -36px);
    text-align: left;
}
.contents .cap_half10 {
    right: calc(50% - -10px);
    text-align: left;
}

.in-box {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}

.con_box h4 {
    font-size: clamp(16px,1.5vw,17.4px);
    color: #93885b;
    letter-spacing: 0;
    line-height: 1.3;
    font-feature-settings: "palt";
    padding-top: 10px;
}

.con_box h4 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
}
.con_box h4 span.num {
    display: inline-block;
    font-size: 19px;
    color: #fff;
    padding: 0.175em 0.5em;
    background: #93885b;
    margin-right: 0.5em;
}
.con_box h4 span.font_small {
    font-size: 12px;
    color: #a88d5e;
    padding-left: 0;
    line-height: 1.0;
}
.con_box h4 span a {
    color: #a88d5e;
}

.con_box h5 {
    font-size: 18px;
}
.con_box h5.type_2 {
    text-align: center;
    font-size: 16px;
    border: 1px solid #000;
    margin-top: 10px;
}
.con_box h4 + h5 {
    padding-top: 10px;
}

.con_box p {
    font-size: 15.9px;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    line-height: 1.6;
    color: #000;
}
.con_box h4 + p {
    padding-top: 8px;
}
.con_box h4 + .Txt_note {
    padding-top: 1em;
}
.con_box h5 + p {
    padding-top: 8px;
}
.con_box p + p {
    padding-top: 1em;
}
.con_box p + .Txt_note {
    padding-top: 1em;
}
.con_box .Txt_note + p {
    padding-top: 1em;
}
.con_box p + figure {
    padding-top: 1em;
}
.con_box figure + figure {
    padding-top: 1em;
}
.con_box div + figure {
    padding-top: 1em;
}
.con_box h4 + figure {
    padding-top: 1em;
}

.con_box p.align_R {
    text-align: right;
}
.con_box .notes {
    margin-top: 10px;
    font-size: 10px !important;
    padding: 0;
    text-indent: 0;
}
.con_box .notes.pdd-T {
    margin-top: 0 !important;
    font-size: 10px !important;
    padding-bottom: 0;
}
.con_box .notes.mh5 {
    min-height: 5rem;
}

#notes_Area {
    background: #fff;
}



/* 最上階　設備　/　共通 */
.con_box_wrap {
    margin: 120px auto;
}
.contents {
}
.contents.bg01 .con_box_wrap h3 {
    color: #000;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.15em;
    margin-bottom: 40px;
}

.con_box_wrap h3 span {
    font-family: "Cinzel", serif;
    display: block;
    color: #93885b;
    font-size: clamp(24px,2.5vw,30px);
    letter-spacing: 0.2em;
    margin-bottom: 10px;
}
.con_box_wrap h3.bdr {
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid;
}
.con_box_wrap h3.bdr span {
    display: inline-block;
    margin-left:  10px;
}
.con_box_wrap .con_box {
    flex-wrap: wrap;
    gap: 2.5%;
}
.con_box > .c-left {
    width: 35%;
}
.con_box > .c-right {
    width: 62.5%;
    gap: 40px 2.4%;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.bathroom .con_box > .c-right {
    gap: 22px 2.4%;
}

.con_box > .c-right > li {
    height: fit-content;
}
.con_box > .c-right > li:nth-child(odd) {
    width: 48.8%;
}
.con_box > .c-right > li:nth-child(even) {
    width: 48.8%;
}


/* 最上階　設備　/　個別 */
.bathroom .con_box > .c-right > li:nth-child(1) {
    width: 100%;

}
.bathroom .con_box > .c-right > li:nth-child(1) ul li {
    width: calc(100% / 3);
    text-align: center;
    background: #3f576c;
    padding: 4px 10px;
}
.bathroom .con_box > .c-right > li:nth-child(1) ul li p{
    color: #fff;
    font-size: 12px!important;
}
.bathroom .con_box > .c-right > li:nth-child(1) ul li:not(:last-child) {
border-right: 1px solid #fff;
}
.bathroom .con_box > .c-right > li:nth-child(2),
.bathroom .con_box > .c-right > li:nth-child(3){
    width: 48.8%;
}

.bathroom .con_box > .shower {
    width: 100%;
   gap: 30px 1.5%;
   margin: 30px 0 0;
}
.bathroom .con_box > .shower > li:first-child ul li {
    width: calc(100% / 3);
    text-align: center;
    background: #3f576c;
    padding: 10px;
}
.bathroom .con_box > .shower > li:first-child ul li p{
    color: #fff;
    font-size: 12px!important;
}
.bathroom .con_box > .shower > li:first-child ul li:not(:last-child) {
border-right: 1px solid #fff;
}

.bathroom .con_box > .shower > li:nth-child(1) {
    width: 57%;
}
.bathroom .con_box > .shower > li:nth-child(2),
.bathroom .con_box > .shower > li:nth-child(3){
    width: 20%;
}


.toilet .con_box > ul {
   gap: 30px 1.5%;
}
.toilet .con_box > ul li:nth-child(2) {
    width: 46%;
}
.toilet .con_box > ul li:nth-child(1),
.toilet .con_box > ul li:nth-child(3){
    width: 25.5%;
}


.storage .con_box > .c-left {
    width: 62%;
}
.storage .con_box > .c-left .flex {
    gap: 20px;
}
.storage .con_box > .c-left .flex ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.storage .con_box > .c-right {
    width: 30%;
}

.space-q {
    width: 65.5%;
    margin-right: 3.5%;
}
.space-q ul.flex {
    justify-content: space-between;
}
.space-q ul.flex li {
    width: 47.32824427480916%;
}

.space {

}
.space ul.flex {
gap:5%;
}
.storage ul.flex {
gap:5%;
}
.storage ul.flex li {
    display: flex;
    flex-wrap: wrap;
    width: 47.5%;
    gap:0 5.964912280701754%;
}
.storage ul.flex li div.txt{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 38.596491228070175%;
}

.storage ul.flex li > figure{
    width: 55.43859649122807%;
}

.others {

}
.others ul.flex {
gap:5%;
}
.others ul.flex li {
    width: 47.5%;
}


.tab_Area:nth-of-type(2) {
    margin: 100px auto 80px!important;
}

 .con_box_wrap.kitchen .con_box .c-left div:not(:first-of-type){
  margin: 2em 0 0;
}

 .con_box_wrap.powder .con_box .c-left div:nth-of-type(2) figure{
  max-width: 82%;
  margin: 0 auto 0 0;
}


/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
    .tab_Area:nth-of-type(2) {
        margin: 60px auto 60px!important;
    }
    .tab_Area.type li {
    font-size: 15px;
    width: 80%;
}

    /*=== 共通 ===*/
    #main_Wrap h2 {
        white-space: nowrap;
    }
    .eq_maincopy_Box h4.head_ttl {
    margin: 0 auto 20px;
    }

    /* 設備仕様 / 共通 */
    .contents .Txt_note {
        padding-top: 5px;
        padding-bottom: 0;
    }
    .con_box h4 {
        font-size: 16px;
        line-height: 1.4;
    }

    .con_box h4.font_s17 {
        font-size: 16px;
    }

    .con_box h4.font_s14 {
        font-size: 15.6px;
    }

    .con_box h4 span {
        padding-left: 0px;
    }

    .con_box p {
        letter-spacing: 0;
    }

    .con_box .ttl_borderbtm {
        font-size: 16px;
        padding-bottom: 8px;
        letter-spacing: 0.09em;
        line-height: 1.4;
        font-feature-settings: "palt";
    }


/* 最上階　設備　/　共通 */
.con_box_wrap {
    margin: 60px auto;
}
.con_box_wrap h3 {
    font-size: 14px;
    margin-bottom: 20px;
}
.contents.bg01 .con_box_wrap h3 {
    margin-bottom: 20px;
}
.con_box_wrap h3 span {
    font-size: 1.7em;
    margin-bottom: 5px;
}
.con_box_wrap h3.bdr {
    font-size: 13px;
}
.con_box_wrap h3.bdr span {

}
.con_box_wrap .con_box {
    flex-direction: column;
}
.con_box > .c-left {
    width: 100%;
    margin-bottom: 30px;
}
.con_box > .c-right {
    width: 100%;
    gap: 30px;
}
.con_box > .c-right > li:nth-child(odd) {
    width: 100%;
}
.con_box > .c-right > li:nth-child(even) {
    width: 100%;
}

/* 最上階　設備　/　個別 */
.bathroom .con_box > .c-right > li:nth-child(odd) {
    width: 100%;
}
.bathroom .con_box > .c-right > li:nth-child(even) {
    width: 100%;
}
.bathroom .con_box > .c-right > li:first-child ul {
    flex-direction: column;
}
.bathroom .con_box > .c-right > li:first-child ul li {
    width: 100%;
}

.bathroom .con_box > .shower {
    flex-wrap: wrap;
}

.bathroom .con_box > .shower > li:nth-child(1) {
    width: 100%;
}
.bathroom .con_box > .shower > li:nth-child(2),
.bathroom .con_box > .shower > li:nth-child(3){
    width: 100%;
}


.toilet .con_box > ul {
    flex-wrap: wrap;
}
.toilet .con_box > ul li:nth-child(2) {
    width: 100%;
}
.toilet .con_box > ul li:nth-child(1),
.toilet .con_box > ul li:nth-child(3){
    width: 100%;
}

.con_box_wrap.inner.flex {
    flex-direction: column;
}
.space-q {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px;
}
.space-q ul.flex {
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}
.space-q ul.flex li {
    width:100%;
}
.space ul.flex {
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}
.con_box.space ul.flex li {
    width: 100%;
}
.others {
    width: 100%;

}
.others ul.flex {
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}
.con_box.others ul.flex li {
    width: 100%;
}
.con_box.space ul.flex li:nth-child(1) {
   order: 2;
}
.con_box.space ul.flex li:nth-child(2) {
   order: 1;
}
.storage ul.flex li {
     justify-content: space-between; 
    flex-direction: column;
}
.storage ul.flex li div.txt {
    width: 100%;
}
.storage ul.flex li > figure {
    width: 100%;
}

}