@charset "UTF-8";

/* =========================================================
 .side
========================================================= */
/* JGS Add Style */
#ListEstateSpecialMain {
	visibility: hidden;
	height: 0;
}
/* --------- */

/* =========================================================
 .result-info
========================================================= */

.result-info {
	position: relative;
	margin: 0 0 24px;
}

/* JGS Add Style */
@media screen and (max-width: 767px) {
	.list_map .result-info {
		margin-bottom: 0;
	}

	.list_map .result-info .btnType02 {
		font-size: 14px;
		background-color: #FFFFFF;
		padding: 0 10px;
		height: 35px;
		line-height: 35px;
	}
}
/* --------- */

.result-info .result-info_search {
	display: flex;
	width: 100%;
	font-size: 14px;
	background-color: #eeeeee;
}

.result-info .result-info_search>* {
	display: flex;
	align-items: center;
	padding: 8px;
}

.result-info .result-info_search .headline {
	width: 100px;
	justify-content: center;
	border-right: 4px solid #fff;
	/* JGS Add Style */
	flex-direction: column;
	/* --------- */
}

.result-info .result-info_search .text {
	flex: 1;
	padding: 20px;
	/* JGS Add Style */
	flex-direction: column;
	align-items: flex-start;
	/* --------- */
}


.result-info .result-info_search .changeBtn {
	display: block;
	font-size: 14px;
	text-align: center;
	padding: 12px 16px;
	color: #fff;
	text-decoration: none;
	background-color: #45B036;
	border-radius: 4px;
}


/* JGS Add Style */
.result-info .result-infoBtn {
	position: relative;
	top: 0;
	right: 0;
	padding: 16px 0;
	text-align: center;
}
/* --------- */
/* JGS Delete Style
.result-info .result-infoBtn {
	position: absolute;
	top: 6px;
	right: 6px;
}

@media screen and (max-width: 767px) {
	.result-info .result-infoBtn {
		position: relative;
		top: 0;
		right: 0;
		padding: 16px 0;
		text-align: center;
	}
}
 --------- */

/* =========================================================
 .list-search-nav
========================================================= */

@media screen and (max-width: 767px) {
	.list-search-nav {
		display: none;
		margin: 0 -16px;
	}
}

.list-search-nav>.headline {
	padding: 10px 12px;
	font-size: 14px;
	background-color: #eeeeee;
}

.list-search-nav_inner {
	padding: 0 8px 24px;
}

@media screen and (max-width: 767px) {
	.list-search-nav_inner {
		padding: 0 0 24px;
	}
}

.lins-search-nav_block {
	margin: 0 0 24px;
}

.lins-search-nav_block>.headline {
	margin: 1em 0 0.5em;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.lins-search-nav_block>.headline {
		margin: 1em 0 0;
		padding: 10px 12px;
		font-size: 14px;
		background-color: #eeeeee;
	}
}

.list-search-nav .list-search-nav_checkList {
	font-size: 12px;
	margin: -0.5em 0 0;
}

@media screen and (max-width: 767px) {
	.list-search-nav .list-search-nav_checkList {
		font-size: 12px;
		margin: 0;
	}
}

.list-search-nav .list-search-nav_checkList li {
	margin: 1em 0 0;
}

@media screen and (max-width: 767px) {
	.list-search-nav .list-search-nav_checkList li {
		margin: 0;
		padding: 16px 8px;
		border-bottom: 1px solid #eeeeee;
	}
}

.list-search-nav .list-search-nav_checkList.col02 {
	display: flex;
	flex-wrap: wrap;
}

.list-search-nav .list-search-nav_checkList.col02 li {
	width: 50%;
}

@media screen and (max-width: 767px) {
	.list-search-nav .list-search-nav_checkList.col02 li:nth-of-type(odd) {
		border-right: 1px solid #eeeeee;
	}
}

.list-search-nav .selectWrap {
	display: flex;
	align-items: center;
	padding: 0 0 8px;
}

@media screen and (max-width: 767px) {
	.list-search-nav .selectWrap {
		padding: 16px 8px;
		border-bottom: 1px solid #eeeeee;
	}
}

.list-search-nav .selectWrap span {
	padding: 0 0.5em;
	font-size: 10px;
}

/* =========================================================
 .result-nav
========================================================= */
.result-nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 0 8px;
}

@media screen and (max-width: 767px) {
	.result-nav {
		margin: 0 0 16px;
	}
}

.result-nav .result-nav_first {
	display: flex;
	align-items: flex-end;
}

.result-nav .result-nav_first>* {
	padding-left: 40px;
}

.result-nav .result-nav_first>*:first-child {
	padding-left: 0;
}

.result-nav .result-nav_num {
	font-size: 14px;
}

.result-nav .result-nav_num span {
	font-size: 33px;
	margin: 0 0.1em 0 0;
}
/* takken change Style */
.result-nav_num span {
	font-size: 33px;
	margin: 0 0.1em 0 0;
}

.result-nav_sort {
	display: flex;
	margin: 0 0 8px;
}

.result-nav_sort div {
	margin: 0 0 0 8px;
}

/* =========================================================
 .registered-nav
========================================================= */
.registered-nav {
	margin: 0 0 32px;
}

.registered-nav ul {
	display: flex;
	font-size: 14px;
}

.registered-nav ul li::before {
	content: '｜';
	padding: 0 .2em;
}

.registered-nav ul li:first-child::before {
	display: none;
}

/* =========================================================
 .pagination
========================================================= */

@media screen and (min-width: 767px) {
	.pagination {
		display: flex;
		justify-content: center;
		padding: 40px 0 100px;
	}

	.pagination .page-numbers {
		display: flex;
	}

	.pagination .page-numbers a,
	.pagination .page-numbers span {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #333;
		text-decoration: none;
		width: 40px;
		height: 40px;
		margin: 0 8px;
	}

	.pagination .page-numbers span.current,
	.pagination .page-numbers a:hover {
		color: #333;
		border: 1px solid #333;
	}

	.pagination .page-numbers .prev,
	.pagination .page-numbers .next {
		position: relative;
		width: auto;
		padding: 0 16px;
	}
}


@media screen and (max-width: 767px) {
	.pagination .page-numbers {
		display: flex;
		padding: 8px;
		background-color: #eeeeee;
		font-size: 14px;
	}

	.pagination .prev,
	.pagination .next {
		display: flex;
		align-items: center;
		padding: 0 20px;
		text-decoration: none;
		color: #333;
		background-color: #fff;
		border-radius: 3px;
	}

	.pagination .text {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: center;
		text-align: center;
		;
	}
}

/*
 .item-block
========================================================= */
/* JGS Add Style */
.info-text {
	padding-top: 24px;
}

@media screen and (max-width: 767px) {
	.info-text {
		padding: 1em 0 0.5em 8px;
	}
}

.info-text a {
	text-decoration: none;
	color: #000;
}

.info-text .num {
	padding: 0 0.5em;
	color: #FF6600;
	font-weight: bold;
}
/* --------- */


/* =========================================================
 JGS Add Style
========================================================= */
/* Map */
#map_content {
	position: relative;
}

#map_content #map {
	border: 1px solid #dbdbdb;
	width: 100%;
	height: 700px;
}

@media screen and (max-width: 767px) {
	#map_content {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#map_content #map {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.map_zoom_notice {
	display: none;
}

.map_zoom_notice.on {
	width: 60%;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#map_notice {
	font-size: 13px;
	margin-top: 1em;
	margin-bottom: 24px;
	padding-left: 1em;
	text-indent: -1em;
}

#map_notice .map_notice_close {
	display: none;
}

@media screen and (max-width: 767px) {
	.map_zoom_notice.on {
		width: 85%;
		padding: 40px 15px;
	}

	#map_notice {
		position: absolute;
		top: 105px;
		margin: 0 5px 0 60px;
		background-color: rgba(255, 255, 255, 0.8);
		border: 1px solid #dcdcdc;
		z-index: 2;
		font-size: 10px;
		line-height: 1.2;
	}

	#map_notice div {
		padding: 2px 0 0 2px;
	}


	#map_notice .map_notice_close {
		display: block;
		text-align: center;
		padding: 5px 0 5px;
	}
}

/* Map SearchBox */
.map_search {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 10px;
	left: 60px;
	z-index: 1;
}

.map_search #map_search_box {
	padding: 5px;
	width: 200px;
	height: 35px;
	font-size: 16px;
	border-radius: 2px 0px 0px 2px;
}

.map_search #map_search_btn {
	width: 40px;
	height: 35px;
	border-radius: 0 2px 2px 0;
	border: none;
	background: #bbbbbb;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	margin-right: 10px;
}

.map_search #map_search_btn:hover{
	background: #a9a9a9;
}

@media screen and (max-width: 767px) {
	.map_search #map_search_box {
		width: 180px;
		margin-bottom: 10px;
	}
}

/* Map Marker */
#map .map_icon, #map .map_icon_here {
	width: 40px;
	height: 40px;
	line-height: 41px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#map .map_icon {
	background-image: url('/img/icon.png?1713409125');
	background-repeat: no-repeat;
	color: #EF0318;
}

#map .map_icon_here {
	background-image: url('/img/icon_here.png?1713409125');
	background-repeat: no-repeat;
	color: #FFFFFF;
}

/* Map Estate */
#map_content #search {
	position: absolute;
	right: 5px;
	top: 2px;
	width: 320px;
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	#map_content #search {
		width: 100%;
		bottom: 0;
		top: auto;
		right: auto;
	}
}

/* Map Estate TabMenu */
#map_content #search_tab_menu ul {
	margin: 0px;
	text-align: center;
	padding-left: 0px;
}

#map_content #search_tab_menu li {
	float: left;
	margin-right: 5px;
	padding: 5px 15px;
	color: #ffffff;
	font-weight: bold;
	height: 25px;
	line-height: 15px;
	border-radius: 5px 5px 0 0;
	background-color: #45b035;
	border: 1px solid #333333;
	border-bottom: none;
	cursor: pointer;
}

#map_content #search_tab_menu .page_item {
	background-color: #eeeeee;
}

#map_content #search_tab_menu .not_sel_tab{
	 color: #778899;
}

/* Map Estate TabContent */
#map_content #search_tab_content {
	clear: both;
}

@media screen and (max-width: 767px) {
	#map_content #search_tab_content {
		display: none;
	}
}

#map_content #search_tab_content_map {
	border: 1px solid #333333;
}

@media screen and (max-width: 767px) {
	#map_content #search_tab_content_map {
		border: none;
	}
}

#map_content #search_tab_content_map .in_content {
	padding: 9px 10px;
	background-color: #ffffff;
}

@media screen and (max-width: 767px) {
	#map_content #search_tab_content_map .in_content {
		padding: 0;
	}
}

#map_content #search_tab_content_map .content_head {
	background-color: #cee4ae;
	height: 30px;
	margin: 0px;
}

#map_content #search_tab_content_map .content_head #estate_map_num {
	float: left;
	font-size: 11px;
	padding: 3px 10px 0;
	width: 260px;
}

#map_content #search_tab_content_map .content_head #estate_map_total {
	font-size: 16px;
	font-weight: bold;
	padding: 0px 2px;
}

/* Map Estate TabContent Table */
#map_content #search_tab_content_map #estate_map {
	width: 100%;
	height: 500px;
	overflow-x: auto;
	overflow-y: auto;
}

@media screen and (max-width: 767px) {
	#map_content #search_tab_content_map #estate_map {
		width: 100%;
		height: 275px;
		margin: 0;
		padding: 9px 10px;
	}
}

#map_content #search_tab_content_map .estate_map_none {
	padding: 10px;
}

/* Map Estate TabContent Pagination */
#map_content #search_tab_content_map .pagination {
	padding: 10px 0 15px 0;
}

#map_content #search_tab_content_map .pc_pagination .page-numbers a, #map_content #search_tab_content_map .pc_pagination .page-numbers span {
	width: auto;
	height: auto;
	padding: 5px 10px;
	margin: 0 5px;
}

/* Map Estate TabContent Footer */
#map_content #search_tab_content_map .content_footer {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#map_content #search_tab_content_map .content_footer {
		display: none;
	}
}

#map_content .content_footer_btn {
	text-align: center;
}

#map_content .content_footer_btn a {
	display: inline-block;
	color: #ffffff;
	width: 150px;
	padding: 5px 5px 5px 25px;
	background-color: #45b035;
	border-radius: 0 0 5px 5px;
	position: relative;
	text-decoration: none;
}

#map_content .content_footer_btn a#list_open:after, #map_content .content_footer_btn a#list_close:after,
#map_content .content_footer_btn a#footer_list_close:after {
	display: block;
	content: '';
	position: absolute;
	left: 45px;
	transition: transform .3s;
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#map_content .content_footer_btn a#list_open:after {
	transform: translateY(-25%) rotate(45deg);
	top: 10px;
}

#map_content .content_footer_btn a#list_close:after {
	transform: rotate(225deg);
	top: 12px;
}

@media screen and (max-width: 767px) {
	#map_content .content_footer_btn a#footer_list_close {
		width: 90px;
		border-radius: 5px 5px 0 0;
	}

	#map_content .content_footer_btn a#footer_list_close:after {
		transform: translateY(-25%) rotate(45deg);
		top: 10px;
		left: 15px;
	}
}

/* Map Estate Loding Background */
.loader-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Map Estate Loding Animation */
.loader {
	color: #ffffff;
	font-size: 20px;
	margin: 100px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

@-webkit-keyframes load4 {
	0%, 100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

@keyframes load4 {
	0%, 100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}