@charset "utf-8";
/*------------------------------------------------------------
	property_detail
------------------------------------------------------------*/


#main .h3Ttl {
	margin-bottom: 27px;
	font-size: 3.2rem;
	font-weight: 700;
}
#main .h3Ttl .tag {
	margin: 10px 20px 0 0;
	box-sizing: border-box;
	padding: 3px 10px 4px;
	width: 200px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 400;
	background: #F2A501;
}
#main .txtBox01 {
	margin-bottom: 53px;
}
#main .txtBox01 .address {
	box-sizing: border-box;
	padding: 1px 0 0 30px;
	width: 70%;
	min-height: 31px;
	font-size: 1.8rem;
	background: url("../img/property_detail/icon01.png") no-repeat left top;
	background-size: 22px auto;
}
#main .txtBox01 .price {
	margin-top: -7px;
	width: 30%;
	text-align: right;
	font-size: 1.8rem;
	line-height: 1;
}
#main .txtBox01 .price .num {
	color: #B84B6F;
	font-size: 3.6rem;
	font-weight: 700;
}
#main .txtBox02 {
	margin-bottom: 60px;
	padding: 20px 30px 45px;
	line-height: 1.75;
	border-top: 2px solid #00b800;
	background: #EAFFF7;
}
#main .txtBox02 .ttl {
	margin-bottom: 17px;
	color: #00b800;
	font-weight: 700;
	font-size: 2rem;
}
#main .txtBox02 .text {
	text-align: justify;
}
#main .sliderBox {
	margin-bottom: 85px;
}
#main .sliderBox .photoBox {
	padding: 0 60px 10px;
	position: relative;
}
#main .sliderBox .bigPhoList li {
	vertical-align: top;
	text-align: center;
}
#main .sliderBox .photoBox .arrowList li {
	margin-top: -5px;
	padding: 10px 0;
	width: 50px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	line-height: 0;
	font-size: 0;
	transform: translateY(-50%);
}
#main .sliderBox .photoBox .arrowList .prev {
	left: 0;
}
#main .sliderBox .photoBox .arrowList .next {
	right: 0;
}
#main .sliderBox .phoList {
	margin: 0 54px;
}
#main .sliderBox .phoList li {
	box-sizing: border-box;
	margin-top: 10px;
	padding: 0 5px;
	width: 10%;
}
#main .sliderBox .phoList li a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-align: center;
}
#main .sliderBox .phoList li.on a:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 2px solid #000;
	content: "";
}
#main .sliderBox .phoList li a:hover {
	opacity: 0.7;
}
#main .movieBox {
	margin: 0 60px 90px;
	text-align: center;
}
#main .headLine01 {
	margin-bottom: 49px;
}
#main .loan {
	margin-bottom: 140px;
}
#main .loan table {
	margin-bottom: 19px;
	width: 100%;
	border-collapse: collapse;
}
#main .loan th, #main .loan td {
	padding: 10px 13px 11px;
	width: 30%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #E6E6E6;
}
#main .loan th {
	width: 20%;
	font-weight: 700;
	background: #EAFFF7;
}
#main .loan td {
	font-size: 1.8rem;
}
#main .loan td .price {
	padding: 0 35px;
	text-align: right;
}
#main .loan td .inputBox {
	padding: 0 20px;
	position: relative;
}
#main .loan td .inputBox input {
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	text-align: right;
	font-size: 1.8rem;
	line-height: 1;
	border-radius: 0;
	border: none;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}
#main .loan td .inputBox .add {
	width: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#main .loan td .inputBox .lose {
	width: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#main .loan .subBox .dlList {
	box-sizing: border-box;
	width: 50%;
	border: 1px solid #0FB2E9;
}
#main .loan .subBox .dlList dt {
	box-sizing: border-box;
	padding: 10px;
	width: 140px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.75;
	background-color: #0FB2E9;
}
#main .loan .subBox .dlList dt span {
	width: 100%;
	display: block;
}
#main .loan .subBox .dlList dd {
	box-sizing: border-box;
	padding: 20px 19px 15px;
	width: calc(100% - 140px);
}
#main .loan .subBox .dlList dd .price {
	padding: 0 10px 13px;
	text-align: right;
	font-size: 1.8rem;
	line-height: 1;
	border-bottom: 1px solid #CCC;
}
#main .loan .subBox .dlList dd .price .num {
	margin-right: 10px;
	color: #B84B6F;
	font-size: 3.6rem;
	font-weight: 700;
}
#main .loan .subBox .dlList dd .text {
	padding: 8px 10px 0;
	display: flex;
	justify-content: space-between;
}
#main .loan .subBox .dlList dd .text span {
	display: block;
	width: 50%;
}
#main .loan .subBox .dlList dd .text .txt02 {
	text-align: right;
}
#main .loan .subBox .dlList dd .text .txt02 span {
	width: auto;
	display: inline;
	font-weight: 700;
}
#main .loan .subBox .btnBox {
	width: 46.7%;
}
#main .loan .subBox .btnBox input {
	box-sizing: border-box;
	margin-bottom: 4px;
	padding: 19px 15px 21px;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	border-radius: 0;
	border: none;
	background: #F2A501;
	-webkit-appearance: none;
	appearance: none;
}
#main .loan .subBox .btnBox input:hover {
	opacity: 0.7;
}
#main .loan .subBox .btnBox .note {
	max-width: 380px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.75;
}
#main .property {
	margin-bottom: 139px;
}
#main .property table {
	width: 100%;
	border-collapse: collapse;
}
#main .property th, #main .property td {
	padding: 15px 18px;
	line-height: 1.75;
	text-align: left;
	vertical-align: top;
	border: 2px solid #E5E5E5;
}
#main .property th {
	width: 16.65%;
	background: #EAFFF7;
}
#main .property td {
	width: 33.35%;
}
#main .access {
	margin-bottom: 141px;
}
#main .access .map {
	width: 100%;
	height: 600px;
	background: #ccc;
}
#main .access .map iframe {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
#main .comFormBox .headLine01 {
	margin-bottom: 43px;
}
@media all and (max-width: 896px) {
	#main .h3Ttl {
		margin-bottom: 15px;
		font-size: 2.3rem;
		font-weight: 700;
	}
	#main .h3Ttl .tag {
		margin: 0 0 5px;
		width: 150px;
		display: block;
		font-size: 1.6rem;
	}
	#main .txtBox01 {
		margin-bottom: 30px;
		display: block;
	}
	#main .txtBox01 .address {
		margin-bottom: 10px;
		padding: 0 0 3px 25px;
		width: auto;
		min-height: inherit;
		font-size: 1.6rem;
		background-size: 18px auto;
	}
	#main .txtBox01 .price {
		margin-top: 0;
		width: auto;
		text-align: left;
		font-size: 1.6rem;
	}
	#main .txtBox01 .price .num {
		font-size: 2.6rem;
	}
	#main .txtBox02 {
		margin-bottom: 30px;
		padding: 10px 15px;
		border-top: 1px solid #00b800;
	}
	#main .txtBox02 .ttl {
		margin-bottom: 5px;
		font-size: 1.8rem;
	}
	#main .sliderBox {
		margin-bottom: 20px;
	}
	#main .sliderBox .photoBox {
		padding: 0 30px;
	}
	#main .sliderBox .photoBox .arrowList li {
		margin-top: 0;
		width: 25px;
	}
	#main .sliderBox .phoList {
		margin: 0 -5px;
	}
	#main .sliderBox .phoList li {
		width: 33.33%;
	}
	#main .movieBox {
		margin: 0 0 40px;
	}
	#main .headLine01 {
		margin-bottom: 25px;
	}
	#main .loan {
		margin-bottom: 40px;
	}
	#main .loan table {
		margin-bottom: 20px;
		border-top: 1px solid #E6E6E6;
	}
	#main .loan th, #main .loan td {
		box-sizing: border-box;
		padding: 10px;
		width: 100% !important;
		display: block !important;
		border: 1px solid #E6E6E6;
		border-top: none;
	}
	#main .loan td {
		font-size: 1.4rem;
	}
	#main .loan td .price {
		padding: 0 20px;
	}
	#main .loan td .inputBox input {
		font-size: 1.4rem;
	}
	#main .loan .subBox {
		display: block;
	}
	#main .loan .subBox .dlList {
		margin-bottom: 20px;
		width: auto;
		display: block;
	}
	#main .loan .subBox .dlList dt {
		width: auto;
		font-size: 1.6rem;
	}
	#main .loan .subBox .dlList dd {
		padding: 10px 15px;
		width: auto;
	}
	#main .loan .subBox .dlList dd .price {
		padding: 0 10px 10px;
		font-size: 1.4rem;
	}
	#main .loan .subBox .dlList dd .price .num {
		font-size: 2.6rem;
	}
	#main .loan .subBox .dlList dd .text {
		padding: 8px 5px 0;
	}
	#main .loan .subBox .btnBox {
		width: auto;
	}
	#main .loan .subBox .btnBox input {
		padding: 10px;
		font-size: 1.6rem;
	}
	#main .loan .subBox .btnBox input:hover {
		opacity: 1;
	}
	#main .loan .subBox .btnBox .note {
		max-width: inherit;
	}
	#main .property {
		margin-bottom: 40px;
	}
	#main .property table {
		border-top: 1px solid #E5E5E5;
	}
	#main .property th, #main .property td {
		box-sizing: border-box;
		padding: 10px;
		width: 100% !important;
		display: block !important;
		border: 1px solid #E5E5E5;
		border-top: none;
	}
	#main .access {
		margin-bottom: 40px;
	}
	#main .access .map {
		height: 300px;
	}
	#main .comFormBox .headLine01 {
		margin-bottom: 25px;
	}
}