@charset "utf-8";

#property .wrap {
	padding:60px 0 120px;
}
#property .contents_inner {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-gap:50px 20px;
	margin-bottom:60px;
}
#property .item a {
	transition:.3s;
	display:block;
}
#property .item a:hover {
	filter:brightness(1.2);
}
#property .item .img {
	position:relative;
}
#property .item .img span {
	position:absolute;
	z-index:1;
	font-size:1.4rem;
	color:#FFFFFF;
	background-color:#000000;
	line-height:1.6;
	padding:0 .5em;
	top:0;
	left:0;
}
#property .item .img span.sale {
	background-color:#287994;
}
#property .item .img img {
	aspect-ratio:1.25/1;
	object-fit:cover;
}
#property .item .info1 {
	display:grid;
	font-size:2.0rem;
	font-weight:600;
	grid-template-columns:3em 1fr;
	padding:1em 0;
}
#property .item .info2 {
	display:grid;
	grid-template-columns:auto 1fr;
	grid-gap:8px 12px;
	align-items:center;
}
#property .item .info2 dt {
	font-size:1.3rem;
	background-color:#312927;
	width:5em;
	height:2em;
	color:#FFFFFF;
	display:grid;
	justify-content:center;
	align-items:center;
}
#property .item .info2 dd {
	font-size:1.4rem;
	line-height:1.2;
}

.wp-pagenavi {
	text-align:center;
}

/**single**/

#property.single .cat {
	display:inline-block;
	font-size:1.8rem;
	color:#FFFFFF;
	font-weight:600;
	line-height:2;
	margin-bottom:1em;
	padding:0 1em;
	background-color:#000000;
	border-radius:4px;
}
#property.single h2 {
	font-size:2.4rem;
	line-height:1.5;
	margin-bottom:.5em;
}
#property.single p.type {
	font-size:2.4rem;
	color:#6cbbd5;
	font-weight:600;
	border-top:2px solid #000000;
	padding:.75em 0;
}
#property.single .sliderwrap {
	display:grid;
	grid-template-columns:1fr 14.6%;
	margin-bottom:45px;
}
#property.single .sliderwrap > div {
	overflow:hidden;
}
#property.single .sliderwrap .mainslide .slick-slide {
	background-color:#fafafa;
}
#property.single .sliderwrap .mainslide .slick-slide img {
	width:100%;
	aspect-ratio:1.3333/1;
	object-fit:contain;
}
#property.single .sliderwrap .mainslide .slick-arrow {
	top:50%;
	transform:translate(0,-50%);
	width:45px;
	height:45px;
	z-index:1;
	background-color:#EFEFEF;
	border:1px solid #FFFFFF;
}
#property.single .sliderwrap .mainslide .slick-arrow::before {
	content:'';
	display:block;
	width:10px;
	height:10px;
	border-top:2px solid #000000;
	border-right:2px solid #000000;
	position:absolute;
	left:50%;
	top:50%;
	transform-origin:center center;
	transform: translate(-50%,-50%) rotate(45deg);
}
#property.single .sliderwrap .mainslide .slick-prev {
	left:0;
}
#property.single .sliderwrap .mainslide .slick-prev::before {
	transform: translate(-50%,-50%) rotate(-135deg);
}
#property.single .sliderwrap .mainslide .slick-next {
	right:0;
}
#property.single .sliderwrap .thumbslide.noslide .slick-track {
	transform:translate3d(0px, 0px, 0px)!important;
}
#property.single .sliderwrap .thumbslide .slick-slide {
	padding:0 5px 5px;
	position: relative;
}
#property.single .sliderwrap .thumbslide .slick-slide.slick-current img {
	opacity:.75;
}
#property.single .sliderwrap .thumbslide .slick-slide.slick-current::before {
	content:'';
	display:block;
	width:calc(100% - 20px);
	height:calc(100% - 15px);
	border:5px solid #6cbbd5;
	position:absolute;
	left:5px;
	top:0;
	z-index:10;
}
#property.single .contents {
	max-width:900px;
}
#property.single .info1 {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-gap:15px;
	margin-bottom:45px;
}
#property.single .info1 dl {
	border:3px solid #cccccc;
	display:grid;
	grid-template-columns:6em 1fr;
	align-items:center;
	font-size:1.8rem;
	padding:1em;
	line-height:1.5;
	background-color:#EFEFEF;
}
#property.single .info1 dl dd {
	font-size:2.2rem;
	line-height:1.5;
}

#property.single .info2 {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-gap:4px;
	margin-bottom:45px;
}
#property.single .info2 dl.tit {
	grid-area:1/1/2/3;
}
#property.single .info2 dl.other {
	grid-area:3/1/4/3;
}
#property.single .info2 dl {
	display:grid;
	grid-template-columns:6em 1fr;
	align-items:center;
	font-size:1.6rem;
	line-height:1.5;
}
#property.single .info2 dl dt {
	background-color:#6cbbd5;
	padding:.5em;
	align-self:stretch;
	text-align:center;
	display:grid;
	align-items:center;
}
#property.single .info2 dl dd {
	padding:.5em;
	line-height:1.5;
	align-self:stretch;
	background-color:#EFEFEF;
	display:grid;
	align-items:center;
}
#property.single .info2 dl dt:not(:nth-last-child(2)),
#property.single .info2 dl dd:not(:last-child) {
	margin-bottom:4px;
}

#property.single .company {
	border:2px solid #000000;
	padding:1.5em 3em;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:1em;
	font-size:1.6rem;
	line-height:1.5;
}
#property.single .company > dt {
	font-size:2.8rem;
}
#property.single .company > dt span {
	font-size:.66em;
	margin-right:1em;
}
#property.single .company dd dd {
	line-height:1.5;
}
#property.single .company dd dl {
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	grid-gap:.25em 2em;
}
#property.single .company dd dl dd:first-child {
	grid-area:1/1/2/3;
}

@media screen and (max-width:1200px){	
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
	
	#property .wrap {
		padding:40px 0 50px;
	}
	#property .contents_inner {
		grid-template-columns:repeat(2,1fr);
		grid-gap:30px 10px;
		margin-bottom:40px;
	}
	#property h1 {
		font-size: min(10.66vw,6.0rem);
		margin-bottom:.75em;
	}
	#property h1 span {
		font-size: min(4.26vw,2.4rem);
	}
	#property .item {
		padding:0 2px;
	}
	#property .item a {
		transition:0s;
	}
	#property .item a:hover {
		filter:brightness(1);
	}
	#property .item .info1 {
		font-size: min(4.26vw,2.4rem);
	}
	#property .item .info2 dt {
		font-size: min(3.46vw,1.3rem);
	}
	#property .item .info2 dd {
		font-size: min(4vw,1.5rem);
	}


	/**single**/
	
	#property.single .cat {
		font-size:1.5rem;
	}
	#property.single h2 {
		font-size:1.8rem;
	}
	#property.single p.type {
		font-size:1.8rem;
	}
	#property.single .sliderwrap {
		margin-bottom:30px;
	}
	#property.single .sliderwrap .mainslide .slick-arrow {
		width:35px;
		height:35px;
	}
	#property.single .sliderwrap .mainslide .slick-arrow::before {
		width:7px;
		height:7px;
	}
	#property.single .sliderwrap .thumbslide .slick-slide.slick-current::before {
		width:calc(100% - 16px);
		height:calc(100% - 11px);
		border:3px solid #6cbbd5;
	}
	#property.single .info1 {
		grid-template-columns:1fr;
		grid-gap:5px;
		margin-bottom:30px;
	}
	#property.single .info1 dl {
		border:1px solid #000000;
		font-size:1.5rem;
		padding:.75em;
	}
	#property.single .info1 dl dd {
		font-size:1.8rem;
	}
	#property.single .info2 {
		grid-template-columns:1fr;
		margin-bottom:30px;
	}
	#property.single .info2 dl.tit {
		grid-area:inherit;
	}
	#property.single .info2 dl.other {
		grid-area:inherit;
	}
	#property.single .info2 dl {
		font-size:1.4rem;
	}
	
	#property.single .company {
		padding:1em 1.5em;
		grid-template-columns:1fr;
		font-size:1.4rem;
	}
	#property.single .company > dt {
		font-size:2.4rem;
	}
	
}

@media screen and (max-width:768px){
}

@media screen and (max-width:769px){

	
}