@charset "utf-8";
/* CSS Document */

/* ----- デフォルト詳細のリセット・変更 ここから ----- */
body {
	min-width: 1130px;
	background: #FFF;
}
#main {
	margin: 10px auto 0;
}
#footArea .inner {
	/*padding-right: 220px;*/ /* default 220px */
}
/* ----- デフォルト詳細のリセット・変更 ここまで ----- */

.onlySP {
  display: none!important;
}
.inner {
	width: 960px;
	margin: 0 auto;
	z-index: 1;
}
.Lbox {
	float: left;
}
.Rbox {
	float: right;
}
.defs {
	display: none;
}
/* 画面外にいる状態 */
.fadein {
	opacity : 0.0;
	transform : translate(0, 50px);
	transition : all 500ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

#main .box01 {
  z-index: 0;
}
#outline .tab {
  z-index: 0;
}

/* =========================================================
header,footer,side 共通
========================================================= */
header,footer,#sideArea {
	font-size: 12px;
	/* font-sizeやline-height等はここで指定する */
	padding: 0;
	margin: 0;
	min-width: 960px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-repeat: repeat;
	/* bodyに指定すると物件概要枠に影響がでるので注意 */
}


/* ===================================
header ※下層ページ共通
=================================== */
#headerContents {
  z-index: 9997;
  width: 100%;
  position: relative;
  top: 0;
  background: #FCFCFC;
  transition: .3s;
}  
#headerContents > .inner {
  width: 1000px;
  height: 75px;
  overflow: hidden;
  position: initial;
  padding: 15px 0;
}
#headerContents h1 a {
  text-indent: 0;
  font-size: 19px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  display: block;
  float: left;
  margin: 15px 0 0 5px;
  width: auto;
  background: url(https://konaka-estate.formatline.com/common/img/logo_01.svg) no-repeat 0 1px;
  background-size: 145px;
  padding: 16px 0 10px 162px;
  box-sizing: border-box;
}

#headerContents h1 a:hover {
  opacity: 0.7;
}

/* ===================================
#gnav
=================================== */
#gnav {
  border-bottom: 3px solid #7d5e3f;
  background: #FCFCFC;
  height: 60px;
  position: relative;
  z-index: 1;
}
#gnav li {
  float: left;
  margin: 17px 0;
  border-left: 1px solid #E2E2E2;
  box-sizing: border-box;
}
#gnav .list4 li { width: 25%; }
#gnav .list5 li { width: 20%; }
#gnav .list6 li { width: 16.668%; }
#gnav .list7 li { width: 14.285%; }
#gnav li:last-child {
	border-right: 1px solid #E2E2E2;
}
#gnav li a {
  font-size: 14px;
  color: #333;
  padding: 5px 0;
  text-align: center;
  display: block;
  text-decoration: none;
}
#gnav b {
  font-weight: normal;
}
#gnav li a:hover {
  color: #7d5e3f;
}


/* メガメニュー */
#gnav .menu-info {
  display: none;
  width: 100%;
  width: calc(100% - 80px);
  padding: 0 0 20px;
  margin: 0 auto;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  background: #FCFCFC;
  overflow: hidden;
  border-radius: 0 0 50px 50px;
}
#gnav .menu-info:before {
  content: "";
  display: block;
  background: #7d5e3f;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 20px;
}
#gnav .menu-info .menu-inner {
  padding: 50px 4vw 50px 5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#gnav .subTit {
  float: left;
  width: 200px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  box-sizing: border-box;
  padding: 15px 0 0;
}
#gnav .menu-info ul {
  box-sizing: border-box;
  width: calc(100% - 200px);
  overflow: hidden;
}
#gnav .menu-info ul li {
  width: 23%;
  margin: 0 2% 0 0;
  line-height: 50px;
  float: left;
  border-left: none;
}
#gnav .menu-info ul li:last-child {
  border-right: none;
}
#gnav .menu-info ul li:after {
  display: block;
  content:"";
  width: 24%;
  margin: 0 2% 0 0;
}
@media screen and (max-width:1370px) {
  #gnav .menu-info ul li {
    width: 31%;
    margin: 0 2% 0 0;
  }
}

#gnav .menu-info ul li a {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  display: block;
  margin: 0;
  padding: 10px 15px 5px;
  text-align: left;
  border-bottom: 1px solid #DDD;
  position: relative;
  transition: .3s;
}
#gnav .menu-info ul li a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 46%;
  right: 15px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#gnav .menu-info ul li a:hover {
  color: #FFF;
  background: #7d5e3f;
  opacity: 1;
}
#gnav .menu-info ul li a:hover:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
#gnav .menu-info ul li.badge {
  width: 115px;
  line-height: 22px;
  color: #FFF;
  background: #7d5e3f;
  border-radius: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  margin: 30px 80% 5px 0;
}

#nav_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 0;
}


.menuListBtn{
	position: fixed;
	background: rgba(255,255,255,0.8);
	top: 25px;
	right: 30px;
	width: 40px;
	height: 40px;
	z-index: 9998;
}
.menuListBtn li{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 2px;
	background-color: #333;
}
.menuListBtn li:first-child{
	top: 11px;
}
.menuListBtn li:nth-child(2){
	top: 19px;
}
.menuListBtn li:nth-child(3){
	top: 27px;
}
.menuListBtn:hover {
    opacity: 0.7;
    cursor: pointer;
    transition: .3s;
}

.menuOpen{
	height: 100%;
	overflow: hidden;
}

.spMenu{
	background: rgba(0,0,0,0.9);
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	margin: 0;
	overflow-y: auto;
}

.openButton{
	position: relative;
	width: 40px;
	height: 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.openButton>span{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 3px;
	background-color: #FFF;
	border-radius: 4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.openButton>span:nth-child(2){
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.openButton:hover{
	cursor: pointer;
	opacity: 0.7;
	transition: .3s;
}

.spMenuHead{
	margin: 38px 70px 42px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

/* spNav */
.spNav {
	width: calc(1100px - 210px);
	min-width: 890px;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.spNav dt,
.spNav dd {padding: 0 0 50px;margin: 0 0 55px;border-bottom: 1px solid rgba(255,255,255,0.15);line-height: 1.5;}
.spNav dt {
	width: 280px;
	font-size: 22px;
	font-weight: bold;
	box-sizing: border-box;
	color: #FFF;
	/* line-height: 1.5; */
	/* float: left; */
}
.spNav dt a,
.spNav li a {
	color: #FFF;
	text-decoration: none;
}
.spNav a:hover {
	color: #7d5e3f!important;
	transition: .3s;
}
.spNav dd {
	/* float: right; */
	width: calc(100% - 280px);
	width: 610px;
}
.spNav dd ul.linkList {
}
.spNav dd ul.linkList>li {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 22px;
	margin: 3px 0 5px;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	width: 200px;
}
.spNav dd ul.linkList>li::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7d5e3f;
	border-right: 2px solid #7d5e3f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 0;
	top: -2px;
	bottom: 0;
	margin: auto;
}
.spNav dd ul.linkList .sublink {
	width: 100%;
}
.spNav dd ul.linkList .sublink::before {
	display: none;
}
.spNav dd ul.linkList .sublink .sublinkList {
	float: left;
	line-height: 1.2;
	width: 194px;
}
.spNav dd ul.linkList .sublink .sublinkList li {
	width: 210px;
}
.spNav dd ul.sublinkList li>a {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 18px;
	margin: 15px 0 0 7px;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
}
.spNav dd ul.sublinkList li>a:before {
	position: absolute;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 1px;
	background: #EEE;
	left: 0;
	top: -2px;
	bottom: 0;
	margin: auto;
}
.spNav dd ul.linkList .sublink .sublinkList li.badge {
    width: 115px;
    line-height: 22px;
    color: #FFF;
    background: #7d5e3f;
    border-radius: 30px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    margin: 10px 0 0;
}
.spNav dt.borderNone,
.spNav dd.borderNone {
	border: none;
}
.spNav dd.linkListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.spNav dd.linkListWrap ul.linkList {
  width: 270px;
}
@media screen and (min-width:751px) and ( max-width:960px) { 
	.spNav {
		width: auto;
	    min-width: auto;
	    margin: 0 30px;
	}
	.spNav dt {
		display: none;
	}
	.spNav dd {
		width: 100%;
	}
}

/* =========================================================
contents
========================================================= */
#contents {
	width: 1130px; /* default 1180px */
	margin: 0 auto;
}


/* ===================================
footer
=================================== */
#pageTop {
  text-align: right;
  margin-top: 30px;
  font-size: 0;
}

footer {
  background: #F2F2F2;
  padding: 20px 0 35px;
}
footer .inner {
  position: relative;
}
footer .logo a {
  background: none;
  text-indent: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  margin: 25px 0 40px;
  display: inline-block;
  width: auto;
  height: auto;
  background: url(https://konaka-estate.formatline.com/common/img/logo_01.svg) no-repeat 0 0;
  background-size: 170px;
  padding: 20px 0 20px 190px;
  box-sizing: border-box;
}
#fNav {
  width: 470px;
  text-align: left;
}
footer h1 a:hover,
footer .logo a:hover {
  opacity: 0.7;
}
footer p {
  font-size: 13px;
  color:#333;
}
footer .contactBox .tel {
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 30px;
  font-weight: normal;
  padding-left: 30px;
  margin-right: 5px;
  position: relative;
  color: #000;
}
footer .contactBox .tel a {
  color: #333;
  text-decoration: none;
  pointer-events: none;
}
footer .contactBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 10px 0 0;align-items: baseline;}
footer .tel:before {
  content: "";
  background: url(//base.formatline.com/type009/common/img/ico_tel.png) no-repeat left;
  background-size: 21px 7px;
  display: block;
  width: 21px;
  height: 7px;
  position: absolute;
  top: 44%;
  left: 0;
}
footer p.info {
  line-height: 1.5;
}
footer p.info small {
  font-size: 11px;
  display: block;
  margin-top: 6px;
}
footer p.info span {
  display: inline-block;
}


#fNav {
  width: 470px;
  text-align: left;
  position: absolute;
  right: 0;
  padding: 45px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#fNav li {
  display: inline-block;
  margin: 0 0 25px 40px;
}

#fNav li a {
  font-size: 14px;
  color: #333;
  /* padding: 0 15px; */
  text-align: center;
  display: block;
  text-decoration: none;
}

#fNav li a:hover {
  text-decoration: underline;
}

/*
#fNav li.last a {
border: none;
}
*/
#fNav li:last-child a {
  border: none;
}

#copyright {
  font-size: 11px;
  color: #FFF;
  padding: 22px 0;
  background: #7d5e3f;
}
#copyright p {
  color: rgba(255,255,255,0.6);
}
#copyright a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
}