@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
/* ------------------------------------------------------------------------
------------------------------------------------------------------------ */
@media screen and (min-width: 1050.02px) {
    .pageThemeHeaderContainer {
		align-items: center;
    }
	.pageThemeHeader {
		width: auto;
	}
	:where(h2).ptHeading .hTxt, .hTxtStyh2 {
		font-size: 0.92em;
	}
	.pageThemeHeaderPic {
		flex-shrink: 1;
	}
}

@media screen and (max-width: 736px) {
	.txtBox {
		letter-spacing: 0;
	}
}
/* =======================================================================================
	PAGE 
======================================================================================= */
/* ------------------------------------------------------------------------
pt-landscape
------------------------------------------------------------------------ */

	.divisionImgUnit {
		display: grid;
		grid-gap: 5px 5px;
		grid-template-rows: auto auto 1fr;
		grid-template-columns: 34.04% 64.98%;
		margin-top: var(--site-marpad-XS);
	}
	.divisionImgUnit .divisionImg01 {
		grid-column: 1 / 3;
	}


	.secLineWrap .secLinePic .imgcapkeep {
		padding: 0;
	}

@media screen and (min-width: 1050.02px) {
}
@media screen and (min-width: 736.02px) {
	.divisionUnit {
		display: grid;
		column-gap: max(30px, 9%);
		grid-template-columns: 1fr 50%;
		grid-template-rows: auto auto 1fr;
	}
	.divisionUnit .txtBox {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	.divisionImgUnit {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
	.divisionPic {
		grid-column: 2 / 3;
		grid-row: 1 / 4;
	}

	
	.secLineWrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		column-gap: 40px;
	}
	.secLineWrap .txtUnit {
		width: 34%;
		order: 2;
	}
	.secLineWrap .secLinePic {
		width: 65%;
		flex-shrink: 1;
	}
}
@media screen and (max-width: 1050px) and (min-width: 736.02px) {
	.divisionUnit {
		column-gap: 30px;
	}
	.divisionUnit .ptHeading {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
	.divisionPic {
		grid-row: 2 / 4;
	}
}
@media screen and (max-width: 736px) {
	.secLineWrap .secLinePic {
		margin-top: var(--site-marpad-S);
	}
}
@media screen and (max-width: 480px) {
}


/* ------------------------------------------------------------------------
pt-facade
------------------------------------------------------------------------ */
	.facadePic {
		position: relative;
		max-width: 312px;
	}
	.facadePic .imgcapkeep {
		right: auto;
		left: 0;
	}
	.facadePic::before,
	.facadePic::after {
		content: "";
		position: absolute;
		display: block;
		width: 0;height: 0;
		border: solid transparent;
		mix-blend-mode: multiply;
	}
	.facadePic::before {
		top: -1px;
		left: -1px;
		transform-origin: top center;
		transform: translateX(-50%) rotate(-45deg);
		border-width: 0 50px 50px;
		border-bottom-color: rgba(var(--site-themeColor-main),.9);
	}
	.facadePic::after {
		bottom: 0;
		right: 0;
		transform-origin: bottom center;
		border-width: 50px 50px 0;
		transform: translateX(50%) rotate(-45deg);
		border-top-color: rgba(var(--site-themeColor-main),.9);
	}

	.facadeUnit .txtBox dt {
		color: #FFF;
		font-size: 1.2em;
		letter-spacing: 0.25em;
	}

	.facadeUnit .txtBox dt i {
		display: block;
		line-height: 1.4;
		letter-spacing: 0;
		font-size: 6.4rem;
		font-family: var(--site-font_family-en_2);
		font-weight: 300;
		background: var(--site-variationColor-gradient_gold);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	.facadeUnit .txtBox dd {
	}

@media screen and (min-width: 1050.02px) {
}
@media screen and (max-width: 1050px) {
}
@media screen and (min-width: 736.02px) {
	.facadeUnit {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		column-gap: var(--site-marpad-S);
		max-width: 800px;
		margin: 0 auto 0;
		padding-top: var(--site-marpad-XL);
	}
	.facadeUnit .facadePic {
		width: 312px;
	}
	.facadeUnit:nth-of-type(2n) .facadePic {
		order: 2;
	}
	.facadeUnit .txtBox {
		width: calc(100% - 315px - var(--site-marpad-S));
	}

	.facadeUnit .txtBox dd {
		margin-top: var(--site-marpad-XS);
		padding-left: 2em;
	}
}
@media screen and (max-width: 736px) {
	.facadeUnit .facadePic {
		width: calc(100% - 10rem);
		margin-left: auto;
	}
	.facadeUnit .txtBox {
		transform: translateY(-7.2rem);
	}

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


/* ------------------------------------------------------------------------
pt-planning
------------------------------------------------------------------------ */
	.planningLeadWrap {

	}
	.planningLeadWrap .txtUnit dl {
		padding-top: 5px;
		border-top: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}
	.planningLeadWrap .txtUnit dt {
		color: rgba(var(--site-themeColor-main),1);
		font-size: 1.2em;
		background: var(--site-variationColor-gradient_gold);
		background-size: 150% auto;
		background-position: right top;
		padding: 0 0.8em;
	}
	.planningLeadWrap .txtUnit dl div {
		margin-top: 5px;
	}
	.planningLeadWrap .txtUnit dd {
		letter-spacing: 0;
		text-align: justify;
		margin-bottom: 5px;
		padding: 0.8em 0.8em 1.2em 1.5em;
		border-bottom: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}


@media screen and (min-width: 1050.02px) {
}
@media screen and (max-width: 1050px) {
}
@media screen and (min-width: 736.02px) {
	/*内観写真追加したら1050.02pxに移動、インデント分は削除*/
	.planningLeadWrap {
		display: flex;
		justify-content: space-between;
		/*align-items: flex-start;*/
		column-gap: 40px;
	}
	.planningLeadWrap .txtUnit {
		width: 34%;
									width: 100%;
		order: 2;
	}
									.planningLeadWrap .txtUnit dl {
										display: flex;
										border-top: 0px solid rgba(var(--site-themeColor-accent_1),1);
									}
									.planningLeadWrap .txtUnit dl div {
										padding: 5px 0;
										border-top: 1px solid rgba(var(--site-themeColor-accent_1),1);
										border-bottom: 1px solid rgba(var(--site-themeColor-accent_1),1);
									}
									.planningLeadWrap .txtUnit dd {
										border-bottom: 0px;
									}
	.planningLeadWrap .planningLeadPic {
		width: 65%;
		flex-shrink: 1;
	}
	/*内観写真追加したら1050.02pxに移動、インデント分は削除　END*/
}
@media screen and (max-width: 736px) {
}
@media screen and (max-width: 480px) {
}


/* planningListLink */
	.planningListLink {
		max-width: 1260px;
		justify-content: center;
		margin: 0 auto;
	}
	.planningListLinkUnit {
		position: relative;
	}

	.planningListLinkUnit .picBox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.planningListLinkUnit .plaTxt {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		gap: 20px;
		height: 100%;
		color: #FFF;
		text-align: center;
	}
	.planningListLinkUnit .plaTxt::before,
	.planningListLinkUnit .plaTxt::after {
		content: "";
		flex-grow: 2;
		display: block;
		width: 1px;
		height: 1px;
		background: rgba(255, 255, 255, .3);
		margin: 0 auto;
	}

	.planningListLinkUnit .plaName {
		font-size: 1.2em;
		letter-spacing: 0;
	}
	.planningListLinkUnit .plaName em {
		display: block;
		font-size: 1.2em;
		line-height: 1.4;
	}
	.planningListLinkUnit .planningBtn {
		position: relative;
		display: block;
		color: rgba(var(--site-themeColor-main),1);
		width: 90%;
		max-width: 152px;
		background: #FFF;
		margin: 10px auto 0;
		border-radius: 5px;
	}
	.planningListLinkUnit .planningBtn [data-buttonicon^="simpleArrow_ku"]::after {
		top: -5px;
		border-color: rgba(var(--site-themeColor-main),1);
	}
@media screen and (min-width: 1050.02px) {
}
@media screen and (max-width: 1050px) {
}
@media screen and (min-width: 736.02px) {
}
@media screen and (max-width: 736px) {
	.planningListLinkUnit .picBox {
		overflow: hidden;
	}
	.planningListLinkUnit .picBox img {
		width: 100%;
		height: 130%;
	}
	.planningListLinkUnit a[href="#planning02"] .picBox img {
		object-position: right center;
	}
	.planningListLinkUnit .plaName {
		font-size: min(3.5vw, 1.2em);
	}
	.planningListLinkUnit .plaName em {
		font-size: 1.1em;
	}
	.planningListLinkUnit .planningBtn {
		width: 80%;
		font-size: min(2.5vw, 1.0em);
	}
}
@media screen and (max-width: 480px) {
}

/* planningCont */
	.planningCont {
		padding-top: var(--site-marpad-L);
	}
	.planningCont + .planningCont {
		padding-top: var(--site-marpad-XXL);
	}
	.planningHeader {
		max-width: 800px;
		margin: 0 auto;
	}
	.planningNav {
		display: flex;
		column-gap: 1px;
		justify-content: flex-end;
	}
	.planningNav li a {
		display: block;
		color: #FFF;
		text-align: center;
		background: linear-gradient(to right, #615234 0%, #605133 50%, #615234 100%);
		padding: 0 .3em;
		border: 1px solid rgba(255, 255, 255, .1);
	}
	.planningNav li.is-current a {
		background: linear-gradient(to right, #897b58 0%, #887b58 50%, #897b58 100%);
	}
	.planningTxt dt {
		color: #FFF;
		font-size: 1.2em;
	}
	.planningTxt dt i {
		display: block;
		line-height: 1.4;
		letter-spacing: 0;
		font-size: 6.4rem;
		font-family: var(--site-font_family-en_2);
		font-weight: 300;
		background: var(--site-variationColor-gradient_gold);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}
	.planningTxt dd {
		margin-top: 1em;
	}
	.planningTxt dd ul {
		display: grid;
		gap: 3px;
		grid-template-columns: repeat(auto-fill, 3em);
		margin-top: 15px;
	}
	.planningTxt dd ul li {
		color: rgba(var(--site-themeColor-main),1);
		line-height: 17px;
		letter-spacing: 0;
		text-align: center;
		font-family: var(--site-font_family-sans);
		font-size: 14px;
		background: rgba(255, 255, 255, .6);
	}

	.planningPic {
		margin: var(--site-marpad-M) 0 var(--site-marpad-S);
	}


@media screen and (min-width: 1050.02px) {
	.planningTxt {
		display: flex;
		justify-content: space-between;
		padding: 1em 1em 1.8em;
		border: solid rgba(var(--site-themeColor-accent_1),1);
		border-width: 1px 0;
	}
	.planningTxt dd {
		width: 60%;
		max-width: 400px;
	}
	.planningPic {
		display: flex;
		justify-content: center;
		column-gap: 30px;
	}
}
@media screen and (max-width: 1050px) {
	.planningCont {
		margin-top: var(--site-marpad-XS);
	}
	.planningTxt dt {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		column-gap: 15px;
		letter-spacing: 0.15em;
		padding: 0 1em;
		border-bottom: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}
	.planningTxt dt i {
		line-height: 1.8;
		font-size: 5.2rem;
	}
	.planningPic {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}
@media screen and (min-width: 736.02px) {
}
@media screen and (max-width: 736px) {
	.planningNav li {
		flex-grow: 1;
		font-size: 2.2vw;
	}
	.planningPicBox {
		padding: var(--site-marpad-S);
	}
}
@media screen and (max-width: 480px) {
}


/* ------------------------------------------------------------------------
pt-planlist
------------------------------------------------------------------------ */
	.planBtnWrap .contbox {
		max-width: 1080px;
	}

	.planBtnBox li a {
		position: relative;
		display: block;
		color: #FFF;
		background: rgba(0, 0, 0, .4);
		padding: 1.6em 2em 1.2em;
		border: solid rgba(var(--site-themeColor-accent_1),1);
		border-width: 1px 0;
		transition: background 0.3s ease;
	}
	.planBtnBox li a::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 3px;
		width: 10px;
		height: 12px;
		background: url("../images/share/ico_wh_arrow.svg") right center / contain no-repeat;
	}
	.planBtnBox li a:hover {
		background: rgba(255, 255, 255, .2);
	}
/*===== planBtnIcon =====*/
	.planBtnBox li a .planBtnIcon {
		position: absolute;
		top: 2px;
		right: 1px;
		display: flex;
		column-gap: 2px;
	}
	.planBtnBox li a .planBtnIcon i {
		display: block;
		color: rgba(var(--site-themeColor-main),1);
		font-family: var(--site-font_family-sans);
		font-size: 1.0rem;
		font-weight: 500;
		padding: 0 0.4em;
		background: rgba(255, 255, 255, .8);
		border: 1px solid rgba(255, 255, 255, .1);
	}
	.planBtnBox li a .planBtnIcon i.limIcon {
		background: var(--site-variationColor-gradient_gold);
	}
	.planBtnBox li a .planBtnIcon i.newIcon {
		color: #FFF;
		background: linear-gradient(to right, #643940 0%, #723f45 6%, #804646 14%, #8d4c4b 24%, #9a514f 34%, #a75c50 43% 57%, #9a514f 66%, #8d4c4b 76%, #804646 86%, #723f45 94%, #643940 100%);
	}
/*===== nameBox =====*/
	.nameBox {
		line-height: 1;
		font-size: 1.6em;
		font-family: "Cinzel", var(--site-font_family-en_1), var(--site-font_family-serif);
		font-variant-caps: small-caps;
	}
	.nameBox::after {
		content: "";
		display: block;
		width: 30px;
		height: 2px;
		background: var(--site-variationColor-gradient_gold);
		margin: 10px 0 15px;
	}
	.nameBox .num {
		font-size: 1.4em;
		display: inline-block;
		margin-left: 0.15em;
	}

/*===== ldkUnit =====*/
	.ldkUnit {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		line-height: 1.6;
	}
	.ldkUnit .element {
		display: inline-block;
	}
	.ldkUnit b {
		letter-spacing: 0;
		font-size: 1.5em;
	}
	.ldkUnit b.ja {
		font-size: 1.1em;
	}




/*===== areaUnit =====*/
	.planBtnBox .areaUnit {
		font-size: 0.9em;
		font-weight: 300;
		font-family: var(--site-font_family-sans);
		margin-top: 0.8em;
	}
	.planBtnBox .areaUnit .row {
		display: inline-block;
	}
	.planBtnBox .areaUnit .row:not(:last-child) {
		margin-right: 0.8em;
	}
	.planBtnBox .areaUnit .row .ttl::after {
		content: "/";
		display: inline-block;
		margin: 0 0.2em 0;
	}

@media screen and (min-width: 1050.02px) {
}
@media screen and (max-width: 1050px) {
}
@media screen and (min-width: 736.02px) {
}
@media screen and (max-width: 736px) {
	.planBtnBox {
		--default-generalColBox-margin-t: 5px;
	}
	.planBtnBox li a {
		font-size: 2.8vw;
	}
	.planBtnBox li a .planBtnIcon i {
		font-size: 0.8rem;
	}
	/*.nameBox {		font-size: 1.6em;	}
	.ldkUnit b {		font-size: 1.5em;	}
	.ldkUnit b.ja {		font-size: 1.1em;	}
	.areaUnit {		font-size: 0.9em;	}*/
}
@media screen and (max-width: 480px) {
}




/* premium */

	.planBtnBox .premium {
		width: 100%;
		background: rgba(0, 0, 0, .4);
		padding: var(--site-marpad-XS);
	}
	.planBtnBox .premium {
		width: 100%;
		background: rgba(0, 0, 0, .4);
		padding: var(--site-marpad-XS);
	}
	.planBtnBox .premium .txtBox strong {
		display: inline-block;
		line-height: 0.8;
		letter-spacing: 0;
		font-size: 3.0em;
		font-variant-caps: small-caps;
		font-weight: 700;
		font-family: var(--site-font_family-en_1);
		background: var(--site-variationColor-gradient_gold);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		margin-bottom: 0.3em;
	}
	.planBtnBox .premium .txtUnit {
		display: block;
	}
	.planBtnBox .premium a {
		background: rgba(255, 255, 255, .08);
	}
	.planBtnBox .premium a:hover {
		background: rgba(255, 255, 255, .2);
	}
	.planBtnBox .premium .txtBox {
		font-size: 1.15em;
		color: #FFF;
		line-height: 1.6;
		margin: 0 0 1.2em;
	}

@media screen and (min-width: 1050.02px) {
	.planBtnBox .premium .picBox {
		order: -1;
		width: calc(50% - 30px - var(--default-generalColBox-margin-lr));
		flex-shrink: 1;
	}
	.planBtnBox .premium .txtArea {
		width: 50%;
		padding-left: 30px;
	}
}
@media screen and (max-width: 1050px) {
}
@media screen and (min-width: 736.02px) {
}
@media screen and (max-width: 736px) {
	.planBtnBox .premium .txtBox {
		font-size: 2.8vw;
	}
}
@media screen and (max-width: 480px) {
}





.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(1) { transition-delay: 	0ms !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(2) { transition-delay: 	calc(200ms * (2 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(3) { transition-delay: 	calc(200ms * (3 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(4) { transition-delay: 	calc(200ms * (4 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(5) { transition-delay: 	calc(200ms * (5 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(6) { transition-delay: 	calc(200ms * (6 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(7) { transition-delay: 	calc(200ms * (7 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(8) { transition-delay: 	calc(200ms * (8 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(9) { transition-delay: 	calc(200ms * (9 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(10) { transition-delay: 	calc(200ms * (10 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(11) { transition-delay: 	calc(200ms * (11 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(12) { transition-delay: 	calc(200ms * (12 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(13) { transition-delay: 	calc(200ms * (13 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(14) { transition-delay: 	calc(200ms * (14 - 1)) !important;}
.planBtnBox [data-js_show_target_suite_descendant]:nth-of-type(15) { transition-delay: 	calc(200ms * (15 - 1)) !important;}




/* ------------------------------------------------------------------------
libraryWrap
------------------------------------------------------------------------ */

	.libraryWrap {
		color: #FFF;
		background: #575e77 url("../images/roomplan/bg_library@pc.jpg") right top no-repeat;
		background-size: auto 100%;
		margin: 0 auto var(--site-marpad-S);
		padding: var(--site-marpad-M) 0;
	}
	.libraryWrap .txtBox {
		letter-spacing: 0;
		line-height: 1.8;
		margin-bottom: var(--site-marpad-XS);
	}
	.libraryWrap .txtBox > span:nth-of-type(1) {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		column-gap: 10px;
	}
	.libraryWrap .txtBox strong {
		display: inline-block;
		line-height: 1.8;
		font-size: 2.5em;
		font-variant-caps: small-caps;
		font-weight: 700;
		font-family: var(--site-font_family-en_1);
		background: linear-gradient(to right, #987c31 0%, #c0a972 50%, #987c31 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}
	.libraryWrap .txtBox i {
		display: inline-block;
		font-size: 0.8em;
		letter-spacing: 0;
		line-height: 1.6;
		padding: 0 0.2em;
		border: 1px solid rgba(255, 255, 255, .3);
	}
	.libraryWrap .libraryBtnBox {
		display: grid;
		column-gap: 20px;
		grid-template-columns: repeat(auto-fill, min(300px, 45%));
	}
	.libraryWrap .libraryBtnBox .generalBtnUnit{
		width: 100%;
	}

@media screen and (max-width: 736px) {
	.libraryWrap {
		background: #525a71 url("../images/roomplan/bg_library@sp.jpg") left top no-repeat;
		background-size: 100% auto;
		padding-top: calc(var(--site-marpad-XXL)*1.2);
	}
	.libraryWrap .txtBox {
		font-size: 2.8vw;
	}
	.libraryWrap .txtBox strong {
		font-size: 3.5em;
	}
	.libraryWrap .libraryBtnBox {
		display: block;
	}
	.libraryWrap .libraryBtnBox p + p {
		margin-top: 10px;
	}
}




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


detailP


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

	.floorPlanSection {
		align-items: center;
		width: var(--site-sizeContentWide-S);
		max-width: 900px;
		color: #FFF;
		background: rgba(0, 0, 0, .3);
		padding: var(--site-marpad-XXS) 0;
		border: solid rgba(var(--site-themeColor-accent_1),1);
		border-width: 1px 0;
	}

	.floorPlanSection .specList .nameBox {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 8em;
		text-align: center;
	}
	.floorPlanSection .specList .nameBox::after {
		display: none;
	}

	.floorPlanSection .specList .specBox {
		padding: var(--site-marpad-XXS) 0;
	}
	.floorPlanSection .specList .specBox .areaUnit p {
		margin-top: 0.8em;
		line-height: 1.4;
	}
	.floorPlanSection .specList .specBox .areaUnit p > span {
		display: inline-block;
	}
	.floorPlanSection .specList .specBox .ttl::after {
		content: "／";
		display: inline-block;
		margin: 0 0.2em 0;
	}
	.floorPlanSection .specList .specBox .value {
		font-size: 1.8em;
		line-height: 1.0;
	}
	.floorPlanSection .specList .specBox .spec-building_floorBox p {
		display: inline-block;
	}
	.floorPlanSection .specList .specBox .spec-building_floorBox p:not(:last-child) {
		margin-right: 1.2em;
	}

	.premiumIcon {
		display: inline-block;
		line-height: 1.6;
		color: rgba(var(--site-themeColor-base),1);
		font-weight: 500;
		background: var(--site-variationColor-gradient_gold);
		padding: 0 0.5em;
	}

@media screen and (min-width: 840.02px) {
	.floorPlanSection .specList {
		display: flex;
	}
	.floorPlanSection .specList .nameBox {
		padding: 0 1em;
		border-right: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}
	.floorPlanSection .specList .specBox {
		padding-left: 3em;
	}
}
@media screen and (max-width: 840px) {
	.floorPlanSection {
		padding: 0px;
	}
	.floorPlanSection .specList .nameBox {
		padding: 1em 0;
		border-bottom: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}
	.floorPlanSection .specList .specBox {
		font-size: 0.9em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.floorPlanSection .specList .specBox .areaUnit > * {
		display: block;
		margin-top: 0.6em;
		padding-top: 0.6em;
		border-top: 1px dotted rgba(255, 255, 255, .2);
	}
	.floorPlanSection .specList .specBox .value {
		font-size: 1.6em;
	}
	.floorPlanSection .specList .specBox .spec-building_floorBox p {
		margin-top: 0;
	}
}





	.planMeritSection {
		display: flex;
		justify-content: center;
		width: var(--site-sizeContentWide-S);
		max-width: 900px;
		color: #FFF;
		margin-bottom: var(--site-marpad-S);
		padding: var(--site-marpad-XXS) 0;
		border-bottom: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}
	.planMeritSection ul {
		text-align: left;
	}
	.planMeritSection ul li {
		display: grid;
		gap: 0.8em;
		grid-template-columns: 30px 1fr;
		align-items: baseline;
		line-height: 1.6;
		letter-spacing: 0.04;
	}
	.planMeritSection ul li + li {
		margin-top: 0.8em;
	}
	.planMeritSection ul li::before {
		content: "";
		display: block;
		width: 30px !important;
		height: 1px;
		transform: translateY(-0.3em);
		background: rgba(var(--site-themeColor-accent_1),1);
	}





	.madoriUnit {
		color: rgba(var(--site-themeColor-main),1);
		text-align: center;
		background: rgba(255, 255, 255, .95);
		padding: var(--site-marpad-S) var(--site-marpad-S) var(--site-marpad-XXS);
	}
	.madoriUnit .captionWrap {
		margin-top: 4em;
	}




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


planDetailNavWrap


======================================================================= */
	.planDetailNavWrap {
		background: rgba(0, 0, 0, .3);
		padding: var(--site-marpad-M) 0 !important;
	}
	#js_planlistNav .ptHeading {
		text-align: center;

	}
	#js_planlistNav .ptHeading .hWord {
		font-size: 3.8em;
		font-weight: 700;
	}
	#js_planlistNav .generalColBox {
		--default-generalColBox-margin-t: 10px;
		margin-top: var(--site-marpad-XXS);
	}
	#js_planlistNav a {
		display: flex;
		align-items: center;
		color: #FFF;
		background: rgba(0, 0, 0, .3);
		padding: 10px;
		border-bottom: 1px solid rgba(var(--site-themeColor-accent_1),1);
		transition: background 0.3s ease;
	}
	#js_planlistNav a:hover,
	#js_planlistNav .is-current a{
		background: rgba(255, 255, 255, .2);
	}
	#js_planlistNav a > * {
		padding: 0.5em 0 0.2em;
	}
	#js_planlistNav .nameBox {
		font-size: 1.2em;
		flex-shrink: 0;
		width: 5em !important;
		text-align: center;
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid rgba(var(--site-themeColor-accent_1),1);
	}
	#js_planlistNav .nameBox::after {
		display: none;
	}
	#js_planlistNav .nameBox .num {
		font-size: 1.2em;
	}
	#js_planlistNav .specBox {
		align-self: center;
		flex-shrink: 1;
		line-height: 1.6;
	}

@media screen and (max-width: 736px) {
	#js_planlistNav .ptHeading .hWord {
		font-size: 8vw;
	}
	#js_planlistNav .generalColBox {
		--default-generalColBox-margin-t: 5px;
		margin-top: 0;
	}
}