@charset "utf-8";

.clear{
clear: both;
}

strong{
	color: #cc0000;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.left{
	text-align: left;
}

.notes{
	line-height: 1.3;
	color: #666;
	font-size: 76.92%;
}

.fLeft{
	display: inline;
	float: left;
}

img.fLeft{
	margin: 0 15px 15px 0 !important;
	clear: left;
	width: auto !important;
}

.fRight{
	display: inline;
	float: right;
}

img.fRight{
	margin: 0 0 15px 15px !important;
	clear: right;
	width: auto !important;
}

/** flex
-------------------------------------------------------------------**/
.flex-wrap{
	display:-moz-box;/*--- Android旧ブラウザ用 ---*/
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.col2 li{	width: 50%;}
.col3 li{	width: 33%;}
.col4 li{	width: 25%;}
.col5 li{	width: 20%;}
.col6 li{	width: calc(100% / 6);}

/** latest
-------------------------------------------------------------------**/
#latest .flex-wrap{
  justify-content: space-between;
}
#latest div{
	line-height: 1.4;
}
#latest a{
	color: #000;
}
#latest a:hover{
	text-decoration: none;
}
#latest dt{
	margin-bottom: .25em;
	font-size: 1.6rem;
	font-weight: bold;
}
#latest dt span{
	margin: .5em 0;
	display: block;
	width: calc(100% / 2.5);
	text-align: center;
	font-size: 1.2rem;
}
#latest dd{
	font-size: 1.4rem;
}
#latest dd span{
	color: #D80000;
	font-size: 1.8rem;
	font-weight: bold;
}
.mansion .cat,
.house .cat,
.apartment .cat{
	padding: .35em 1em;
	color: #fff;
	display: inline-block;
	line-height: 1;
}

.mansion .cat{	background: #83CDD3;}
.house .cat{	background: #FCA672;}
.apartment .cat{	background: #93CA75;}


/** table
-------------------------------------------------------------------**/


table{
	margin-top: 10px;
	width: 100%;
	border: solid 1px #ccc;
}

table td,
table th{
	padding: 10px 15px;
	border: solid 1px #ccc;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table th{
	padding: 10px 15px;
	width: 30%;
	background: #FFFFD9;
	color:  #222;
	font-weight: bold;
}
table td{
	padding: 10px 25px;
	width: 70%;
	background: #fff;
}


.error{
display: block;
color: #c00;
font-weight: bold;
}


/** font-size
-------------------------------------------------------------------**/

.size10{font-size: 1rem;}
.size11{font-size: 1.1rem;}
.size12{font-size: 1.2rem;}
.size13{font-size: 1.3rem;}
.size14{font-size: 1.4rem;}
.size15{font-size: 1.5rem;}
.size16{font-size: 1.6rem;}
.size17{font-size: 1.7rem;}
.size18{font-size: 1.8rem;}
.size19{font-size: 1.9rem;}
.size20{font-size: 2.0rem;}
.size21{font-size: 2.1rem;}
.size22{font-size: 2.2rem;}
.size23{font-size: 2.3rem;}
.size24{font-size: 2.4rem;}
.size25{font-size: 2.5rem;}
.size26{font-size: 2.6rem;}
.size27{font-size: 2.7rem;}
.size28{font-size: 2.8rem;}
.size29{font-size: 2.9rem;}
.size30{font-size: 3.0rem;}


/** margin
-------------------------------------------------------------------**/

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}

.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}

.mgl0{margin-left: 0px !important;}
.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl15{margin-left: 15px !important;}
.mgl20{margin-left: 20px !important;}
.mgl25{margin-left: 25px !important;}
.mgl30{margin-left: 30px !important;}
.mgl35{margin-left: 35px !important;}
.mgl40{margin-left: 40px !important;}
.mgl50{margin-left: 50px !important;}
.mgl60{margin-left: 60px !important;}
.mgl70{margin-left: 70px !important;}

.pt0{padding-left: 0 !important;}
.pt10{padding-left: 10px !important;}
.pt15{padding-left: 15px !important;}
.pt20{padding-left: 20px !important;}
.pt25{padding-left: 25px !important;}
.pt30{padding-left: 30px !important;}
.pt35{padding-left: 35px !important;}
.pt40{padding-left: 40px !important;}
.pt50{padding-left: 50px !important;}
.pt60{padding-left: 60px !important;}
.pt70{padding-left: 70px !important;}
.pt80{padding-left: 80px !important;}

.pr0{padding-right: 0 !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr50{padding-right: 50px !important;}
.pr60{padding-right: 60px !important;}
.pr70{padding-right: 70px !important;}
.pr80{padding-right: 80px !important;}

.pb0{padding-bottom: 0 !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}

.pl0{padding-left: 0 !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl50{padding-left: 50px !important;}
.pl60{padding-left: 60px !important;}
.pl70{padding-left: 70px !important;}
.pl80{padding-left: 80px !important;}


#form th em{
	padding: 0 .5em;
	border: solid 1px #CC1C1C;
	float: right;
	color: #CC1C1C;
}

#form .textarea{
	margin: 5px;
	padding: 0.75em;
	border: solid 1px #ccc;
	border-radius: 4px;
	width: 98%;
	background: #FEEDE3;
}


#form .property-list input,
#form .check,
#form .radio{
	width: auto;
}
#form .w10{	width: 10%;}
#form .w20{	width: 20%;}
#form .w30{	width: 30%;}
#form .w40{	width: 40%;}
#form .w60{	width: 60%;}

input.error{
	display: block;
}
.confirm,
.preview {
	margin: 30px 0;
	text-align: center;
	clear: both;
}
#form .confirm input ,
#form .preview input {
	margin: 0 5px;
	padding: 1em;
	border: none;
	border-radius: 6px;
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background: #E08081 url(../img/arw_c_w_r.png) no-repeat right 10px center;
	background-size: 15px auto;
}
.confirm input ,
.preview input {
	display: inline-block;
	width: 300px;
}
.confirm input {
	display: inline-block;
	width: 300px;
}
#form .confirm .send{
	background: #FF9900 url(../img/arw_c_w_r.png) no-repeat right 10px center;
	background-size: 15px auto;
}

#form th span{
	color: #c00;
}

fieldset{
	border: none;
}

input.error{
	background: #fee;
}

label.error{
	display: none;
	color: #c00;
	font-weight: bold;
}

/** clearfix
-------------------------------------------------------------------**/

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}

.sp-text span.sp{
	display: none;
}
.pc-block{	display: block !important;}
.sp-block{	display: none !important;}
img.pc-block{	display: inline !important;}
img.sp-block{	display: none !important;}


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

	/** flex
	-------------------------------------------------------------------**/
	.flex-wrap{
		display: block;
	}
	.flex-wrap.sp,
	.sp-flex-wrap{
		display: flex;
	}
	
	/** latest
	-------------------------------------------------------------------**/
	#latest div a{
		padding: 10px 0;
		display: flex;
		background: url(../img/arw_c_p_r.png) no-repeat right center;
		background-size: 20px;
	}
	#latest .flex-wrap{
		margin: 0 -10px;
		border-top: dotted 2px #ccc;
	}
	#latest .flex-wrap div{
		padding: 0 10px;
		border-bottom: dotted 2px #ccc;
	}
	#latest .flex-wrap figure{
		width: 35%;
	}
	#latest dl{
		padding: 0 0 0 5%;
		width: 65%;
	}
	#latest dt{
		margin-bottom: .25em;
		font-size: 1.6rem;
		font-weight: bold;
		font-size: 1.4rem;
	}
	#latest dt span{
		margin: 0 0 .5em 0;
		display: block;
		width: calc(100% / 2);
		text-align: center;
		font-size: 1.1rem;
	}
	#latest dd{
		font-size: 1.3rem;
	}
	#latest dd span{
		color: #D80000;
		font-size: 1.5rem;
		font-weight: bold;
	}
		
	/** table
	-------------------------------------------------------------------**/


	table{
		margin-top: 10px;
		width: 100%;
		border: solid 1px #ccc;
	}

	table td,
	table th{
		padding: 10px 15px;
		border: solid 1px #ccc;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
	}

	table th{
		padding: 5px 10px;
		width: 30%;
		background: #FFFFD9;
		color:  #222;
		font-weight: bold;
	}
	table td{
		padding: 5px 10px;
		width: 70%;
		background: #fff;
	}
	
	#form table,
	#form tbody,
	#form tr,
	#form th,
	#form td{
		display: block;
		width: 100%;
	}
	.sp-col1 li{	width: 100%;}
	.sp-col2 li{	width: 50%;}
	.sp-col3 li{	width: 33%;}
	.sp-col4 li{	width: 25%;}
	.sp-col5 li{	width: 20%;}
	.sp-col6 li{	width: calc(100% / 6);}

	#form table{
		border: solid 1px #ccc;
		border-top: none;
	}
	#form th,
	#form td{
		padding: 10px;
		border: none;
	}
	#form th{
		border-top: solid 1px #ccc;
	}
	
	#form .confirm input ,
	#form .preview input {
		margin: 0 5px;
		padding: .5em;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.confirm input ,
	.preview input {
		display: inline-block;
		width: 45%;
	}
	
	.sp-text span.sp{
		display: block;
	}
	.sp-text img{
		display: none;
	}
	.pc-block,.sp-hidden{	display: none !important;}
	.sp-block{	display: block !important;}
	img.pc-block{	display: none !important;}
	img.sp-block{	display: inline !important;}
	img.sp-block,
	.sp-block img{
		width: 100%;
		height: auto;
	}
	
	.nofluid{
		width: auto;
		height: auto;
	}
	
	.anchor{
		position: relative;
		top: -36px;
	}
}