@charset "UTF-8";

/*home*/
#keyVisual { margin: 0 auto; background: url("../img/homeBG.jpg") no-repeat 50% 0; background-size: cover; }
#keyVisual #lead { color: #fff; padding: 10.5em 0 6em; }
#keyVisual #lead em { display: inline-block; font-weight: normal; font-size: 94%; margin-bottom: 21px; padding: .3em 1em; border: 1px solid #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
#keyVisual #lead img { display: block; width: 50%; margin-bottom: 30px; }
@media screen and (max-width:1100px){
	#keyVisual #lead {  }
}
@media screen and (max-width:900px){
	#keyVisual { margin: 0 auto; }
	#keyVisual #lead { background: url("../img/homeBG.jpg") no-repeat 50% 0; background-size: cover; padding: 5em 0 2em; }
	#keyVisual #lead em { font-size: 100%; }
	#keyVisual #lead em:after { margin-top: 10px; }
	#keyVisual #lead img { width: 95%; }
}



/*rent and sale common*/
body#rent #header { border-bottom: 1px solid #25b7c7; }
body#sale #header { border-bottom: 1px solid #e07025; }
@media screen and (max-width:900px){
	body#rent #header,
	body#sale #header { border-bottom: 0; }
}

body#rent #pageTitle,
body#sale #pageTitle { display: none; }
body#rent #main .inner,
body#sale #main .inner { max-width: 1100px !important; }

.section {  }
.sectionL { float: left; width: 17%; }
.sectionR { float: right; width: 83%; }

.section h1 { font-size: 187.5%; color: #413f33; font-weight: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
.section h1:after { content: ""; display: block; width: 60px; height: 5px; margin-top: 25px; background: #25b7c7; }
.section h1 em { display: block; font-size: 66%; font-family: 'EB Garamond', serif; font-style: italic; font-weight: normal; text-transform: capitalize; }
.sectionL nav { font-size: 75%; margin-top: 10px; }

@media screen and (max-width:900px){
	.sectionL { float: none; width: 100%; margin: 0 auto 20px; }
	.sectionR { float: none; width: 100%; }
	.section h1:after { margin-top: 16px; }
}

.object { display: block; margin: 0 0 10px; padding: 2%; }
.objectL { float: left; width: 28%; }
.objectR { float: right; width: 69%; }
.objectL img { display: block; width: 100%; }
@media screen and (max-width:900px){
	.objectL { float: left; width: 28%; }
	.objectR { float: right; width: 69%; }
}
.object h2 { font-size: 125%; }
.objectR p { margin-bottom: .3em; color: #000; }
.object dl { font-size: 88%; }
.object dl dt { clear: both; float: left; width: 5em; font-weight: bold; }
.object dl dd { padding-left: 5em; }
@media screen and (max-width:900px){
	.transfer { float: none; width: 100%; margin: 0 0 10px !important; padding: 2%; }
}

#homeSale .object { border: 1px solid #25b7c7; }
#homeSale h1 em,
#homeSale h2 { color: #25b7c7; }

#home #homeRent { padding-top: 0 !important; }
#homeRent h1 em,
#homeRent h2 { color: #e07025 !important; }
#homeRent h1:after { background: #e07025 !important; }
#homeRent .object { border: 1px solid #e07025 !important; }



/*-----pageNavi*/
.wp-pagenavi { clear: both; text-align: right !important; vertical-align: middle; margin-top: 55px !important; }
.wp-pagenavi a,
.wp-pagenavi span { display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; margin: 0 .3em; color: #666; border: 1px solid #666; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
.wp-pagenavi .current { color: #b81b21; border: 1px solid #b81b21; }
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink { color: #fff; background: #b81b21; border: 1px solid #b81b21; }
.wp-pagenavi.entry .previouspostslink { float: left; }
.wp-pagenavi.entry .nextpostslink { float: right; }
@media screen and (max-width:900px){
	.wp-pagenavi { margin-top: 20px; }
	.wp-pagenavi a,
	.wp-pagenavi span { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0 .1em; }
}

body#sale .wp-pagenavi .current { color: #25b7c7; border: 1px solid #25b7c7; }
body#sale .wp-pagenavi .previouspostslink,
body#sale .wp-pagenavi .nextpostslink { background: #25b7c7; border: 1px solid #25b7c7; }

body#rent .wp-pagenavi .current { color: #e07025; border: 1px solid #e07025; }
body#rent .wp-pagenavi .previouspostslink,
body#rent .wp-pagenavi .nextpostslink { background: #e07025; border: 1px solid #e07025; }


/*----------entry*/
body.entry .object { padding: 5%; }

#postHead { margin-bottom: 50px; }
#postIMG { float: left; width: 60%; }
#postTitle { float: right; width: 35%; }
#postBody p { font-size: 75%; text-align: right; margin-bottom: 50px; }
@media screen and (max-width:900px){
	#postHead { margin-bottom: 20px; }
	#postIMG { float: none; width: 100%; }
	#postTitle { float: none; width: 100%; }
}

#postBody nav { text-align: center; }
#postBody nav a { font-size: 94%; color: #fff; text-align: center; padding: 15px 4em; background: #25b7c7; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }

body#rent #postBody nav a { background: #e07025 !important; }
#postBody nav a span { position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none; font-size: 15px; }
#postBody nav a span::before,
#postBody nav a span::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
#postBody nav a span::before { left: 3px; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width:1100px){
	#postBody nav a { margin-top: 20px !important; }
}
@media screen and (max-width:900px){
	#postBody nav a { display: block; margin: 0 auto; text-align: center; }
	#postBody nav a { display: block !important; font-size: 140% !important; padding: 7px 0 !important; }
}

/*----------thumbnail*/
#main_photo { position: relative; height: 550px; margin-bottom: 20px; }
#main_photo img { position: absolute; top:0; width: 100%; }

#thumbnail { overflow: hidden; width: 100%; }
#thumbnail li { float: left; margin-left: 15px; }
#thumbnail li:first-of-type, #thumbnail li:nth-of-type(4n+5) { margin-left: 0; }
#thumbnail li img { width: 100%; opacity: 0.5; filter: alpha(opacity=50);  }
#thumbnail li.current img { opacity: 1; filter: alpha(opacity=100); }
@media screen and (max-width:1000px){
	#thumbnail { max-width: 400px; }
	#thumbnail li:nth-of-type(4n+5) { margin-left: 15px; }
	#thumbnail li:nth-of-type(3n+4) { margin-left: 0; }
}
@media screen and (max-width:900px){
	#thumbnail { display: none; }
}

/*----------table*/
body.entry table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
body.entry table th,
body.entry table td { padding: 10px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
body.entry table th { width: 6em; font-weight: bold; background: #e9f8f9; }
body#rent.entry table th { background: #fcf1e9; }




/*realestate*/
#realestate #pageTitle { background: #adadad url("../img/realestateBG.jpg") no-repeat 50% 50%; background-size: cover; }
#realestate table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; }
#realestate table td { padding: 10px 20px; border-bottom: 1px solid #ccc; }
#realestate table thead td { font-weight: bold; background: #e9f8f9; }
#realestate table tbody td {  }

/*company*/
#company #pageTitle { background: #adadad url("../img/companyBG.jpg") no-repeat 50% 50%; background-size: cover; }
#company .article dl { margin-bottom: 1.5em; }
#company .article dl dt { float: left; width: 8em; color: #000; font-weight: bold; }
#company .article dl dd { padding-left: 9em; }
#company .article dl dl { margin-bottom: 0; }
#company .article dl dl dt { float: none; width: 100%; }
#company .article dl dl dd { padding-left: 0; margin-bottom: 2em; }

/*contact*/

#contact #header { min-height: 61px; }
#contact #globalNavi { display: none; }
@media screen and (max-width:900px){
	#contact #globalNavi { display: block; }
}
#contact #pageTitle { background: #adadad url("../img/contactBG.jpg") no-repeat 50% 50%; background-size: cover; }
#contact #pageTitle p { font-size: 82%; }

#contact .article dl { font-size: 94%; }
#contact .article dl:first-of-type { border-top: 1px solid #ccc; }
#contact .article dl dt { float: left; width: 16em; letter-spacing: .1em; }
#contact .article dl dd { padding-left: 17em; }
#contact .article ul li { display: inline-block; margin-right: 1em; }
#contact .article textarea { height: 8em; }
@media screen and (max-width:900px){
	#contact .article dl dt { float: none; width: 100%; }
	#contact .article dl dt span { float: none; margin-left: 1em; padding: 2px .5em; }
	#contact .article dl dd { padding: 0; margin-top: 3px; }
	#contact #main .mfBtn input[type="submit"] { width: 100%; }
}

#contact .article #privacyBox { font-size: 94%; margin: 3em 0 2em; }
#contact .article #privacy { padding: 5%; height: 10em; overflow-y: auto; background: #f8f8f8; border: 1px solid #ccc; }
#contact .article #privacy ol { font-weight: bold; }
#contact .article #privacy ol li { list-style-type: decimal; margin: 0 0 1.5em 1.5em; }
#contact .article #privacy ol li span { font-weight: normal; display: block; }
#contact .article #privacy ol li ul { font-weight: normal; margin: 0 0 0 1.5em; }
#contact .article #privacy ol li ul li { display: list-item !important; list-style-type: disc !important; margin: 0; }