/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}


.pc{
	display:block;
	}
.sp{
	display:none;
	}

@media screen and (max-width: 480px) {
.pc{
	display:none;
	}
.sp{
	display:block;
	}
}


#contents{
	min-width:1000px;
	width:1000px;
	margin:0 auto;
	padding:65px 0;
	text-align:left;
	}


@media screen and (max-width: 1000px) {

#contents{
	min-width:100%;
	width:100%;
	margin:0 auto;
	padding:65px 0;
	text-align:left;
	}
	

}




@media screen and (max-width: 480px) {
	
#contents{
	padding:40px 0;
	}	
	
}


.txt_area{
	padding:0 60px 60px;
	}

.txt_area p{
	margin-bottom:25px;
	}


/* title
===============================================================*/


#contents h2{
	color:#3a3a3a;
	font-size:24px;
	font-weight:normal;
	letter-spacing:3px;
	margin-bottom:45px;
	clear:both;
	}

#title h2{
	font-size:32px;
	font-weight:normal;
	letter-spacing:3px;
	color:#fff;
	clear:both;
	}





/* top
===============================================================*/
#top_visual video {
    width: 100%; /* 動画の幅を100%に設定 */
    height: auto;
    object-fit: cover; /* 動画をコンテナにフィット */
    transform: scale(0.85); /* 動画を10%小さくする */
    margin: -20px auto ; /* 上部20px、左右中央寄せ */
    display: block; /* 中央寄せ */
}

#fullpage{
	height:100vh;
	position:relative;
	z-index:1;
	overflow:hidden;
	}


#top_visual{
    position: fixed;
	width:100%;
	height:100vh;
	z-index:1;
	overflow:hidden;
	}
	



.top_vis_info{
	position:absolute;
	padding-bottom:5%;
	left:0;
	bottom:0;
	right:0;
	margin:auto auto 0;
	width:100%;
	z-index:10;
	color:#fff;
	text-align:left;
	font-weight:normal;
	box-sizing:border-box;
	padding-left:7%;
	height:235px;
/*	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
*/	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
	-webkit-background-blend-mode: multiply;
	background-blend-mode: multiply;
}	
.top_vis_info a{
	color:#fff;
	text-decoration:none;
	}	
	
.top_vis_info dl{
	display:table-cell;
	vertical-align:middle;
	}	
.top_vis_info .top_vis_map{
	display:table-cell;
	vertical-align:middle;
	width:230px;
	}	
.top_vis_info .top_vis_map img{
	width:100% !important;
	height:auto !important;
	}	
	
.top_vis_info dt{
	font-size:20px;
	margin-bottom:10px;
	letter-spacing:3px;
	}
.top_vis_info dt span{
	font-size:10px !important;	
	}
.top_vis_info dt.reserved{
	font-size:12px;	
	background: #10394e;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	}
.top_vis_info dt.sold{
	font-size:12px;	
	background: #7e1717;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	}	
	
.top_vis_info dd{
	font-size:14px;
	display:inline-block;
	margin-right:20px;
	letter-spacing:2px;
	}
.top_vis_info dd.junre_icon{
	display:block;
	padding-top:15px;
	}

.top_vis_info dl{
	display:table-cell;
	vertical-align:middle;
	}	
.top_vis_info .top_vis_map{
	display:table-cell;
	vertical-align:middle;
	width:230px;
	}	
	
	
.top_vis_info dd.junre_icon span{
	border:1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.3);
	width:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	margin-right:14px;
	text-align:center;
	letter-spacing:0;
	font-size:20px;
	}

.top_vis_info dd.junre_icon span.active{
	
	border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	}




#top_block{
	padding-top:205px;
	text-align:center;
	background:#fff url(../images/top_block_back.gif) repeat-x center 205px;
	padding-bottom:105px;
	z-index:100;
	position:relative;
	}
	
#top_block:after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
	}


#top_block h1{	
	color:#727171;
	font-size:32px;
	letter-spacing:5px;
	display:inline-block;
	border-bottom:1px solid #95989a;
	margin-bottom:95px;
	font-weight:normal;
	margin-top:-50%;
	font-feature-setting : "palt"
	}
#top_block h3{	
	color:#727171;
	font-size:18px;
	letter-spacing:5px;
	display:inline-block;
	/*border-bottom:1px solid #95989a;*/
	margin-bottom:95px;
	font-weight:normal;
	margin-top:-50%;
	font-feature-setting : "palt"
	}	

#top_block p{
	color:#727171;
	line-height:2.2;
	margin-bottom:35px;
	font-size:14px;
	letter-spacing:2px;
	font-feature-setting : "palt"
	}

#top_block h2{	
	color:#727171;
	font-size:32px;
	letter-spacing:5px;
	display:inline-block;
	margin-bottom:95px;
	font-weight:normal;
	margin-top:-50%;
	font-feature-setting : "palt"
	}

#top_block h2 strong{
	font-size:18px;
	color:#494949;
	letter-spacing:2px;
	font-weight:normal;
	border-bottom:1px solid #494949;
	line-height:4;
	}
#top_block h2 span{
	font-size:12px;
	color:#494949;
	letter-spacing:2px;
	font-weight:normal;
	}



.top_title_box{
	padding-top:105px;
	padding-bottom:160px;
	}
.top_title_box2{
	padding-top:105px;
	padding-bottom:100px;
	width:1300px;
	margin:auto;
	position:relative;
	}
.top_title_box2 .all{
	position:absolute;
	bottom:100px;
	right:0;
	font-size:12px;
	}
.top_title_box2 .all a{
	text-decoration:none;
	}
.top_title_box2 .all a:hover{
	text-decoration:underline;
	}



@media screen and (max-width: 1330px) {

.top_title_box2{
	padding-top:105px;
	padding-bottom:100px;
	width:100%;
	margin:auto;
	position:relative;
	}

#top_block{
	padding-top:175px;
	text-align:center;
	background:#fff url(../images/top_block_back.gif) repeat-x center 175px;
	padding-bottom:105px;
	z-index:100;
	position:relative;
	}
.top_title_box2 .all{
	right:2%;
	}

}

@media screen and (max-width: 1000px) {
#top_block h1{
	font-size:28px;
	letter-spacing:3px;
	margin-bottom:40x;
	box-sizing:border-box;
	padding:0 2%;
	}
	
#top_block{
	padding-top:125px;
	text-align:center;
	background:#fff url(../images/top_block_back.gif) repeat-x center 125px;
	padding-bottom:105px;
	z-index:100;
	position:relative;
	}
		
.top_title_box2{
	padding-top:55px;
	padding-bottom:20px;
	width:100%;
	margin:auto;
	position:relative;
	}
.top_title_box2 .all{
	right:2%;
	bottom:10%;
	}
	
}


@media screen and (max-width: 768px) {

#top_block{
	padding:0 0;
	padding-top:105px;
	text-align:center;
	background:#fff url(../images/top_block_back.gif) repeat-x center 105px;
	padding-bottom:55px;
	z-index:100;
	position:relative;
	}
		
.top_title_box2{
	padding-top:55px;
	padding-bottom:10px;
	width:100%;
	margin:auto;
	position:relative;
	}


	
.top_vis_info dd.junre_icon span{
	width:20px;
	height:20px;
	line-height:20px;
	margin-right:10px;
	font-size:16px;
	}	
}

@media only screen and (max-device-width:800px) and (orientation:landscape) {

.top_vis_info .top_vis_map{
	width:120px;
	}
.top_vis_info{
	height:150px;
	padding-bottom:1%;
	padding-left:4%;
	}	
	
}

@media screen and (max-width: 480px) {

.top_vis_info dd.junre_icon span{
	width:18px;
	height:18px;
	line-height:18px;
	margin-right:5px;
	font-size:14px;
	}
.top_vis_info{
	height:180px;
	padding-bottom:5%;
	padding-left:5%;
	display:block;
	}	
.top_vis_info.detail{
	height:220px;
	padding-bottom:100px;
	padding-left:5%;
	display:block;
	}
.top_vis_info dt{
	font-size:16px;
	letter-spacing:2px;
	}
.top_vis_info dt span{
	font-size:9px !important;	
	}
.top_vis_info dt.reserved{
	font-size:10px;
	letter-spacing: 1px;
	}
.top_vis_info dt.sold{
	font-size:10px;
	letter-spacing: 1px;
	}	
	
.top_vis_info dd{
	font-size:12px;
	letter-spacing:1px;
	}

#top_block{
	padding-bottom:30px;
	}
#top_block h1{	
	font-size:24px;
	margin-bottom:35px;
	letter-spacing:2px;
	padding-bottom:10px;
	}

#top_block p{
	line-height:2.2;
	margin-bottom:35px;
	font-size:13px;
	letter-spacing:1px;
	font-feature-setting : "palt"
	}
		
}


.top_second{
	background:#f8f5ec;
	z-index:1;
	padding-bottom:70px;
	}



.top_list{
	width:1330px;
	margin:auto auto 80px;
	letter-spacing:-.4em;
	position:relative;
	z-index:2;
	overflow:hidden;
	}




.top_list li.gallery{
    position: relative;
    width: calc(100% / 4);
    height: auto;
    overflow:hidden;
    float:left;
    box-sizing:border-box;
    border:5px solid #fff;
    text-align:left;
	}
.top_list li.gallery:before {
    content: "";
    display: block;
    padding-top:0;
    }

.top_list li.gallery img{
    position: absolute;
    top: 0; 
    left: 0; 
    margin:auto;
    right: 0; 
    bottom:0;
    width:auto;
    height:auto;
    max-width:200%;
    max-height:200%;
	object-fit: cover;
	}
	
	
	
	
.top_list dt{
	font-size:13px;
	margin-bottom:10px;
	letter-spacing:3px;
	}

.top_list dt span{
	font-size:10px !important;	
	}
.top_list dt.reserved{
	font-size:12px;	
	background: #10394e;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	color:#fff;
	}
.top_list dt.sold{
	font-size:12px;	
	background: #7e1717;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	color:#fff;
	}
.top_list .top_img{
	width:300px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	object-fit: cover;
	
	}	
.top_list .top_img img{
	position:absolute;
	height:300px;
	width:100%;
	left:0;
	right:0;
	object-fit: cover;
	}		
	
.top_list dl{
	padding-bottom:40px;
	}
.top_list dd{
	font-size:11px;
	display:inline-block;
	margin-right:20px;
	letter-spacing:1px;
	}
.top_list dd.junre_icon{
	display:block;
	position:absolute;
	bottom:0;
	padding-top:20px;
	padding-right:5%;
	box-sizing:border-box;
	width:100%;
	margin-right:0;
	text-align:right
	}

.top_list dd.junre_icon span{
	border:1px solid rgba(94,94,94,0.3);
	color:rgba(94,94,94,0.3);
	width:25px;
	height:25px;
	line-height:25px;
	display:inline-block;
	margin-right:7px;
	text-align:center;
	letter-spacing:0;
	font-size:16px;
	}

.top_list dd.junre_icon span.active{
	border:1px solid rgba(94,94,94,1);
	color:rgba(94,94,94,1);
	}

.top_list a{
	text-decoration:none;
	}



@media screen and (max-width: 1330px) {


.top_list{
	width:100%;
	box-sizing:border-box;
	}
.top_list li.gallery:before {
    content: "";
    display: block;
    padding-top: 1%;
    }

}

@media screen and (max-width: 1280px) {
.top_list .top_img{
	width:100%;
	height:250px;
	}	
}


@media screen and (max-width: 1000px) {
.top_list .top_img{
	width:100%;
	height:200px;
	}

}



@media screen and (max-width: 768px) {

.top_list{
	margin-bottom:20px;
	}

.top_list .top_img{
	width:100%;
	height:300px;
	margin:0;
	}
	

.top_list li.gallery{
	width:calc(100%);
	margin-top:0;
	border:none;
	margin-bottom:0;
	}
.top_list li.gallery:before {
    content: "";
    display: block;
    padding-top: 0;
    }
    	
.top_list dl{
	padding-bottom:0;
	position:absolute;
	bottom:0;
	padding-left:5%;
	padding-bottom:5%;
	width:100%;
	box-sizing:border-box;
	color:#fff;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
	-webkit-background-blend-mode: multiply;
	background-blend-mode: multiply;
	}
.top_list dt{
	font-size:16px;
	}	
	
.top_list dd{
	font-size:12px;
	display:inline-block;
	margin-right:20px;
	letter-spacing:1px;
	}
.top_list dd.junre_icon{
	display:block;
	color:#fff;
	position:relative;
	bottom:0;
	padding-top:10px;
	padding-right:5%;
	box-sizing:border-box;
	width:100%;
	margin-right:0;
	text-align:left
	}
.top_list dd.junre_icon span{
	border:1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.3);
	}

.top_list dd.junre_icon span.active{
	border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	}	
		
}



@media screen and (max-width: 640px) {
.top_list .top_img{
	width:100%;
	height:250px;
	}
	
}


@media screen and (max-width: 480px) {
.top_list{
	margin:auto auto 10px;
	}

.top_list .top_img{
	width:100%;
	height:200px;
	}
.top_vis_info .top_vis_map{
	width:150px !important;
	padding-right:2%;
	box-sizing:border-box;
	}
.sp-slide .top_vis_info .top_vis_map img{
	height:auto !important;
	width:100% !important;
	}
	
}



/* contents
===============================================================*/




.cat_block{
	width:100%;
	box-sizing:border-box;
	padding:150px 10%;
	overflow:hidden;
	}

.cat_block h1{
	font-size:12px;
	padding-bottom:15px;
	font-weight:normal;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:40px;
	letter-spacing:2px;
	}

.cat_block h1 strong{
	font-size:20px;
	font-weight:normal;
	}

.case_txt{
	margin-bottom:40px;
	}


.cat_list{
	margin-bottom:40px;
	width:100%;
	box-sizing:border-box;
	padding:0 12%;
	letter-spacing:-.4em;
	}

.cat_list li{
	display:inline-block;
	font-size:10px;
	width:calc(100% / 3);
	padding:0 15px;
	box-sizing:border-box;
	}
.cat_list li strong{
	font-size:18px;
	font-weight:normal;
	}

.cat_list li a{
	display:block;
	letter-spacing:2px;
	border:1px solid #95989a;
	text-decoration:none;
	padding:5%;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}
.cat_list li a:hover{
	display:block;
	letter-spacing:2px;
	border:1px solid #b79f67;
	text-decoration:none;
	background:#b79f67;
	color:#fff !important;
	}
.cat_list li a.active{
	display:block;
	letter-spacing:2px;
	border:1px solid #b79f67;
	text-decoration:none;
	color:#b79f67;
	}



.cat_list2{
	margin-bottom:40px;
	width:100%;
	box-sizing:border-box;
	padding:0 15%;
	letter-spacing:-.4em;
	}
.cat_list2 li{
	display:inline-block;
	font-size:10px;
	width:calc(100% / 4);
	padding:0 10px;
	box-sizing:border-box;
	}
.cat_list2 li strong{
	font-size:18px;
	font-weight:normal;
	}
.cat_list2 li a{
	display:block;
	letter-spacing:2px;
	border:1px solid #95989a;
	text-decoration:none;
	padding:7% 5%;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}

.cat_list2 li a:hover{
	display:block;
	letter-spacing:2px;
	border:1px solid #b79f67;
	text-decoration:none;
	background:#b79f67;
	color:#fff !important;
	}
.cat_list2 li a.active{
	display:block;
	letter-spacing:2px;
	border:1px solid #b79f67;
	text-decoration:none;
	color:#b79f67;
	}



@media screen and (max-width: 1330px) {

.cat_block{
	padding:150px 5%;
	}


}
@media screen and (max-width: 768px) {

.cat_block{
	padding:100px 0;
	}
.cat_list{
	width:100%;
	padding:0 4%;
	}
.cat_list li{
	padding:0 1%;
	}	
.cat_list li a{
	padding:5% 1%;
	}
	
}

@media screen and (max-width: 480px) {

.cat_list{
	margin-bottom:40px;
	width:100%;
	box-sizing:border-box;
	padding:0 5%;
	letter-spacing:-.4em;
	}
		
.cat_list li{
	display:inline-block;
	font-size:12px;
	width:calc(100%);
	padding:0 15px;
	box-sizing:border-box;
	margin-bottom:5px;
	}
	
	
}




.list {
	width:100%;
	box-sizing:border-box;
	padding:0 4% 0;
	}

.list ul{
	padding-bottom:10%;
	overflow:hidden;
	}

.list li{
	position:relative;
	margin-bottom:5px;
	}
	
	
.list .gallery{
    position: relative;
    width: calc(100%);
    height: auto;
    overflow:hidden;
    float:left;
    box-sizing:border-box;
    border:5px solid #fff;
	}
.list .gallery:before {
    content: "";
    display: block;
    padding-top: 40%;
    }

.list .img {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	}
.list .img img{
    position: absolute;
    top: 0; 
    left: 0; 
    margin:auto;
    right: 0; 
    bottom:0;
    width: 100%;
    height:auto;
    max-width:200%;
    max-height:200%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
	}

.list a:hover .img img{
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);	
	}

	
	
.list_info{
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	padding-bottom:2%;
	padding-left:3%;
	box-sizing:border-box;
	color:#fff;
	text-align:left;
	z-index:10;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
	-webkit-background-blend-mode: multiply;
	background-blend-mode: multiply;
	}


.list_info dt{
	font-size:16px;
	margin-bottom:10px;
	letter-spacing:3px;
	}
.list_info dt span{
	font-size:10px !important;	
	}
.list_info dt.reserved{
	font-size:12px;	
	background: #10394e;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	}
.list_info dt.sold{
	font-size:12px;	
	background: #7e1717;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	}
.list_info dd{
	font-size:13px;
	display:inline-block;
	margin-right:20px;
	letter-spacing:2px;
	}
.list_info dd.junre_icon{
	display:block;
	padding-top:20px;
	margin-right:0;
	}

.list_info dd.junre_icon span{
	border:1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.3);
	width:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	margin-right:7px;
	text-align:center;
	letter-spacing:0;
	font-size:18px;
	}

.list_info dd.junre_icon span.active{
	border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	}
.list_info dl{
	display:table-cell;
	vertical-align:middle;
	}	
.list_info .top_vis_map{
	display:table-cell;
	vertical-align:middle;
	width:200px;
	}	
.list_info .top_vis_map img{
	width:100%;
	height:auto;
	}	



@media screen and (max-width: 1330px) {


.list {
	width:100%;
	box-sizing:border-box;
	padding:0 2%;
	}

	
	
}


@media screen and (max-width: 768px) {

.list {
	width:100%;
	box-sizing:border-box;
	padding:0 0;
	}
.list .gallery{
    position: relative;
    border:none;
	}
.list .gallery:before {
    content: "";
    display: block;
    padding-top: 50%;
    }
    
.list li{
	position:relative;
	margin:0;
	}
	
.list_info .top_vis_map{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	}	
.list_info dd.junre_icon span{
	width:20px;
	height:20px;
	line-height:20px;
	margin-right:4px;
	font-size:14px;
	}	
	
}



@media screen and (max-width: 480px) {


.list_info .top_vis_map{
	display:table-cell;
	vertical-align:middle;
	width:80px;
	}	
.list_info dd.junre_icon span{
	width:15px;
	height:15px;
	line-height:15px;
	margin-right:4px;
	font-size:10px;
	}	



.list_info dt{
	font-size:13px;
	margin-bottom:8px;
	letter-spacing:2px;
	}

.list_info dt.reserved{
	font-size:10px;
	}
.list_info dt.sold{
	font-size:10px;
	}
.list_info dd{
	font-size:11px;
	display:inline-block;
	margin-right:15px;
	letter-spacing:1px;
	}
.list_info dd.junre_icon{
	padding-top:10px;
	}




}



/* detail
===============================================================*/


.detail_body{
	width:1000px;
	margin:0 auto;
	padding:70px 0 150px;
	}
	
.detail_txt{
	margin-bottom:120px;
	}


.detail_body h2{
	padding:20px 0 30px;
	font-size:24px;
	letter-spacing:3px;
	font-weight:normal;
	}
.detail_body p{
	margin-bottom:30px;
	font-size:16px;
	line-height:2;
	letter-spacing:2px;
	font-weight:normal;
	}	

@media screen and (max-width: 1000px) {

.detail_body{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	padding:70px 2% 150px;
	}
	
}


@media screen and (max-width: 768px) {

.detail_body{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	padding:70px 2% 10%;
	}
	
}


@media screen and (max-width: 480px) {

.detail_body{
	padding:40px 2% 10%;
	}
	
.detail_txt{
	margin-bottom:60px;
	}


.detail_body h2{
	padding:10px 0 15px;
	font-size:18px;
	letter-spacing:3px;
	}
.detail_body p{
	margin-bottom:20px;
	font-size:12px;
	line-height:2;
	letter-spacing:2px;
	}	
	
	
}

.page,
.page2,
.page3{
	position:relative;
	}


.page article,
.page2 section,
.page3 article{
	opacity:0;
	margin-bottom:120px;
	box-sizing:border-box;
	padding:0 1%;
	overflow:hidden;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	position:absolute;
	z-index:-1
	}

.page article.selected,
.page2 section.selected,
.page3 article.selected{
	opacity:1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;

		position:relative;
	z-index:100
	}

ul.tab,
ul.tab3{
	border-bottom:1px solid #d6d6d6;
	padding-bottom:11px;
	margin-bottom:50px;
	}

ul.tab li,
ul.tab3 li{
	display:inline-block;
	margin:0 35px;
	}

ul.tab li a,
ul.tab3 li a{
	text-decoration:none;
	font-size:14px;
	letter-spacing:1px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}


ul.tab li.selected a,
ul.tab3 li.selected a{
	text-decoration:none;
	border-bottom:5px solid #b79f67;
	padding-bottom:5px;
	}



ul.tab2{
	margin-bottom:50px;
	letter-spacing:-.4em;
	}

ul.tab2 li{
	display:inline-block;
	width:48%;
	margin-right:2%;
	}
ul.tab2 li:nth-child(2){
	margin-right:0;
	margin-left:2%;
	}


ul.tab2 li a{
	border:1px solid #d6d6d6;
	display:block;
	padding:3% 0;
	text-decoration:none;
	font-size:14px;
	letter-spacing:1px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}
ul.tab2 li span{
	font-size:20px;
	}

ul.tab2 li.selected a{
	text-decoration:none;
	}
ul.tab2 li a:hover{
	display:block;
	letter-spacing:2px;
	border:1px solid #b79f67;
	text-decoration:none;
	background:#b79f67;
	color:#fff !important;
	}
ul.tab2 li.selected a{
	display:block;
	letter-spacing:2px;
	border:1px solid #b79f67;
	text-decoration:none;
	color:#b79f67;
	}	
	
	
	
@media screen and (max-width: 640px) {


ul.tab,
ul.tab3{
	border-bottom:1px solid #d6d6d6;
	padding-bottom:11px;
	margin-bottom:30px;
	overflow:hidden;
	}

ul.tab li,
ul.tab3 li{
	display:block;
	margin:0 1%;
	float:left;
	width:48%;
	box-sizing:border-box;
	}

ul.tab li a,
ul.tab3 li a{
	display:block;
	width:100%;
	padding:3%;
	text-decoration:none;
	font-size:14px;
	letter-spacing:1px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	border:5px solid #fff;
	box-sizing:border-box;
	}


ul.tab li.selected a,
ul.tab3 li.selected a{
	text-decoration:none;
	border:5px solid #b79f67;
	padding:3%;
	width:100%;
	box-sizing:border-box;
	}

}


.detail_contact{
clear:both;
padding-top:120px;
	margin-bottom:160px;
	}

.detail_contact a{
	display:block;
	font-size:12px;
	text-decoration:none;
	border:1px solid #95989a;
	padding:2%;
	letter-spacing:3px;
	line-height:1.5;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}




.detail_contact a strong{
	font-size:24px;
	font-weight:normal;
	}

.detail_contact a{
	display:block;
	font-size:12px;
	text-decoration:none;
	}
.detail_contact a:hover{
	display:block;
	background:#95989a;
	color:#fff;
	}

#map,#map2{
	width:480px;
	height:390px;
	float:left;
	}
#buy_build_image,
#buy_field_image{
	width:480px;
	float:left;	
	}
#buy_build_image img,
#buy_field_image img{
	width:100%;
	height:auto;
	}



@media screen and (max-width: 1030px) {

#map,#map2{
	width:49%;
	height:390px;
	float:left;
	}
#buy_build_image,
#buy_field_image{
	width:49%;
	}	
	
}

@media screen and (max-width: 768px) {

#map,#map2{
	width:90%;
	height:300px;
	float:none;
	margin:0 auto;
	}
#buy_build_image,
#buy_field_image{
	width:90%;
	float:none;
	margin:0 auto;
	}	
.detail_contact{
clear:both;
padding-top:50px;
	margin-bottom:80px;
	margin:0 2% 25%;
	}
	
		
}

@media screen and (max-width: 480px) {

.detail_contact a{
	padding:1% 2% 2%;
	font-size:10px;
	letter-spacing:2px;
	}
.detail_contact a strong{
	font-size:18px;
	font-weight:normal;
	}
	

}




.detail_info{
	width:480px;
	float:right;
	display:table;
	letter-spacing:1px;
	font-family: "A1明朝","A1 Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Yu Mincho", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho",serif !important;
	}
	
@media screen and (max-width: 1030px) {

.detail_info{
	width:49%;
	}
}	


@media screen and (max-width: 768px) {

.detail_info{
	width:98%;
	margin:0 auto;
	float:none;
	}
}



	
.detail_info.nom{
	width:60%;
	float:none;
	display:table;
	margin:0 auto;
	letter-spacing:1px;
	}

@media screen and (max-width: 587px) {	
	.detail_info.nom{
	width:98%;
	}
	
}
.detail_info .tb{
	display:table;
	width:100%;
	}
.detail_info dl{
	display:table-row;
	}
.detail_info dt{
	display:table-cell;
	text-align:left;
	width:25%;
	padding:3% 5%;
	box-sizing:border-box;
	white-space: nowrap;
	}
.detail_info dd{
	display:table-cell;
	text-align:right;
	width:75%;
	padding:3% 5%;
	line-height:1.8;
	box-sizing:border-box;
	}
.detail_info .dd_all{
	display:block;
	text-align:left;
	width:100% !important;
	padding:3% 5%;
	box-sizing:border-box;
	word-break:break-all;
	}
	
	

.detail_bottom{
	display:table;
	width:100%;
	background:url(../images/next_prev_back.gif) repeat-y top center;
	margin:0 auto;
	}


.prev{
	width:50%;
	display:table-cell;
	text-align:left;
	}
.next{
	width:50%;
	display:table-cell;
	text-align:right;
	}	
	

	
.prev a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 60px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.prev a::before{	
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 0px;
	width: 45px;
	height: 45px;
	border-top: 1px solid #cdbc95;
	border-right: 1px solid #cdbc95;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.next a{
	position: relative;
	display: inline-block;
	padding: 0 60px 0 0;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.next a::before{	
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 0px;
	width: 45px;
	height: 45px;
	border-top: 1px solid #cdbc95;
	border-right: 1px solid #cdbc95;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.next a:hover,
.prev a:hover{
	opacity:0.5;
	}

	
.detail_bottom dt{
	font-size:13px;
	margin-bottom:10px;
	letter-spacing:3px;
	}
.detail_bottom dt span{
	font-size:10px !important;	
	}
.detail_bottom dt.reserved{
	font-size:12px;	
	background: #10394e;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	}
.detail_bottom dt.sold{
	font-size:12px;	
	background: #7e1717;
	border-radius: 3px;
	padding: 2px 6px;
	display: inline-block;
	letter-spacing: 1px;
	}
.detail_bottom dd{
	font-size:11px;
	display:inline-block;
	margin-right:20px;
	letter-spacing:3px;
	}
.detail_bottom .next  dd{
	font-size:11px;
	display:inline-block;
	margin-left:20px;
	margin-right:0;
	letter-spacing:3px;
	}
	
	
.detail_bottom dd.junre_icon{
	display:block;
	padding-top:20px;
	margin-right:0;
	}

.detail_bottom dd.junre_icon span{
	border:1px solid rgba(94,94,94,0.3);
	color:rgba(94,94,94,0.3);
	width:25px;
	height:25px;
	line-height:25px;
	display:inline-block;
	margin-right:7px;
	text-align:center;
	letter-spacing:0;
	font-size:16px;
	}

.detail_bottom dd.junre_icon span.active{
	border:1px solid rgba(94,94,94,1);
	color:rgba(94,94,94,1);
	}
	

.page article .gallery,
.page3 article .gallery{
    position: relative;
    width: calc(100% / 3);
    height: auto;
    overflow:hidden;
    float:left;
    box-sizing:border-box;
    border:5px solid #fff;
	}
.page article .gallery:before,
.page3 article .gallery:before {
    content: "";
    display: block;
    padding-top: 100%;
    }

.page article .img,
.page3 article .img {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
	}
.page article .img img,
.page3 article .img img{
    position: absolute;
    top: 0; 
    left: -50%; 
    margin:auto;
    right: -50%; 
    bottom:0;
    width:auto;
    height:auto;
    max-width:200%;
    max-height:200%;
	object-fit: cover;
	}



@media screen and (max-width: 480px) {

.page article .gallery,
.page3 article .gallery{
    width: calc(100% / 2);
	}
.detail_bottom{
	display:table;
	width:92%;
	background:url(../images/next_prev_back.gif) repeat-y top center;
	margin:0 auto;
	}
.prev a{
	padding: 0 0 0 30px;
}
.next a{
	padding: 0 30px 0 0;
}

.page article,
.page2 section,
.page3 article{
	margin-bottom:60px;

	}
	
}


/* page
===============================================================*/

.page_title{
	position:relative;
	overflow:hidden;
	}

.page_title img{
	width:100%;
	height:auto;
	}
.page_title h1{
	position:absolute;
	width:50%;
	height:100px;
	margin:auto;
	left:0;
	right:0;
	text-align:center;
	top:0;
	bottom:0;
	font-size:50px;
	letter-spacing:10px;
	font-weight:normal;
	color:#fff;
	line-height:1.2;
	}

.page_title h1 span{
	font-size:14px;
	font-weight:normal;
	letter-spacing:4px;
	position:relative;
	}

.page_title h1 span:before{
  /*border-top:1px solid #fff;*/
	content:"　";
	position:absolute;
	top:-75%;
	left:30%;
	right:30%;
	}



@media screen and (max-width: 1550px) {

.page_title h1{
	top:10%;
	line-height:1.2;
	}

}

@media screen and (max-width: 1200px) {
.page_title h1{
	top:20%;
	width:90%;
	}
.page_title img{
	width:auto;
	height:300px;
	object-fit: cover;
	}		
}

@media screen and (max-width: 1000px) {
.page_title h1{
	top:25%;
	}
.page_title img{
	width:auto;
	height:300px;
	object-fit: cover;
	}	
	
}

@media screen and (max-width: 768px) {

.page_title h1{
	top:20%;
	font-size:35px;
	line-height:1.2;
	}
.page_title h1 span:before{
	/*border-top:1px solid #fff;*/
	content:"　";
	position:absolute;
	top:-65%;
	left:30%;
	right:30%;
	}

}


.page_body{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding:135px 15% 150px;
	overflow:hidden;
	}

.about_txt{
	padding-bottom:130px;
	
	}

.about_txt p{
	color:#727171;
	line-height:2.2;
	margin-bottom:35px;
	font-size:14px;
	letter-spacing:2px;
	font-feature-setting : "palt"
	}

.about_info{
	width:48%;
	box-sizing:border-box;
	margin-left:2%;
	float:right;
	display:table;
	letter-spacing:1px;
	border-top:1px solid #d6d6d6;
	font-family: "A1明朝","A1 Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Yu Mincho", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho",serif !important;
	}

.about_info dl{
	display:table-row;
	}
.about_info dt{
	display:table-cell;
	text-align:left;
	width:20%;
	padding:3% 5%;
	box-sizing:border-box;
	border-bottom:1px solid #d6d6d6;
	line-height:2;
	white-space:nowrap;
	}
	
.about_info dd{
	display:table-cell;
	text-align:right;
	width:80%;
	padding:3% 5%;
	box-sizing:border-box;
	border-bottom:1px solid #d6d6d6;
	line-height:2;
	}
.page_body #map{
	width:50%;
	height:390px;
	}




@media screen and (max-width: 1330px) {

.page_body{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding:85px 5% 100px;
	overflow:hidden;
	}


}


@media screen and (max-width: 768px) {

.page_body{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding:40px 3% 50px;
	overflow:hidden;
	}
	
.about_info{
	width:98%;
	margin-left:0;
	float:none;
	display:table;
	margin:0 auto;
	}

.page_body #map{
	width:98%;
	height:300px;
	margin:0 auto 20px;
	}
}



.inq_left{
	width:50%;
	box-sizing:border-box;
	padding-right:5%;
	float:left;
	text-align:left;
	}
.inq_right{
	width:50%;
	box-sizing:border-box;
	padding-left:5%;
	float:left;
	text-align:left;
	border-left:1px solid #95989a;
	}
.inq_left p{
	color:#727171;
	line-height:2.2;
	margin-bottom:35px;
	font-size:12px;
	letter-spacing:1px;
	font-feature-setting : "palt"
	}

.inq_left p.caution{
	font-size:10px;
	}
	
.inq_left p a{
	color:#b79f67;
	text-decoration:none;
	}	
.inq_left p a:hover{
	color:#b79f67;
	text-decoration:underline;
	}	


.inq_right h2{
	font-size:14px;
	text-decoration:underline;
	margin-bottom:30px;
	font-weight:normal;
	}
.inq_right .mw_wp_form_preview h2{
	text-decoration:none;
	margin-bottom:15px;
	font-weight:normal;
	}
	

.inq_right label{
	padding:2%;
	vertical-align:middle;
	}

.inq_right .kind_list{
	margin-bottom:40px;
	}
 .inq_right .mw_wp_form_preview .kind_list{
	margin-bottom:20px;
	background:#f5f5f5;
	padding:3%;
	font-size:16px;
	width:100%;
	box-sizing:border-box;
	}
 
.inq_right .kind_list span.mwform-radio-field-text{
	position:absolute;
	top:25%;
	left:15%;
	width:100%;
	margin:0;
	}
.inq_right .kind_list span.mwform-radio-field{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:calc(100% / 3);
	margin:0;
	padding:0;
	}
.inq_right .kind_list label{
	position:relative;
	width:100%;
	display:block;
	padding:5% 0;
	}


.inq_right .kind_list span input{
	margin:0;
	}
	
	
@media screen and (min-width:768px) and ( max-width:1024px) {

.inq_right .kind_list span.mwform-radio-field{
	width:calc(100% / 2);
	}
	
.inq_right .kind_list label{
	padding:3% 0;
	}	
}
	
	

@media screen and (min-width:500px) and ( max-width:768px) {
.inq_right .kind_list span.mwform-radio-field{
	width:calc(100% / 3);
	}
}	
@media screen and (max-width: 500px) {
.inq_right .kind_list span.mwform-radio-field-text{
	left:10%;
	}
	
.inq_right .kind_list span.mwform-radio-field{
	width:calc(100% / 2);
	}


	}

.inq_right dt{
	font-size:14px;
	margin-bottom:15px;
	}

.inq_right dd{
	margin-bottom:20px;
	}
.inq_right .mw_wp_form_preview dd{
	margin-bottom:20px;
	background:#f5f5f5;
	padding:3%;
	font-size:16px;
	width:100%;
	box-sizing:border-box;
	}
	

.inq_right dd input{
	background:#f5f5f5;
	padding:3%;
	border:none;
	font-size:16px;
	width:100%;
	box-sizing:border-box;
	}

.inq_right dd textarea{
	background:#f5f5f5;
	padding:3%;
	border:none;
	font-size:16px;
	width:100%;
	height:150px;
	box-sizing:border-box;
	}
.inq_right .error{
	padding:2%;
	color:#ff0000;
	display:block;
	}
.inq_right p{
	color:#727171;
	line-height:2.2;
	margin-bottom:35px;
	font-size:12px;
	letter-spacing:1px;
	font-feature-setting : "palt"
	}


.send_btn{
	float:right;
	}

.send_btn input{
	font-size:16px;
	border:solid 1px #95989a;
	padding:10% 30%;
	background:#fff;
	display:inline-block;
	float:right;
	cursor:pointer;
	letter-spacing:3px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	 -webkit-appearance: none;
	font-family: 'EB Garamond',"A1明朝","A1 Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Yu Mincho", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho",serif !important;
	}
.send_btn input:hover{
	border:solid 1px #95989a;
	background:#95989a;
	color:#fff;
	}
.inq_right .mw_wp_form_preview .send_btn{
	width:100%;
	}
.inq_right .mw_wp_form_preview .send_btn input{
	font-size:20px;
	border:solid 1px #95989a;
	padding:4% 13%;
	background:#fff;
	display:inline-block;
	float:right;
	margin:1%;
	cursor:pointer;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}
.inq_right .mw_wp_form_preview .send_btn input:hover{
	border:solid 1px #95989a;
	background:#95989a;
	color:#fff;
	}

.policy_info{
	width:90%;
	box-sizing:border-box;
	margin:auto;
	text-align:left;
	letter-spacing:1px;
	font-size:14px;
	font-family: "A1明朝","A1 Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Yu Mincho", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho",serif !important;
	}

.policy_info p{
	margin-bottom:20px;
	line-height:1.8;
	}
.policy_info p.inq{
	font-size:16px;
	padding-top:50px;
	}
.policy_info dl{
	margin-bottom:20px;
	}

.policy_info dt{
	font-size:16px;
	line-height:1.8;
	font-weight:bold;
	margin-bottom:10px;
	}

.policy_info dd{
	margin-bottom:30px;
	line-height:1.8;
	margin-left:2em;
	}

.policy_info dd .indent{
	margin-left:2em;
	}



@media screen and (max-width: 768px) {

.inq_left{
	width:98%;
	box-sizing:border-box;
	padding-right:0;
	float:none;
	text-align:left;
	margin:0 auto 30px;
	border-bottom:1px solid #95989a;
	}
.inq_left p{
	line-height:1.8;
	letter-spacing:0;
	}	
	
.inq_right{
	width:98%;
	box-sizing:border-box;
	padding-left:0;
	float:none;
	text-align:left;
	margin:0 auto;
	border:none;
	}

}