@charset "utf-8";

/*
Theme Name:TENJIKU child
Theme URI:
Template: tenjiku_tcd091
Version:2.3
*/



/* ----------------------------------------

- ベース

---------------------------------------- */

:root {
    --colors-white: #fff;
    --colors-gray: #ccc;
    --colors-gray-2: #555;
    --colors-gray-3: #888;
    --colors-gray-4: #f7f7f7;
    --colors-gray-5: #c1c1c1;
    --colors-gray-6: #DCDDDD;
    --colors-gray-7: #E6E6E6;
    --colors-gray-8: #b5b5b6;
    --colors-gray-01: #666666;
    --colors-gold: #ad926a;
    --colors-gold-2: #77654b;
    --colors-beige: #EAE5DA;
    --colors-beige2: #EAE4D1;
    --colors-beige4: #e9e4dd;
    --colors-black: #000000;
    --colors-black02: #272727;
    --colors-black03: #191a1a;
    --colors-brown-01: #7a4e0c;

    /* hirao-ichizaki theme */
    --colors-main-smoky-red: #B0462E;
    --colors-sub-bright-red: #C97564;
    --colors-main-hi-01: #2C261D;
    --colors-main-hi-02: #B7B2AD;

    /* ohori theme */
    --colors-main-smoky-red: #B0462E;
    --colors-sub-bright-red: #C97564;
    --colors-main-oh-01: #132834;
    --colors-main-oh-02: #e8e8e8;

    --colors-main-green: #496249;
    --colors-main-green2: #325a26;
    --colors-main-green-text: #97a198;
    --colors-main-beige: #d4cab4;
    --colors-main-beige-text: #746d60;
    --colors-main-beige-active: #c4b492;
    /*--colors-main-gray: #4b4949;*/
    --colors-main-gray: #4c4948;
	--colors-main-gray2: #0E202A;
    --colors-main-lightgreen: #E2E8DF;
    --colors-main-lightgreen2: #D8E1D0;
    --colors-main-landic: #030336;

    --colors-sub-bright-green: #8bae64;
    --colors-sub-bright-green-text: #b7c9ab;
    --colors-sub-brown: #778c66;
    --colors-sub-brown-text: #a7a4a0;
    --colors-sub-smoky-red: #b0462e;
    --colors-sub-smoky-red-text: #c08e88;
    --colors-sub-blue: #0F366A;

    --colors-button-yellow: #e3cb6d;
    --colors-button-yellow-active: #edc835;

    --colors-plan: #6699a6;

    /* tatemono */
    --colors-bg-terrace: #d6dfd9;
    --colors-bg-hills: #d4cab4;
    --colors-bg-terrace2: #F2F0EF;
    --colors-bg-hills2: #FAF8F2;

}

html {
	scroll-behavior: smooth;
}

body {
    letter-spacing: 0.08em;
}

p {
    line-height: 1.5;
}

@media screen and (max-width:750px) {
    #container {
        padding-bottom: 50px;
    }
}

/* アイコン
---------------------------------------- */
.icon-yazirusi {
    content: "";
    font-family: 'design_plus';
    color: #4C4948;
    font-size: 12px;
}

/* ----------------------------------------

- tenjiku thema color

---------------------------------------- */

#drawer_menu {
    background-color: var(--colors-main-oh-01) !important;
}

#container .owl-carousel .owl-nav {
    top: 200px;
}

#container .owl-carousel .owl-nav .owl-prev,
#container .owl-carousel .owl-nav .owl-next {
      background-color: var(--colors-main-oh-01) !important;
}

#container .owl-carousel .owl-nav .owl-prev:hover,
#container .owl-carousel .owl-nav .owl-next:hover {
    /*background-color: var(--colors-sub-blue) !important;*/
    background-color: var(--colors-main-oh-02) !important;
}

#return_top a {
    background-color: var(--colors-main-oh-01) !important;
}

#return_top a:hover {
    background-color: var(--colors-main-oh-02) !important;
}

.design_button.animation_type1:hover {
    background: var(--colors-main-beige) !important;
}

#header,
#header_circle.animate {
    background-color: var(--colors-main-oh-01);
}

#header_logo a {
    color: #fff;
}

#drawer_menu_button span {
    background: #fff;
}

body.home.header_fix #header {
    background-color: var(--colors-main-oh-01) !important;
}

body.home.header_fix #header_logo a .logo_text {
    color: #fff;
}

body.home.header_fix #drawer_menu_button span {
    background: #fff;
}

#header_logo .logo_text {
    font-weight: 500;
}

.cb_carousel.num4 .button.animation_type2:hover {
    color: var(--colors-main-beige-text) !important;
    background: none;
    background-color: var(--colors-main-oh-01) !important;
}

.cb_carousel.num4 .button:before {
    background: var(--colors-main-beige) !important;
    ;
}

/* ----------------------------------------

- underline

---------------------------------------- */

.under01 {
    background: linear-gradient(transparent 95%, var(--colors-main-landic) 0%) !important;
    display: inline !important;
    padding-bottom: 12px !important;
    line-height: 2 !important;
}


/* ----------------------------------------

- 共通のスタイル

---------------------------------------- */


/* 検索窓非表示
---------------------------------------- */
#drawer_menu_search {
    display: none !important;
}

#drawer_menu .logo_text {
    font-weight: 500;
}

.cb_box_content.num2 .title {
    font-size: 30px !important;
}

@media screen and (max-width:750px) {
    .cb_box_content.num2 .title {
        font-size: 20px !important;
    }
}

/* cvArea
---------------------------------------- */
.cvArea.active {
    right: 62px;
}

.cvArea {
    display: flex;
    position: fixed;
    bottom: 0px;
    right: 0px;
    gap: 2px;
    z-index: 10;
    transition: right .5s, width .5s;
}

.cvArea .cvArea_item {
    display: block;
    padding: 22px 0;
    background-color: var(--colors-button-yellow);
    text-align: center;
    box-sizing: border-box;
    letter-spacing: 0.08em;
    min-width: 170px;
    color: #000;
}

.cvArea .cvArea_item:hover {
    display: block;
    background-color: var(--colors-button-yellow-active);
    text-align: center;
    box-sizing: border-box;
    letter-spacing: 0.08em;
    color: #000;
}


@media screen and (max-width:750px) {
    .cvArea {
        display: none;
    }

    .cvArea.active {
        /* right: 62px; */
        right: 52px;
        width: calc(100% - 50px);
    }

    .cvArea {
        width: 100%;
    }

    .cvArea .cvArea_item {
        min-width: inherit;
        width: 100%;
        padding: 18px 0;
    }

}


/* .dp-footer-bar
---------------------------------------- */
.dp-footer-bar a .label {
    bottom: -15px !important;
}

.dp-footer-bar .footer_bar_icon:before {
    top: -8px !important;
}


/* ----------------------------------------

- header

---------------------------------------- */

/*body.home #header_logo {
  left: 70px;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}*/


#header_slider .item2 .catch,
#header_slider .item2 .desc p {
    /* 管理画面の設定だけで有効になっている */
    /* font-family: "游ゴシック", YuGothic!important; */
}


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

    /* top */
    body #header_logo {
        padding-left: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    body.home #header_logo {
        padding-left: 16px;
        width: 100%;
        box-sizing: border-box;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }

    body #header_logo a .logo_text {
        font-size: 18px !important;
    }

    body.header_fix #header_logo {
        padding-left: 16px;
        width: 100%;
    }

    /*#header_slider .caption {
        top: 90%;
    }*/

    #header_slider .caption a {
        position: relative;
    }

    #header_slider .caption a::after {
        content: "";
        font-family: 'design_plus';
        color: #fff;
        font-size: 10px;
        position: absolute;
        right: 16px;
    }

    #header_slider .button {
        min-width: 320px !important;
    }
}


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

/* drawer_menu */

/*body.home #drawer_menu_button {
  right: 40px;
  bottom: -30px;
}*/

body.home.header_fix #drawer_menu_button {
  right: 0px;
  bottom: 0px;
}

#drawer_menu_button {
    z-index: 10;
}

@media screen and (max-width:750px) {
    body.home #drawer_menu_button {
      right: 0px;
      bottom: 0px;
    }

    #drawer_menu .logo {
        font-size: 20px;
    }
}


/* ----------------------------------------

- footerPrBanner

---------------------------------------- */
.footerPrBanner {
  background-color: var(--colors-main-oh-02) !important;
}

.footerPrBanner a:hover {
	opacity: 0.8;
  }



/* ----------------------------------------

- footer

---------------------------------------- */

body.home #footer {
    margin-top: 0;
}

#footer {
    margin-top: 80px;
}

/* layout詳細のみマージン削除 */
body.single-news #footer {
    margin-top: 0;
}

/* drawer_menu
---------------------------------------- */

#drawer_menu .dButtonArea {
    display: grid;
    /*grid-template-columns: 1fr 1fr; 来場予約公開時*/
    grid-template-columns: 1fr;
    gap: 40px;
    justify-items: center;
    margin-bottom: 48px;
}

#drawer_menu .dButtonArea a:first-child {
  margin-left: auto;
}

#drawer_menu .dButtonArea a:last-child {
  margin-right: auto;
}

@media screen and (max-width:750px) {
  #drawer_menu .dButtonArea {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 20px;
  }

  #drawer_menu .dButtonArea a {
    margin-left: auto;
    margin-right: auto;
  }
}

/* footer_top_inner
---------------------------------------- */
#footer_top {
    height: 840px; /* default */
    /*height: 900px; /* single line 用 */
    /*height: 930px; /* two lines 用 yokoku on */
    /*height: 820px; /* two lines 用 yokoku off */
    background-color: var(--colors-main-oh-01);
}


#footer_logo .logo a {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}

#footer_logo .logo a img {
    width: 280px;
    margin-top: 30px;
}

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

    #footer_logo .logo a {
        width: 224px;
    }

    #footer_logo .logo a img {
        width: 224px;
    }
}



/* footer_top_inner
---------------------------------------- */
#footer_top_inner {
    /*top: calc(50% - 200px);*/
    /*top: calc(50% - 230px); /* single line 用 */
    top: calc(50% - 240px); /* two lines 用 yokoku on off */
}

/* footer_info
---------------------------------------- */
#footer_info {
  /*background-color: inherit !important;*/
  background: rgba(0,0,0,0.2);
}
#footer_info p {
    font-size: 14px !important;
}

#footer_info .widget_custom_html {
    display: block;
}

/* yokoku */
#footer_top_inner .widget_custom_html .footer_yokoku {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: -40px;
}

#footer_top_inner .widget_custom_html .footer_yokoku .footer_yokoku_inner {
    color: #fff;
    padding: 16px 32px;
    border: 1px solid #fff;
    font-size: 12px;
}

#footer_top_inner .widget_custom_html .footer_yokoku .footer_yokoku_inner .footer_yokoku_inner_head {
    margin-bottom: 8px;
}

/* footer_menu_contents */
#footer_top_inner .footer_menu_contents {
    position: absolute;
    left: 0;
    right: 0;
}

#footer_top_inner .footer_menu_contents ul {
    text-align: center;
    font-size: 0;
}

#footer_top_inner .footer_menu_contents ul li {
    display: inline;
    font-size: 14px;
    margin: 0 20px;
}

#footer_top_inner .footer_menu_contents ul li a {
    display: inline-block;
    padding: 24px 0;
    color: #ffffff;
}

#footer_top_inner .footer_menu_contents ul li a:hover {
    opacity: 0.5;
}

/* footer_menu_above */
#footer_top_inner #footer_menu_above {
    /*bottom: -125px; /* single line 用 */
    bottom: -115px; /* two lines 用 yokoku on */
}

/* footer_menu_bottom */
#footer_top_inner #footer_menu_bottom {
    bottom: -155px;
    /* two lines 用 yokoku on */
}

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

    #footer_top_inner .widget_custom_html .footer_yokoku {
        margin-top: 24px;
        margin-bottom: 0;
    }

    #footer_top_inner .widget_custom_html .footer_yokoku .footer_yokoku_inner {
        padding: 12px 16px;
        font-size: 12px;
        margin: 0 16px;
    }

    #footer_top_inner .footer_menu_contents {
        display: none;
    }

}

/* companyLogo */
#footer_info .companyLogo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-items: center;
    margin-bottom: 24px;
    margin-top: 16px;
}

#footer_info .companyLogo_head {
    color: #fff;
    font-size: 14px;
}

#footer_info .companyLogo_img {
    text-align: center;
}

#footer_info .companyLogo_img img {
    width: 180px;
}


/* tel */
#footer_info .widget_custom_html .footer_tel {
    color: #fff;
    margin-top: 32px;
}

#footer_info .widget_custom_html .footer_tel .footer_tel_head {
    color: #fff;
}

#footer_info .widget_custom_html .footer_tel .footer_tel_num a {
    text-decoration: none !important;
    font-size: 32px;
    font-weight: 700;
}

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

    #footer_info .widget_custom_html .footer_tel {
        display: none;
        margin-top: 24px;
    }

    #footer_info .widget_custom_html .footer_tel .footer_tel_num a {
        text-decoration: none;
        font-size: 18px;
    }

}


/* premium footer
---------------------------------------- */
/*
  yokoku koukou open のときコメントアウト。
.pg-premium #footer_top {
  height: 680px;
}

.pg-premium .footer_yokoku_inner_head,
.pg-premium .footer_yokoku_inner_txt {
  display: none;
}*/


@media screen and (max-width: 750px) {
  .pg-premium #footer_top {
    height: auto;
  }
	/*.pg-premium #footer_top_inner {*/
  #footer_top_inner {
    padding: 16px 0 44px !important;
  }
}

/* footer_carousel
---------------------------------------- */
#footer_carousel_wrap {
    width: 100vw;
    overflow: hidden;
}


/* button
---------------------------------------- */

.design_button.design_button-currnet {
    pointer-events: none;
    cursor: default;
    background-color: var(--colors-main-beige);
    border-color: var(--colors-main-beige);
    color: var(--colors-main-beige-text) !important;
}

/* remarks
---------------------------------------- */
.remarks {
    color: #AAA;
    font-size: 14px;
    line-height: 1.7;
}

@media screen and (max-width:750px) {
    .remarks {
        font-size: 12px;
    }
}


/* postContentRow
---------------------------------------- */
.postContentRow {
    display: flex;
    justify-content: center;
    padding: 0;
    background-color: var(--colors-white);
}

.postContentRow.postContentRow-img {
    background-size: cover;
}

.postContentRow.postContentRow-white {
    background-color: var(--colors-white);
}

.postContentRow.postContentRow-gray {
    background-color: var(--colors-gray);
}

.postContentRow.postContentRow-gold {
    background-color: var(--colors-gold);
}

.postContentRow.postContentRow-lightgreen {
    background-color: var(--colors-main-lightgreen);
}

.postContentRow.postContentRow-beige {
    background-color: var(--colors-beige);
}

.postContentRow.postContentRow.postContentRow-beige2 {
    background-color: var(--colors-beige2);
}

.postContentRow.postContentRow.postContentRow-peagreen {
    background-color: rgb(200, 214, 177);
}

.postContentRow.postContentRow-landic {
    background-color: var(--colors-main-landic);
}

.postContentRow.postContentRow-black {
    background-color: var(--colors-black);
}

.postContentRow.postContentRow-black03 {
    background-color: var(--colors-black03);
}

.postContentRow.postContentRow-beige3 {
    background-color: #E3DFDC;
}

.postContentRow.postContentRow-beige4 {
    background-color: var(--colors-beige4);
}

.postContentRow.postContentRow-premium {
  /*background-color: #3a3a3a;*/
  background-color: var(--colors-main-oh-01);
}
.postContentRow.postContentRow-premium-nologin {
  /*background-color: #3a3a3a;*/
  background-color: var(--colors-main-oh-02);
  color: var(--colors-main-oh-01);
  /*margin-bottom: 1px;*/
}

.postContentRow-premium-yokoku+.postContentRow.postContentRow-premium-nologin {
  margin-top: -80px;
}

.postContentRow.postContentRow-premium-nologin02 {
  background-color: var(--colors-main-oh-01) !important;
}

.postContentRow.postContentRow-premiumLayout,
.postContentRow #news_archive,
.postContentRow.postContentRow-premium-banner {
  background-color: var(--colors-main-oh-02);
}

.postContentRow.postContentRow.postContentRow-beige3.border {
    background-color: #F1EEE4;
    border-top: 8px solid #F8F7F1;
    border-bottom: 8px solid #F8F7F1;
}

.postContentRow .postContentRow_inner {
    min-width: 1160px;
    width: 1160px;
    padding: 60px 16px;
    box-sizing: border-box;
}

.postContentRow .postContentRow_inner.postContentRow_inner-designPage {
    /* min-width: 1079px;
    width: 1079px; */
}

.postContentRow.postContentRow.postContentRow-gray6 {
    background-color: var(--colors-gray-6);
}

.postContentRow.postContentRow.postContentRow-gray7 {
    background-color: var(--colors-gray-7);
}

.postContentRow.postContentRow-main-gray {
    background-color: var(--colors-main-gray);
}

.postContentRow.postContentRow-main-lightgreen2 {
    background-color: var(--colors-main-lightgreen2);
}

.postContentRow.postContentRow-terrace2 {
    background-color: var(--colors-bg-terrace2);
}

.postContentRow.postContentRow-hills2 {
    background-color: var(--colors-bg-hills2);
}

.postContentBg {
  background-size: 1px 6px;
  background-repeat: repeat;
}

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

    .postContentRow .postContentRow_inner {
        min-width: inherit;
        width: 100%;
        padding: 40px 16px 40px 16px;
    }

    .postContentRow .postContentRow_inner_sp {
      padding-left: 0;
      padding-right: 0;
    }

    .postContentRow .postContentRow_inner.postContentRow_inner-designPage {
        /* min-width: inherit;
        width: 100%; */
    }
}


/* ----------------------------------------

- post_content components

---------------------------------------- */

/* common
---------------------------------------- */
.post_content img {
    max-width: 100%;
    margin-top: 20px;
}

/* imgBlock
---------------------------------------- */
.imgBlock {
    display: flex;
    justify-content: center;
}

.imgBlock.imgBlock-s {
    margin-bottom: 40px;
}

.imgBlock.imgBlock-s img {
    width: 400px;
}

.imgBlock.imgBlock-m {
    margin-bottom: 60px;
}

.imgBlock.imgBlock-m img {
    width: 600px;
}

.imgBlock.imgBlock-l {
    margin-bottom: 80px;
}

.imgBlock.imgBlock-l img {
    width: 800px;
}

.imgBlock.imgBlock-xl img {
    width: 100%;
}

@media screen and (max-width:750px) {
    .imgBlock.imgBlock-s {
        margin-bottom: 20px;
    }

    .imgBlock.imgBlock-m {
        margin-bottom: 30px;
    }

    .imgBlock.imgBlock-l {
        margin-bottom: 40px;
    }

    .imgBlock.imgBlock-xl {
        margin-bottom: 40px;
    }
}

/* colBlock
---------------------------------------- */
.colBlock {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
}

.colBlock.colBlock-2 {
    grid-template-columns: 1fr 1fr;
}

.colBlock.colBlock-2b {
    grid-template-columns: 2fr 1fr;
}

.colBlock.colBlock-2c {
    grid-template-columns: 2fr 3fr;
}

.colBlock.colBlock-2d {
    grid-template-columns: 1fr 3fr;
}

.colBlock.colBlock-2e {
    grid-template-columns: 1fr 2fr;
}

.colBlock.colBlock-2f {
    grid-template-columns: 1fr 5fr;
}

.colBlock.colBlock-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.colBlock.colBlock-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.colBlock.colBlock-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.colBlock.colBlock-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}


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

    .colBlock {
        gap: 16px;
    }

    .colBlock.gap50 {
        gap: 24px;
    }

    .colBlock.colBlock-1-sp {
        grid-template-columns: 1fr;
    }

    .colBlock.colBlock-2-sp {
        grid-template-columns: 1fr 1fr;
    }

    .colBlock.colBlock-3-sp {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .colBlock.colBlock-4-sp {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .colBlock.colBlock-5-sp {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

}



/* flexBox
---------------------------------------- */
.flexBox {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
}

.flexBox.nowrap {
    flex-wrap: nowrap;
}

.flexBox.flexBox-c2>div {
    width: calc(100%/2 - 12px);
    box-sizing: border-box;
}

.flexBox.flexBox-c2.gap50>div {
    width: calc(100%/2 - 25px);
    box-sizing: border-box;
}

.flexBox.flexBox-c3>div {
    width: calc(100%/3 - 16px);
    box-sizing: border-box;
}

.flexBox.flexBox-c3.gap50>div {
    width: calc(100%/3 - 34px);
    box-sizing: border-box;
}

.flexBox.flexBox-c4>div {
    width: calc(100%/4 - 20px);
    box-sizing: border-box;
}

.flexBox.flexBox-gc-central.gap50>div:nth-child(1) {
  width: calc(62.5% - 25px);
}

.flexBox.flexBox-gc-central.gap50>div:nth-child(2) {
  width: calc(37.5% - 25px);
}

.flexBox.reverse {
    flex-direction: row-reverse;
}

.justifyCenter {
    justify-content: center;
}

.justifyRight {
    justify-content: right;
}

.justifySpaceBetween {
    justify-content: space-between;
}

.flexBox .flexItemMain {
    width: calc(60% - 12px) !important;
}

.flexBox.gap50 .flexItemMain {
    width: calc(60% - 25px) !important;
}

.flexBox.gap50.flexBox-location .flexItemMain {
  width: calc(62.7% - 25px) !important;
}

.flexBox .flexItemMain2 {
    width: calc(70% - 12px) !important;
}

.flexBox.gap50 .flexItemMain2 {
    width: calc(70% - 25px) !important;
}

.flexBox .flexItemSub {
    width: calc(40% - 12px) !important;
}

.flexBox.gap50 .flexItemSub {
    width: calc(40% - 25px) !important;
}

.flexBox.gap50.flexBox-location .flexItemSub {
  width: calc(37.3% - 25px) !important;
}

.flexBox .flexItemSub2 {
    width: calc(30% - 12px) !important;
}

.flexBox.gap50 .flexItemSub2 {
    width: calc(30% - 25px) !important;
}

.flexBox.landic {
    align-items: center;
}

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

    .flexBox {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .flexBox.flexBox-c2>div {
        width: 100%;
    }

    .flexBox.flexBox-c2.gap50>div {
        width: 100%;
    }

    .flexBox.flexBox-c3>div {
        width: 100%;
    }

    .flexBox.flexBox-c3.gap50>div {
        width: 100%;
    }

    .flexBox.flexBox-c4>div {
        width: 100%;
    }

    .flexBox.reverse {
        flex-direction: column;
    }

    .flexBox.reverse-sp {
        flex-direction: column-reverse;
    }

    .flexBox .flexItemMain {
        width: 100% !important;
    }

    .flexBox.gap50 .flexItemMain {
        width: 100% !important;
    }

    .flexBox.gap50.flexBox-location .flexItemMain {
      width: 100% !important;
    }

    .flexBox .flexItemMain2 {
        width: 100% !important;
    }

    .flexBox.gap50 .flexItemMain2 {
        width: 100% !important;
    }

    .flexBox .flexItemSub {
        width: 100% !important;
    }

    .flexBox.gap50 .flexItemSub {
        width: 100% !important;
    }

    .flexBox.gap50.flexBox-location .flexItemSub {
      width: 100% !important;
    }

    .flexBox .flexItemSub2 {
        width: 100% !important;
    }

    .flexBox.gap50 .flexItemSub2 {
        width: 100% !important;
    }

    /*.flexBox.flexBox-gc-central.gap50>div:nth-child(1) {
      width: 100% !important;
    }

    .flexBox.flexBox-gc-central.gap50>div:nth-child(2) {
      width: 100% !important;
    }*/

}



/* ----------------------------------------

- head

---------------------------------------- */


/* head01
---------------------------------------- */

.post_content .head01 {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 40px;
}

.post_content .head01:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 2px;
    margin: 0 auto;
    background: #000;
}

@media screen and (max-width: 767px) {
    .post_content .head01 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .post_content .head01:after {
        width: 80px;
        height: 1px;
    }

}


/* head02
---------------------------------------- */

.post_content .head02 {
    text-align: center;
    position: relative;
    padding-bottom: 16px;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 40px;
}

.post_content .head02:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 1px;
    margin: 0 auto;
    background: #000;
}

@media screen and (max-width: 767px) {
    .post_content .head02 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .post_content .head02:after {
        width: 80px;
        height: 1px;
    }

}

/* head03
---------------------------------------- */

.post_content .head03 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 32px;
}

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

    .post_content .head03 {
        font-size: 20px;
    }

}

/* head04
---------------------------------------- */

.post_content .head04 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 32px;
}

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

    .post_content .head04 {
        font-size: 18px;
    }

}

/* head05
---------------------------------------- */

.post_content .head05 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px;
}

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

    .post_content .head05 {
        font-size: 16px;
    }

}


/* head06
---------------------------------------- */

.post_content .head06 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--colors-black);
    border-left: 1px solid var(--colors-black);
    color: var(--colors-gray-01);
    padding: 8px 16px;
}

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

    .post_content .head06 {
        font-size: 16px;
    }

}


/* head07
---------------------------------------- */

.post_content .head07 {
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 40px;
    padding-bottom: 8px;
}

.post_content .head07:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    margin: 0 auto;
    background: #4C4948;
}

@media screen and (max-width: 767px) {
    .post_content .head07 {
        font-size: 20px;
    }

    .post_content .head07:after {
        width: 100%;
        height: 2px;
    }

}



/* ----------------------------------------

- buttons

---------------------------------------- */

/* button01
---------------------------------------- */

.button01 {
    display: inline-block;
    padding: 16px 32px;
    background-color: var(--colors-button-yellow);
    transition: .3s;
    color: #000 !important;
    text-align: center;
}

.button01:hover {
    color: #000 !important;
    background-color: var(--colors-button-yellow-active);
}

.dButtonAreaP .button01 {
  background: -webkit-gradient(45deg, #d5be95 35%, #c19e51);
  background: linear-gradient(45deg, #d5be95 35%, #c19e51);
  color: #ffffff !important;
}

.dButtonAreaP .button01:hover {
  opacity: 0.8;
}

/* floorPlanButton
---------------------------------------- */

.floorPlanButton {
    display: inline-block;
    border: solid 1px #ccc !important;
    padding: 24px 0;
    /*color: #4C4948;*/
    color: #413e3c;
    text-align: center;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    line-height: 1.4;
    font-size: 20px;
}

.floorPlanButton.isTerrace {
    /*background-color: var(--colors-bg-terrace);*/
    background-color: #aba099;
    order: 100;
}

.floorPlanButton.isHills {
    /*background-color: var(--colors-bg-hills);*/
    background-color: #d8c597;
    order: 100;
}


.floorPlanButton .icon-yazirusi {
    position: absolute;
    right: 8px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    color: #000;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.floorPlanButton:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #231815 !important;
}

/* hover */
.floorPlanButton:hover .icon-yazirusi {
    color: #fff;
}

.floorPlanButton:hover {
    color: var(--colors-white) !important;
    background: none;
    border-color: #231815 !important;
}

.floorPlanButton:hover:before {
    left: 0;
}


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

    .floorPlanButton {
        padding: 8px 0;
        font-size: 12px;
    }

    .floorPlanButton .icon-yazirusi {
        right: 0;
        font-size: 10px;
        transform: scale(0.6, 0.6);
    }


}

.widget_floorplan_title {
    color: #413e3c !important;
}

.sideMenufloorPlanList {
    margin-top: -8px !important;
}

/* sideMenufloorPlanButton
---------------------------------------- */

.sideMenufloorPlanButton {
    display: inline-block;
    border-bottom: solid 1px #ddd !important;
    /*padding: 12px 40px 12px 16px !important;*/
    padding: 12px 6px 12px 6px !important;
    position: relative;
    overflow: hidden;
    line-height: 1.4;
    font-size: 12px;
}

.sideMenufloorPlanButton.isTerrace {
    background-color: var(--colors-bg-terrace);
    order: 100;
}

.sideMenufloorPlanButton.isHills {
    background-color: var(--colors-bg-hills);
    order: 100;
}


.sideMenufloorPlanButton .icon-yazirusi {
    position: absolute;
    right: 16px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    color: #000;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    transform: scale(0.6, 0.6);
}

.sideMenufloorPlanButton:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #d1d1d2 !important;
}

/* hover */

.sideMenufloorPlanButton:hover {
    color: #000 !important;
    background: none;
}

.sideMenufloorPlanButton:hover:before {
    left: 0;
}

/* 2colums */
.sideMenufloorPlanList .sideMenuLayoutType {
    float: left;
}

.sideMenufloorPlanButton-btNone {
  border: none !important;
}

.sideMenufloorPlanList .sideMenuLayoutType:nth-of-type(1),
.sideMenufloorPlanList .sideMenuLayoutType:nth-of-type(2) {
    margin-top: 12px;
    border-top: 1px solid #ddd !important;
}

.sideMenufloorPlanList .sideMenuLayoutType:nth-of-type(2n+1) {
    width: calc(50% - 1px) !important;
    border-right: 1px solid #ddd !important;
}

.sideMenufloorPlanList .sideMenuLayoutType:nth-of-type(2n) {
    width: 50% !important;
}

.sideMenufloorPlanList .sideMenuLayoutType:last-child {
    margin-bottom: 18px;
}

.sideMenufloorPlanList .sideMenuLayoutType.sideMenuLayoutType-btNone .sideMenufloorPlanButton {
    border: none !important;
}

.sideMenufloorPlanList .sideMenuSolodout {
    font-size: 14px;
    padding: 24px 6px !important;
    border-top: 1px solid #ddd !important;
    margin-top: 12px;
}


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

    .sideMenufloorPlanButton {
        padding: 8px 0;
        font-size: 12px;
    }

    .sideMenufloorPlanButton .icon-yazirusi {
        font-size: 10px;
        transform: scale(0.6, 0.6);
    }


}



/* sideMenufloorPlanBorder
---------------------------------------- */

.sideMenufloorPlanBorder {
    position: relative;
    display: block;
    width: 100%;
    height: 36px;
}

.sideMenufloorPlanBorder::before {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 56px;
    height: 1px;
    background-color: #d4cab4;
}


/* sideMenufloorPlanOtherButton
---------------------------------------- */

.sideMenufloorPlanOtherButton {
    display: inline-block;
    border: solid 1px #ddd !important;
    padding: 24px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    line-height: 1.4;
    font-size: 14px;
}

.sideMenufloorPlanOtherButton.isTerrace {
    background-color: var(--colors-bg-terrace);
    order: 100;
}

.sideMenufloorPlanOtherButton.isHills {
    background-color: var(--colors-bg-hills);
    order: 100;
}


.sideMenufloorPlanOtherButton .icon-yazirusi {
    position: absolute;
    right: 6px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    color: #000;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    transform: scale(0.6, 0.6);
}

.sideMenufloorPlanOtherButton:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #231815 !important;
}

/* hover */
.sideMenufloorPlanOtherButton:hover .icon-yazirusi {
    color: #fff;
}

.sideMenufloorPlanOtherButton:hover {
    color: var(--colors-white) !important;
    background: none;
    border-color: #231815 !important;
}

.sideMenufloorPlanOtherButton:hover:before {
    left: 0;
}


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

    .sideMenufloorPlanOtherButton {
        padding: 8px 0;
        font-size: 12px;
    }

    .sideMenufloorPlanOtherButton .icon-yazirusi {
        right: 0;
        font-size: 10px;
        transform: scale(0.6, 0.6);
    }


}


/* ----------------------------------------

- tabs

---------------------------------------- */

.post_content .resp-tab-content {
    border-color: var(--colors-gray) !important;
}

.post_content .resp-tabs-list li {
    margin: 0 !important;
    background-color: var(--colors-white) !important;
    border: 1px solid var(--colors-gray) !important;
    border-bottom: none !important;
    padding: 13px 15px !important;
}

.post_content .resp-tabs-list li:hover {
    background-color: var(--colors-gray-4) !important;
}

.post_content .resp-tabs-list li:not(:first-child) {
    border-left: none !important;
}

.post_content .resp-tabs-list li.resp-tab-active {
    margin-bottom: -1px !important;
    /* position: relative !important;
    top: 1px !important; */
    padding-bottom: 14px !important;
}

.post_content .resp-tab-content {
    padding: 32px !important;
    ;
}


.post_content h2.resp-accordion {
    border-top-width: 1px !important;
}

.post_content h2.resp-accordion.resp-tab-active {
    border-color: var(--colors-gray-5) !important;
}

@media only screen and (max-width: 750px) {
    .post_content .resp-tab-content {
        padding: 16px !important;
    }

}



/* ----------------------------------------

- slider

---------------------------------------- */

.pb-widget-slider * {
    outline: none;
}

.pb_slider_wrap {
    width: 100%;
    position: relative;
    margin: 0;
}

.pb_slider {
    width: 100%;
    height: auto;
    min-height: 60px;
    margin: 0;
    text-align: center;
}

.pb_slider .pb_slider_item img {
    text-align: center;
    width: 100%;
    height: auto;
    display: block;
}

.pb_slider_nav {
    width: calc(100% + 10px);
    margin: 10px 0 0 0;
}

.pb_slider_nav .pb_slider_nav_item {
    margin: 0;
    cursor: pointer;
    display: block;
    position: relative;
    height: 120px;
    margin-right: 10px;
    box-sizing: border-box;
}


.pb_slider_nav .pb_slider_nav_item:after {
    content: "";
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.pb_slider_nav .pb_slider_nav_item.slick-current:after {
    box-shadow: inset 0 0 0 7px rgba(0, 0, 0, 0.5);
}

.pb_slider_nav .pb_slider_nav_item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.pb_slider_caption {
    padding: 40px;
}

.pb_slider_caption-show_border {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.pb_slider_caption_item> :last-child {
    margin-bottom: 0;
}

.pb_slider .slick-arrow {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    font-family: 'design_plus';
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    background: #000;
    border: none;
    opacity: 0.6;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pb_slider .slick-prev {
    top: 50%;
    left: -70px;
}

.pb_slider .slick-next {
    top: 50%;
    right: -70px;
}

.pb_slider .slick-arrow {
    background-color: var(--colors-main-oh-02);
    opacity: 0;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

/* hover */
.slick-slider.pb_slider:hover .slick-arrow {
    opacity: 1;
}

.slick-slider.pb_slider:hover .slick-arrow:hover {
    background-color: var(--colors-main-oh-01);
}

.slick-slider.pb_slider:hover .slick-prev {
    left: -30px;
}

.slick-slider.pb_slider:hover .slick-next {
    right: -30px;
}

.pb_slider .slick-arrow.slick-disabled {
    opacity: 0 !important;
}

@media only screen and (max-width: 750px) {
    .pb_slider .slick-arrow {
        opacity: 1;
        /* width: 24px;
        height: 24px;
        margin: -20px 0 0 0;
        font-size: 14px;
        line-height: 24px; */
        transform: scale(0.5);
    }

    .pb_slider .slick-arrow.slick-prev {
        top: inherit;
        bottom: -110px;
        left: -20px;
    }

    .pb_slider .slick-arrow.slick-next {
        top: inherit;
        bottom: -110px;
        right: -20px;
    }

    .slick-slider.pb_slider:hover .slick-prev {
        left: -20px;
    }

    .slick-slider.pb_slider:hover .slick-next {
        right: -20px;
    }


    .pb_slider_nav {
        width: 100%;
        width: calc(100% + 3px);
        margin-top: 8px;
    }

    .pb_slider_nav .pb_slider_nav_item {
        margin: 0 8px 0 0;
        height: 40px;
    }


    .pb_slider_nav .pb_slider_nav_item img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .pb_slider_caption {
        padding: 20px;
    }
}

/* ----------------------------------------

- page navlink

---------------------------------------- */
#next_prev_post .title {
    font-size: 16px !important;
}



/* --------------------------------------------------------------------------------

- 以下ページごとのスタイル

-------------------------------------------------------------------------------- */

/* ----------------------------------------

- front.php(トップページ)

---------------------------------------- */
/*#header_slider {
  border: 40px solid  var(--colors-white);
}*/
#cb_content_1.cb_design_content {
  color: var(--colors-main-oh-02);
  background-color: var(--colors-main-oh-01);
}

#cb_content_1 .content img {
  cursor: pointer;
}

#cb_content_1 .content img:hover {
  opacity: 0.8;
}

#cb_content_3.cb_carousel {
  background-color: var(--colors-main-oh-01);
  /*background-color: #B7B2AD;*/
}

#cb_content_3.cb_carousel.num3 .button.animation_type2:hover {
  color: var(--colors-main-gray) !important;
}

#cb_content_3.cb_design_content,
#cb_content_5.cb_gallery,
#cb_content_5.cb_gallery h4.title {
    color: #555;
}

#cb_content_1.cb_design_content .catch {
    margin-top: 0;
}

.postContentRow.topFullsizeContent {
    height: 600px;
    position: relative;
    gap: 0px;
    border-top: 1px solid #ffffff !important;
}

.postContentRow.topFullsizeContent.last {
    border-bottom: 1px solid #ffffff !important;
}

.postContentRow.topFullsizeContent.reverse {
    flex-direction: row-reverse;
}

.postContentRow.topFullsizeContent>div {
    width: 50%;
}

.postContentRow.topFullsizeContent>div:nth-child(1) {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.postContentRow.topFullsizeContent.lightType .content {
  background-color: var(--colors-main-oh-02) !important;
  color: var(--colors-main-oh-01) !important;
}

.postContentRow.topFullsizeContent.darkType .content {
  background-color: var(--colors-main-oh-01) !important;
  color: var(--colors-main-oh-02) !important;
}

.postContentRow.topFullsizeContent>div:nth-child(2) {
    height: 100%;
    position: relative;
    z-index: 99999;

}

.postContentRow.topFullsizeContent .content_inner {
    position: absolute;
    display: block;
    padding: 0 130px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.postContentRow.topFullsizeContent .content_inner .catch {
   font-weight: bold;
   font-size: 28px;
   line-height: 1.5;
   letter-spacing: 0.1em;
}

.postContentRow.topFullsizeContent .content_inner .desc {
    font-size: 16px;
    letter-spacing: 0.05em;
}

.postContentRow.topFullsizeContent .content_inner .design_button:hover {
    color: #ffffff !important;
    background: none;
    border-color: var(--colors-main-landic) !important;
}

.postContentRow.topFullsizeContent .content_inner .design_button:before {
    background: var(--colors-main-landic) !important;
}

.postContentRow.topFullsizeContent.lightType .content_inner .design_button {
  color: var(--colors-main-oh-01) !important;
  border-color: var(--colors-main-oh-01) !important;
}

.postContentRow.topFullsizeContent.lightType .content_inner .design_button:hover {
    color: var(--colors-main-oh-02) !important;
    border-color: var(--colors-main-oh-01) !important;
}

.postContentRow.topFullsizeContent.lightType .content_inner .design_button:before {
    background: var(--colors-main-oh-01) !important;
}

.postContentRow.topFullsizeContent.darkType .content_inner .design_button {
  color: var(--colors-main-oh-02) !important;
  border-color: var(--colors-main-oh-02) !important;
}

.postContentRow.topFullsizeContent.darkType .content_inner .design_button:hover {
    color: var(--colors-main-gray) !important;
    border-color: var(--colors-main-oh-02) !important;
}

.postContentRow.topFullsizeContent.darkType .content_inner .design_button:before {
    background: var(--colors-main-oh-02) !important;
}

.postContentRow.topFullsizeContent{
    -webkit-animation: opacityAnimation 2.0s ease forwards 0s;
    animation: opacityAnimation 2.0s ease forwards 0s;
}

/*
  top 間取り一覧
*/
.layout_slider_wrap {
  position: relative;
  margin-top: 600px;
}

.layout_slider_wrap .layout_slider {
  position:absolute;
  bottom:40px;
  left:0px;
  width:100%;
  height:120px;
  z-index:2;
}

.layout_slider_wrap .layout_slider_item {
  margin:0 130px;
}
.layout_slider_wrap .layout_slider_item .item {
  position:relative;
  height:120px;
  width::100%;
}
.layout_slider_wrap .layout_slider_item .title_area {
  position:absolute;
  left:140px;
  top:50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); transform:
  translateY(-50%);
}
.layout_slider_wrap .layout_slider_item .title {
  font-weight:600;
  font-size:18px;
  line-height:1.8;
  max-height:5.4em;
  visibility:visible;
  overflow:hidden;
  margin-bottom: 0px;
}
.layout_slider_wrap .layout_slider_item .title span {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.layout_slider_wrap .layout_slider_item .image_wrap {
  display:block;
  width:120px;
  height:120px;
  position:relative;
  z-index:1;
  overflow:hidden;
  background:#fff;
  border:10px solid #fff;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.layout_slider_wrap .layout_slider_item .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:2;
}
.layout_slider_wrap .layout_slider_item a { color:#fff; }
.layout_slider_wrap .next_item { position:absolute; right:80px; top:42px; }
.layout_slider_wrap .prev_item { position:absolute; left:80px; top:42px; }
.layout_slider_wrap .carousel_arrow:before { color:#fff; }
.layout_slider_wrap .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
.topLayoutList>div:nth-child(1):before {
  content:''; display:block; width:50%; height:50%; position:absolute; bottom:0px; left:0px; z-index:2;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}

/* カルーセルの矢印 */
.carousel_arrow { width:50px; height:50px; line-height:50px; text-align:center; position:absolute; cursor:pointer; z-index:10; overflow:hidden; }
.carousel_arrow:before {
  font-family:'design_plus'; color:#000; font-size:18px; display:block; height:50px; line-height:50px; width:100%; text-align:center;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.carousel_arrow.prev_item:before { content:'\e90f'; }
.carousel_arrow.next_item:before { content:'\e910'; left:0; right:0; }
.carousel_arrow:hover:before { color:#ccc !important; }


@media only screen and (max-width: 750px) {
  #header_slider {
    border: none;
  }

  .postContentRow.topFullsizeContent {
      height: auto;
      flex-direction: column;
      flex-wrap: nowrap;
  }

  .postContentRow.topFullsizeContent.reverse {
      flex-direction: column;
  }

  .postContentRow.topFullsizeContent>div {
    width: 100%;
  }

  .postContentRow.topFullsizeContent>div:nth-child(1) {
    height: calc(0.66 * 100vw);
  }

  .postContentRow.topFullsizeContent>div:nth-child(2) {
    width: auto;
    height: auto;
  }

  .postContentRow.topFullsizeContent .content_inner {
    position: relative;
    padding: 80px 50px 75px;
    top: auto;
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  .postContentRow.topFullsizeContent .content_inner .catch {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
  }

  .postContentRow.topFullsizeContent .content_inner .desc {
      font-size: 14px;
      text-align: center;
  }

  .postContentRow.topFullsizeContent .content_inner .item.link_button {
    text-align: center;
  }

  .postContentRow.topFullsizeContent .content_inner .design_button {
      min-width: 240px;
      padding-left: 30px;
      padding-right: 30px;
  }

  .topLayoutList>div:nth-child(1):before {
    display: none;
  }

  .topLayoutList .image_area:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 66vw;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
  }

  .layout_slider_wrap .carousel_arrow { display:none !important;}
  .layout_slider_wrap { width:100%; height:auto; position:relative; margin-top: 250px; }
  .layout_slider_wrap .layout_slider { bottom:25px; height:100px; }
  .layout_slider_wrap .layout_slider_item { margin:0 25px; }
  .layout_slider_wrap .layout_slider_item .item { height:100px; }
  .layout_slider_wrap .layout_slider_item .image_wrap { width:100px; height:100px; border:10px solid #fff; }
  .layout_slider_wrap .layout_slider_item .title_area { left:120px; }
  .layout_slider_wrap .layout_slider_item .title { font-weight:500; font-size: 16px;}

}

/* ----------------------------------------

- indedx.php(投稿一覧)

---------------------------------------- */

#blog_archive {
    padding: 0 16px 60px;
}

.blogListWrap {
    padding: 60px 16px 60px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

#blog_archive #blog_list {
    margin-top: 0;
    min-width: 1160px;
    padding: 0 16px;
    width: 1160px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#blog_archive #blog_list .item {
    /* min-width: 800px;
    max-width: 800px; */
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 80px;
}

#blog_list .date_area {
    width: 165px;
}

#blog_list .content {
    width: calc(100% - 445px);
    padding: 0 0 0 80px;
}

@media only screen and (max-width: 750px) {

    #blog_archive {
        padding: 40px 16px 40px;
    }

    .blogListWrap {
        padding: 0 0;
        display: flex;
        justify-content: center;
    }

    #blog_archive #blog_list {
        min-width: inherit;
        width: 100%;
        padding: 0;
    }

    #blog_archive #blog_list .item {
        padding: 0;
    }

}

/* #blog_list
---------------------------------------- */

@media only screen and (max-width: 750px) {

    .blogListWrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #blog_archive #blog_list {
        gap: 24px;
        margin: 0;
    }

    #blog_archive #blog_list .item {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
        border: 1px solid #ddd;
    }

}


/* ----------------------------------------

- single.php

---------------------------------------- */
#blog_single {
    padding: 20px 16px 60px;
    display: flex;
    justify-content: center;
}

#single_main {
    padding: 40px 16px;
    min-width: 1160px;
    width: 1160px;
    box-sizing: border-box;
}

#post_image_wrap .entry-title {
    text-align: left;
    margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
    #blog_single {
        padding-bottom: 0;
        display: flex;
        justify-content: center;
    }

    #single_main {
        min-width: 100%;
        padding: 40px 0;
        max-width: inherit;
    }

}

/* #blog_list
---------------------------------------- */

#blog_single #blog_list .item {
    min-width: 800px;
    max-width: 800px;
}

@media only screen and (max-width: 750px) {
    #blog_single #blog_list .item {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
    }

}



/* ----------------------------------------

- 固定ページ(page.php)のスタイル

---------------------------------------- */

/* singlePageMainContents
---------------------------------------- */

#main_contents.singlePageMainContents {
    width: auto;
}


#main_contents.singlePageMainContents #main_col {
    width: 100%;
    padding: 0;
    margin: 0;
}

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

/* ----------------------------------------

- 固定ページ(page-news.php)のスタイル

---------------------------------------- */

body.single-news #container {
    overflow: visible;
}

#main_contents.singleLayoutPageMainContents {
    width: 1200px;
}

#main_contents.singleLayoutPageMainContents #main_col {
    width: calc(100% - 320px);
    margin-bottom: 60px;
}

#main_contents.singleLayoutPageMainContentsFull #main_col {
    width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

#main_contents.singleLayoutPageMainContentsFull #main_col #article {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
}

#main_contents.singleLayoutPageMainContentsFull.no-entry #main_col,
#main_contents.singleLayoutPageMainContentsFull.no-entry #main_col #article {
  width: 100%;
}

#main_contents.singleLayoutPageMainContents #side_col {
    width: 320px;
}

#main_contents.singleLayoutPageMainContents #side_col .widget_content {
    position: sticky;
    top: 140px;
}

#main_contents.singleLayoutPageMainContents #side_col:after {
    width: calc(50vw - 280px);
}


@media screen and (max-width:750px) {
  #main_contents.singleLayoutPageMainContents #main_col {
    margin-bottom: 12px !important;
  }
}


@media screen and (max-width:1201px) {
    #main_contents.singleLayoutPageMainContents #side_col .widget_content {
        margin-left: auto;
        margin-right: auto;
    }

    #main_contents.singleLayoutPageMainContents,
    #main_contents.singleLayoutPageMainContentsFull {
        width: auto;
    }

    #main_contents.singleLayoutPageMainContents #main_col {
        width: auto;
    }

    #main_contents.singleLayoutPageMainContentsFull #main_col {
        width: auto;
        margin: 0px 20px;
    }

    #main_contents.singleLayoutPageMainContentsFull.no-entry #main_col {
      margin: 0px;
    }

    #main_contents.singleLayoutPageMainContentsFull #main_col #article {
      width: auto;
    }

    #main_contents.singleLayoutPageMainContents #side_col {
        width: auto;
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    #main_contents.singleLayoutPageMainContents #side_col:after {
        width: 100%;
    }


}

.singleLayoutPageMainContentsFull .nav_layout_premium {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0;
  width: 1130px;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.singleLayoutPageMainContentsFull .nav_layout_premium a {
  display: block;
  box-sizing: border-box;
  text-align: center;
  padding: 16px 0px;
  font-weight: bold;
  font-size: 20px;
}

.singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(1) {
  border-left: 1px solid #dddddd;
}

.singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(2n+1) {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(2n) {
  border: 1px solid #dddddd;
}

.singleLayoutPageMainContentsFull .nav_layout_premium_bottom {
  padding-top: 40px;
  padding-bottom: 60px;
}

.singleLayoutPageMainContentsFull .nav_layout_premium_bottom a {
    display: block;
    width: 360px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding: 24px 0px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.08em;
    border: 1px solid var(--colors-main-oh-01);
    background: none;
    color: var(--colors-main-oh-01);
    position: relative;
    overflow: hidden;
    /*background-color: var(--colors-main-landic);
    color: var(--colors-white);*/
}

.singleLayoutPageMainContentsFull .nav_layout_premium_bottom a:before {
  content: '';
  display: block;
  width: 100%;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -100%;
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  background-color: var(--colors-main-oh-01);
}
.singleLayoutPageMainContentsFull .nav_layout_premium_bottom a:hover {
    color: var(--colors-main-oh-02) !important;
    background: none;
}

.singleLayoutPageMainContentsFull .nav_layout_premium_bottom a:hover:before {
    left: 0;
}
/*.singleLayoutPageMainContentsFull .nav_layout_premium_bottom a:hover {
  opacity: 0.8;
}*/

/* headBlock
---------------------------------------- */
.singleLayoutPageMainContents .headBlock,
.singleLayoutPageMainContentsFull .headBlock {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 40px;
    margin-bottom: 40px;
}

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

  .singleLayoutPageMainContentsFull .nav_layout_premium {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium a {
      font-size: 16px;
      padding: 12px 0px;
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(1) {
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      border-bottom: none;
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(2) {
      border-top: 1px solid #dddddd;
      border-left: none;
      border-right: 1px solid #dddddd;
      border-bottom: none;
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(3) {
      border: 1px solid #dddddd;
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium>a:nth-child(4) {
      border-top: 1px solid #dddddd;
      border-left: none;
      border-right: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
    }

    .singleLayoutPageMainContents .headBlock,
    .singleLayoutPageMainContentsFull .headBlock {
        /* display: grid; */
        grid-template-columns: 1fr;
        margin-bottom: 0px;
        gap: 12px;
        /* gap: 40px;
        margin-bottom: 40px; */
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium_bottom a {
      width: 240px;
      font-size: 16px;
      padding: 16px 0;
    }

    .singleLayoutPageMainContentsFull .nav_layout_premium_bottom {
      padding-top: 0px;
      padding-bottom: 40px;
    }

}


/* headBlockInfo
---------------------------------------- */
.singleLayoutPageMainContents .headBlockInfo,
.singleLayoutPageMainContentsFull .headBlockInfo {
    display: flex;
    flex-direction: column;
    gap: 40px;
    color: #413e3c;
}

/* headBlockInfo_icon */
.singleLayoutPageMainContents .headBlockInfo_icon,
.singleLayoutPageMainContentsFull .headBlockInfo_icon {
    display: flex;
    gap: 16px;
    align-items: center;
}

.singleLayoutPageMainContents .headBlockInfo_icon .headBlockInfo_icon_menu {
    width: 100%;
    background-color: var(--colors-main-oh-02);
    color: var(--colors-main-oh-01);
    font-size: 16px;
    padding: 12px 16px;
    text-align: center;
    font-weight: bold;
}

.premium_layout .headBlockInfo_icon_maisonette,
.premium_layout .headBlockInfo_icon_premium,
.singleLayoutPageMainContentsFull .headBlockInfo_icon_maisonette,
.singleLayoutPageMainContentsFull .headBlockInfo_icon_premium {
    font-size: 16px;
    padding: 12px 16px;
    text-align: center;
    font-weight: bold;
}

.premium_layout .headBlockInfo_icon_maisonette,
.singleLayoutPageMainContentsFull .headBlockInfo_icon_maisonette {
  background: -webkit-gradient(45deg, #4d4d4d 35%, #333333);
  background: linear-gradient(45deg, #4d4d4d 35%, #333333);
  color: #ffffff;
}

.premium_layout .headBlockInfo_icon_premium,
.singleLayoutPageMainContentsFull .headBlockInfo_icon_premium {
  background: -webkit-gradient(45deg, #d5be95 35%, #c19e51);
  background: linear-gradient(45deg, #d5be95 35%, #c19e51);
  color: #ffffff;
}

/* headBlockInfo_title */
.singleLayoutPageMainContents .headBlockInfo_title,
.singleLayoutPageMainContentsFull .headBlockInfo_title {
    display: flex;
    gap: 16px;
    font-weight: 700;
    font-size: 24px;
    align-items: center;
}

.singleLayoutPageMainContents .headBlockInfo_title_type,
.singleLayoutPageMainContentsFull .headBlockInfo_title_type {
    font-size: 40px;
}

.singleLayoutPageMainContents .headBlockInfo_title_spacer,
.singleLayoutPageMainContentsFull .headBlockInfo_title_spacer {
    font-size: 24px;
    color: var(--colors-gray-2);
    font-weight: 400;
    /* transform: rotate(30deg); */
}

.singleLayoutPageMainContents .headBlockInfo_title_madori,
.singleLayoutPageMainContentsFull .headBlockInfo_title_madori {
    font-size: 32px;
}

/* headBlockInfo_subtext */
.singleLayoutPageMainContents .headBlockInfo_subtext,
.singleLayoutPageMainContentsFull .headBlockInfo_subtext {
    display: block;
    font-size: 12px;
    text-align: right;
    margin-top: -44px;
    padding-right: 10px;
}

/* headBlockInfo_content */
.singleLayoutPageMainContents .headBlockInfo_content,
.singleLayoutPageMainContentsFull .headBlockInfo_content {
    display: grid;
    border-top: 1px solid var(--colors-gray);
}

.singleLayoutPageMainContents .headBlockInfo_content_row,
.singleLayoutPageMainContentsFull .headBlockInfo_content_row {
    display: grid;
    /*grid-template-columns: 160px 1fr;*/
    grid-template-columns: 172px 1fr;
    gap: 32px;
    padding: 16px 0;
    border-bottom: 1px solid var(--colors-gray);
}

.singleLayoutPageMainContents .headBlockInfo_content_row_head,
.singleLayoutPageMainContentsFull .headBlockInfo_content_row_head {
    display: grid;
    place-content: center;
    grid-template-columns: 1fr;
    position: relative;
    text-align: justify;
    text-align-last: justify;
    font-size: 14px;
}

.singleLayoutPageMainContents .headBlockInfo_content_row_head:after,
.singleLayoutPageMainContentsFull .headBlockInfo_content_row_head:after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: var(--colors-gray);
    transform: rotate(30deg) translate(0, -50%);
    position: absolute;
    right: -12px;
    top: 50%;
}

.singleLayoutPageMainContents .headBlockInfo_content_row_body,
.singleLayoutPageMainContentsFull .headBlockInfo_content_row_body {
    display: grid;
    gap: 8px;
}

.singleLayoutPageMainContents .headBlockImage img,
.singleLayoutPageMainContentsFull .headBlockImage img {
    max-width: 100%;
}


/* madoriBlock
---------------------------------------- */

.singleLayoutPageMainContents .madoriBlock img,
.singleLayoutPageMainContentsFull .madoriBlock img {
    max-width: 100%;
}

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


    /* headBlockInfo
---------------------------------------- */
    .singleLayoutPageMainContents .headBlockInfo,
    .singleLayoutPageMainContentsFull .headBlockInfo {
        gap: 24px;
    }


    /* headBlockInfo_icon */
    .premium_layout .headBlockInfo_icon div {
      width: calc(50% - 8px) !important;
      max-width: 180px;
    }

    .premium_layout .headBlockInfo_icon_maisonette,
    .premium_layout .headBlockInfo_icon_premium,
    .singleLayoutPageMainContentsFull .headBlockInfo_icon_maisonette,
    .singleLayoutPageMainContentsFull .headBlockInfo_icon_premium {
        font-size: 14px;
        padding: 8px 16px;
        text-align: center;
    }

    body.single-news .singleLayoutPageMainContentsFull #main_col {
      padding-bottom: 0px !important;
    }

    /* headBlockInfo_title */

    .singleLayoutPageMainContents .headBlockInfo_title_type,
    .singleLayoutPageMainContentsFull .headBlockInfo_title_type {
        font-size: 32px;
    }

    .singleLayoutPageMainContents .headBlockInfo_title_spacer,
    .singleLayoutPageMainContentsFull .headBlockInfo_title_spacer {
        font-size: 20px;
    }

    .singleLayoutPageMainContents .headBlockInfo_title_madori,
    .singleLayoutPageMainContentsFull .headBlockInfo_title_madori {
        font-size: 24px;
    }

    /* headBlockInfo_subtext */
    .singleLayoutPageMainContents .headBlockInfo_subtext,
    .singleLayoutPageMainContentsFull .headBlockInfo_subtext {
        font-size: 12px;
        margin-top: -28px;
        padding-right: 0px;
    }

    /* headBlockInfo_content */
    .singleLayoutPageMainContents .headBlockInfo_content,
    .singleLayoutPageMainContentsFull .headBlockInfo_content {
        font-size: 13px;
    }

    .singleLayoutPageMainContents .headBlockInfo_content_row,
    .singleLayoutPageMainContentsFull .headBlockInfo_content_row {
        /*grid-template-columns: 134px 1fr;*/
        grid-template-columns: 152px 1fr;
        gap: 24px;
    }

    .singleLayoutPageMainContents .headBlockInfo_content_row_head,
    .singleLayoutPageMainContentsFull .headBlockInfo_content_row_head {
        font-size: 12px;
    }

    .singleLayoutPageMainContents .headBlockInfo_content_row_head:after,
    .singleLayoutPageMainContentsFull .headBlockInfo_content_row_head:after {
        height: 12px;
        right: -10px;
    }

}

/* remarksBlock
---------------------------------------- */

.singleLayoutPageMainContents #eqTabs_01 #floor_below:checked ~ #floor_below_content #floor_above_remarks {
  display: none;
}

.singleLayoutPageMainContents #eqTabs_01 #floor_above:checked ~ #floor_above_content #floor_below_remarks {
  display: none;
}


/* ----------------------------------------

- ROOM PLAN一覧 /layoutのリスト

---------------------------------------- */

#news_archive {
    padding-top: 0;
    padding-bottom: 0;
}

.postContentRow #news_archive {
  width: 100%;
}

/* page_header-layout
---------------------------------------- */

/*#page_header.page_header-layout {
    height: 80px;
}

@media only screen and (max-width: 750px) {
    #page_header.page_header-layout {
        display: none;
    }
}*/


/* layoutList
---------------------------------------- */

.layoutListWrap {
    padding: 60px 16px;
    max-width: 1440px;
    margin: 0 auto;
}

.layoutList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    /*min-height: 1000px;*/
}

.layoutList_inner {
    position: relative;
    margin-left: -12px;
    /* .layoutItem ネガティブ */
    margin-right: -12px;
    /* .layoutItem ネガティブ */
}

/* layoutItemの配置は親がで設定する */
/* shuffle.jsの都合でlayoutItemをinline-blockとして横並びにしている。 */
.layoutList .layoutList_inner .layoutItem {
    max-width: 50%;
    min-width: 50%;
}

.layoutList_noRoom {
    border: 1px solid #ccc;
    text-align: center;
    max-width: 708px;
    width: auto;
    width: calc(100% - 24px);
    margin: 12px auto 0px;
    border: 1px solid #CCCC;
    padding: 24px 0;
}

/* layoutList-oneCol layout/a, layout/bの場合 */
.layoutList.layoutList-oneCol {
    grid-template-columns: 1fr;
}

.layoutList.layoutList-oneCol .layoutList_inner .layoutItem {
    max-width: 24%;
    min-width: 24%;
}

.layoutList_remarks {
    max-width: 1440px;
    margin: 0 auto;
}

.postContentRow #news_archive .layoutList_remarks .remarks {
  color: var(--colors-main-oh-01) !important;
  padding-bottom: 60px;
}

@media only screen and (max-width: 750px) {

    #news_archive {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .layoutListWrap {
        padding-top: 40px;
        padding-bottom: 40px;
        min-width: inherit;
        max-width: inherit;
    }

    .layoutList {
        grid-template-columns: 1fr;
        gap: 12px;
        min-width: inherit;
        max-width: inherit;
        min-height: 500px;
    }

    .layoutList_inner {
        margin-left: -8px;
        /* .layoutItem ネガティブ */
        margin-right: -8px;
        /* .layoutItem ネガティブ */
    }

    .layoutList .layoutList_inner .layoutItem {
        min-width: 49% !important;
        max-width: 49% !important;
    }

    /* layoutList-oneCol layout/a, layout/bの場合 */
    .layoutList.layoutList-oneCol {
        grid-template-columns: 1fr;
    }

    .layoutList_noRoom {
        margin: 0px auto;
    }

    .layoutList_remarks {
        min-width: inherit;
        max-width: inherit;
        padding-left: 12px;
        padding-right: 12px;
    }


}

@media only screen and (max-width: 320px) {
    .layoutList .layoutList_inner .layoutItem {
        min-width: 49% !important;
        max-width: 49% !important;
    }
}

/* layoutHeadArea
---------------------------------------- */

.layoutHeadArea {
    position: relative;
    display: grid;
    grid-template-columns: 60% 40%;
    margin-bottom: 60px;
}

.layoutTitle {
    text-align: center;
    font-size: 34px !important;
    font-weight: 600;
    margin-bottom: 60px;
    color: #413e3c;
}


/* layoutSort */

.layoutSort {
    display: flex;
    width: 100%;
}

.layoutSortLabel {
    min-width: 56px;
    background-color: var(--colors-main-landic);
    color: #fff;
    padding: 24px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    min-width: 80px;
    width: 100%;
}

.layoutSortButtonWrap {
    display: flex;
    gap: 24px 24px;
    flex-wrap: wrap;
    background-color: #e6e6e6;
    padding: 24px 32px;
    min-width: 560px;
}

.layoutSortButton {
    position: relative;
    font-size: 16px;
    border: 1px solid #d4cab4;
    border-radius: 50px;
    text-align: center;
    background: #fff;
    position: relative;
    padding: 18px 20px;
    min-width: 80px;
    max-width: 80px;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.layoutSortButton.layoutSortButton-clear {
    margin-left: auto;
    position: relative;
    background-color: #ccc;
    border-color: #aaa;
}

.layoutSortButton:hover {
    background: #d4cab4;
    color: #fff;
}

.layoutSortButton.layoutSortButton-clear:hover {
    background: #aaa;
    color: inherit;
}


/* clear */
.layoutSortButton.layoutSortButton-clear span {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 0;
}

.layoutSortButton.layoutSortButton-clear span:before,
.layoutSortButton.layoutSortButton-clear span::after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background-color: #222;
    position: absolute;
    left: 4px;
    top: -12px;
}

.layoutSortButton.layoutSortButton-clear span:before {
    transform: rotate(45deg);
}

.layoutSortButton.layoutSortButton-clear span:after {
    transform: rotate(-45deg);
}



.layoutSortButton.active {
    color: #fff !important;
    border-color: #d4cab4 !important;
    background: #d4cab4 !important;
}

@media only screen and (max-width: 750px) {

    .layoutHeadArea {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        gap: 16px;
    }

    .layoutTitle {
        font-size: 22px !important;
        margin-bottom: 30px;
    }

    .layoutSort {
        min-width: inherit;
        max-width: inherit;
        flex-direction: column;
        display: flex;
    }

    .layoutSortLabel {
        max-width: 120px;
        padding: 8px 0;
        min-width: inherit;
        font-size: 12px;
    }

    .layoutSortButtonWrap {
        display: flex;
        gap: 8px;
        padding: 12px;
        flex-wrap: wrap;
        max-width: inherit;
        min-width: inherit;
    }

    .layoutSortButton {
        font-size: 12px;
        padding: 8px 0;
        min-width: calc(25% - 8px);
    }

    .layoutSortButton:hover {
        background: #fff;
        color: inherit;
    }

    /* clear */
    .layoutSortButton.layoutSortButton-clear {
        display: none;
    }

}


/* layoutTypeHead */
.layoutTypeHead {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 16px;
}

.layoutTypeHead_item {
    text-align: center;
    padding: 16px 0;
    background-color: var(--colors-main-landic);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.layoutTypeHead_item:first-child {
    /*background: #D6DFD8;
    color: #4B4948;*/
    background: #aba099;
    color: #413e3c;
}

.layoutTypeHead_item:last-child {
    /*background: #D3CAB3;
    color: #4B4948;*/
    background: #d8c597;
    color: #413e3c;
}

@media only screen and (max-width: 750px) {
    .layoutTypeHead {
        display: none;
    }
}


/* layoutSortClear */
.layoutSortClear {
    /* display: flex; */
    text-align: center;
    padding: 0 12px;
}

.layoutSortClear_button {
    position: relative;
    cursor: pointer;
    border-radius: 100px;
    background-color: #ccc;
    padding: 10px 0;
    font-size: 12px;
}

.layoutSortClear_button span {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 0;
}

.layoutSortClear_button span:before,
.layoutSortClear_button span::after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: #222;
    position: absolute;
    left: 0px;
    top: -9px;
}

.layoutSortClear_button span:before {
    transform: rotate(45deg);
}

.layoutSortClear_button span:after {
    transform: rotate(-45deg);
}

.layoutSortClear_button:hover {
    text-decoration: none;
}

@media only screen and (max-width: 750px) {
    .layoutSortClear {
        justify-content: center;
    }
}

/* floorPlanButtonWrap */
.floorPlanButtonWrap {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding-left: 24px;
    box-sizing: border-box;
}



@media only screen and (max-width: 750px) {
    .floorPlanButtonWrap {
        width: 100%;
        flex-direction: row;
        gap: 16px;
        padding-left: 0;
    }

    .floorPlanButtonWrap .floorPlanButton {
        width: 100%;
    }
}



/* layoutItem
---------------------------------------- */
.layoutItem {
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    padding: 12px;
    /* ネガティブマージンの対象 */
}

.layoutItemInner {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 32px 24px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--colors-white);
}

/* layoutItem_hoverContent */
.layoutItem .layoutItem_hoverContent {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .5s;
    color: #fff;
}

.layoutItem:hover .layoutItem_hoverContent {
    opacity: 1;
}

.layoutItem_hoverContent_senyu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 18px;
}

.layoutItem_hoverContent_senyu .layoutItem_hoverContent_senyu_info {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.layoutItem_hoverContent_senyu .layoutItem_hoverContent_senyu_other {}


.layoutItem_hoverContent_senyu .layoutItem_hoverContent_senyu_info .layoutItem_hoverContent_senyu_info_seisu {
    font-size: 24px;
}

.layoutItem_hoverContent_senyu .layoutItem_hoverContent_senyu_info .layoutItem_hoverContent_senyu_info_syosu {}

.layoutItem_hoverContent_senyu .layoutItem_hoverContent_senyu_info .layoutItem_hoverContent_senyu_info_other {}

/* layoutItem_Icon */
.layoutItem .layoutItem_Icon {
    display: flex;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.layoutItem .layoutItem_Icon div {
    padding: 8px;
    text-align: center;
    width: calc(100% / 2);
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.layoutItem .layoutItem_Icon .layoutItem_Icon_maisonette {
    background: -webkit-gradient(45deg, #4d4d4d 35%, #333333);
    background: linear-gradient(45deg, #4d4d4d 35%, #333333);
    color: #ffffff;
}

.layoutItem .layoutItem_Icon .layoutItem_Icon_premium {
    background: -webkit-gradient(45deg, #d5be95 35%, #c19e51);
    background: linear-gradient(45deg, #d5be95 35%, #c19e51);
    color: #ffffff;
}

.layoutItem .layoutItem_Icon .layoutItem_Icon_menu {
    width: 100%;
    background-color: var(--colors-main-oh-02);
    color: var(--colors-main-oh-01);
}

.layoutItem:hover .layoutItem_Icon {
    /*display: none;*/
}

/* layoutItem_special_type */
.layoutItem .layoutItem_special_type {
    opacity: 0;
    text-align: center;
    color: var(--colors-white);
    font-size: 20px;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    z-index: 20;
    width: 100%;
}

.layoutItem:hover .layoutItem_special_type {
    opacity: 1;
}

.layoutItem .layoutItem_special_type div {
    display: block;
}

.layoutItem .layoutItem_special_type div:nth-child(2) {
    width: 10%;
    height: 2px;
    background-color: #ffffff;
    margin: 20px auto 16px;
}


/* layoutItem_soldoutContent */
.layoutItem.isSoldout {
    pointer-events: none;
}

.layoutItem .layoutItem_soldoutContent {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .5s;
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

.layoutItem.isSoldout .layoutItem_soldoutContent {
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 1);
}

.layoutItem.isSoldout .layoutItem_soldoutContent div {
    opacity: 1 !important;
    color: #FFF;
}

.layoutItem.isSoldout .layoutItem_hoverContent {
    display: none !important;
}

.layoutItem_type {
    display: none;
}

.layoutItem_title {
    font-weight: 700;
    margin-bottom: 24px;
    font-size: 20px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    /*color: #000 !important;*/
    color: #413e3c !important;
}

.layoutItem_title .layoutItem_title_type {
    font-size: 26px;
}

.layoutItem_title .layoutItem_title_spacer {
    font-weight: 400;
    font-size: 14px;
}

.layoutItem_title .layoutItem_title_madori {
    font-size: 26px;
}

.layoutItem_img {
    width: 100%;
    position: relative;
    max-width: 100%;
    height: 0;
    padding-top: 120%;
}

.layoutItem_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: scale-down;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layoutItem_btn {
    opacity: 0;
    transition: opacity .5s;
    text-align: center;
    border: 1px solid #fff;
    color: var(--colors-white);
    padding: 16px 0;
    margin-top: 8px;
    font-size: 14px;
    position: absolute;
    bottom: 24px;
    width: calc(100% - 48px);
    z-index: 10;
}

.layoutItem_btn .icon-yazirusi {
    position: absolute;
    right: 8px;
    color: #fff;
    transform: translate(-50%, 0);
    top: calc(50% - 5px);
}

/* hover */
.layoutItem:hover .layoutItem_btn {
    opacity: 1;
}

.layoutItem.isSoldout .layoutItem_btn {
    opacity: 0;
}

@media only screen and (max-width: 1462px) {
  .w_full_sp.txt,
  .w_half_sp.txt {
      display: none;
  }
}

@media only screen and (max-width: 750px) {

    .layoutItem {
        padding: 16px 8px !important;
        /* ネガティブマージンの対象 */
    }

    .layoutItemInner {
        padding: 12px 8px;
    }

    /* layoutItem_Icon */
    .layoutItem .layoutItem_Icon {
        display: block;
        left: auto;
        right: auto;
        bottom: 48px;
        width: calc(100% - 16px) !important;
        padding: 0;
    }

    .layoutItem .layoutItem_Icon .w_half_sp {
        width: 50%;
    }

    .layoutItem .layoutItem_Icon .w_full_sp {
        width: 100%;
    }

    .layoutItem .layoutItem_Icon div {
        padding: 4px 0px;
        font-size: 8px;
        text-align: center;
        line-height: 11px;
        height: auto;
        display: inline-block;
        margin: 0;
    }

    /* layoutItem_special_type */
    .layoutItem .layoutItem_special_type {
        font-size: 14px;
        top: 78px;
    }

    /* layoutItem_hoverContent */
    .layoutItem .layoutItem_hoverContent {
        display: none !important;
    }

    .layoutItem_title {
        font-weight: 700;
        margin-bottom: 8px;
        font-size: 10px;
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        /*color: #000 !important;*/
        color: #413e3c !important;
    }

    .layoutItem_type {
        display: block;
        position: absolute;
        background-color: #fff;
        top: -21px;
        left: -1px;
        font-size: 12px;
        padding: 4px 8px;
        /*color: #000 !important;*/
        color: #413e3c !important;
    }

    .layoutItem_type.isTerrace {
        /*background-color: var(--colors-bg-terrace);*/
        background-color: #aba099;
    }

    .layoutItem_type.isHills {
        /*background-color: var(--colors-bg-hills);*/
        background-color: #d8c597;
    }


    .layoutItem_title .layoutItem_title_type {
        /*font-size: 14px;*/
        font-size: 3vw;
    }

    .layoutItem_title .layoutItem_title_spacer {
        font-weight: 400;
        font-size: 10px;
    }

    .layoutItem_title .layoutItem_title_madori {
        /*font-size: 14px;*/
        font-size: 3vw;
    }

    .layoutItem_img {}

    .layoutItem .layoutItem_soldoutContent {
        font-size: 16px;
    }

    .layoutItem_btn {
        opacity: 1;
        padding: 10px 0;
        position: relative;
        margin-top: 8px;
        font-size: 10px;
        width: auto;
        border: 1px solid #ccc;
        color: #000;
        bottom: inherit;
        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    }

    .layoutItem_btn .icon-yazirusi {
        position: absolute;
        color: #000;
        font-size: 10px;
        right: 0;
        font-size: 10px;
        transform: scale(0.6, 0.6);
    }

    /* hover */
    .layoutItemInner:hover .layoutItem_btn {
        background-color: #4e4f50;
        color: #fff;
    }

    .layoutItemInner:hover .layoutItem_btn .icon-yazirusi {
        color: #fff;
    }

}

/* スマホのlayout関連ページのみアイコン変更 */
@media only screen and (max-width: 750px) {
    #return_top.isFloorPlan a:before {
        background-image: url('../wp-content/themes/tenjiku_tcd091-child/files/images/common/search.svg');
        background-size: contain;
        font-size: 0;
        width: 24px;
        height: 24px;
        left: 15px;
        top: 14px;
        margin: auto;
        transform: none;
    }
}




/* fpLinks
---------------------------------------- */

.fpLinks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

.fpLinksItem {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.fpLinksItem .fpLinksItem_head {
    font-weight: 700;
    font-size: 24px;
}

.fpLinksItem .fpLinksItem_btns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
}

.fpLinksItem .fpLinksItem_btns.fpLinksItem_btns_half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.fpLinksItem .fpLinksItem_btns a {
    display: block;
    box-sizing: border-box;
    padding: 16px 0;
    text-align: center;
    background-color: var(--colors-plan);
    color: var(--colors-white);
    font-size: 14px;
}

.fpLinksItem .fpLinksItem_btns a:hover {
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.fpLinksItem .fpLinksItem_btns a.isSoldout {
    cursor: default;
    position: relative;
}

.fpLinksItem .fpLinksItem_btns a.isSoldout:hover {
    /*background-color: var(--colors-main-beige);*/
}

.fpLinksItem .fpLinksItem_btns a.isSoldout:active {
    pointer-events: none;
}

.fpLinksItem .fpLinksItem_btns a.isSoldout:after {
    content: "SOLDOUT";
    display: block;
    padding: 16px 0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition: opacity .3s;
    opacity: 0;
    z-index: 10;
    color: var(--colors-white);
}

.fpLinks .fpLinksItem_btns a.isSoldout:after {
    background-color: var(--colors-plan);
}


.fpLinksItem .fpLinksItem_btns a.isSoldout:hover:after {
    opacity: 1 !important;
}

@media only screen and (max-width: 750px) {

    .fpLinks {
        gap: 24px;
    }

    .fpLinksItem {
        gap: 16px;
    }

    .fpLinksItem .fpLinksItem_head {
        font-size: 20px;
    }

    .fpLinksItem .fpLinksItem_btns, .fpLinksItem .fpLinksItem_btns.fpLinksItem_btns_half {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .fpLinksItem .fpLinksItem_btns a {
        display: block;
        box-sizing: border-box;
        padding: 16px 0;
        text-align: center;
        font-size: 13px;
    }

    .fpLinksItem .fpLinksItem_btns a:hover {
        background-color: var(--colors-plan);
        color: var(--colors-white);
    }

    .fpLinksItem .fpLinksItem_btns a.isSoldout {
        cursor: default;
        position: relative;
    }

    .fpLinksItem .fpLinksItem_btns a.isSoldout:hover {
        pointer-events: none;
    }

    .fpLinksItem .fpLinksItem_btns a.isSoldout:after {
        pointer-events: none;
        content: "SOLDOUT";
        display: block;
        padding: 16px 0;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: var(--colors-plan);
        transition: opacity .3s;
        opacity: 0;
        z-index: 10;
        color: var(--colors-white);
    }

    .fpLinksItem .fpLinksItem_btns a.isSoldout:hover:after {
        opacity: 1 !important;
    }

}

.pc-no {
    display: none;
}

.sp-no {
    display: block;
}

@media only screen and (max-width: 750px) {
    .sp-no {
        display: none;
    }

    .pc-no {
        display: block;
    }
}

.dis-none {
    display: none !important;
}

/* ----------------------------------------

 - TOP ボタンリンク

---------------------------------------- */
.cb_design_content.num1 .design_button,
.cb_design_content.num3 .design_button {
    border: solid 1px var(--colors-main-oh-02) !important;
    color: var(--colors-main-oh-02) !important;
}

.cb_design_content.num1 .design_button:hover,
.cb_design_content.num3 .design_button:hover {
    border: solid 1px var(--colors-main-oh-02) !important;
    color: var(--colors-main-gray) !important;
    background: none;
    /*border-color: #231815 !important*/
}

.cb_design_content.num1 .design_button:before,
.cb_design_content.num3 .design_button:before {
    background: var(--colors-main-oh-02) !important;
    /*background: #231815 !important;*/
}


/* ----------------------------------------

- 投稿が1つの場合のスタイル 親テーマのheadと依存しています。
- 2つ以上の場合は再度設定が必要になります。
- トップのコンテンツの増減でnumの数字が変わるので適宜調整が必要です。
- https://jira.mmj.ne.jp/browse/LANDICBU-126?focusedCommentId=82334&page=com.atlassian.jira.plugin.system.issuetabpanels%3Acomment-tabpanel#comment-82334

---------------------------------------- */

/* 元に戻したのでコメントアウト */
/*.cb_carousel.num4 .post_carousel {*/
.cb_carousel.num3 .post_carousel {
    width: 526px !important;
    /*width: 1120px !important; 2件以上 */
    margin: 0 auto;
}

@media screen and (max-width:750px) {
    /*.cb_carousel.num4 .post_carousel {*/
    .cb_carousel.num3 .post_carousel {
        width: auto !important;
    }
}




/* ----------------------------------------

- CONCEPT

---------------------------------------- */

.gap24 {
    column-gap: 24px !important;
}

.gap50 {
    column-gap: 50px !important;
}

.btn_area {
    width: 100%;
    text-align: center;
    padding: 64px 0 0;
}

.link_btn {
    display: inline-block;
    border: solid 1px #231815;
    padding: 16px;
}

.conceptFontColor {
    color: #4C4948;
}

.writing-v {
    writing-mode: vertical-rl;
}

.verticalHead {
    align-self: flex-start;
    padding: 16px 24px;
    border-right: solid 3px #4C4948;
    border-left: solid 3px #4C4948;
}

.concept-planting {
    width: 90%;
    border-top: solid 2px #4C4948;
    border-bottom: solid 2px #4C4948;
    margin: 0 auto;
    padding: 16px 8px;
    text-align: center;
}

.concept-planting .caption {
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.concept-planting .caption:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    background: #4C4948;
}

.concept-planting p {
    line-height: 1.4;
    margin-bottom: 0;
}

.alignItemCenter {
    align-items: center;
}

.alignItemStart {
    align-items: start;
}

.alignItemEnd {
    align-items: end;
}

.creatorsBtn {
    border: solid 1px #231815 !important;
    border-radius: 4px;
}

.cb_carousel.num4 .button.animation_type2.creatorsBtn:hover {
    color: var(--colors-white) !important;
    background: none;
    border-color: #231815 !important;
}

.cb_carousel.num4 .button.creatorsBtn:before {
    background: #231815 !important;
}

.footerBtn {
    border: solid 1px #231815 !important;
}

.cb_carousel.num4 .button.animation_type2.footerBtn:hover {
    color: #FFF !important;
    background: none;
    border-color: rgba(50, 150, 151, 1) !important;
}


.cb_carousel.num4 .button.footerBtn:before {
    background: #329697 !important;
}

.minH400 {
    min-height: 400px;
}

.alignSelf-c {
    align-self: center;
}


@media only screen and (max-width: 750px) {
    .verticalHead {
        align-self: center;
        border-top: solid 3px #4C4948;
        border-bottom: solid 3px #4C4948;
        border-right: none;
        border-left: none;
    }

    .writing-v {
        writing-mode: horizontal-tb;
    }

    .concept-planting .caption {
        font-size: 16px;
    }

    .alignItemStart-sp {
        align-items: start;
    }

    .alignItemEnd-sp {
        align-items: end;
    }

    .alignSelfEnd-sp {
        align-self: flex-end;
    }

    .alignItemCenter-sp {
        align-items: center;
    }

}




/* ----------------------------------------

- CONCEPT2

---------------------------------------- */

.page-id-427 #page_header {
    display: none;
}

.postContentRow_inner-half {
    min-width: 552px;
    width: 552px;
    box-sizing: border-box;
}

.concept2-img-bg .postContentRow.postContentRow-img {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}

.concept2-img-bg .postContentRow.postContentRow-img.img-right {
    background-position: left;
}

.concept2-q4-content {
    display: flex;
    justify-content: flex-end;
}

.concept2_intro,
.concept2_outro {
    border: solid 2px #4C4948;
    position: relative;
    padding: 24px;
}

.concept2_intro .intro_label {
    background-color: #4C4948;
    padding: 4px 64px;
    color: #EAE4D1;
    position: absolute;
    top: -13px;
    left: 32%;
}

.concept2_intro .intro_label.otani_architect {
    left: 30%;
}

.concept2_question {
    background-color: #C8D6B1;
    padding: 32px;
}

.concept2_question>p:first-child {
    color: #496249;
    margin-bottom: 8px;
    line-height: normal;
    font-size: 18px;
}

.flexBox.concept2 {
    position: relative;
    padding-top: 64px;
}

.flexBox .concept2_q3_l {
    flex-basis: 56%;
}

.flexBox .concept2_q3_r {
    position: absolute;
    right: 0;
}

.flexBox .concept2_q4_l {
    z-index: 1;
}

.flexBox .concept2_q4_r {
    width: 56% !important;
    position: absolute;
    right: 0;
}

.concept2_productImage {
    display: none;
}

.sasaki_profile img {
    width: 440px !important;
}

.landscape_font {
    font-size: 18px !important;
}

.ci-tab {
    margin-top: 32px;
}

.ci-tab_menu {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    margin: 0 !important;
}

.ci-tab_menu-item {
    position: relative;
    /*background-color: #f7f4ed;*/
    background-color: rgba(255, 255, 255, 0.6);
    list-style: none;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}

.ci-tab_menu-item.is-active {
    cursor: default;
}

.ci-tab_menu-item.disabled {
    cursor: default;
    pointer-events: none;
    filter: brightness(0.9);
    opacity: 0.9;
}

.ci-tab_menu-item.is-active>.creators_icon .ci-tab_btn {
    display: none;
}

.ci-tab_menu-item.is-active {
    background-color: #FFF;
}

.ci-tab_menu-item.is-active::before {
    content: "";
    display: block;
    background-color: #FFF;
    width: 100%;
    height: 24px;
}

.ci-tab_menu-item .creators_icon {
    padding: 24px;
}

.ci-btn_area {
    margin-top: 16px;
    height: 38px;
}

.creators_label {
    background-color: #807d7a;
    /*color: #EAE4D1;*/
    color: #ffffff;
}

.ci-tab_menu-item.is-active>.creators_label {
    background-color: #4d4948;
}

.ci-tab_panel-box001 {
    display: none;
}

.ci-tab_panel-box002 {
    display: none;
}

.ci-tab_panel-box003 {
    display: none;
}

.ci-tab_panel-box.is-show {
    display: block;
}

.product_imgs {
    align-self: flex-end;
}

.ci-tab_btn {
    border: 1px solid #d3cab3 !important;
    border-radius: 0;
    font-weight: 700;
    position: relative;
    background: transparent;
    transition: all 0.2s ease;
    z-index: 1;
}

.ci-tab_btn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #4d4948;
    transform-origin: 0% 50%;
    transform: scaleX(0);
    transition: transform ease 0.2s;
}

.ci-tab_menu-item:hover .creators_icon .ci-tab_btn {
    color: #FFF;
}

.ci-tab_menu-item:hover .creators_icon .ci-tab_btn::before {
    transform-origin: 0% 50%;
    transform: scaleX(1);
}


.ci-arrow.icon-yazirusi {
    position: absolute;
    right: 6px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    color: #4C4948;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    transform: scale(0.6, 0.6);
    font-weight: 700;
}

.ci-tab_menu-item:hover .creators_icon .ci-tab_btn .ci-arrow.icon-yazirusi {
    color: #FFF;
}

.ci-tab_menu-item.is-active .ci-content_line {
    position: absolute;
    background-color: #4C4948;
    width: 2px;
    height: 60px;
    left: 50%;
}

.ci_button_ara {
    margin-bottom: -80px;
}

@media only screen and (max-width: 750px) {
    .postContentRow_inner-half {
        padding: 0 16px;
        width: 100%;
        min-width: 100%;
    }

    .concept2_intro .intro_label {
        padding: 4px 0;
        top: -13px;
        left: 0;
        right: 0;
        margin: 0 24px 0;
        text-align: center;
    }

    .concept2_intro .intro_label.otani_architect {
        left: 0;
    }

    .concept2_question {
        padding: 16px;
    }

    .flexBox.concept2 {
        position: static;
        padding-top: 0;
    }

    .flexBox .concept2_q3_l {
        flex-basis: auto;
    }

    .flexBox .concept2_q3_r {
        position: static;
        right: auto;
    }

    .flexBox .concept2_q4_l {
        z-index: 0;
    }

    .flexBox .concept2_q4_r {
        width: 100% !important;
        position: static;
        right: auto;
    }

    .concept2_productImage {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .sasaki_profile img {
        width: 100% !important;
    }

    .landscape_font {
        font-size: 4vw !important;
    }

    .ci-tab_menu-item .creators_icon {
        padding: 8px;
    }

    .ci-tab_menu-item.is-active::before {
        height: 16px;
    }

    .creators_label {
        display: flex;
        font-size: 10px;
        min-height: 82px;
        padding: 0 8px;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .ci-btn_area {
        margin-top: 8px;
        height: 30px;
    }

    .ci-tab_btn {
        font-size: 12px;
    }

    .ci-tab_btn_arrow::after {
        display: none;
    }

    .ci-arrow.icon-yazirusi {
        display: none;
    }

    .ci-tab_menu-item.is-active .ci-content_line {
        height: 40px;
    }

}

/* 03 */
.ci-tab_panel-box003 .concept2_intro hr {
    display: block;
    width: 80%;
    margin: 40px auto;
    border-width: 1px;
    border-color: #000000;
}

.ci-tab_panel-box003 .concept2_intro .person {
    display: flex;
    gap: 40px;
    width: 80%;
    margin: 0 auto 20px;
}

.ci-tab_panel-box003 .concept2_intro .person .item1 {
    width: 200px;
}

.ci-tab_panel-box003 .concept2_intro .person .item2 {
    flex: 1;
}

.ci-tab_panel-box003 .concept2_intro .person .item2 p {
    margin: 0;
    line-height: 1.6;
}

.concept2_question_03 {
    width: 700px;
    padding: 16px 24px;
    border-radius: 16px;
    background-color: var(--colors-main-landic);
    color: var(--colors-white);
    display: flex;
    gap: 16px;
    font-weight: 700;
    position: relative;
    margin-bottom: 64px;
    z-index: 1;
}

.marginR {
    margin-left: auto;
    margin-right: 0;
}

.marginL {
    margin-left: 0;
    margin-right: auto;
}

.concept2_question_03::after {
    display: block;
    transform: scale(0.6);
    position: absolute;
    top: 48px;
    z-index: -1;
}

.concept2_question_03.marginR::after {
    content: url('./files/images/concept2/q_fukidashi.png');
    left: 110px;
}

.concept2_question_03.marginL::after {
    content: url('./files/images/concept2/q_fukidashi2.png');
    right: 132px;
}

.concept2_answer_03 {
    color: var(--colors-main-landic);
    display: flex;
    gap: 16px;
    font-weight: 700;

}

.concept2_outro .caption {
    background-color: var(--colors-main-gray);
    padding: 8px 64px 4px;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 30%;
}

.concept2_outro .caption img {
    width: 80%;
}

.concept2_outro .logo {
    border-top: 1px solid var(--colors-main-gray);
    border-bottom: 1px solid var(--colors-main-gray);
    margin: 30px auto 40px;
    padding: 20px 0;
    text-align: center;
    width: 50%;
}

.concept2_outro .logo img {
    width: 70%;
}

@media only screen and (max-width: 750px) {

    .ci-tab_panel-box003 .concept2_intro .person {
        flex-direction: column;
        width: 100%;
        row-gap: 16px;
    }

    .ci-tab_panel-box003 .concept2_intro .person .item1 {
        width: 90%;
        max-width: 200px;
        align-self: center;
    }

    .concept2_question_03 {
        width: 100%;
        box-sizing: border-box;
        padding: 16px 16px 20px;
        border-radius: 8px;
        background-color: var(--colors-main-landic);
        color: var(--colors-white);
        flex-direction: column;
        row-gap: 4px;
        font-weight: 700;
        position: relative;
        margin-bottom: 48px;
    }

    .concept2_question_03::after {
        transform: scale(0.4);
        top: inherit;
        bottom: -66px;
    }

    .concept2_question_03.marginR::after,
    .concept2_question_03.marginL::after {
        content: url('./files/images/concept2/q_fukidashi.png');
        left: 10px;
    }

    .concept2_outro .caption {
        padding: 8px 0 6px;
        box-sizing: border-box;
        width: 80%;
        max-width: 300px;
    }

    .concept2_outro .logo {
        width: 100%;
        max-width: 300px;
    }

    .concept2_outro .logo img {
        width: 90%;
    }

}

/*  hirao-ichizaki  */
.ground_plan_list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.ground_plan_list li {
    display: block;
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.ground_plan_list li .flexBox {
  column-gap: 12px !important;
}

.ground_plan_list li .flexBox>div:nth-child(1) {
  flex-basis: 18px;
}

.ground_plan_list li .flexBox>div:nth-child(1) span {
  display: grid;
  color: var(--colors-white);
  background-color: var(--colors-black);
  display: grid;
  width: 18px;
  padding-left: 1px;
  height: 18px;
  margin-top: 2px;
  place-items: center center;
  font-weight: 500;
  line-height: 1 !important;
  text-align: center;
  font-size: 11px;
}

.ground_plan_list li .flexBox>div:nth-child(2) p {
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 0;

}

.ground_plan_list li .flexBox>div:nth-child(2) .en {
    font-size: 13px;
}

.ground_plan_list li .flexBox>div:nth-child(2) .ja {
    font-size: 10px;
}

@media only screen and (max-width: 750px) {

  .ground_plan_list {
    flex-wrap: wrap;
  }

  .ground_plan_list li {
    width: 50% !important;
  }

  .ground_plan_list li .flexBox {
    flex-direction: row;
  }
}

/* ----------------------------------------

- LIFE INFORMATION

---------------------------------------- */

.lifeDistance {
    background-color: #F3F0E9;
    display: flex;
    column-gap: 40px;
    padding: 8px 8px;
}

.lifeItems .lifeItem {
    border-bottom: 1px solid #efefef;
    color: var(--colors-black02);
}

.lifeItems .lifeItem:not(:nth-child(2)) {
    margin-top: 8px;
    line-height: 1.5 !important;
}

.lifeItems .lifeItem:last-child {
    border-bottom: none;
}

.lifeItems .lifeItem>div:first-child {
    font-weight: 600;
}

.lifeItems .lifeItem>div:nth-child(2) {
    text-align: right;
    line-height: 1.5 !important;
    /*color: #888;*/
    padding: 4px 0 8px;
}

.lifeItems .lifeItem>div:nth-child(2)>span {
    font-size: 90%;
    letter-spacing: 0.02em;
}

.lifeItems .lifeItem>div:first-child {
    font-weight: 600;
}

@media only screen and (max-width: 750px) {

    /*.lifeDistance {
        flex-direction: column;
        row-gap: 16px;
        padding: 8px 16px;
    }*/

    .fs-vw {
        font-size: 3.5vw;
    }
}




/* ----------------------------------------

- OUTLINE

---------------------------------------- */

.outline-table th {
    width: 25%;
}

@media only screen and (max-width: 750px) {

    .outline-table th,
    .outline-table td {
        display: block;
        width: 100%;
    }
}




/* ----------------------------------------

- News

---------------------------------------- */
.post_content .pseudo_ele_p {
    line-height: 2.4;
    margin: 0 0 2em 0;
}

.post_content .pseudo_ele_p:last-child {
    margin: 0;
}

@media only screen and (max-width: 750px) {

    .post_content .pseudo_ele_p {
        line-height: 2;
    }
}




/* ----------------------------------------

- Landscape

---------------------------------------- */

.landscape_title {
    font-size: 40px;
}

.landscape_tree {
    width: 90%;
    margin: auto;
    border: 2px solid #231815;
    border-right: none;
    position: relative;
    padding: 40px 0 48px;
}

.landscape_tree>p:first-child {
    display: inline;
    padding: 0 16px 0 16px;
    border-bottom: 1px solid #231815;
}

.landscape_tree>p:nth-child(2) {
    margin-top: 24px;
    margin-bottom: 0;
}

.landscape_tree>img {
    height: 287px;
    position: absolute;
    top: 20px;
    right: -168px;
}

.map-note {
    display: flex;
    justify-content: right;
    position: relative;
    color: #aaa;
}

.map-note>div {
    position: absolute;
    top: -64px;
    line-height: 1.4;
}

.map-list {
    display: flex;
    border: 1px solid #231815;
    padding: 16px 0;
    justify-content: center;
       flex-wrap: wrap;
}

.map-list > div {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.map-list .map-list-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.map-list .map-list-item:not(:first-child) {
    margin-left: 40px;
}

.map-list-label {
    padding: 4px 6px;
    background-color: #B0462E;
    color: #FFF;
    font-weight: 700;
}

.map-list-name {
    font-weight: 700;
}

.map-list-name.font-green {
    font-size: 18px;
    color: #325A26;
    line-height: 1.6;
}

.map-list-name>div:not(:first-child) {
    margin-top: 8px;
}

.map-detail {
    display: flex;
    gap: 50px;
    align-items: end;
}

.map-detail.last-detail {
    gap: 0;
    align-items: center;
}

.map-detail>div:first-child {
    flex-basis: 35%;
    box-sizing: border-box;
}

.map-detail>div:last-child {
    flex-basis: 65%;
    box-sizing: border-box;
}

.map-detail.reverse>div:first-child {
    flex-basis: 65%;
}

.map-detail.reverse>div:last-child {
    flex-basis: 35%;
}

.map-detail.last-detail>div:first-child {
    flex-basis: 40%;
}

.map-detail.last-detail>div:last-child {
    flex-basis: 60%;
}

.landscape_sub_image {
    margin-top: 24px;
    text-align: right;
}

.landscape_sub_image.reverse {
    text-align: left;
}

.landscape_sub_image>img {
    width: 58%;
}

.map-detail-c-sub {
    width: 88%;
    display: flex;
    gap: 32px;
    margin: 48px auto 0;
}

.map-detail-c-sub>div:first-child {
    background-color: #325A26;
    color: #FFF;
    text-align: center;
    padding: 8px 16px;
    align-self: center;
    flex-shrink: 0;
}

.map-detail-c-sub>div:nth-child(2) {
    display: flex;
    position: relative;
}

.map-detail-c-sub>div:nth-child(2)>p {
    margin: 0;
    line-height: 1.4;
    align-self: center;
    margin-right: 128px;
    text-align: justify;
}

.map-detail-c-sub>div:nth-child(2)>img {
    width: 120px;
    position: absolute;
    top: -25px;
    right: -16px;
}

.postContentRow.basement_garage {
    display: block;
    padding-bottom: 48px;
}

.postContentRow.basement_garage>.postContentRow_inner {
    margin: auto;
}

.bg_title {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    color: #4C4948;
    border-bottom: 1px solid #231815;
    padding: 0 32px 12px;
}

.bg_sub {
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700;
    color: #4C4948;
}

.bg_desc {
    margin-top: 24px;
    color: #4C4948;
    line-height: 1.6;
    margin-bottom: 48px;
}

.bg_note {
    display: flex;
    justify-content: end;
    line-height: 1.6;
    color: #aaa;
}

@media only screen and (max-width: 750px) {

    .landscape_title {
        font-size: 6.400vw;
    }

    .map-note {
        position: static;
    }

    .map-note>div {
        position: static;
        top: auto;
    }

    .landscape_tree {
        box-sizing: border-box;
        position: static;
        width: 100%;
        border: 2px solid #231815;
        padding: 20px 24px 12px;
    }

    .landscape_tree>p:first-child {
        display: inline;
        padding: 0 16px 0 16px;
        border-bottom: 1px solid #231815;
    }

    .landscape_tree>p:nth-child(2) {
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .landscape_tree>img {
        height: 160px;
        position: static;
        top: auto;
        right: auto;
    }

    .map-list {
        display: block;
        padding: 24px 16px;
        margin-top: 16px;
    }

    .map-list > div {
      flex-direction: column;
    }

    .map-list .map-list-item {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .map-list .map-list-item:not(:first-child) {
        /*margin-top: 24px;*/
        margin-left: 0;
    }

    .map-detail {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .map-detail:first-child,
    .map-detail:nth-child(2),
    .map-detail-c-sub {
        padding-bottom: 50px;
        border-bottom: 1px solid #dddddd;
    }

    .map-detail.reverse {
        flex-direction: column;
    }

    .map-detail.last-detail {
        gap: 24px;
    }

    .landscape_sub_image {
        text-align: left;
    }

    .landscape_sub_image.reverse {
        text-align: left;
    }

    .map-detail-c-sub {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 16px 0 0;
        box-sizing: border-box;
    }

    .map-detail-c-sub>div:first-child {
        text-align: center;
        align-self: auto;
    }

    .map-detail-c-sub>div:nth-child(2) {
        flex-direction: column;
        position: static;
    }

    .map-detail-c-sub>div:nth-child(2)>p {
        line-height: 1.6;
        align-self: center;
        margin-right: 0;
    }

    .map-detail-c-sub>div:nth-child(2)>img {
        width: 30%;
        position: static;
        margin: 16px auto 0;
    }

    .bg_title {
        font-size: 8vw;
    }

    .bg_sub {
        font-size: 18px;
    }

    .bg_desc {
        margin-top: 24px;
        color: #4C4948;
        margin-bottom: 24px;
    }

}



/* ----------------------------------------

- Location

---------------------------------------- */
.location-top-leadimg {
  width: 320px;
}

.location-top-desc {
    position: relative;
}

.location-top-desc div {
    position: absolute;
    top: 12%;
    left: 40%;
}

.location-top-desc div p {
    line-height: 1.8;
}

.location-flex {
    display: flex;
    gap: 50px;
    align-items: end;
}

.botanical-garden {
    display: flex;
    gap: 32px;
    background-color: var(--colors-main-lightgreen);
    padding: 32px;
    align-items: center;
}

.botanical-garden>div:nth-child(1) {
    flex-basis: 300px;
}

.botanical-garden>div:nth-child(1)>p:nth-child(2) {
    letter-spacing: 4px;
}

.botanical-garden>div:nth-child(2) {
    display: flex;
    gap: 32px;
}

.botanical-garden-txt {
  background-color: var(--colors-main-lightgreen);
  padding: 0px 32px 32px;

}

/*.botanical-garden>div:nth-child(3) {
    font-size: 14px;
    flex-shrink: 2;
}*/

.location-htw .htw-name {
    margin-top: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.location-htw .htw-name>span:nth-child(1) {
    padding: 4px 6px;
    background-color: #002541;
    color: #FFF;
    font-weight: 700;
}

.location-htw .htw-name>span:nth-child(2) {
    font-weight: 700;
    margin-left: 8px;
}

.location-htw .htw-name>span:nth-child(3) {
    font-weight: 700;
    font-size: 14px;
}

.location-htw .htw-desc {
    margin-top: 16px;
    line-height: 1.4;
    height: 120px;
    font-size: 14px;
    text-align: justify;
}

.location-htw .htw-address {
    border-top: 1px solid #002541;
    border-bottom: 1px solid #002541;
    margin-top: 16px;
    margin-bottom: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 30px;
}

.location-htw .htw-address>div {
    line-height: 1.2;
}

.location-htw .htw-address>img {
    margin-left: 16px;
    margin-right: 8px;
}

.location-htw2 {
    margin-top: 24px;
    /*display: flex;
    justify-content: end;*/
}

.location-htw2>div:nth-child(1)>div {
    font-size: 14px;
    margin-top: 8px;
    margin-left: 42px;
}

.location-htw2>div:nth-child(1)>span:nth-child(1) {
    padding: 4px 6px;
    background-color: #002541;
    color: #FFF;
    font-weight: 700;
}

.location-htw2>div:nth-child(1)>span:nth-child(2) {
    font-weight: 700;
    margin-left: 8px;
}

.location-htw2>div:nth-child(2) {
    border-left: 1px solid #4C4948;
    margin-left: 30px;
    padding-left: 16px;
    line-height: 1.6;
}

@media only screen and (max-width: 750px) {
    .location-top-leadimg {
      width: 280px;
    }

    .location-top-desc {
        position: static;
        padding: 0 16px;
    }

    .location-top-desc div {
        position: static;
    }

    .location-flex {
        flex-direction: column;
        gap: 50px;
        align-items: end;
    }

    .botanical-garden {
        flex-direction: column;
    }

    .botanical-garden>div:nth-child(1) {
        flex-basis: auto;
    }

    .botanical-garden>div:nth-child(2) {
        flex-direction: column;
    }

    .location-htw:not(:first-child) {
        margin-top: 24px;
    }

    .location-htw .htw-desc {
        height: auto;
    }

    .location-htw2 {
        flex-direction: column;
    }

    .location-htw2>div:nth-child(2) {
        border-top: 1px solid #4C4948;
        border-left: none;
        margin-top: 16px;
        margin-left: 0;
        padding-top: 16px;
        padding-left: 0;
        line-height: 1.6;
    }
}

.location_shop_title {
  gap: 11px;
  width: calc(100% - 12px);
  margin-left: 12px;
}

.location_shop_title>div:nth-child(2) span::before,
.location_shop_title>div:nth-child(2) span::after {
  position: absolute;
  content: "";
  width: 0.8px;
  height: 32px;
  background-color: #000000;
  top: -1px;
}

.location_shop_title>div:nth-child(2) span::before {
  transform:rotate(20deg);
  left: -6px;
}

.location_shop_title>div:nth-child(2) span::after {
  transform:rotate(-20deg);
  right: -6px;
}

.location_shop_title.location_shop_a>div:nth-child(2) span {
    font-size: 18px;
    letter-spacing: 0.25em;
    padding: 12px 32px 0px 40px;
}

.location_shop_title.location_shop_d>div:nth-child(2) span {
    font-size: 18px;
    letter-spacing: 0.05em;
    padding: 12px 12px 0px 12px;
}

.lc_shop_lead>span:nth-child(1) {
  width: calc(100% - 48px);
}

.lc_shop_lead .toggle_icon:nth-child(2) {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  right: 1rem;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  border-radius: 9999px;
  border: 1.5px solid #000000;
}

.lc_shop_lead .toggle_icon::before {
  position: absolute;
  content: "";
  background: #000000;
  width: 12px;
  width: 0.75rem;
  height: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.lc_shop_lead .toggle_icon::after {
  position: absolute;
  content: "";
  background: #000000;
  width: 12px;
  width: 0.75rem;
  height: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.lc_shop_data_wrap.is-opened .lc_shop_lead .toggle_icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

@media only screen and (max-width: 750px) {
  .location_shop_title {
      width: 100%;
      margin-left: 0px;
      gap: 12px;
  }

  .location_shop_title>div:nth-child(1) span {
      background-color: #1a1a1a;
      color: var(--colors-white);
  }

  .location_shop_title>div:nth-child(2) span::before,
  .location_shop_title>div:nth-child(2) span::after {
    position: inherit;
    display: none;
  }

  .location_shop_title.location_shop_a>div:nth-child(2) span {
      letter-spacing: 0.1em;
      padding: 0px;
      line-height: 1.4;
  }

  .location_shop_title.location_shop_d>div:nth-child(2) span {
    letter-spacing: 0.1em;
    padding: 0px;
    line-height: 1.4;
  }


}

/* ----------------------------------------

- New Concept

---------------------------------------- */
.new-concept-top-bg {
  background: linear-gradient(
  270deg,
  transparent 0%,
  transparent 50%,
  #5e4f3c 50%,
  #5e4f3c 100%
);
}

.new-concept-top-bg .postContentRow {
  background: transparent;
  position: relative;
}

.new-concept-top-bg .postContentRow > div {
  width: 50%;
  margin-right: 0;
  margin-left: auto;
}

.new-concept-top-desc {
    position: relative;
    padding: 0 !important;
}

.new-concept-top-desc>div {
    position: absolute;
    right: 10%;
    bottom: 300px;
    color: #FFF;
    display: flex;
    align-items: center;
}

.new-concept-top-desc2>div {
    top: 10%;
    left: 8%;
    right: auto;
    bottom: auto;
}

.new-concept-top-desc2>span {
    display: block;
    font-size: 14px;
    padding: 20px 16px;
    color: #4C4948;
    margin: auto;
}

.conceptCaption {
  display: block;
  font-size: 12px;
  color: #4C4948;
  line-height: 1.4;
  padding-top: 8px;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

@media only screen and (max-width: 750px) {

    .new-concept-top-bg {
      background: linear-gradient(
        270deg,
        transparent 0%,
        transparent 90%,
        #5e4f3c 50%,
        #5e4f3c 100%
      );
    }

    .new-concept-top-bg .postContentRow > div {
      width: 90%;
      text-align: center;
    }


    .new-concept-top-desc {
        position: static;
        padding: 0 16px;
    }

    .new-concept-top-desc>div {
        position: static;
        color: #4C4948;
        flex-direction: column;
    }

    .new-concept-top-desc2>span {
        font-size: 12px;
        padding: 16px 4px;
        text-align: right;
    }

}

/* concept nav
---------------------------------------- */
.conceptMenuIntervirewImg01 img {
  width: 500px;
}

.conceptMenuBrandImg img {
  width: 210px;
}

/* conceptMenuButton
---------------------------------------- */
.conceptMenuButton {
  z-index: 3;
  position: relative;
}

.conceptMenuButtonL {
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    font-size: 16px;
    width: 320px;
}

.conceptMenuButtonL.white {
    background-color: none;
    border: solid 1px #ffffff !important;
    color: #ffffff !important;
    order: 100;
}

.conceptMenuButtonL.black {
  background-color: none;
  border: solid 1px #000000 !important;
  color: #000000 !important;
  order: 100;
}

.conceptMenuButtonL .icon-yazirusi {
    position: absolute;
    right: 8px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    color: #808080;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.conceptMenuButtonL:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.conceptMenuButtonL.white:before {
  background: #ffffff !important;
}

.conceptMenuButtonL.black:before {
  background: #000000 !important;
}

/* hover */
.conceptMenuButtonL.white:hover .icon-yazirusi {
    color: #000000;
}

.conceptMenuButtonL.black:hover .icon-yazirusi {
    color: #ffffff;
}

.conceptMenuButtonL.white:hover {
    color: var(--colors-black) !important;
    background: none;
    border-color: #000 !important;
}

.conceptMenuButtonL.black:hover {
    color: var(--colors-white) !important;
    background: none;
    border-color: #000 !important;
}

.conceptMenuButtonL:hover:before {
    left: 0;
}


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

    .conceptMenuButtonL {
        padding: 8px 0;
        font-size: 14px;
    }

    .conceptMenuButtonL .icon-yazirusi {
        right: 4px;
        font-size: 10px;
        transform: scale(0.6, 0.6);
    }

    .conceptMenuIntervirewImg01 img {
      width: 80%;
      max-width: 400px;
    }

    .conceptMenuBrandImg img {
      width: 50%;
      max-width: 210px;
    }


}

/* concept child common nav
---------------------------------------- */
.conceptChildMenuWrap {
  position: relative;
  height: 360px;
}

.conceptChildMenuBox {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E4E4E4;
  margin: 0;
  text-decoration: none;
  height: 360px;
  z-index: 1;
}


.conceptChildMenuBox .conceptChildeImg {
  position: relative;
}

.conceptChildMenuBox .conceptChildeImg span {
  color: var(--colors-white) !important;
  font-size: 32px;
  font-weight: 700;
  text-shadow: 0 0 6px rgba(7, 7, 6, 0.9) !important;
  position: absolute;
  top: 16px;
  left: 24px;
}

/*.conceptChildMenuWrap .btn_pseudoWrap {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}*/

.conceptChildMenuWrap .btn_pseudo {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #E4E4E4;
  width: 300px;
  margin: 0px auto 16px;
  text-align: center;
  padding: 16px;
  order: 100;
  z-index: 2;
}

.conceptChildMenuWrap .btn_pseudo .icon-yazirusi {
   position: absolute;
   right: 8px;
   top: calc(50% - 6px);
   transform: translate(-50%, 0);
   color: #000;
   transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;

}

.conceptChildMenuWrap .btn_pseudo:before {
    content: '';
    display: block;
    width: 0%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #000000 !important;
}

/* hover */
.conceptChildMenuWrap:hover {
  background-color: #E4E4E4;
}
.conceptChildMenuWrap:hover p {
  color: #000000 !important;

}
.conceptChildMenuWrap:hover .btn_pseudo {
  border-color: #000 !important;
  background: none;
}
.conceptChildMenuWrap:hover .btn_pseudo:before {
  left: 0;
  width: 100%;
}

.conceptChildMenuWrap:hover .btn_pseudo, .conceptChildMenuWrap:hover .icon-yazirusi {
    color: #fff !important;
    z-index: 10;
}

.conceptChildMenuWrap:hover .icon-yazirusi {
  z-index: 10;
}

.conceptChildMenuWrap.current {
  pointer-events: none !important;
  background-color: #E4E4E4;
}

.conceptChildMenuWrap.current .btn_pseudo {
  border: 1px solid #CACACA;
}

.conceptChildMenuWrap.current .icon-yazirusi {
  display: none;
}

/* conceptToTOP
---------------------------------------- */

.conceptToTopButton {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    color: #000;
    text-align: center;
    width: 300px;
    margin: 0px auto 16px;
    padding: 16px;
    position: relative;
    overflow: hidden;
    order: 100;
    z-index: 3;
}

.conceptToTopButton .icon-yazirusi {
    position: absolute;
    left: 16px;
    top: calc(50% - 6px);
    transform: scaleX(-1);
    color: #000;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.conceptToTopButton:before {
    content: '';
    display: block;
    width: 0;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    right: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #000000 !important;
}

/* hover */
.conceptToTopButton:hover .icon-yazirusi {
    color: #fff;
}

.conceptToTopButton:hover {
    color: var(--colors-white) !important;
    background: none;
    border-color: #000 !important;
}

.conceptToTopButton:hover:before {
    right: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
  .conceptChildMenuWrap {
    margin-bottom: 40px;
  }

  .conceptChildMenuWrap.current {
    display: none;
  }

  .conceptToTopButton {
    margin-top: -30px;
  }

}
/* ----------------------------------------

- Residence

---------------------------------------- */

.flex {
    display: flex;
}

.flexWrap {
    flex-wrap: wrap;
}

.residence-row .postContentRow_inner {
    margin: auto;
    color: #FFF;
}

.residence-lead img {
  width: 30%;
}


.residence-desc {
    font-size: 14px;
    line-height: 1.2 !important;
}

.residence-desc>span:nth-child(1) {
    position: absolute;
    font-size: 8px;
}

.residence-desc>span:nth-child(2) {
    margin-left: 16px;
}

.flexBox.residence01>div:nth-child(1) {
  width: 400px;
}

.flexBox.residence01>div:nth-child(2) {
  flex: 1;
}

.residence-sublead-img {
  height: 50px !important;
}

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

  .residence-lead img {
    width: 60%;
    margin-top: 24px;
  }

  .flexBox.residence01>div:nth-child(1) {
    max-width: 360px;
    width: 100%;
  }

  .residence-desc {
      font-size: 12px;
  }

}

/* ----------------------------------------

- New Landscape

---------------------------------------- */

.new-landscape-top-desc {
    position: relative;
}

.new-landscape-top-desc>div {
    position: absolute;
    top: 24%;
    left: 14%;
    right: auto;
    bottom: auto;
    color: #FFF;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.landscape-row {
    border-top: 40px solid #E3EADB;
    /*border-bottom: 40px solid #E3EADB;*/
    display: block;
}

.landscape-row>.landscape-inner {
    border-top: 16px solid #F1F4EC;
    /*border-bottom: 16px solid #F1F4EC;*/
    display: flex;
    justify-content: center;
}

.sustainable-yard {
    display: inline-block;
    padding: 24px 16px;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
}

.sustainable-yard>div:nth-child(2) {
    font-size: 40px;
}

.map-list.new-map-list>div:not(:first-child) {
    margin-left: 20px;
}

.map-list.new-map-list .map-list-item:not(:first-child) {
    /*margin-top: 20px;*/
    margin-left: 0px;
}

.wifi-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.wifi-desc>div {
  text-align: right;
}

.wifi-desc>div img {
  width: 50%;
}

.wifi-desc>div:nth-child(2) {
    border-left: 1px solid #898989;
    padding-left: 24px;
    text-align: left;
}

.map-detail-label {
    display: flex;
    align-items: center;
    gap: 16px;
}

.new-landscape .landscape_sub_image {
    gap: 16px;
}

.dog-desc {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    flex-direction: column;
}

.dog-desc>div:nth-child(1) {
    display: flex;
    align-items: center;
    min-width: 140px;
    background-color: #325A26;
    color: #FFF;
    padding: 8px;
    box-sizing: border-box;
}

@media only screen and (max-width: 750px) {

    .new-landscape-top-desc {
        position: static;
        padding: 0;
    }

    .new-landscape-top-desc>div {
        position: static;
        color: #4C4948;
        flex-direction: column;
    }

    .sustainable-yard>div:nth-child(2) {
        font-size: 6vw;
    }

    .map-list.new-map-list>div:not(:first-child) {
        margin-left: 0;
    }

    .wifi-desc {
        flex-direction: column;
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .wifi-desc img {
        width: 50%;
    }

    .wifi-desc>div:nth-child(1) {
        text-align: center;
    }

    .wifi-desc>div:nth-child(2) {
        border-top: 1px solid #898989;
        padding-top: 16px;
        border-left: none;
        padding-left: 0;
    }

    .dog-desc {
        flex-direction: column;
    }

    .dog-desc>div:nth-child(1) {
        justify-content: center;
    }
}

#drawer_menu nav.menu {
  width: calc(224px * 2 + 40px);
  /*width: calc(260px * 2 + 40px);*/
  margin-left: auto;
  margin-right: auto;
}

#drawer_menu nav.menu ul.menu {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px 40px;
}

#drawer_menu nav.menu ul.menu li {
  text-align: left;
}

#drawer_menu nav.menu ul.menu li ul.sub-menu li span {
  font-size: 16px;
}

#drawer_menu .menu li .title>span {
    font-size: 16px;
}

/*#drawer_menu .menu li.menu-item-has-children.active > a {
  pointer-events: none;
}

#drawer_menu .menu li.menu-item-has-children > a > .title {
    pointer-events: auto;
}

#drawer_menu .menu li.menu-item-has-children > a > .button {
    pointer-events: auto;
}*/

#drawer_menu .menu li.menu-item-has-children > a > span {
    position: relative;
}

#drawer_menu .menu li.menu-item-has-children > a > .button:after {
      color: #fff;
      font-family: 'design_plus';
      content: '\e90e';
      font-size: 16px;
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      right: -32px;
      top: 3px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 750px) {

  #drawer_menu nav.menu {
    width: 312px !important;
    margin-bottom: 200px !important;
  }

  #drawer_menu nav.menu ul.menu {
      gap: 0px 8px;
  }

  #drawer_menu nav.menu ul.menu li span,
  #drawer_menu nav.menu ul.menu li ul.sub-menu li span {
    font-size: 14px;
  }

  #drawer_menu .menu li .title>span {
      font-size: 13px;
  }
}

/* ----------------------------------------

- Galleries Tour

---------------------------------------- */
.makingGalleryListHead {
  position: relative;
  height: 150px;
}

.makingGalleryListHead img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.makingGalleryListHead .makingGalleryList_l_hirao {
  width: 28%;
}

.makingGalleryListHead .makingGalleryList_hirao_mg {
  width: 70%;
}

.makingGalleryListHead .makingGalleryList_l_plus {
  width: 30%;
}

.galleriesFloor {
  height: 42px !important;
}

@media screen and (max-width: 767px) {
	.makingGalleryListHead {
    position: static;
    height: auto;
    width: auto;
    text-align: center;
	}

  .makingGalleryListHead img {
    display: inline;
    position: static;
    transform:none;
  }

  .galleriesFloor {
      height: 36px !important;
  }

}

.ancTargetWrap {
    padding-top: 60px;
}

.ancTarget {
    padding-top: 60px;
    margin-top:-60px;
}

.makingAncLinkWrap {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.makingAncLink {
	display: block;
	width: calc(25% - 9px);
}
.makingAncLink img {
	max-width: 100%;
  margin-top: 0px !important;
}
.makingAncLink .makingAncLink_off {
	display: inline-block!important;
}
.makingAncLink .makingAncLink_on {
	display: none!important;
}
.makingAncLink:hover .makingAncLink_off {
	display: none!important;
}
.makingAncLink:hover .makingAncLink_on {
	display: inline-block!important;
}
@media screen and (max-width: 767px) {

	.makingAncLink {
		width: calc(50% - 12px);
	}
}


/* ----------------------------------------

- House Making

---------------------------------------- */
.gallery-logo {
  position: relative;
}

.gallery-logo img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.gallery-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 50px;
}

.gallery-row>div:nth-child(1) {
    flex-basis: 280px;
}

.floor-icon {
    padding: 6px 6px;
    background-color: #925F2B;
    color: #FFF;
    font-weight: 700;
}

.gallery-tour {
    position: relative;
}

.gallery-tour::before {
    content: "";
    display: block;
    width: 400px;
    height: 0;
    border-bottom: 2px solid #231815;
    position: absolute;
    bottom: -8px;
    left: 32%;
}

.chart-desc {
    border: 1px solid #231815;
    padding: 16px;
    text-align: center;
}

.chart-container-vw {
    overflow-x:scroll !important;
    width: 1132px;
    margin-left: auto;
    margin-right: auto;
}

.chart-container-vw>div {
    width: 2000px;
    display: flex;
}

.chart-container-vw img {
  width: 100% !important;
}

.chart-container-vw2 {
  width: 1132px;
  margin-left: auto;
  margin-right: auto;
}

.chart-container {
    position: relative;
}

/*.chart-container::before {
    content: "";
    width: 4px;
    height: calc(100% - 50px);
    background-color: #4C4948;
    top: 88px;
    left: 50%;
    display: block;
    position: absolute;
}*/

.chart-arrow {
    position: relative;
}

.chart-arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #4C4948;
    position: absolute;
    top: 38px;
    left: 551px;
}

.chart-container>.colBlock {
    border-bottom: 1px solid #231815;
    gap: 0;
}

.chart-title {
    /*background-color: #231815;*/
    /*background-color: #EFE9E1;*/
    background-color: #000000;
    color: #FFF;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 16px;
}

.chart-title>div:nth-child(1) {
    /*font-size: 20px;*/
    /*font-weight: 700;*/
}

.chart-start {
    background-color: #B0462E;
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    padding: 8px;
    text-align: center;
    border-right: 1px solid #231815;
    border-left: 1px solid #231815;
}

.chart-step {
    padding: 32px 16px;
    text-align: center;
    font-weight: 700;
    border-left: 1px solid #231815;
    background-color: #EEE6DA;
}

.chart-step>div:nth-child(2) {
    display: inline-block;
    margin-top: 8px;
    font-size: 32px;
    border-bottom: 1px solid #4C4948;
}

.chart-step>div:nth-child(3) {
    margin-top: 16px;
    font-size: 20px;
}

.chart-content {
    background-color: #FFF;
    padding: 32px 16px;
    border-right: 1px solid #231815;
}

.chart-content>div:nth-child(1) {
    text-align: center;
}

.chart-content>div:nth-child(2)>div:nth-child(1) {
    text-align: center;
    font-weight: 700;
    margin-top: 24px;
}

.chart-content>div:nth-child(2)>div:nth-child(2) {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    margin-top: 16px;
}

.chart-content>div:nth-child(2)>div:nth-child(3) {
    text-align: justify;
    margin-top: 16px;
    line-height: 1.6;
}

.chart-content-location {
    background-color: #EEE6DA;
    padding: 0 16px 16px;
}

.chart-content-location>div:nth-child(1) {
    color: #FFF;
    font-weight: 700;
    padding: 16px;
    font-size: 28px;
    min-height: 78px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chart-content-location>div:nth-child(2) {
    margin-top: 16px;
    font-weight: 700;
    font-size: 28px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chart-point {
    background-color: #B0462E;
    color: #FFF;
    font-weight: 700;
    padding: 16px;
    border-right: 1px solid #231815;
    border-left: 1px solid #231815;
    border-bottom: 1px solid #231815;
    position: relative;
    z-index: 2;
    text-align: center;
}

.chart-container2 {
    position: relative;
}

/*.chart-container2::before {
    content: "";
    width: 4px;
    height: calc(100% - 70px);
    background-color: #4C4948;
    top: 70px;
    left: 9%;
    display: block;
    position: absolute;
}*/

.chart-arrow2 {
    position: relative;
}

.chart-arrow2::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #4C4948;
    position: absolute;
    top: 0;
    left: 89px;
}

.chart-title2 {
    /*background-color: #231815;*/
    background-color: #000000;
    color: #FFF;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 16px;
    font-weight: 500;
    text-align: left;
}

.chart-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 50px;
}

.chart-item .chart-process {
    font-size: 18px;
    font-weight: 700;
    background-color: #FFF;
    border: 2px solid #4C4948;
    padding: 8px 16px;
    min-width: 180px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.chart-item .chart-process.border-less {
    border: none;
}

.chart-item .chart-goal {
    font-size: 20px;
    color: #FFF;
    font-weight: 700;
    background-color: #B0462E;
    padding: 8px 16px;
    min-width: 180px;
    text-align: center;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 750px) {
    .gallery-logo {
      text-align: center;
    }

    .gallery-logo img {
      display: inline;
      position: static;
      transform: none;
      -webkit-transform: none;
      -ms-transform: none;
    }

    .gallery-row {
        flex-direction: column;
        gap: 24px;
    }

    .gallery-row>div:nth-child(1) {
        flex-basis: auto;
    }

    .gallery-tour::before {
        width: 100%;
        left: 0;
    }

    .chart-title {
        flex-direction: column;
        flex-wrap: nowrap;
        text-align: left;
        align-items: flex-start;
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 12px;
    }

    .chart-title>div:nth-child(1) {
      font-size: 18px;
    }

    .chart-container-vw>div {
        width: 2160px;
    }

    .chart-title2 {
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 18px;
      text-align: left;
    }

    .img-x-scroll {
        overflow-x: auto;
    }

    .img-x-scroll img {
        max-width: 2000px;
        object-fit: contain;
    }

    .img-x-scroll.width1000 img {
        max-width: 1000px;
        object-fit: contain;
    }
}



/* ----------------------------------------

- HOUSING METHOD

---------------------------------------- */
.postContentBg.housing-method_01 {
  background-image: url('./files/images/housing-method/bg_housing-method_01.png');
}

.housing-method-title {
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
    line-height: 1.8;
}

.housing-method-title>div:nth-child(1) {
    border-bottom: 1px solid #4C4948;
    padding: 0 24px 8px;
    display: inline-block;
}

.housing-method-title>div:nth-child(2) {
    margin-top: 16px;
}

.zu-title {
    width: 1160px;
    display: flex;
    flex-wrap: nowrap;
    gap: 50px;
    align-items: flex-start;
    padding: 32px 16px;
}

.zu-title>div:nth-child(2) {
  flex-basis: calc(100% - 160px);
}

.zu-title img {
    width: 160px !important;
}

.kawarazu-item {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    align-items: center;
}

.kawarazu-item>div:nth-child(1) {
    width: 160px;
}

.kawarazu-item>div:nth-child(2) {
    flex: 1;
}

.kawarazu-item-content {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    border: 2px solid #709BB7;
    padding: 16px;
    align-items: center;
}

.kawarazu-item-content>div:nth-child(1) {
    flex: 1;
}

.kawarazu-item-content>div:nth-child(2) {
    width: 460px;
}

.murisezu-item {
    display: flex;
    flex-wrap: nowrap;
    gap: 50px;
    align-items: center;
}

.murisezu-item .murisezu-item-main {
    flex: 1;
}

.murisezu-item .murisezu-item-sub {
    width: 420px;
}

.murisezu-item .murisezu-item-sub-last {
    width: 364px;
}


.murisezu-item-content {
    border-left: 8px solid #8BAABD;
    padding-left: 16px;
}

.sukosizutu-content {
    border: 1px solid #4C4948;
    padding: 8px;
    align-items: center;
    min-height: 190px;
}

.sukosizutu-case {
    position: relative;
    text-align: center;
}

.sukosizutu-case::before {
    content: "";
    width: 4px;
    height: 100%;
    background-color: #4C4948;
    top: 0;
    left: 50%;
    display: block;
    position: absolute;
}

.sukosizutu-case-item>div:nth-child(1) {
    display: inline-block;
    border-bottom: 1px solid #231815;
    font-weight: 700;
    margin: auto;
    padding: 0 32px 8px;
}

.sukosizutu-case-item>div:nth-child(2) {
    margin-top: 16px;
}

.sukosizutu-case-item>div:nth-child(2) p {
  height: 84px;
}

.sukosizutu-case-item>div:nth-child(3) {
    margin-top: 24px;
    height: 520px;
}

.sukosizutu-case-item>div:nth-child(4) {
    margin-top: 24px;
    padding: 16px;
    background-color: #8BAABD;
    color: #FFF;
}

.postContentBg.housing-method_04 {
  background-image: url('./files/images/housing-method/bg_housing-method_04.png');
}

.plan-row {
    display: flex;
    gap: 16px;
}

.plan-item-name {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #B0462E;
    border-bottom: 1px solid #4C4948;
}

.plan-item-name span {
    font-size: 16px;
    margin-left: 4px;
}

.plan-item-desc {
    margin-top: 16px;
    margin-bottom: 8px;
    min-height: 80px;
    font-size: 13px;
    text-align: center;
}

.plan-item-arrow {
    align-self: center;
}

.madorazu-desc-item {
    display: flex;
    flex-wrap: nowrap;
    gap: 32px;
    align-items: end;
}

.madorazu-desc-item>div:nth-child(1) {
    flex: 1;
}

.madorazu-desc-item>div:nth-child(2) {
    width: 150px;
}

.plan-item-catch {
    background-color: #B0462E;
    color: #FFF;
    font-weight: 700;
    padding: 8px;
    text-align: center;
}

.plan-item-image {
    min-height: 485px;
    text-align: center;
}

.plan-item-image img {
    width: 80%;
}

.postContentBg.housing-method_05 {
  background-image: url('./files/images/housing-method/bg_housing-method_05.png');
}

.housing-method_05 .zu-title {
  align-items: center;
}

.housing-method_05 .zu-title>div:nth-child(2) {
    width: calc(100% - 240px):
}

.housing-method_05 .zu-title img {
    width: 240px !important;
}


.lenova-item-container {
    gap: 50px;
}

.lenova-item {
    align-items: center;
    margin-bottom: 50px;
}

.lenova-item>div:nth-child(1) {
  text-align: center;
}

.lenova-item>div:nth-child(1) img {
  width: 440px;
}

.lenova-item-center {
  position: relative;
}

.lenova-item-center img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
}

.lenova-item-content {
    margin-top: 32px;
    line-height: 1.8;
}

.lenova-item-content>div:nth-child(1) {
    text-align: center;
    font-weight: 700;
    padding: 0 16px 8px;
    border-bottom: 1px solid #231815;
    font-size: 18px;
}

.lenova-item-content>div:nth-child(2) {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

/* method contents MENU
---------------------------------------*/
.methodAncLinkWrap, .methodButtonArea {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

.methodButtonArea {
    flex-direction: row;
}

.methodAncLink {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #4C4948;
    color: #4C4948 !important;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 3;
    transition: 0.3s;
}

.methodAncLinkWrap .methodAncLink {
  width: calc(20% - 24px);
  padding: 12px 0px;
}

.methodButtonArea .methodAncLink {
    min-width: 200px;
    padding: 12px 32px;
}

.methodAncLink:before {
    content: '';
    display: block;
    width: 0;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #4C4948 !important;
}

.methodAncLinkWrap .methodAncLink .en, .methodButtonArea .methodAncLink .ja {
    font-size: 12px;
}

.methodAncLinkWrap .methodAncLink .ja, .methodButtonArea .methodAncLink .en {
    font-size: 20px;
    line-height: 1.8;
}

/* hover */
.methodAncLink:hover {
  color: var(--colors-white) !important;
  background: none;
  border-color: #4C4948 !important;
}

.methodAncLink:hover:before {
    left: 0;
    width: 100%;
}


@media only screen and (max-width: 750px) {

    .housing-method-title {
        margin-top: 40px;
    }

    .housing-method-title>div:nth-child(1) span {
        display: inline-block;
        width: 300px;
    }

    .housing-method-title div {
        font-size: 18px;
    }

    .housing-method-title>div:nth-child(2) {
        margin-top: 8px;
    }

    .housing-method-title>div:nth-child(2) span {
        padding-left: 1em;
    }

    .zu-title {
        padding: 80px 16px;
        align-items: center;
        flex-direction: column;
        gap: 50px;
    }

    .kawarazu-item {
        flex-direction: column;
    }

    .kawarazu-item>div:nth-child(1) {
        width: auto;
    }

    .kawarazu-item>div:nth-child(1) img {
        width: 140px;
    }

    .kawarazu-item>div:nth-child(2) {
        flex: 0;
    }

    .kawarazu-item-content {
        flex-direction: column;
    }

    .kawarazu-item-content>div:nth-child(1) {
        flex: 0;
    }

    .kawarazu-item-content>div:nth-child(2) {
        width: auto;
    }

    .murisezu-item {
        flex-direction: column;
        gap: 24px;
    }

    .murisezu-item.reverse {
        flex-direction: column-reverse;
    }

    .murisezu-item .murisezu-item-main {
        flex: 0;
    }

    .murisezu-item .murisezu-item-sub {
        width: auto;
        text-align: center;
    }

    .murisezu-item .murisezu-item-sub img {
      width: 70%;
    }

    .murisezu-item .murisezu-item-sub-last {
        width: auto;
    }

    .sukosizutu-content {
      margin-left: 16px;
      margin-right: 16px;
      padding-top: 16px;
      padding-bottom: 16px;
    }

    .sukosizutu-content>div:nth-child(1) {
      text-align: center;
    }

    .sukosizutu-content>div:nth-child(1) img {
        width: 70%;
    }

    .sukosizutu-case::before {
        display: none;
    }

    .sukosizutu-case-item {
      margin-left: 16px;
      margin-right: 16px;
    }

    .sukosizutu-case-item>div:nth-child(2) p {
      height: auto;
    }

    .sukosizutu-case-item>div:nth-child(3) {
      height: auto;
    }

    .plan-row {
        flex-direction: column;
        gap: 50px;
    }

    .plan-item-arrow img {
        transform: rotate(90deg);
    }

    .madorazu-desc-item {
        flex-direction: column;
        align-items: center;
    }

    .madorazu-desc-item>div:nth-child(1) {
        flex: 0;
    }

    .madorazu-desc-item>div:nth-child(2) {
        width: auto;
    }

    .plan-item-desc {
        font-size: 14px;
    }

    .plan-item>div:nth-child(3) img {
      width: 70%;
    }

    .plan-item-image {
        min-height: 400px;
    }

    .plan-item-image img {
        width: 70%;
    }

    .lenova-item-center img {
      position: static;
      display: inline;
      transform: none;
      -webkit-transform: none;
      -ms-transform: none;
      display: block;
    }

    .methodAncLinkWrap {
        justify-content: left;
    }

  	.methodAncLinkWrap .methodAncLink {
  		  width: calc(50% - 16px);
  	}

    .methodAncLinkWrap .methodAncLink .en {
        font-size: 11px;
    }

    .methodButtonArea {
        flex-direction: column;
        gap: 24px;
    }

    .methodButtonArea .methodAncLink {
        min-width: inherit;
        padding: 12px 32px;
        font-size: 14px;
    }


}



/* ----------------------------------------

- HOUSING METHOD 2

---------------------------------------- */
.space-designing-wrap {
  border-top: 5px solid #242021;

}

.designing-title-row {
    border-bottom: 1px solid #242021;
    padding: 16px 16px 32px;
}

.designing-title-row .flexBox {
  justify-content: space-between;
}

.color-scheme {
    margin-top: 100px;
    border-top: 1px solid #242021;
    padding-top: 48px;
    align-items: center;
    justify-content: center;
}

.garalo-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 24px;
}

.garalo-row>div:nth-child(1)>img {
    width: 40px;
}

.hm-title {
    font-size: 32px;
    border-bottom: 1px solid #231815;
    padding: 0 32px 8px;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: 700;
}

.conceptToTopButton.hmToTop {
    padding-left: 40px;
    margin-bottom: 60px;
    padding: 24px 4px 24px 28px;
}

.conceptToTopButton.hmToNext {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 24px 16px;
}

.conceptToTopButton.hmToNext .icon-yazirusi {
    left: inherit;
    right: 8px;
    transform: translate(-50%, 0);
}

.conceptToTopButton.hmToNext:before {
    left: -100%;
}

.conceptToTopButton.hmToNext .icon-yazirusi:before {
    left: 100%;
}

.conceptToTopButton.hmToNext:hover:before {
    left: 0;
}

@media only screen and (max-width: 750px) {

    .designing-title-row {
        padding-left: 0;
        padding-right: 0;
    }

    .garalo-row.garalo-flex {
        flex-direction: column;
    }

    .hm-title {
        font-size: 28px;
    }

    .conceptToTopButton.hmToTop {
        margin-top: 60px;
    }

}


/* /brand タブ */
.js-brand-tab {
    display: flex;
    gap: 16px;
    white-space: nowrap;
    overflow: auto;
        scroll-snap-type: x mandatory;
}
.js-brand-tab button {
}

/* アクティブなタブボタン */
.js-brand-tab button.active {
    background-color: var(--colors-gray-8);
    color: var(--colors-black);
}

/* タブコンテンツ */
.js-brand-tabcontent {
    display: none;
    padding: 16px 0 0;
}

/* アクティブなタブコンテンツ */
#js-brand-tab1, #js-etype-tab1, #js-gtype-tab3 {
    display: block;
}

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

    .js-brand-tabcontent {
        padding: 30px 0 0;
    }

    .js-brand-tab {
        margin-right: -16px;
        padding-right: 16px;
    }

}


.brandTabButton {
    z-index: 3;
    position: relative;
    width: 100%;
}

.brandTabButton_inner {
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}

.brandTabButton_inner {
    background-color: none;
    border: solid 1px var(--colors-gray-8) !important;
    color: var(--colors-gray-8) !important;
    order: 100;
    box-sizing: border-box;
}

.brandTabButton_inner .icon-yazirusi {
    position: absolute;
    right: 8px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    color: #808080;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.brandTabButton_inner:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.brandTabButton_inner:before {
    background: var(--colors-gray-8) !important;
}

/* active */
.brandTabButton.active .brandTabButton_inner {
    background: var(--colors-gray-8) !important;
    color: #000!important;
    cursor: default;
}
.brandTabButton.active .brandTabButton_inner .icon-yazirusi {
    color: #000!important;
    display: none;
}
.brandTabButton.active .brandTabButton_inner:hover .icon-yazirusi {
    color: #000!important;
}

/* hover */
.brandTabButton_inner:hover .icon-yazirusi {
    color: var(--colors-black) !important;
}

.brandTabButton_inner:hover {
    color: var(--colors-black) !important;
    background: none;
}

.brandTabButton_inner:hover:before {
    left: 0;
}


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

    .brandTabButton_inner {
        padding-left: 48px;
        padding-right: 48px;
    }

    .brandTabButton_inner .icon-yazirusi {
        right: -4px;
    }

}

.p-type .design_button {
    border: solid 1px var(--colors-main-oh-02) !important;
    color: var(--colors-main-oh-02) !important;
}

.p-type .design_button:hover {
    border: solid 1px var(--colors-main-oh-02) !important;
    color: var(--colors-main-oh-01) !important;
    background: none;
    /*border-color: #231815 !important*/
}

.p-type .design_button:before {
    background: var(--colors-main-oh-02) !important;
    /*background: #231815 !important;*/
}


/* ----------------------------------------

- EQUIPMENT

---------------------------------------- */

/* eqPageList */
.eqPageList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 24px;
    width: 100%;
    justify-content: flex-start;
}

/* button */
.button_common {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 10;
    border-width: 1px;
    border-style: solid;
    padding-top: 24px;
    padding-bottom: 24px;
    border-color: #E4E4E4;
    width: 300px;
}

/*.pseudo_button_common {
    width: calc(33.333% - 16px) !important;
}*/

.eqPageList .button_common {
    width: calc(33.333% - 16px) !important;
    border-color: #231815;
}

/*.button_common .icon-yazirusi {
    position: absolute;
    right: 8px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    color: #000000;
}*/

.button_common .ja {
    display: block;
    text-align: center;
    width: 100%;
    margin: 16px auto 0;
    font-size: 12px;
    color: #231815;
}

.button_common:before {
    content: '';
    display: block;
    width: 0;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #329697 !important;
}

/* hover */
.button_common:hover .icon-yazirusi {
    color: #fff;
}

.button_common:hover {
    color: var(--colors-white) !important;
    background: none;
    border-color: rgba(119, 101, 75, 1) !important;

}

.button_common:hover .ja {
    color: var(--colors-white) !important;
}

.button_common:hover:before {
    left: 0;
    width: 100%;
}

/* current */
.button_common.current {
  pointer-events: none !important;
  background-color: var(--colors-beige4);
  border: var(--colors-beige4);
}

.button_common.current .icon-yazirusi {
  display: none;
}

@media screen and (max-width: 750px) {
	.eqPageList {
		gap: 0px;
		width: 100%;
    border-top: 1px solid #E4E4E4;
	}

	.eqPageList .button_common {
    margin-left: auto;
    margin-right: auto;
		width: 50% !important;
    box-sizing: border-box;
    font-size: 12px;
		padding: 16px 0;
    border-top: none;
    border-bottom: 1px solid #E4E4E4;
    border-left: none;
    border-right: none;
	}

  /*.eqPageList.parent .button_common:first-child,*/
  .eqPageList.child .button_common:last-child {
      /*width: 100% !important;*/
      width: 50% !important;
  }


  /*.eqPageList.parent .button_common:nth-child(2n),*/
  .eqPageList.parent .button_common:nth-child(2n+1),
  .eqPageList.child .button_common:nth-child(2n+1) {
      border-right: 1px solid #E4E4E4;
  }

  .eqPageList.parent .button_common:last-child,
  .eqPageList.child .button_common:last-child {
      /*border-right: none;*/
      margin-left: 0 !important;
      margin-right: inherit !important;
  }

  /*.eqPageList .button_common:last-child {
      border-bottom: none;
  }

  .eqPageList::after{
      content:"";
      display: block;
      width:50%;
  }

  .button_common .icon-yazirusi{
    font-size: 8px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }*/

  .button_common .ja {
      margin: 6px auto 0;
      font-size: 10px;
  }



}

/* eqTabs */
.eqTabs {

}

.eqTab_item {
  width: calc(50% - 11px);
  height: 50px;
  border: 1px solid #413e3c;
  line-height: 50px;
  font-size: 16px;
  color: #413e3c;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 10;
}

.eqTab_item .icon-yazirusi {
    position: absolute;
    right: 8px;
    top: calc(50% - 6px);
    transform: translate(-50%, 0);
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    color: #413e3c;
}

.eqTab_item:before {
    content: '';
    display: block;
    width: 0;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    background: #413e3c !important;
}

.eqTab_item.terrace {
  margin-right: 11px;
}

.eqTab_item.hills {
  margin-left: 11px;
}

input[name="eqTab_item_01"], input[name="eqTab_item_02"] {
  display: none;
}

/* hover */
.eqTab_item:hover .icon-yazirusi {
    color: #fff;
}

.eqTab_item:hover {
    color: var(--colors-white) !important;
    background: none;
}

.eqTab_item:hover:before {
    left: 0;
    width: 100%;
}

/* checked */
.eqTabs input:checked {
  pointer-events: none;
}

.eqTabs input:checked + .eqTab_item .icon-yazirusi {
  display: none !important;
}

.eqTab_content {
  /*height: 0;
  opacity: 0;*/
  transition: .3s;
  padding: 0;
  clear: both;
  overflow: hidden;
  display: none;
}

.eqTabs input:checked .eqTab_content {
}

#eqTabs_01 #floor_below:checked ~ #floor_below_content,
#eqTabs_01 #floor_above:checked ~  #floor_above_content,
#eqTabs_01 #terrace_01:checked ~ #terrace_01_content,
#eqTabs_02 #terrace_02:checked ~ #terrace_02_content,
#eqTabs_01 #hills_01:checked ~  #hills_01_content,
#eqTabs_02 #hills_02:checked ~  #hills_02_content {
  padding-top: 24px;
  display: block;
  /*height: 100%;
  opacity: 1;*/
}

.eqTabs input:checked + .eqTab_item {
  pointer-events: none;
  background-color: #413e3c;
  color: #ffffff;
}

.eqTabs input:checked + .eqTab_item.terrace {
}

.eqTabs input:checked + .eqTab_item.hills {
}

@media screen and (max-width: 750px) {
  .eqTab_item {
      font-size: 14px;
      height: 40px;
      line-height: 40px;
  }
  .eqTab_item .icon-yazirusi {
    right: 4px;
    font-size: 8px;
    top:calc(50% - 2px);
  }
}

/* pet
--------------------------------------   */
.dog_run_wrap {
    padding: 24px;
    box-sizing: border-box;
    border: 4px double #000000;
    background-color: #eae5da;
}
.flex.dog_run {
    display: flex;
    gap: 32px;
    justify-content: center;
    flex-direction: row-reverse;
}

.flex.dog_run>div:nth-child(1) {
    flex: 1;
}

.flex.dog_run>div:nth-child(2) {
    width: calc(50% - 16px);
}

.with_pet {
    background-repeat: no-repeat;
    background-position: right top;
}

.with_pet.with_dog {
    background-size: 560px 294px;
    padding-top: 170px;
    min-height: 315px;
    background-image: url('./files/images/equipment/pet/img_pet_06.png');
}

.with_pet.with_cat {
    background-size: 560px 322px;
    padding-top: 160px;
    min-height: 160px;
    background-image: url('./files/images/equipment/pet/img_pet_07.png');
}

.with_pet .aikenka {
    padding-top: 32px;
    gap: 32px;
}

.with_pet .aikenka>div:nth-child(1) {
    width: 180px;
}

.with_pet .aikenka>div:nth-child(2) {
    flex: 1;
}

.pet_recommend {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 6px;
    margin-bottom: 32px;
}

.pet_recommend>div span:nth-child(2) {
    display: inline-block;
    padding: 4px 8px;
    text-align: center;
    color: #ffffff;
    background-color: #496249;
}

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

  .flex.dog_run {
      flex-direction: column;
  }

  .flex.dog_run>div {
      width: 100% !important;
  }

  .with_pet {
      background: none !important;
  }

  .with_pet.with_dog, .with_pet.with_cat {
      padding-top: 0;
      min-height: inherit;
      background: none !important;
  }

  .with_pet .aikenka {
      gap: 16px;
  }

  .with_pet .aikenka>div:nth-child(1) {
      width: 160px;
      margin-left: auto;
      margin-right: auto;
  }
}

/* kitchen-equipment
--------------------------------------   */
.eqLead {
    vertical-align: middle;
    position: relative;
}

.eqLead>span:nth-child(1) {
    display: inline-block;
    padding: 0px 32px;
    border-bottom: 1px solid var(--colors-main-gray);
}

.eqLead>span>span {
    vertical-align: middle;
    display: inline-block;
    padding: 4px 8px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    background-color: #496249;
    line-height: 1.4;
    margin-top: -6px;
}

.eqKitchen {
      border-left: 4px solid #415d47;
      width: auto;
      gap: 0px;
      align-items: center;
}

.eqKitchen>div {
    padding-left: 1em;
    padding-right: 1em;
    border-right: 1px solid #415d47;
}

.eqKitchen>div p {
    margin: 0;
    padding: 0;
    line-height: 1.8;
    color: var(--colors-main-gray);
}

.eqKitchen>div:nth-child(1) {
}

.eqKitchen>div:nth-child(1) .en {
     color: #496249;
     font-size: 14px;
     font-weight: bold;
}

.eqKitchen>div:nth-child(2) {
}

.eqKitchen>div:nth-child(2)>p {
    line-height: 1.4;
    font-size: 13px;
}
.eqKitchen>div:nth-child(2)>p:nth-child(1) {
    font-size: 16px;
}

.eqKitchen>div:nth-child(3)>p {
    font-size: 14px;
}

 .eqKitchenOption {
    border-bottom: 1px solid var(--colors-main-gray);
 }

 .eqKitchenOption span {
   display: inline-block;
   padding: 6px 16px 4px;
   text-align: center;
   color: #ffffff;
   font-size: 18px;
   font-weight: bold;
   background-color: #496249;
   line-height: 1.8;
}

.eqKitchenOption_items p {
    color: var(--colors-main-gray);
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 1.8;
}

.eqKitchenOption_items>div {
    min-height: 6em;
}

.eqKitchenOption_items>div p:nth-child(1) {
    color: #496249;
    font-weight: bold;
    padding-top: 16px;
}

.eqKitchenOption_items>div p:nth-child(2) {
    font-weight: bold;
}

.eqKitchenOption_items p:nth-child(3) {
    text-align: justify;
    padding-top: 12px;
}

.eqItemsLead {
    color: var(--colors-main-gray);
    background-color: #ebeee8;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    font-weight: bold;
    line-height: 1.8;
}

.eqItemsImg {
    position: relative;
    margin-bottom: 24px;
}

.eqItemsImg img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.eqItemsImg.img_type01 {
    height: 200px;
}

.eqItemsImg.img_type01 p {
    font-size: 10px;
    color: var(--colors-main-gray);
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -26px;
}

.eqKitchenOption_items.items_typ02>div {
    min-height: 45px;
}
.eqKitchenOption_items.items_typ02 div {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.eqKitchenOption_items.items_typ02 div span {
    display: inline-block;
}

.eqKitchenOption_items.items_typ02 div>span:nth-child(1) {
    width: 30px;
    height: 24px;
    font-size: 12px;
    box-sizing: border-box;
    padding: 6px;
    line-height: 12px;
    color: var(--colors-main-gray);
    border: 1px solid var(--colors-main-gray);
    text-align: center;
}

.eqKitchenOption_items.items_typ02 div>span:nth-child(2) {
    font-size: 14px;
    line-height: 1.6;
    color: var(--colors-main-gray);
}

.eqKitchenOption_items.items_typ02 > p:nth-child(2) {
}

.eqKitchenOption_items.items_typ02 > p:nth-child(3) {
   font-size: 12px;
   padding-top: 6px;
}

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

    .eqLead>span>span {
        display: block;
        width: 90px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4px;
        margin-bottom: 12px;
    }

    .flexBox.eqKitchen {
        flex-direction: column;
        gap: 12px;
        border-left: none;
    }

    .flexBox.eqKitchen>div:nth-child(1) {
        border-left:4px solid #415d47;
        margin-left: 12px;
    }

    .flexBox.eqKitchen div {
         width: calc(100% - 16px);
         padding-left: 16px;
         border-right: none;
    }

    .eqKitchenOption_items>div, .eqKitchenOption_items.items_typ02>div {
        min-height: inherit;
    }

    .eqItemsImg.img_type01 {
        height: auto;
    }

    .eqItemsImg {
        text-align: center;
        margin-bottom: 16px;
    }

    .eqItemsImg img {
        position: static;
        display: inline;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }


}

/* bathroom-equipment
--------------------------------------   */
.eqPanasonic {
  gap: 0px;
}

.eqPanasonic>div:nth-child(1) {
  width: 180px;
  padding-right: 16px;
}

.eqPanasonic>div:nth-child(2) {
    padding-left: 16px;
    border-left: 1px solid var(--colors-main-gray);
    flex-basis: 1;
}

.eqBathItems>div div {
    margin-bottom: 16px;
}

.eqBathItems>div p {
    color: var(--colors-main-gray);
    line-height: 1.8;
    padding: 0;
}

.eqBathItems>div p:nth-child(2) {
    font-weight: bold;
    margin: 0 0 8px 0;
    font-size: 14px;
}

.eqBathItems>div p:nth-child(3) {
  font-size: 13px;
  text-align: justify;
}

@media screen and (max-width: 750px) {
  .eqPanasonic {
      gap: 24px;
  }

  .eqPanasonic>div:nth-child(1) {
      width: 100%;
      padding-right: 0;
      text-align: center;
  }

  .eqPanasonic>div:nth-child(1) img {
      width: 160px;
  }

  .eqPanasonic>div:nth-child(2) {

      border-left: none;
      padding-left: 0;
  }

  .eqBathItems>div:nth-child(2), .eqBathItems>div:nth-child(3) {
      padding-top: 40px;
  }


}

/* sanitary-equipment
--------------------------------------   */
.eqSanitaryItems>div p {
    color: var(--colors-main-gray);
    line-height: 1.8;
    padding: 0;
}

.eqSanitaryItems>div p:nth-child(1) {
    font-weight: bold;
    margin: 0 0 8px 0;
    font-size: 15px;
}

.eqSanitaryItems>div p:nth-child(2) {
  font-size: 13px;
  text-align: justify;
  margin-bottom: 0;
}

.eqLixil01 {
    padding-top: 4px;
    gap: 0;
}
.eqLixil01>div span {
    display: inline-block;
    line-height: 1.8;
    text-align: justify;
    color: var(--colors-main-gray);
}

.eqLixil01>div:nth-child(1) span {
  font-size: 15px;
}

.eqLixil01>div:nth-child(2) {
    border-left: 1px solid var(--colors-main-gray);
    border-right: 1px solid var(--colors-main-gray);
}
.eqLixil01>div:nth-child(2) span {
    font-size: 12px;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.eqLixil02 {
    border: 1px solid #94bfe6;
    padding: 18px;
    color: var(--colors-main-gray);
}

.eqLixil02>div:nth-child(1) p {
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
    margin: 0;
}

.eqLixil02>div:nth-child(1) p:nth-child(1) {
    padding-bottom: 6px;
}

.eqLixil03 p {
    color: var(--colors-main-gray);
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 13px;
}

.eqLixil03>p:nth-child(2n+1) {
    font-weight: bold;
    padding-bottom: 4px;
}

.eqLixil03>p:nth-child(2) {
    padding-bottom: 12px;
}

.eqLixil04>div:nth-child(2) p {
    color: var(--colors-main-gray);
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 13px;
    text-align: justify;
}

.eqLixil04>div:nth-child(2) p:nth-child(1) {
    font-weight: bold;
    padding-bottom: 6px;
}

.hillsSanitary {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 50px;
}

.hillsSanitary>div:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.hillsSanitary>div:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.hillsSanitary>div:nth-child(3) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.hillsSanitary>div:nth-child(4) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.hillsSanitary>div:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 1 / 3;
}

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

    .eqSanitaryItems .flexItemSub2 {
        margin-bottom: 16px;
    }

    .eqLixil01 {
        padding-top: 24px;
    }

    .eqLixil01>div:nth-child(1) span {
        font-size: 14px;
    }

    .eqLixil01>div:nth-child(2) {
        padding-top: 12px;
        border-left: none;
        border-right: none;
        text-align: justify;
    }

    .eqLixil01>div:nth-child(2) span {
       display: inline;
       padding-left: 0;
       padding-right: 0;
    }

    .eqLixil02>div:nth-child(1) p:nth-child(1) {
        text-align: center;
    }

    .eqLixil02>div:nth-child(2) {
        padding-top: 16px;
    }

    .eqLixil03 {
        padding-top: 8px;
    }

    .eqLixil03>p:nth-child(3) {
        padding-top: 4px;
    }

    .eqLixil04 .flexItemSub {
        text-align: center;
        margin-bottom: 12px;
    }

    .eqLixil04 .flexItemSub img {
        width: 60%;
        max-width: 240px;
    }

    .eqLixil04 .flexItemMain {
        margin-bottom: 24px;
        text-align: center;
    }

    .eqLixil04 .flexItemMain p {
        text-align: center !important;
    }

    .hillsSanitary {
        display: block;
    }

    .hillsSanitary>div {
        margin-bottom: 24px;
    }

    .hillsSanitary>div:nth-child(5) div {
        text-align: center;
        margin-bottom: 16px;
    }

    .hillsSanitary>div:nth-child(5) div img {
        width: 50% !important;
    }

    .hillsSanitary>div:nth-child(5)>div:nth-child(2)>p:nth-child(1) {
        text-align: center;
    }

}

/* equipment-list
--------------------------------------   */
.eqEquipmentList_Wrap {
  grid-row-gap: 40px;
}

.eqEquipmentList_items.items_typ02 div>span:nth-child(1) {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #496249;
    color: #496249;
}

.eqEquipmentList_items.items_typ02 div>span:nth-child(2) {
    font-weight: bold;
}

.eqEquipmentList_Wrap>div:nth-child(13)>div.eqItemsImg.eqEquipmentList_items.img_type01,
.eqEquipmentList_Wrap>div:nth-child(14)>div.eqItemsImg.eqEquipmentList_items.img_type01 {
    height: 120px;
}


.eqEquipmentList_Wrap>div:nth-child(15)>div.eqItemsImg.eqEquipmentList_items.img_type01 {
      height: 60px;
}

.elService01 {
    margin-top: 100px;
}

.elService01>div:nth-child(1) {
    color: var(--colors-main-gray);
    border-bottom: 1px solid var(--colors-main-gray);
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.8;
    font-size: 20px;
}

.elService01 img {
    height: 200px;
}

.flexBox-c3.elService02>div {
    width: calc(100%/3 - 34px);
}

.elService02>div:nth-child(1),
.elService02>div:nth-child(2) {
    position: relative;
}

.elService02>div:nth-child(1)::after,
.elService02>div:nth-child(2)::after {
    display: block;
    content: "";
    position: absolute;
    top: 114px;
    right: -32px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid var(--colors-main-gray);
}

.elService03 {
    border-bottom: 1px solid #dddddd;
    color: var(--colors-main-gray);
    padding-bottom: 16px;
    margin-bottom: 24px;
}

.elService03>p {
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

.elService03>p:nth-child(1) {
  font-weight: bold;
  padding-bottom: 8px;
}

.elService04 {
    margin-top: 30px;
}

.flexBox-c2.elService04 .flexItemMain {
    width: calc(60% - 25px) !important;
}

.flexBox-c2.elService04 .flexItemSub {
    width: calc(40% - 25px) !important;
}


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

  .eqEquipmentList_items.items_typ02 div {
      margin-top: 32px;
  }

  .eqEquipmentList_Wrap>div:nth-child(13)>div.eqItemsImg.eqEquipmentList_items.img_type01,
  .eqEquipmentList_Wrap>div:nth-child(14)>div.eqItemsImg.eqEquipmentList_items.img_type01,
  .eqEquipmentList_Wrap>div:nth-child(15)>div.eqItemsImg.eqEquipmentList_items.img_type01 {
      height: auto;
  }

  .eqEquipmentListOption span {
      text-align: left;
      line-height: 1.4;
      font-size: 16px;
      width: calc(100% - 32px);
  }

  .elService01 img {
      height: auto;
  }

  .flexBox-c3.elService02>div,
  .flexBox-c2.elService04 .flexItemMain,
  .flexBox-c2.elService04 .flexItemSub {
      width: 100% !important;
  }

  .elService02>div:nth-child(1),
  .elService02>div:nth-child(2) {
      margin-bottom: 60px;
  }

  .elService02>div:nth-child(1)::after,
  .elService02>div:nth-child(2)::after {
      position: absolute;
      top: inherit;
      bottom: -34px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      border-top: 12px solid var(--colors-main-gray);
      border-right: 12px solid transparent;
      border-left: 12px solid transparent;
      border-bottom: none;
  }


  .elService02b p {
      display: inline-block;
      margin-top: 8px;
  }

  .elService02b p:nth-child(3) {
    padding-left: 1em;
  }

}

/* eco-gas-system
--------------------------------------   */
.eqEcogas01 {
    border: 1px solid var(--colors-main-gray);
    padding: 20px;
    margin-top: 40px;
}

.eqEcogas01 .flexBox p {
    color: var(--colors-main-gray);
    line-height: 1.8;
    margin-bottom: 6px;
    font-size: 13px;
    text-align: justify;
}

.eqEcogas01 .flexBox>div>p:nth-child(1) {
    font-weight: bold;
    margin-bottom: 10px;
}

.eqEcogas01>div:nth-child(2) {
    margin-top: 16px;
}

@media screen and (max-width: 750px) {
  .eqEcogas01 .flexBox>div:nth-child(2) {
      margin-top: 20px;
  }

}

/* ene-share-plan
--------------------------------------   */
.eqEsp01 {
    padding-top: 40px;
}

.eqEsp01>div p {
    color: #496249;
    line-height: 1.8;
    margin-bottom: 0;
}

.eqEsp01>div:nth-child(1) p {
    text-align: center;
    width: 90%;
    border: 1px solid #496249;
    padding: 18px 6px;
    font-weight: bold;
}

.eqEsp02 {
    border-top: 1px solid var(--colors-main-gray);
}

.eqEsp02 p {
    line-height: 1.8;
    margin-bottom: 0;
    padding: 6px 0px 4px;
    border-bottom: 1px solid var(--colors-main-gray);
    color: var(--colors-main-gray);
}

.eqEsp02 p:nth-child(1) {
    font-weight: bold;
}

.eqEsp01>div:nth-child(2) p {
    text-align: justify;
    font-size: 13px;
}

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

  .eqEsp01>div:nth-child(1) p {
      box-sizing: border-box;
      width: 100%;
      margin-bottom: 24px;
  }

}

/* security
--------------------------------------   */
.eqSecurity02:nth-of-type(1)>div:nth-child(1)>div,
.eqSecurity02:nth-of-type(3)>div:nth-child(1)>div {
    width: 257px;
    height: 257px;
    box-sizing: border-box;
    border: 1px solid var(--colors-main-gray);
    position: relative;
}

.eqSecurity02:nth-of-type(1)>div:nth-child(1)>div img,
.eqSecurity02:nth-of-type(3)>div:nth-child(1)>div img  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.eqSecurity03:nth-child(2)>div:nth-child(1) {
    box-sizing: border-box;
    border: 1px solid var(--colors-main-gray);
}

@media screen and (max-width: 750px) {
    .eqSecurity01 {
        flex-direction: row !important;
        width: 70% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .eqSecurity02:nth-of-type(1)>div:nth-child(1)>div,
    .eqSecurity02:nth-of-type(3)>div:nth-child(1)>div {
        width: inherit;
        height: inherit;
        box-sizing: border-box;
        border: none;
        position: relative;
    }

    .eqSecurity02:nth-of-type(1)>div:nth-child(1)>div img,
    .eqSecurity02:nth-of-type(3)>div:nth-child(1)>div img  {
        position: static;
        display: inline;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .eqSecurity03 .eqSecurity01 {
        width: 100% !important;
    }

}

/* structure
--------------------------------------   */
.eqStructure01 {
    position: relative;
    width: 360px;
    height: 272px;
}

.eqStructure01 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

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

  .eqStructure01 {
      width: inherit;
      height: inherit;
      position: relative;
  }

  .eqStructure01 img {
      position: static;
      display: inline;
      transform: none;
      -webkit-transform: none;
      -ms-transform: none;
  }

}


/* amenity
--------------------------------------   */
.eqAmenity_items div:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.eqAmenity_items div:nth-child(1) span {
    display: inline-block;
}

.eqAmenity_items div:nth-child(1)>span:nth-child(1) {
    width: 30px;
    height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 6px;
    line-height: 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    background-color: #4d4d4d;
}

.eqAmenity_items div:nth-child(1)>span:nth-child(2) {
    font-size: 14px;
    line-height: 1.6;
    color: var(--colors-main-gray);
    font-weight: bold;
}

.eqAmenity_items > p:nth-child(2) {
    line-height: 1.8;
    font-size: 14px;
    text-align: justify;
    margin-bottom: 0;
}

.eqAmenity_items02 .flexItemMain {
    width: calc(65% - 12px) !important;
}

.eqAmenity_items02 .flexItemSub {
    width: calc(35% - 12px) !important;
}

.eqAmenity_items02 img {
    height: 216px;
}

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

  .eqAmenity_items02 .flexItemMain,
  .eqAmenity_items02 .flexItemSub {
      width: 100% !important;
  }

  .eqAmenity_items02 .flexItemMain>span {
      display: inline-block;
  }

  .eqAmenity_items02 .flexItemMain>span:nth-of-type(2) {
      padding-top: 4px;
      padding-bottom: 4px;
  }

  .eqAmenity_items02 img {
      height: 180px;
  }

}


/* safetycheck
--------------------------------------   */
.eqSafetycheck_Item {
    border-left: 5px double var(--colors-main-gray);
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 2em;
    line-height: 1.8 !important;
    color: var(--colors-main-gray);
    margin-left: 2em !important;
}

.eqItemsLead.eqSafetycheck {
    text-align: center;
    vertical-align: middle;
}

.eqItemsLead.eqSafetycheck img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 18px;
    height: 18px;
    line-height: 1.8;
}

.eqItemsLead.eqSafetycheck02 {
    background-color: #cccccc;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 1em !important;
    font-size: 14px;
}

.eqSafetycheck03>div>span {
    font-size: 13px;
    line-height: 1.8;
    color: var(--colors-main-gray);
}

.colBlock.eqSafetycheck03 {
    gap: 8px;
}

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

  .eqSafetycheck_Item {
      border-left: 5px double var(--colors-main-gray);
      padding-top: 1em;
      padding-bottom: 1em;
      padding-left: 2em;
      line-height: 1.8 !important;
      color: var(--colors-main-gray);
      margin-left: 0 !important;
      margin-bottom: 1em !important;
  }

}

/* スクロールアイコン */
.scroll-hint-icon {
    width: 128px !important;
}

/* ----------------------------------------

- PREMIUM FLOOR

---------------------------------------- */
.postContentRow.postContentRow-premium .postContentRow_inner {
    padding-top: 100px;
    padding-bottom: 80px;
}

.postContentRow.postContentRow-premium .postContentRow_inner .ttl-logo,
.postContentRow.postContentRow-premiumLayout .postContentRow_inner .ttl-logo {
    height: 100px;
}

.postContentRow.postContentRow-premium .postContentRow_inner .ttl-top {
    margin-top: 48px;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.7;
    letter-spacing: 0.25em;
}

.postContentRow.postContentRow-premium .postContentRow_inner .lead-txt {
    margin-top: 48px;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.1em;
}

.postContentRow.postContentRow-premium .postContentRow_inner.passwordBox .c-pw__des {
    display: none;
}

.postContentRow.postContentRow-premium .postContentRow_inner.passwordBox .c-pw__box {
    background-color: var(--colors-main-oh-01);
    border: none;
    margin-bottom: 0px;
}

.postContentRow.postContentRow-premium .postContentRow_inner.passwordBox .c-pw__box .c-pw__box-input {
    margin-right: 0px;
    border: none;
    width: 480px;
    font-size: 18px;
    padding: 16px;
    height: 56px;
}

.postContentRow.postContentRow-premium .postContentRow_inner.passwordBox .c-pw__box .c-pw__btn--submit {
  background: -webkit-gradient(45deg, #d5be95 35%, #c19e51);
  background: linear-gradient(45deg, #d5be95 35%, #c19e51);
  height: 56px;
  border: none;
  font-size: 18px;
  letter-spacing: 0.05em;
  top: 0.5px;
}

.postContentRow.postContentRow-premium .buttonAreaRequest {
  margin-top: 16px;
}
.postContentRow.postContentRow-premium .buttonAreaRequest .buttonRequest {
    display: inline-block;
    border: solid 1px var(--colors-main-oh-02) !important;
    color: var(--colors-main-oh-02) !important;
    width: 270px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.postContentRow.postContentRow-premium .buttonAreaRequest .buttonRequest:before {
  content:''; display:block; width:100%; height:calc(100% + 2px);
  position:absolute; top:-1px; left:-100%; z-index:-1;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.postContentRow.postContentRow-premium .buttonAreaRequest .buttonRequest:before {
    background: var(--colors-main-oh-02) !important;
}

.postContentRow.postContentRow-premium .buttonAreaRequest .buttonRequest:hover {
    border: solid 1px var(--colors-main-oh-02) !important;
    color: var(--colors-main-gray) !important;
    background: none;
    /* border-color: #231815 !important; */
}

.postContentRow.postContentRow-premium .buttonAreaRequest .buttonRequest:hover:before {
  left: 0;
}

.postContentRow.postContentRow-premium .buttonAreaRequest .linkRequest {
  text-decoration: underline;
  color: var(--colors-main-oh-02) !important;
}

.postContentRow.postContentRow-premium .buttonAreaRequest .linkRequest:hover {
  text-decoration: none;
}

.postContentRow.postContentRow-premiumLayout .postContentRow_inner {
    padding-top: 100px;
    padding-bottom: 40px;
}

.postContentRow.postContentRow-premium-banner a:hover,
.postContentRow.postContentRow-premium-nologin02 a:hover {
  opacity: 0.8;
}

.nav_form_area {
    margin-top: -24px;
}

.nav_form_area .c-pw__box-input {
  margin-right: 0px;
  border: none;
  width: 216px;
  font-size: 18px;
  padding: 12px;
  height: 48px;
}

.nav_form_area .bt_nav_form {
  display: inline-block;
  position: relative;
  background: -webkit-gradient(45deg, #d5be95 35%, #c19e51);
  background: linear-gradient(45deg, #d5be95 35%, #c19e51);
  height: 48px;
  width: 49px;
  border: none;
  text-decoration: none;
  box-sizing: border-box;
  top: 18.5px;
  left: -1px;
}

.nav_form_area .bt_nav_form:hover {
    opacity: 0.8;
}

.nav_form_area .bt_nav_form .stickarrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 12px;
  width: 20px;
  height: 6px;
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  transform: skew(45deg);
}

.postContentRow .prText01 {
  /*border-top: 1px solid var(--colors-white);
  border-bottom: 1px solid var(--colors-white);*/
  color: var(--colors-white);
  padding: 36px 8px;
  font-size: 28px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
}

.postContentRow.postContentRow-premium-banner {
  background-color: var(--colors-main-oh-02);
}

.postContentRow.postContentRow-premium-nologin02 .prText01 {
  /*border-top: 1px solid var(--colors-white);
  border-bottom: 1px solid var(--colors-white);*/
  color: var(--colors-white);

}


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

  .postContentRow.postContentRow-premium .postContentRow_inner {
      padding-top: 50px;
      padding-bottom: 50px;
  }

  .postContentRow.postContentRow-premium .postContentRow_inner .ttl-logo,
  .postContentRow.postContentRow-premiumLayout .postContentRow_inner .ttl-logo {
      height: 56px;
	  margin-top: 16px;
  }

  .postContentRow.postContentRow-premium .postContentRow_inner .ttl-top {
    font-size: 24px;
    margin-top: 28px;
  }

  .postContentRow.postContentRow-premium .postContentRow_inner .lead-txt {
    font-size: 16px;
    margin-top: 28px;
  }

  .postContentRow.postContentRow-premium .postContentRow_inner.passwordBox .c-pw__box .c-pw__box-input {
      width: 200px;
  }

  .postContentRow.postContentRow-premium .postContentRow_inner.passwordBox .c-pw__box .c-pw__btn--submit {
    font-size: 16px;
    width: 90px;
    padding: 0px 10px;
    top:0px;
  }

  .postContentRow.postContentRow-premiumLayout .postContentRow_inner {
      padding-top: 50px;
      padding-bottom: 0px;
  }

  .postContentRow .prText01 {
    font-size: 18px;
    line-height: 2;
  }
}


/*  premium concept  */
#premium_concept_slider {
  width: 92%;
  margin-left: 4%;
}

#premium_concept_slider .slick-list {
    padding: 0 4% 0 0 !important;
}
.premium_concept_slider_wrap {
  width: 100%;
  margin: 20px auto;
  position: relative;
}

.premium_concept_slider {
    width: 100%;
    height: auto;
    min-height: 60px;
    margin: 0;
}

.premium_concept_slider .slick-arrow {
    background-color: var(--colors-main-beige);
    opacity: 0;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.premium_concept_slider .slick-arrow {
    width: 48px;
    height: 48px;
    margin: -30px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    font-family: 'design_plus';
    color: #fff;
    font-size: 12px;
    line-height: 48px;
    position: absolute;
    bottom: 0;
    right: 2px;
    z-index: 2;
    cursor: pointer;
    background: #000;
    border: 1px solid #ffffff;
    opacity: 0.8;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.premium_concept_slider .slick-prev {
    top: 50%;
    left: -70px;
    display: none !important;
}

.premium_concept_slider .slick-next {
    top: 50%;
    right: -24px;
}

.premium_concept_slider_lead {
  display: grid;
  width: 100%;
  height: 602px;
  align-items: center;
}

/* Dots */
.dots-wrap {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: -64px;
    left: -28px;
}

.dots-wrap li {
    width: 24px;
    height: 4px;
    border-radius: 2px;
    margin: 0 5px;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    list-style: none;
}

.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: rgba(0, 0, 0, 0.8);
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

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

  #premium_concept_slider {
    width: 96%;
    margin-left: 2%;
  }

  #premium_concept_slider .slick-list {
      padding: 0 2% 0 0 !important;
  }

  .premium_concept_slider_lead {
    height: auto;
    min-height: 492px;
  }

  .premium_concept_slider .slick-arrow {
      width: 32px;
      height: 32px;
      margin: -60px 0 0 0;
      font-size: 8px;
      line-height: 32px;
  }

  .premium_concept_slider .slick-next {
      right: -18px;
  }


}

/*  premium floor  */
.premium_floor_compass {
  bottom: 64px;
  right: -28px;
}

.flexPremiumFloor1unit>div:nth-child(1) {
    width: 130px;
}

.flexPremiumFloor1unit>div:nth-child(2) {
  flex: 1;
}

.flexPremiumFloor1unit>div:nth-child(1) h4 {
  background-color: rgba(58, 43, 24, 0.5);
  place-content: center;
  place-items: center;
  width: 110px;
  height: 110px;
  padding: 10px;
  text-align: center;
}


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

  .img_premium-floor-plan_ttl {
    aspect-ratio: 375 / 56;
    object-fit: cover;
  }

  .premium_floor_compass {
    bottom: inherit !important;
    right: inherit !important;
    margin-top: -12px !important;
  }

  .flexPremiumFloor1unit>div:nth-child(1),
  .flexPremiumFloor1unit>div:nth-child(2) {
    width: 100% !important;
  }

  .flexPremiumFloor1unit>div:nth-child(1) h4 {
     width: inherit !important;
     height: inherit !important;
     padding: 4px 0px;
     text-align: center;
     margin-bottom: 12px;
  }

}

/* TOPページ / footer バナー用フリースペース
--------------------------------------   */
/*#cb_content_2 #cb_content_1 .rich_font_type1, #cb_content_1 .rich_font_type2*/
#header_slider .caption,
#cb_content_1 .rich_font_type1, #cb_content_1 .rich_font_type2 {
  font-family: "Zen Old Mincho", serif;
}


#top_free_space, .top_free_spaceRow {
  padding: 80px 0;
}

.footerPrSpace {
  padding-bottom: 60px;
}

#top_free_space div, .top_free_spaceRow div, .footerPrSpace div {
  margin: 30px auto 0;
  max-width: 880px;
  width: 100%;
}

#top_free_space div:first-child, .top_free_spaceRow div:first-child, .footerPrSpace div:first-child {
  margin: 0 auto;
}

#top_free_space div img, .top_free_spaceRow div img, .footerPrSpace div img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  opacity: 1;
}

#top_free_space div img:hover, .top_free_spaceRow div img:hover, .footerPrSpace div img:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 750px) {
  #top_free_space, .top_free_spaceRow, .footerPrSpace {
    padding: 30px 0;
  }
  #top_free_space div, .top_free_spaceRow div, .footerPrSpace div {
    width: 92%;
  }
}

/* slick slider
--------------------------------------   */
/*#pb_slider_nav-1 .slick-track {
  margin-left: auto;
  margin-right: auto;
}*/

.pb_slider_wrap img {
  margin-top: 0px !important;
}