@charset "UTF-8";

/*
=====================================================================
	アイホーム　不動産情報
=====================================================================
*/



/* ============================================================================================== */
@media print, screen and (min-width:641px) {


#mv{
	margin-bottom:40px;
	}

#realestateWrap h2{
	font-size:28px;
	font-weight:bold;
	margin-bottom:40px;
	border-left:10px solid #003D84;
	padding-left:20px;
	}

#realestateWrap .reInner{
	margin-bottom:80px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

	#realestateWrap .inner{
		width:47%;
		display: flex;
		flex-direction: column;
		margin-bottom:40px;
		}

		#realestateWrap .inner .ttlWrap{
			display:flex;
			justify-content:space-between;
			align-items:center;
			background:#003D84;
			padding:8px 10px;
			color:#fff;
			}

			#realestateWrap .inner .ttlWrap .ttlL{
				width:15%;
				}

				#realestateWrap .inner .ttlWrap .ttlL p.takuchi{
					background:#CF131B;
					border:1px solid #fff;
					padding:10px;
					font-size:20px;
					border-radius:2px;
					}

				#realestateWrap .inner .ttlWrap .ttlL p.chuko{
					background:#EA5514;
					border:1px solid #fff;
					padding:10px;
					font-size:20px;
					border-radius:2px;
					}

			#realestateWrap .inner .ttlWrap .ttlR{
				width:75%;
				}

				#realestateWrap .inner .ttlWrap .ttlR h3{
					font-size:24px;
					font-weight:bold;
					}

		#realestateWrap .inner .detailInner{
			background:#FAE9D7;
			padding:20px;
			flex-grow: 1;
			}

		#realestateWrap .inner .photo{
			margin-bottom:30px;
			}

			#realestateWrap .inner .photo img{
				width:100%;
				height:auto !important;
				}

		#realestateWrap .inner .reDetail{
			
			}

			#realestateWrap .inner .reDetail dl{
				border-bottom:1px solid #9FA0A0;
				padding-bottom:10px;
				margin-bottom:10px;
				display:flex;
				justify-content:space-between;
				}

				#realestateWrap .inner .reDetail dl dt{
					font-weight:bold;
					width:20%;
					}

				#realestateWrap .inner .reDetail dl dd{
					width:70%;
					}

		#realestateWrap .inner p.btn_detail a{
				display:block;
				padding:10px;
				background:#003D84;
				color:#fff;
				font-size:18px;
				font-weight:bold;
				text-align:center;
				}

		#realestateWrap .inner p.btn_detail a:hover{
				background:#5B99D6;
				}		

/* pager
---------------------------------------------------------------------- */
#nav-below{
	width:50%;
	margin:80px auto;
	font-size:16px;
	text-align:center;
	}

	#nav-below a{
		color:#000;
		}

	#nav-below a:hover{
		color:#ccc;
		}

		#nav-below .nav-next{
			padding:0 20px 0 0;
			}

		#nav-below .buildList{
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .nav-previous{
			padding:0 0 0 20px;
			}


.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:80px 0 20px;
	font-size:35px;
	}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background:#003D84;
	padding: 8px 10px;
	margin: 6px;
	color:#fff !important;
	border:1px solid #003D84;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border:1px solid #003D84;
	color:#003D84 !important;
	background:#fff;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	}


/* detail
--------------------------------------------------------- */
#realestateDetail{
	border-top:1px solid #ccc;
	padding-top:60px;
	}

	#realestateDetail div.gaiyou{
		width:60%;
		margin:0 auto 60px;
		text-align:center;
		}

		#realestateDetail div.gaiyou p{
			font-size:24px;
			}

	#realestateDetail h3{
		font-size:24px;
		font-weight:bold;
		margin-bottom:25px;
		color:#003D84;
		}

	#realestateDetail .infoWrap{
		margin-bottom:60px;
		display:flex;
		justify-content:space-between;
		}

		#realestateDetail .infoWrap .infoInner{
			width:47%;
			}

	#realestateDetail .infoWrap ul{
		font-size:18px;
		margin-left:1em;
		list-style:disc;
		}

	#realestateDetail ul li{
		margin-bottom:10px;
		}


	#realestateDetail .infoWrap p{
		font-size:18px;
		}


#itemPhoto{
	width:980px;
	margin:0 auto 80px;
	}

	#itemPhoto img{
		width:100%;
		height:auto !important;
		}

	#itemPhoto .slider{
		margin:0 auto 10px;
		width:80%;
		}

		#itemPhoto .slider p.photoCom{
			text-align:center;
			margin:15px 0 20px;
			}

	#itemPhoto ul.slide-navigation{
		display:flex;
		flex-wrap:wrap;
		width:100% !important;
		}

		#itemPhoto ul.slide-navigation li{
			width:16% !important;
			margin-right:0.66%;
			margin-bottom:10px;
			}

		#itemPhoto ul.slide-navigation li:nth-of-type(6n){
			margin-right:0;
			}

		#itemPhoto ul.slide-navigation .slick-track {
			transform: unset !important;
			width:100% !important;
			}

.slick-arrow:before{
	content:""!important;
	}

.slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
	}

	.slick-next:before{
		background: url(../../img/sec/realestate/arrow_r.png)!important;
		background-size: 40px 70px !important;
		}

	.slick-prev:before{
		background: url(../../img/sec/realestate/arrow_l.png)!important;
		background-size: 40px 70px !important;
		}

	.slick-next{
		right:-70px;
		}

	.slick-prev{
		left:-70px;
		}

	.slick-arrow{
		z-index:2!important;
		width:40px!important;
		height:70px!important;
		}

		　


#map{
	width:100%;
	}

	#map iframe{
		width:100%;
		}





}



/* ============================================================================================== */
@media screen and  (max-width:640px) {

#mv{
	margin-bottom:80px;
	}

#realestateWrap h2{
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px;
	border-left:10px solid #003D84;
	padding-left:15px;
	}

#realestateWrap .reInner{
	margin-bottom:80px;
	width:100%;
	}

	#realestateWrap .inner{
		margin-bottom:40px;
		}

		#realestateWrap .inner .ttlWrap{
			display:flex;
			justify-content:space-between;
			align-items:center;
			background:#003D84;
			padding:8px 10px;
			color:#fff;
			}

			#realestateWrap .inner .ttlWrap .ttlL{
				width:20%;
				}

				#realestateWrap .inner .ttlWrap .ttlL p.takuchi{
					background:#CF131B;
					border:1px solid #fff;
					padding:5px;
					font-size:16px;
					border-radius:2px;
					text-align:center;
					}

				#realestateWrap .inner .ttlWrap .ttlL p.chuko{
					background:#EA5514;
					border:1px solid #fff;
					padding:10px;
					font-size:20px;
					border-radius:2px;
					}

			#realestateWrap .inner .ttlWrap .ttlR{
				width:75%;
				}

				#realestateWrap .inner .ttlWrap .ttlR h3{
					font-size:20px;
					font-weight:bold;
					}

		#realestateWrap .inner .detailInner{
			background:#FAE9D7;
			padding:20px;
			flex-grow: 1;
			}

		#realestateWrap .inner .photo{
			margin-bottom:30px;
			}

			#realestateWrap .inner .photo img{
				width:100%;
				height:auto !important;
				}

		#realestateWrap .inner .reDetail{
			
			}

			#realestateWrap .inner .reDetail dl{
				border-bottom:1px solid #9FA0A0;
				padding-bottom:10px;
				margin-bottom:10px;
				display:flex;
				justify-content:space-between;
				font-size:14px;
				}

				#realestateWrap .inner .reDetail dl dt{
					font-weight:bold;
					width:20%;
					}

				#realestateWrap .inner .reDetail dl dd{
					width:76%;
					}

		#realestateWrap .inner p.btn_detail a{
				display:block;
				padding:10px;
				background:#003D84;
				color:#fff;
				font-size:16px;
				font-weight:bold;
				text-align:center;
				}

		#realestateWrap .inner p.btn_detail a:hover{
				background:#5B99D6;
				}

/* pager
---------------------------------------------------------------------- */
#nav-below{
	width:50%;
	margin:80px auto;
	font-size:16px;
	text-align:center;
	}


	#nav-below a{
		color:#000;
		}

	#nav-below a:hover{
		color:#ccc;
		}

		#nav-below .nav-next{
			display:block;
			margin-bottom:5px;
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .buildList{
			display:block;
			margin-bottom:5px;
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .nav-previous{
			display:block;
			margin-bottom:5px;
			padding:8px;
			border:1px solid #000;
			}


.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:80px 0 20px;
	font-size:28px;
	}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background:#003D84;
	padding: 8px 10px;
	margin: 4px;
	color:#fff !important;
	border:1px solid #003D84;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border:1px solid #003D84;
	color:#003D84 !important;
	background:#fff;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	}


/* detail
--------------------------------------------------------- */
#realestateDetail{
	border-top:1px solid #ccc;
	padding-top:60px;
	}

	#realestateDetail div.gaiyou{
		width:90%;
		margin:0 auto 60px;
		}

		#realestateDetail div.gaiyou p{
			font-size:16px;
			}

	#realestateDetail h3{
		font-size:20px;
		font-weight:bold;
		margin-bottom:25px;
		color:#003D84;
		}

	#realestateDetail .infoWrap{
		margin-bottom:60px;
		
		}

		#realestateDetail .infoWrap .infoInner{
			width:100%;
			margin-bottom:60px;
			}

	#realestateDetail .infoWrap ul{
		font-size:16px;
		margin-left:1em;
		list-style:disc;
		}

	#realestateDetail ul li{
		margin-bottom:5px;
		}


	#realestateDetail .infoWrap p{
		font-size:16px;
		margin-left:1em;
		}


#itemPhoto{
	width:100%;
	margin:0 auto 60px;
	}

	#itemPhoto img{
		width:100%;
		height:auto !important;
		}

	#itemPhoto .slider{
		margin:0 auto 10px;
		width:100%;
		}

		#itemPhoto .slider p.photoCom{
			text-align:center;
			margin:15px 0 20px;
			}

	#itemPhoto ul.slide-navigation{
		display:flex;
		flex-wrap:wrap;
		width:100% !important;
		}

		#itemPhoto ul.slide-navigation li{
			width:32% !important;
			margin-right:1.33%;
			margin-bottom:10px;
			}

		#itemPhoto ul.slide-navigation li:nth-of-type(3n){
			margin-right:0;
			}

		#itemPhoto ul.slide-navigation .slick-track {
			transform: unset !important;
			width:100% !important;
			}

.slick-arrow:before{
	content:""!important;
	}

.slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
	}

	.slick-next:before{
		background: url(../../img/sec/realestate/arrow_r.png)!important;
		background-size: 30px 52.5px !important;
		}

	.slick-prev:before{
		background: url(../../img/sec/realestate/arrow_l.png)!important;
		background-size: 30px 52.5px !important;
		}

	.slick-arrow{
		z-index:1000!important;
		width:30px!important;
		height:52.5px!important;
		}

		.slick-next{
			right:0px!important;
			}

		.slick-prev{
			left:0px!important;
			}

#map{
	width:100%;
	}

	#map iframe{
		width:100%;
		}




}