@charset 'utf-8';


/* ----------------------------------------
　common.css
---------------------------------------- */

html{font-size: 62.5%;}
body {
	font-family: "Meiryo", "メイリオ" , "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "Osaka", arial, helvetica, clean, sans-serif;
}

.mb05 {margin-bottom: 5% !important;}
.mb03 {margin-bottom: 3% !important;}
.pt0 {padding-top: 0;}

.float-l {float: left;}
.float-r {float: right;}

/* header
---------------------------------------- */
header {border-bottom: 3px solid #d7d7d7; border-top: 2px solid #d7d7d7; padding: 5% 5% 6%; text-align: left;}
header a, .tab a, .sub-nav a {text-decoration: none !important;}
.head { display: inline-block; vertical-align: middle; width: 60%;}

/*ハンバーガーボタン*/
.sp-head { width: 10%; display: inline-block; position: absolute; right: 4%;}
.sp-head button {outline: none; cursor: pointer; background: none; border:none; padding: 0;}
.sp-head button:active {border:none;}

/*ナビゲーション*/
.nav-sp {text-align: left; padding: 7% 5% 1% 25%; background: #f3f3f3;}
.nav-sp dl {margin-bottom: 9%;}
.nav-sp dt {font-size: 1.8rem; padding-bottom: 5%; line-height: 1.3;}
.nav-sp dt p {border-left: 5px solid #e61312; padding-left: 5%;}
.nav-sp dt, .nav-sp dd { border-bottom: 2px solid #ebebeb;}
.nav-sp dd a {padding: 5% 2%; font-size: 1.2rem; display: block; text-decoration: none;}

.sub-nav {display: none;}

/* .new_info */
.new_info {display: none;}
@media screen and (min-width: 740px){
.new_info {display: block;}
.new_info {position: absolute; right: 10px; top: -9px;}
.new_info li {float: left; padding-left: 13px;}
.new_info li:first-child { padding-left: 0;}
}
/* main
---------------------------------------- */

/*メインビジュアル*/
.main {border-bottom: 1px solid #d7d7d7;}

/*h2*/
.main h2 {font-size: 2.1rem; text-align: left; letter-spacing: 1px;}
.main h2 span { font-size: 1.5rem; display: block; margin-top: 2%;}
.main p {display: none;}

/*h3*/
.cnt-ttl {padding: 4% 3% 1.5%; font-size: 2.0rem; border-bottom: 2px solid #ccc;}
article h3 {border-left: 3px solid #e3001f; padding: 3% 0 2% 3%; font-weight: bold; margin-left: 1%; font-weight: bold;}
article h3 span {font-size: 0.8em;}

/*h4*/
article h4 {font-size: 1.6rem; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 1%; margin-bottom: 3%; line-height: 1.5; font-weight: bold;}
h4:before {content: ""; display: inline-block; margin-right: 1%; width: 8px; height: 8px; border: 3px solid #e3001f; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius:50%; behavior: url("/common2015/js/PIE.htc"); position: relative;}


/*タブ---------------------------------------- */
.tab {max-width: 94%; padding: 4% 0 0; margin: 0 auto; margin-bottom: 3.75%;}
.tab ul {display: table; width: 100%; table-layout: fixed;}
.tab li {width: 47%; text-align: center; display: table-cell; font-size: 1.5rem; color: #fff; font-weight: bold;}
.tab li:after {content: ">"; text-align: right; margin-left: 15%;}
.tab li a {color: #fff; display: block; padding: 9% 0;}
.tab li a:hover {color: #fff;}
.tab li.tab-off {background: #b2b2b2; border-left: 5px solid #fff; border-bottom: 5px solid #fff;}
.tab li.tab-off:after {display: none;}
.tab li.tab-off a:after {content: ">"; text-align: right; margin-left: 15%;}

/*買う*/
.buy {border-bottom:5px solid #e3001f;}
.buy li.tab-on {background: #e3001f; padding-bottom: 3.7%;}

/*売る*/
.sell {border-bottom:5px solid #e37d00;}
.sell li.tab-on {background: #e37d00; padding-bottom: 3.7%;}
.sell li.tab-off {border-right: 5px solid #fff; border-left: none;}

/*土地*/
.tochi {border-bottom:5px solid #6ec900;}
.tochi li.tab-on {background: #6ec900; padding-bottom: 3.7%;}
.kijun li.tab-off {border-left: none; border-right: 5px solid #fff;}

/*---------------------------------------- */



/* footer
---------------------------------------- */
footer small, footer li.contact, footer li.sitemap {display: none;}
footer { background: #f8f8f8; text-align: left;}
footer li {border-top: 2px solid #fff; font-size: 1.3rem;}
footer li a {padding: 4%; display: block; text-decoration: none;}
footer p.copy {background: #373231; padding: 4%;text-align: center; color: #fff; }




@media print, screen and  (max-width: 767px){/* 20160208修正 */

	#wrap-sec2 {background: #f3f3f3;}
	#sec1 {position: absolute; width: 100%; z-index: 1;}
	#sec2 {position: relative; z-index: 2; background: #fff;}

	/* header
	---------------------------------------- */
	header h1, ul.info, ul.estate, nav, header .sub-nav {display: none;}

	/* main
	---------------------------------------- */
	ul.breadcrumbs {display: none;}

	/* July 2016 フッター改修
	 -------------------------------------------------*/
	footer p.copy {
		background-color: #1a1d2c;
	}
	/* ▲▲July 2016 フッター改修▲▲ */


}

/* ----------------------------------------
　style.css min-width:768px;
---------------------------------------- */

@media print, screen and  (min-width: 768px){/* 20160208修正 */

	.mb05 {margin-bottom: 20px;}
	.mb03 {margin-bottom: 10px;}


	/* header
	---------------------------------------- */
	header h1, ul.info, ul.estate, nav, header .sub-nav {display: block;}

	header { margin: 0 auto; padding: 15px 0 0; border: none; border-bottom: 1px solid #b2b2b2; display: block; width: 100%; }
	.head {display: block; width: auto;}
	.top {max-width: 950px; position: relative; margin: 0 auto 18px;}
	.top .logo {
		display: inline-block;
	}
	.top .logo img {width: 205px; height: 31px;}
	header h1 {color: #fff; font-size: 12px; margin: 0 0 30px 1px; overflow: hidden; width: 550px; white-space: nowrap; text-overflow: ellipsis;}

	header ul.info {position: absolute; top: 0; right: 0;}
	header ul.info li {display: inline; font-size: 10px; padding-left: 10px;}
	header ul.info li:first-child {padding-right:13px; border-right: 1px solid #f2f2f2;}

	header ul.estate {position: absolute; top: 28px; right: 0;}
	header ul.estate {top: 38px;}
	header ul.estate li {display: table-cell; background-color: #f2f2f2; border-right: 1px solid #fff;}
	header ul.estate li a {padding: 9px 20px; font-size: 12px; display: block;}
	header ul.estate li a:hover {background: #666; color: #fff;}
	header ul.estate li:first-child,
	header ul.estate li:first-child a:hover {border-radius: 4px 0 0 4px;}
	header ul.estate li:last-child,
	header ul.estate li:last-child a:hover {border-radius: 0 4px 4px 0;}
	header ul.estate li:last-child {padding-right: 0;}

	nav, .sub-nav {max-width: 962px; margin: 0 auto;}
	nav ul {width: 98.8%; margin-bottom: -1px; background: #fff; padding: 0 0.6%; display: table; table-layout: fixed;}
	nav li {max-width: 184px; font-size: 16px; font-weight: bold; text-align: center; display:table-cell; padding-right: 0.6%;}
	nav li:last-child {padding-right: 0;}
	nav li a {display: block; padding-bottom: 11px;}
	nav li a:hover {color: #666; margin-bottom: -1px;}
	nav li.cat-buy a {border-bottom: 1px solid #e3001f;}
	nav li.cat-buy a:hover {border-bottom: 2px solid #e3001f;}
	nav li.cat-uri a {border-bottom: 1px solid #e37d00;}
	nav li.cat-uri a:hover {border-bottom: 2px solid #e37d00;}
	nav li.cat-rent a {border-bottom: 1px solid #008ce3;}
	nav li.cat-rent a:hover {border-bottom: 2px solid #008ce3;}
	nav li.cat-lend a {border-bottom: 1px solid #6fc900;}
	nav li.cat-lend a:hover {border-bottom: 2px solid #6fc900;}
	nav li.cat-center a {border-bottom: 1px solid #e3008c;}
	nav li.cat-center a:hover {border-bottom: 2px solid #e3008c;}

	.sub-nav { border-bottom: 1px solid #e3e3e3; padding: 20px 0 10px;}
	.sub-nav li {width: 157px; display: table-cell; font-size: 14px; text-align: center; border-right: 1px solid #e3e3e3;}
	.sub-nav li:last-child {border-right: none;}

	.sp-head, .nav-sp {display: none;}

	/* main
	---------------------------------------- */

	article {max-width: 950px; margin: 0 auto; padding: 15px 0 20px; color: #666;}

	/*メインビジュアル*/
	.main {margin: 20px auto; border: 1px solid #ccc;}
	.main h2 span.small { font-size: 24px;}

	/*パンくず*/
	ul.breadcrumbs {display: block; background: #f2f2f2; border-radius: 4px; padding: 7px 7px 0 7px; color: #666;text-align:left;}
	ul.breadcrumbs li {font-size: 12px; display: inline-block; padding: 0 6px 7px 0;}
	ul.breadcrumbs li:after {content: url(/common2015/img/icn_arrow_brcs.gif); margin-left: 6px;}
	ul.breadcrumbs li.current:after {content: "";}

	/*h1*/
	.main h1, .main h1 span {font-size: 32px;}

	/*h2*/
	.main h2 {font-size: 32px;}
	.main h2 span {font-size: 20px; display: inline-block;}

	.main p {font-size: 14px; display: block; padding-top: 10px;}

	/*h3*/
	.cnt-ttl {padding: 0 0 5px; border-bottom: 1px solid #e3e3e3; margin-bottom: 10px;}
	article h3 {padding: 8px 0 5px 20px; font-size: 18px;}
	article h3 span {font-size: 15px;}

	/*h4*/
	article h4 {font-size: 16px; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; margin-bottom: 20px;}
	h4:before {margin-right: 5px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; behavior: url("/common2015/js/PIE.htc"); position: relative;}


	/*タブ*/
	.tab {max-width: 950px; margin: 0 0 20px; padding: 15px 0 0;}
	.tab li {font-size: 18px;}
	.tab li a {color: #fff; display: block; padding: 15px 0;}
	.tab li:after {content: ""; margin: 0;}
	.tab li.tab-on {padding-bottom: 20px;}
	.tab li.tab-off a:after {display: none;}


	/* footer
	---------------------------------------- */
	footer { background: #373231; font-size: 10px; color: #fff; padding: 25px 0;}
	footer .foot-cnt {max-width: 950px; margin: 0 auto;}
	footer small {display: block; float: left; font-size: 9px;}
	footer ul {float: right;}
	footer li {border-top: none; display: inline-block; margin-right: 10px; font-size: 10px;}
	footer li:before {content: ">"; padding-right: 2px;}
	footer li a {padding: 0; color: #fff !important; display: inline-block;}
	footer li a:hover {color: #e3001f !important;}
	footer li.to-top, footer li.opinion, footer p.copy {display: none;}
	footer li.contact, footer li.sitemap {display: inline-block;}

	/* July 2016 フッター改修
	 -------------------------------------------------*/
	footer {
		background: #1a1d2c url(/common2013/img/footer/bg_footer.gif) repeat-x top left;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	footer .foot-cnt {
		background: #1a1d2c url(/common2013/img/footer/footer_sfh_logo.png) no-repeat left top;
		padding-top: 45px;
	}
	footer .foot-cnt li.contact {
		margin-bottom: 0;
	}
	/* ▲▲July 2016 フッター改修▲▲ */
	
	.only-sp {display: none;}

}



/* ----------------------------------------
　style.css　max-width:768px;
---------------------------------------- */

/* header
---------------------------------------- */

/* ▼ 1 June 2016 ヘッダー修正 ▼ */
/* HeaderBg
-------------------------------------------*/
body {
	background: transparent url("/common2013/img/header/bg_header.gif") repeat-x scroll left -5px;
}
/* #container
-------------------------------------------*/
#container {
	background-image: none;
}
/* header
-------------------------------------------*/
header h1 {
	color: #fff;
	margin: 0 0 30px 1px;
}
header ul.info li a:link {
	color: #fff;
}
header ul.info li a:hover {
	color:  #e3001f;
}
/* ▲ 1 June 2016 ヘッダー修正 ▲ */

/* July 2016 フォントサイズ改修
------------------------------------------*/
.main-cnt { font-size: 14px; }
/* ▲▲ July 2016 フォントサイズ改修 ▲▲ */

/* header renewal on July 2017 ------------------*/
.head .logo img {
	display: none;
}
@media screen and (max-width: 767px) {
	header,
	footer p.copy {
		background-color: #1c1f30;
		position: relative;
	}
	header:before,
	footer p.copy:before {
		background-color: #edda24;
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 0;
	}
	header {
		border-top: none;
	}
	header:before {
		bottom: 3px;
	}
	footer p.copy {
		background: #1c1f30 url(/common2013/img/footer/footer_sfh_logo.png) no-repeat center 10px !important;
		background-size: 205px auto !important;
		padding-top: 50px !important;
	}
	footer p.copy:before {
		top: 3px;
	}
}
/* End of header renewal on July 2017 -----------*/
/* for /uri/..* */
.action-link {
	margin-top: 30px;
	margin-bottom: 60px !important;
	width: 100%;
	text-align: center;
}
.action-link .action-link-btn {
	position: relative !important;
    padding: 20px 0 18px !important;
    font-size: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
	justify-content: center !important;
	width: 800px !important;
    margin: 10px auto 0 !important;
	border: 1px solid #ccc !important;
}
.action-link .action-link-btn.satei {
	background: #e3001f;
	color: #fff;
	border: 0;
}
.action-link .action-link-btn:link,
.action-link .action-link-btn:visited {
    color: #333 !important;
    text-decoration: none !important;
}
.action-link .action-link-btn.satei:link,
.action-link .action-link-btn.satei:visited {
    color: #fff !important;
    text-decoration: none !important;
	
}
.action-link .action-link-btn:hover {
    color: #e3001f !important;
}
.action-link .action-link-btn:hover::after {
    background: url(/common2015/img/arrow.gif) 0 0 no-repeat;
}
.action-link .action-link-btn.satei:hover {
    color: #fff !important;
	opacity: 0.8;
}
.action-link .action-link-btn::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 5px;
	height: 9px;
	right: 20px;
	background: url(/common2015/img/arrow_gray.gif) 0 0 no-repeat;
}
.action-link .action-link-btn.satei::after {
	background: url(/common2015/img/arrow_white.gif) 0 0 no-repeat;
}

@media screen and (max-width: 767px) {
	.action-link {
		margin: 20px 0 !important;
	}
	.action-link .action-link-btn {
		font-size: 14px !important;
		width: 100% !important;
		margin: 0 auto 10px!important;
	}
	.action-link .action-link-btn::after {
		right: 10px !important;
	}
}


/* 20211215追加 */
@media all and (max-width: 767px) {
	     	#pageTitle {
		border-bottom: 1px solid #ccc;
		display: table;
		font-size: 16px;
		table-layout: fixed;
		width: 100%;
	}
	#pageTitle .btn__back, #pageTitle .ttl__pagetitle {
		display: table-cell;
		vertical-align: middle;
	}
	#pageTitle .btn__back {
		background-color: #b2b2b2;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		width: 52px;
	}
	#pageTitle .btn__back a {
		background: rgba(0, 0, 0, 0) url("/commonsp/images/btn_back.png") no-repeat scroll center center;
		background-size: 60px auto;
		display: block;
		height: 50px;
		overflow: hidden;
		text-indent: -9999px;
		width: 50px;
	}
	#pageTitle .ttl__pagetitle {
		padding: 0.5em 1em;
		text-align: left;
	}
	#pageTitle .ttl__pagetitle h1 {
		font-weight: bold;
	}

}