@CHARSET "utf-8";



/* 区画プランページ用CSS */



.planSummaryImage{
	background:#f3f4f5;
	line-height:100%;
	margin-bottom:40px;
	text-align:center;
}




/* 共通プラン */

.commonPlanningContainer{
	width:1000px;
	margin:0 auto;
}


ul.commonPlanningList{
	list-style:none;
}

ul.commonPlanningList > li{
	background:#e6ebed;
	padding:30px;
	margin-bottom:40px;
	display:flex;
}

ul.commonPlanningList > li .image{
	max-width:360px;
	min-width:360px;
	width:360px;
	margin-right:30px;
	font-size:12px;
	color:#666666;
	text-align:center;
}

ul.commonPlanningList > li .image img{
	margin-bottom:10px;
}

ul.commonPlanningList > li dl{
	flex-grow:1;
}

ul.commonPlanningList > li dl dt{
	font-size:24px;
	margin-bottom:10px;
}


/* プラン一覧 */

.planListContainer{
	padding:0 10px;
}

.planListContainer ul.planList{
	list-style:none;
	display:flex;
	overflow-x:scroll;	
	/*flex-wrap:wrap;
	justify-content:center; */
}


.planListContainer ul.planList > li{
	margin-bottom:40px;
	display:flex;
	flex-shrink: 0;
	width:460px;
	background:#e6ebed;
	border-top:5px solid #aec7ce;
	margin:0 10px 20px;
	position:relative;
	border-radius:1px;
}

.planListContainer ul.planList > li:before{
	position:absolute;
	top:0;
	bottom:0;
	right:14px;
	width:0;
	border-right:2px solid #fafbfc;
	content:' ';
}

.planListContainer ul.planList > li:after{
	position:absolute;
	bottom:14px;
	left:0;
	right:0;
	height:0;
	width:100%;
	border-bottom:2px solid #fafbfc;
	content:' ';
}



.planListContainer ul.planList > li dl{
	display:flex;
	flex-direction:column;
	padding:30px;
}

.planListContainer ul.planList > li dt{
	font-size:24px;
	margin-bottom:10px;
}

.planListContainer ul.planList > li dl dd{
	display:flex;
	flex-direction:column;
}

.planListContainer ul.planList > li dl dd > .image{
	margin-bottom:20px;
}


.planListContainer ul.planList > li dl dd .content{
	flex-grow:1;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle{
	display:flex;
	line-height:100% !important;
	margin-bottom:10px;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .urban{
	color:#ffffff;
	background:#706663;
	font-style:italic;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .natural{
	color:#ffffff;
	background:#a58e6a;
	font-style:italic;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .french{
	color:#ffffff;
	background:#7992a5;
	font-style:italic;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .caption{
	font-size:12px;
	text-align:center;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	line-height:100% !important;
	margin:14px 0;
	position:relative;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .caption:before{
	position:absolute;
	left:14px;
	top:0;
	bottom:0;
	width:0;
	border-left:1px solid #eeeeee;
	content:" ";
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .caption .main{
	display:block;
	font-size:26px;
	line-height:100% !important;
	margin-bottom:10px;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle .interiorImage{
	min-width:36%;
	max-width:36%;
	width:36%;
	line-height:100% !important;
}

.planListContainer ul.planList > li dl dd .content .interiorStyle img{
	line-height:100% !important;
}

.planListContainer ul.planList > li dl dd .content p{
	font-size:8px;
	margin-top:-5px;
	margin-bottom:-5px;
	text-align:right;	
}

.planListContainer ul.planList > li dl dd .content .priceValue{
	font-size:24px;
	color:#e07563;
}

.planListContainer ul.planList > li dl dd .content .area{
	margin-bottom:10px;
}

.planListContainer ul.planList > li dl dd .content .plan{
	margin-bottom:20px;
}

.planListContainer ul.planList > li dl dd .content .itemName{
	font-size:12px !important;
}

.planListContainer ul.planList > li dl dd .content ul.planFeatureList{
	list-style:none;
	padding:10px 10px 1px;
	background:#ffffff;
	margin-top:10px;
	display:flex;
	flex-direction:column;
	flex-grow:1;
}

.planListContainer ul.planList > li dl dd .content ul.planFeatureList li{
	list-style:none;
	font-size:14px;
	border-left:2px solid #1290b3;
	margin-bottom:10px;
	padding-left:10px;
	flex-grow:1;
}