@charset "UTF-8";
.red{color:#f00;}
/* --------------------------------------------------------------------------------------
ページタイトル */
body #pagetitle{
	margin:0;
}
#pagetitle h1{
	height:45px;
	background:url(/sp/img/top/bg_alfa_l.png) right top no-repeat #893bb3;
	background-size:130px 45px;
	font-size:1.49em;
	color:#fff;
	line-height:45px;
	text-align:center;
}
#pagetitle h1 img{
	width:30px;
	height:45px;
}
/* --------------------------------------------------------------------------------------
写真 */
#gallery{
	margin-bottom:20px;
	background:#fff;
}
#gallery h1{
	font-size:1.4em;
	text-align:center;
	padding:10px;
	letter-spacing:-2px;
}
#gallery .inner-wrap{
	padding:10px;
}
#gallery .inner-wrap .bx-viewport{
	border:1px solid #ccc;
	margin-bottom:10px;
}
body #gallery .bx-wrapper .bx-pager {
	text-align: center;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
}
/* --------------------------------------------------------------------------------------
写真下概要 */
#disc p{
	margin-bottom:10px;
	font-size:0.9em;
	line-height:18px;
}
#disc .tel{
	text-align:center;
}
#disc a{
	display:inline-block;
}
#disc .tel img{
	width:230px;
	height:45px;
}
/* --------------------------------------------------------------------------------------
お客様へのメッセージ */
#message{
	margin-bottom:20px;
	background:#fff;
	
}
#message h1{
	color:#fff;
	background:#0047cc;
	padding:6px 5px 8px 10px;
	width:100%;
}
#message dl{
	padding:15px;
}
#message dl dt{
	margin-bottom:10px;
}
/* --------------------------------------------------------------------------------------
マップ */
#map-wrap{
	margin-bottom:20px;
	background:#fff;
}
#map-wrap h1{
	color:#fff;
	background:#0047cc;
	padding:6px 5px 8px 10px;
	width:100%;
}
#map-wrap .inner-wrap{
	padding:10px 20px;
}
#map-wrap .btn{
	background:url(/sp/img/sale/detail/map_arrow.png) right center no-repeat #0078be;
	background-size:19px 17px;
}
#map-wrap .btn a{
	color:#fff;
	height:45px;
	line-height:45px;
	padding-left:10px;
}
#map-wrap .inner-wrap iframe{
	width:100%;
	height:300px;
}
/* --------------------------------------------------------------------------------------
概要 */
#overview{
	margin-bottom:20px;
}
#overview h1{
	color:#fff;
	background:#0047cc;
	padding:6px 5px 8px 10px;
	width:100%;
}

#overview table{
	width:100%;
	border:1px solid #ccc;
	background:#fff;
}
#overview table tr{
	border-bottom:1px solid #ccc;
}
#overview table th{
	width:26%;
	background:#efefef;
	padding:8px 10px;
	font-size:0.85em;
	line-height:16px;
}
#overview table td{
	padding:8px 10px;
	font-size:0.85em;
	line-height:16px;
    text-align: justify;
}
#overview table a{
	text-decoration:underline;
}
/* --------------------------------------------------------------------------------------
ローンシミュレーター */
#simulator{
	margin-bottom:40px;
	background:#fff;
}
#simulator h1{
	color:#fff;
	background:#0047cc;
	height:35px;
	line-height:35px;
	font-size:1.4em;
	padding-left:10px;
}
#simulator .inner-wrap{
	padding:10px;
}
#simulator .inner-wrap dl{
	margin-bottom:10px;
}
#simulator .inner-wrap dt{
	margin-bottom:10px;
	font-size:1em;
	line-height:20px;
}
#simulator .inner-wrap dd{
	font-size:0.85em;
		line-height:18px;
}
#simulator .inner-wrap table{
	border:1px solid #ccc;
	width:100%;
	background:#efefef;
}
#simulator .inner-wrap table tr{
	border-bottom:1px solid #ccc;
}
#simulator .inner-wrap table th{
	width:30%;
	font-size:0.95em;
	vertical-align:top;
	padding:5px 0;
}
#simulator .inner-wrap table th.bonus{
	font-size:0.8em;
	line-height:16px;
}
#simulator .inner-wrap table td.input{
	width:50%;
	padding:5px 0;
	font-size:1.4em;
}
#simulator .inner-wrap table td.input input{
	display:block;
	width:100%;
	height:35px;
	text-align:center;
}
#simulator .inner-wrap table td.unit{
	width:20%;
	font-size:0.8em;
	vertical-align:bottom;
	padding:5px 0;
	padding-left:10px;
}
#simulator .inner-wrap .result{
	border:2px solid #f00;
	background:#feffdd;
	text-align:center;
	padding-top:8px;
}
#simulator .inner-wrap .result dt{
	font-size:1.4em;
}
#simulator .inner-wrap .result dd strong{
	font-size:2em;
}
/* --------------------------------------------------------------------------------------
条件の近い物件 */
#recommend h1{
	font-size:1.2em;
	margin-bottom:5px;
}
#recommend ul li.block{
	border-bottom:1px solid #ccc;
	background:url(/sp/img/sale/top/arrow_reco.png) right center no-repeat #fff;
	background-size:18px 17px;
	line-height:19px;
}
#recommend ul li.block a{
	padding:2px 0;
	padding-right:22px;
	font-size:0.90em;
}
#recommend ul li.block a .red{
	color:#f00;
}
#recommend ul li .img{
	 width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}
#recommend ul li .img img{
	position: absolute;
	min-width: 100%;
	min-height: 100%; /*余白出す場合はmax-widthとmax-heigtに*/
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate(-50%, -50%);
	transform: translate3d(-50%, -50%, 0);
}
#recommend ul li.block ul{
	padding:10px;
}

.biz-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.biz-list li {
  position: relative;
  padding-left: 1.75em;
  margin-bottom: 0.35em;
}

.biz-list li::before {
  content: counter(biz) ".";
  counter-increment: biz;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 1.2em;
  text-align: right;
}

.biz-list {
  counter-reset: biz;
}