@charset "UTF-8";

/* ------------------------------
 土地（アーカイブ）
------------------------------ */

/* ========= エリアボタン =========*/

.archive .page_header{margin-bottom: 0!important}


.area{
	background: #95C221;
	padding: 3em 0;
}

.area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.area ul li{
	width: 100%;
	margin: 0 0 1.5em!important;
	padding: 1.2em 2em;
	}

@media print, screen and (max-width: 767px) {
	.area ul li a{font-size: .8em}
}

@media print, screen and (min-width: 768px) {
	.area ul li{width: 48%}
}

@media print, screen and (min-width: 1080px) {
	.area ul li{
		width: 32%;
	}
	.area ul:after{
		content: '';
		width: 32%;
		display: block
	}
}

.tochi_arc_tax{margin-top: 6em;}
.tochi_arc_tax div.pxbtn{margin-top: 3em}

/* ========= エリアごと一覧 =========*/

.tochi_arc_list{padding: 6em 0}

#tochi_arc .tochi_arc_list:nth-child(odd){
	background: #EEF5DE;
}
.tochi_arc_list > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 3em auto;
}
.tochi_arc_list > ul > li{
	width: 100%;
	margin-bottom: 2em
}

.tochi_arc_list li.boxlink img{
	aspect-ratio : 4 / 3;
	vertical-align: bottom;
	object-fit: cover;
}

.catch{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: .5em;
}

.tochi_arc_list li.boxlink h4{
	margin-top: .5em;
	font-size: 1.2em;
}

#tochi_arc .boxlink{
	border: solid 4px #000;
	padding: 1em;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	transition: 0s
		
}
#tochi_arc .boxlink:hover{
	top: -5px;
	left: -5px;
	box-shadow: 5px 5px 0px #000;
	transition: 0s
}

#tochi_arc .boxlink > *{
	width: 100%;
	margin-bottom: 1em;
}
	
@media print, screen and (min-width: 768px) {
	#tochi_arc .boxlink figure{width: 35%}
	#tochi_arc .boxlink > div{width: 62%;}
}

#tochi_arc .boxlink h4{
	font-size: 1.5em;
}

.tochi_info{margin-top: 1em;}
.tochi_info dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: .7em;
	border-bottom: solid 1px #ccc
}

.tochi_info dt,
.tochi_info dd{
	width: 100%;
	margin-bottom: .5em;
}
.tochi_info dt{
	font-weight: bold;
}

@media print, screen and (min-width: 768px) {
	.tochi_info dt{width: 150px;}
	.tochi_info dd{width: calc(100% - 150px)}
}

.boxlink .price{
	color: red;
	font-weight: bold;
	font-size: 1.5em;
}


/* ------------------------------
 土地（single）
------------------------------ */

.works_swiper{
	padding-bottom: 50px!important;
}
.works_swiper .swiper-slide img{
	aspect-ratio:4 / 3
}
.swiper-pagination-bullet-active{
	background: #0083BB!important
}


.tochi_single_title{
	text-align: center;
	margin: 3em auto!important;
}

#single_tochi .tochi_info {
	max-width: 800px;
	margin: 0 auto;
}
#single_tochi .tochi_info dl{
	padding: 1em;
}

#single_tochi .pxbtn_link{margin-top: 3em}