@charset "utf-8";

/* ***************************************************************************************************
	BASE
*************************************************************************************************** */
.tk_headerWrap {
	background: rgba(255, 255, 255, .5);
}

main {
		/*padding-top: 110px;*/
	}

@media screen and (max-width: 1049px) {
	main {
		/*padding-top: 50px;*/
	}
}

	/* ptTitle
	---------------------------------------------------- */
	.ptTitle {
		display: block;
		line-height: 1.4;
		font-size: 1.625em;
		text-align: center;
		letter-spacing: 0.15em;
	}
	.ptTitle .ttl {
		display: block;
	}
	.ptTitle .hWord {
		color: rgba(var(--site-themeColor),1);
		letter-spacing: 0.2em;
		font-family: var(--site-fontFamily);
		font-size: 0.6em;
	}



/* ***************************************************************************************************
	PAGE
*************************************************************************************************** */


/* ------------------------------------------------------------------------
	pt-lead
------------------------------------------------------------------------ */
@media print, screen and (min-width: 1049px) {
	.pt-lead {
		margin-top: 0;
	}
	.leadCol.contbox {
		max-width: none;
		width: 100%;
		display: grid;
		grid-template-columns: 50% 1fr;
		
	}
	.leadCol .txtUnit {
		order: 2;
		align-self: center;
		padding: 60px;
	}
	.leadCol .picBox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* ------------------------------------------------------------------------
	pt-plan
------------------------------------------------------------------------ */
/* floorPlanSection
---------------------------------------------------- */
/* floorPlanUnit
--------------------------------- */
	.floorPlanUnit {	font-size: 0.9em;}
	/* specWrap
	----------------------- */
	.floorPlanUnit .specWrap {
	}
	.floorPlanUnit .specWrap .spec-type,
	.floorPlanUnit .specWrap .spec-ldk .ldkUnit,
	.floorPlanUnit .specWrap .spec-area .value {font-family: 'Crimson Text', serif;}
	.floorPlanUnit .specWrap .spec-ldk .element.ja b {font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;}
	/* spec1 */
	.floorPlanUnit .specWrap .spec1 {
		line-height: 1.3;
		color: rgba(var(--site-accentColorText),1);
		font-size: 2.1875em;
		text-align: center;
		background: rgba(var(--site-accentColor),.7);
		padding: 0.35em 0.2em;
	}
	.floorPlanUnit .specWrap .spec-type {font-size: 1em;}
	.floorPlanUnit .specWrap .spec-type .num {line-height: 0.7;font-size: 1.714em;}
	/* spec2 */
	.floorPlanUnit .specWrap .spec2 {
		color: #161616;
		border: 0 solid #161616;
		border-width: 1px 0;
	}
	.floorPlanUnit .specWrap .spec-ldk {line-height: 1.15;text-align: center;padding: 1em 0;}
	.floorPlanUnit .specWrap .spec-ldk .ldkUnit {font-size: 2.1em;}
	.floorPlanUnit .specWrap .spec-ldk .roomElement {display: inline-block;}
	.floorPlanUnit .specWrap .spec-ldk .roomElement .num {line-height: 0.7;font-size: 1.6em;}
	.floorPlanUnit .specWrap .spec-ldk .element {display: inline-block;	font-size: 0.9em;}
	.floorPlanUnit .specWrap .spec-ldk .element b {padding: 0 0.05em;}
	.floorPlanUnit .specWrap .spec-ldk .element.ja b {font-size: 0.775em;}
	.floorPlanUnit .specWrap .spec-ldk .element .num {line-height: 0.9;font-size: 1.12em;}
	.floorPlanUnit .specWrap .spec-area {display: flex;flex-wrap: wrap;justify-content: center;line-height: 1.15;font-size: 0.925em;padding: 1em 0;border-top: 1px solid #161616;}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] {display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;width: 20em; /* feeling. */margin: 0 0.35em;padding: 0.5em 0;}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] .term {}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] .term::after {content: "／";margin-right: 0.3em;}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] .desc {flex: 1;}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] .capDesc {flex: 0 100%;/*padding: 0.3em 0;*/padding: 0.3em 0 0;}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] .capDesc small {color: #555;font-size: 1rem;}
	.floorPlanUnit .specWrap .spec-area .value {line-height: 0.8;font-size: 2.375em;}
	.floorPlanUnit .specWrap .spec-area .heibei {font-size: 1.375em;}
	.floorPlanUnit .specWrap .spec-area .tsubo {display: inline-block;margin: 0 -0.4em;}
	.floorPlanUnit .specWrap .spec-etc {line-height: 1.35;font-size: 0.925em;text-align: center;padding: 0 0 1em;}
	.floorPlanUnit .specWrap .spec-etc .floorDetailUnit {display: inline-table;text-align: left;} /* inline-block だと何故かsafariで崩れる… */
	.floorPlanUnit .specWrap .spec-etc .unitItem {display: inline-block;margin: 0.2em 0.5em 0.2em 0;}
	.floorPlanUnit .specWrap .spec-etc .unitItem::before {content: "■";display: inline-block;margin-right: 0.15em;}
	.floorPlanUnit .specWrap .spec-etc .unitItem.bl {display: block;}
/*	.floorPlanUnit .specWrap .spec-etc .unitItem:nth-of-type(1) {display: block;}*/
/*	.floorPlanUnit .specWrap .spec-etc .unitItem:nth-of-type(2) {margin-right: 0.5em;}*/
	/* -- Individual -- */
	.floorPlanUnit .specWrap .spec-ldk .serviceRoom {font-weight: 500;letter-spacing: -0.025em;}
	
	/* planImgUnit
	----------------------- */
	.planImgUnit {
		background: #FFF;
		padding: 1em 2% 3em;
	}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.planImgUnit {
		padding-bottom: 2em;
	}
}

	/* planPicWrap
	----------------------- */
	.floorPlanUnit .planPicWrap {text-align: center;margin: 30px auto 0;}

	/* planCapWrap
	----------------------- */
	.floorPlanUnit .planCapWrap {max-width: 750px; /* feeling. */margin: 0 auto;margin-top: 20px;padding: 0 1em;border: 1px solid #ddd;}
	
@media screen and (max-width: 599px) { /*{belowSP}*/
	.floorPlanUnit .specWrap .spec-ldk .roomElement {display: block;}
}
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.floorPlanUnit .specWrap .spec-area {font-size: 1em;}
}
@media screen and (min-width: 600px) and (max-width: 1049px) { /*{TB}*/
	.floorPlanUnit .specWrap {font-size: 0.9em;}
	.floorPlanUnit .planPicWrap {margin-top: 40px;}
	.floorPlanUnit .planCapWrap {margin-top: 30px;}
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.floorPlanUnit .specWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 50px;
	}
	.floorPlanUnit .specWrap .spec1 {flex: 0 250px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.floorPlanUnit .specWrap .spec2 {flex: 1;padding: 1.2em 0 1.2em 1.75em;}
	.floorPlanUnit .specWrap .spec-ldk,
	.floorPlanUnit .specWrap .spec-area {text-align: left;padding: 0.1em 0;}
	.floorPlanUnit .specWrap .spec-ldk .ldkUnit {font-size: 2.4375em;}
	.floorPlanUnit .specWrap .spec-ldk .num {font-size: 1.4615em;}
	.floorPlanUnit .specWrap .spec-area {justify-content: flex-start;border-top: none;}
	.floorPlanUnit .specWrap .spec-area [class*="Unit"] {margin: 0;padding: 0.25em 0;}
	.floorPlanUnit .specWrap .spec-area .lotUnit {width: 20em; /* 微調整 */margin-right: 0.75em;}
	.floorPlanUnit .specWrap .spec-etc {text-align: left;padding: 0.7em 0 0;}
	.floorPlanUnit .specWrap .spec-etc .floorDetailUnit {display: inline;/*margin-right: 0.5em;*/}
	.floorPlanUnit .specWrap .spec-etc .unitItem {display: inline;margin-right: 0.7em;}
	.floorPlanUnit .planPicWrap {margin-top: 60px;}
	.floorPlanUnit .planCapWrap {margin-top: 40px;}
}

/* divisionWrap
--------------------------------- */
	.divisionWrap .divisionPic {max-width: 720px;margin: 0 auto;}

/* floorPlanPointUnit
--------------------------------- */
	.floorPlanPointUnit {
		color: rgba(var(--site-accentColorText),1);
		background: rgba(var(--site-accentColor),.7);
		padding: 1.5em 2em 1.5em;
	}
	.floorPlanPointUnit .ttl {
		width: 90%;
		max-width: 1060px;
		line-height: 1.6;
		text-align: center;
		letter-spacing: 0.1em;
		font-family: 'Oswald', serif;
		font-size: 1.15em;
		background: rgba(255, 255, 255, .2);
		margin: 0 auto;
	}
	.floorPlanPointUnit .pointList {
		width: 90%;
		max-width: 1060px;
		margin: 1.5em auto 0;
	}
	.floorPlanPointUnit .pointList li {
		display: flex;
		column-gap: 20px;
		justify-content: flex-start;
		align-items: flex-start;
		line-height: 1.6;
		font-size: 0.9em;
		margin: 1em 0 0;
		padding-bottom: 0.5em;
		border-bottom: 1px dotted rgba(var(--site-accentColorText), .4);
	}

	.floorPlanPointUnit .pointList li i {
		display: inline-block;
		width: 5em;
		text-align: center;
		font-family: 'Oswald', serif;
		padding: 0 1em;
		border: 1px solid rgba(var(--site-accentColorText), .9);
	}

@media screen and (max-width: 599px) { /*{belowSP}*/
	.floorPlanPointUnit .ttl {display: none;}
	.floorPlanPointUnit .pointList {
		margin: 0 auto 0;
	}
	.floorPlanPointUnit .pointList li {
		column-gap: 1em;
	}
	.floorPlanPointUnit .pointList li i {
		width: auto;
	}
}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.floorPlanPointUnit .leadTxt {font-size: 1.5em;margin: 0.8em 2em;}
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
}





/* pt-master */
	.pt-master {
		margin-top: 5em !important;
		padding-top: 0;
	}
	.masterSuitePicCol {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;

		margin: 5em 0 0;
	}
	.masterSuitePicCol .masterPic01 {	grid-column: 1 / 3;}

@media print, screen and (min-width: 840px) {
	.masterSuitePicCol {
		grid-template-columns: 1fr 1fr 55%;
		column-gap: 10px;

		margin: 5em 60px 0;
	}
	.masterSuitePicCol img {
		max-width: none;
		width: 100%;
	}
	.masterSuitePicCol .masterPic01 {		grid-column: 3 / 4; order: 5;}
	.masterSuitePicCol .masterPic02 {	align-self: start;}
	.masterSuitePicCol .masterPic03 {	align-self: end;}
}

	.masterSuiteSubCol {
		padding: 3em 0;
	}
	.masterSuiteSubCol .imgcapParent {
		position: relative;
		display: inline-block;
		width: 90%;
	}
	.masterSuiteSubCol div:nth-of-type(2) {
		text-align: right;
		margin-top: 3px;
	}

@media print, screen and (min-width: 736px) {
	.masterSuiteSubCol {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;

		margin: 0 0 5em;
		padding: 0;
	}
	.masterSuiteSubCol .imgcapParent {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	.masterSuiteSubCol div:nth-of-type(2) {
		text-align: right;
		margin-top: 0px;
	}
}





/* ***************************************************************************************************
	printOnly
*************************************************************************************************** */
@media print { /*{printOnly}*/
}