@charset "UTF-8";

.index-price{
	background: #F6F8F9;
	width: 100%;
	padding: 50px 0;
	margin-bottom: 0;
}

.index-price-inner {
    width: 96%;
    display: block;
    margin: 0 auto 50px;
}

.index-price-title{
	font-size:24px;
	font-weight:bold;
	margin-bottom: 20px;
	line-height: 1.4;
	text-shadow:2px 2px rgba(0,0,0,0.1);
	text-align:center;
}

.index-price-title small{
	display: block;
	font-size:13px;
}

.index-price table.price{
	width: 100%;
}

/* -------------------- flatplan --------------------- */

.flatplan{}

.flatplan-list{
	display:flex;
	justify-content:space-between;
}

.flatplan-list > li{
	border: 2px solid #DCB342;
	border-radius:4px;
	padding: 15px 0;
	text-align:center;
	width: 23%;
}

.flatplan-list-title{
	font-size:24px;
	font-weight:bold;
	margin-bottom: 10px;
	color: #3472B6;
}

.flatplan-list-price{
	line-height: 1.4;
	margin-bottom: 10px;
}

.flatplan-list-price span{}
.flatplan-list-price b{
	font-size:24px;
	margin-left: 5px;
}
.flatplan-list-price small{
	display: block;
	font-weight:normal;
	font-size:16px;
}

.flatplan-list-detail{
	border-top:1px solid #aaa;
	padding: 10px 10px 0;
}

.flatplan-list-detail-text{
	background:#aaa;
	display: inline-block;
	padding: 5px 20px;
	line-height: 1.1;
	color: #fff;
	border-radius:20px;
	font-size:14px;
	margin-bottom: 15px;
}

.flatplan-list-detail-available-or{
	font-size:14px;
	padding: 3px 0 5px;
}

.flatplan-notice{
	text-align:right;
	padding: 20px 0 0;
}

.flatplan-notice a{
	display: inline-block;
	padding: 5px 10px;
	background: #DCB342;
	color:#fff;
	font-size:14px;
	margin: 0 5px;
	text-decoration:none;
	border-radius:5px;
}


/* -------------------- icon --------------------- */

.icon-room{
	display: inline-block;
	font-size:10px;
	line-height: 1.3;
	padding: 3px;
	border-radius:3px;
	background: #aaa;
	color: #fff;
	min-width: 70px;
	text-align: center;
	margin-bottom: 3px;
}

.icon-room.is-free{background: #999;}
.icon-room.is-standard{background: #4191CC;}
.icon-room.is-delux{background: #1E4B6D;}
.icon-room.is-premium{background: #E16C65;}


/* -------------------- icon --------------------- */


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

	.flatplan-list{
		display: block
	}

	.flatplan-list > li{
		margin-bottom: 10px;
		width: 100%;
	}

}