@charset 'utf-8';
/*reset------------------------------------------------*/
html{}
*{margin:0;padding:0;border:none;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,b,th{font-size:1em;font-weight:normal;font-style:normal;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
body{margin:0;padding:0;font-size:12px;line-height:20px;color: #333;}
ul,li{margin:0;padding:0;list-style:none;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{position: relative; min-height: 1px; padding-right:0px; padding-left: 0px;}

/*common------------------------------------------------*/
html {height:100%; background:#fff;}
body { margin: 0; padding: 0; color: #333; font-size : 14px; height:100% ;font-family: "Sawarabi Mincho"; }
.fontGoth{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.fontTimes{font-family:"Times New Roman", Times, serif;}
img.w100{width:100%;}
img.w96{width:96%;}
img.w90{width:90%;}
img.w80{width:80%;}
img.w70{width:70%;}
img.w60{width:60%;}
img.w50{width:50%;}
img.w40{width:40%;}
img.w30{width:30%;}
img.w20{width:20%;}
img.w20-40{width:20%;}
img.w25-50{width:25%;}
img.w30-60{width:30%;}
img.btn_data01{ width:33.33333%; max-width:270px;}

.colFFF{color:#fff;}
.col666{color:#666;}
.h100vh{height:100vh;}
.fontThin{font-weight:200;}
.size90{ font-size:90%;}
a img{border:none;}
a img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-filter:"alpha(opacity=80)";}
a.colFff{color:#fff;}
.letterWide{letter-spacing:10px; text-indent:10px;}
.letterSemiWide{letter-spacing:3px; text-indent:3px;}
.line21{line-height:210%;}
.line18{line-height:180%;}
.line15{line-height:150%;}

.bgBro{ background:#eae5da; overflow:hidden; padding:40px 10px}
.borderBo{ border-bottom:#999 1px solid; text-align:center; padding-bottom:10px;}

#topcontrol{z-index:9999;}

.br768{ display: inline;}
.pcOnly{display:block;}
.smpOnly{display:none;}
@media (max-width: 768px) {
img.w20-40{width:40%;}
img.w25-50{width:50%;}
img.w30-60{width:60%;}
img.btn_data01{ width:55%;}
.bgBro{padding:30px 5px}
.br768{ display:block;}
.pcOnly{display:none;}
.smpOnly{display:block;}
}
.br540{ display: inline;}
@media (max-width: 540px) {
.br540{ display:block;}
}
.articleBody{ background:#fff;}
.articleBody #headerContainer .container{ width:100%; max-width:1260px; margin:0 auto; padding:0;}
.articleBody #contentContainer .container{ width:100%; max-width:1500px; margin:0 auto; padding:0;}
.articleBody #contentContainer .container1200{ width:100%; max-width:1200px; margin:0 auto; padding:0;}
.articleBody #contentContainer .container960{ width:100%; max-width:960px; margin:0 auto; padding:10px;}
.articleBody #contentContainer .container720{ width:100%; max-width:740px; margin:0 auto; padding:10px;}
.articleBody #contentContainer .container640{ width:100%; max-width:640px; margin:0 auto; padding:10px;}
.articleBody #contentContainer .container-fluid{margin:0 auto; padding:0;}
.articleBody #contentContainer .container-fluidBg{margin:0 auto; padding:0; background:#efe9db;}
.articleBody #contentContainer{padding:140px 0 0 0;}/*固定メニュー回避用*/
@media (max-width: 1200px) {
.articleBody #contentContainer{padding:70px 0 0 0;}/*固定メニュー回避用*/
}
@media (max-width: 1002px) {
.articleBody #contentContainer{padding:50px 0 0 0;}/*固定メニュー回避用*/
}
@media (max-width: 768px) {
.articleBody #contentContainer{padding:40px 0 0 0;}/*固定メニュー回避用*/
}

/*マークアップ*/
h2{ font-size:36px; margin:50px auto 50px; line-height:160%; color:#4f573a; letter-spacing:1px;}
h3{ font-size:21px; margin:40px auto 40px; line-height:210%; color:#666; letter-spacing:0.1em;}
h4{ font-size:21px; margin:20px auto 20px; line-height:140%; color:#898989;}
h5{ font-size:18px; margin:20px auto 20px; line-height:140%; color:#333;}
p.bgGr{ background:#2c331f; color:#fff; padding:10px; font-size:18px; margin:10px auto;}

p.size18{ font-size:18px; margin:20px auto 20px; line-height:180%; color:#333;}
@media (max-width: 1002px) {
h2{ font-size:27px;}
h3{ font-size:18px; letter-spacing:0em;}
h4{ font-size:16px;}
h5{ font-size:16px;}
p.size18{ font-size:16px;} 
}
@media (max-width: 768px) {
h2{ font-size:24px; margin:40px auto;}
h4{ font-size:16px;}
h5{ font-size:14px;}
p.size18{ font-size:14px; line-height:140%;} 
p.bgGr{ background:#2c331f; color:#fff; padding:5px; font-size:14px;}
}

/*indexPage------------------------------------------------*/
#indexPage{ text-align:center;}
#indexSlide{/* height:100vh;  */position:relative; margin:10px 0 0 0; padding:0;}
#indexSlideSmp{ display:none;}

@media (max-width: 768px) {
#indexSlide{ display:none;}
#indexSlideSmp{ display: block;position:relative; margin:10px 0 0 0; padding:0;}
}


/*indexPage　conceptとlandscapeとdesign兼用------------------------------------------------*/
#indexPage{ text-align:center;}

#indexPage ul.col2{width:100%; overflow:hidden;}
#indexPage ul.col2 li{width:50%; margin:0; padding:0; overflow:hidden; float:left;}
#indexPage ul.col3{width:100%; overflow:hidden;}
#indexPage ul.col3 li{width:33.333333%; margin:0; padding:0; float:left;}
#indexPage ul.col2 li.w46{ width:46%; margin:0 2%; padding:0; float:left;}
#indexPage ul.col4{width:100%; overflow:hidden;}
#indexPage ul.col4 li{ width:25%; float:left; min-height:400px;}
#indexPage ul.col4 li div{margin:10px; text-align:left; font-size:12px;}
#indexPage ul.col4 li div p{font-size:14px; font-weight:bolder; color:#48291c}

#indexPage #borderV{ padding-top:10px; padding-bottom:10px; border-bottom:#388796 1px solid; border-top:#388796 1px solid; margin:20px auto;}

@media (max-width: 768px) {
#indexPage #contentContainer p.expTxt{line-height:210%; margin:20px 0; color:#052331; font-size:14px;}
#indexPage ul.col2{width:100%; float:none;}
#indexPage ul.col3 li{width:100%; float:none;}
#indexPage ul.col4 li{ width:50%; float:left;}
}

@media (max-width: 540px) {
#indexPage ul.col2 li{width:100%; float:none;}
#indexPage ul.col4 li{ min-height:360px}
}

/*plan*/
#indexPage .planBarLeft{ background:#495634; text-align:right; padding:0; margin-top:60px}
#indexPage .planBarRight{ background:#9f9fa0; text-align:left; padding:0; margin-top:60px}
h3.planTxt{ background:#e9e4cc; padding:30px 10px; margin:0 0 40px 0; font-weight:700;}
.bgPlanBg{background:#ece6d8; margin:40px 0 0 0; padding:40px 0; text-align:center; overflow:hidden;}
.bgPlanBg ul.plan2cal{ width:100%; max-width:960px; margin:0 auto; overflow:hidden;}
.bgPlanBg ul.plan2cal li{width:50%; float:left;  padding:10px;}
.bgPlanBg ul.plan2cal li p.greenBox{ background:#495634; color:#fff; padding:5px; margin:20px 0 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.bgPlanBg ul.plan2cal li p.greenTxt{ text-align:left; line-height:140%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
@media (max-width: 768px) {
#indexPage .planBarLeft{text-align:center; margin-top:40px}
#indexPage .planBarRight{text-align:center; margin-top:0px}
h3.planTxt{padding:20px 5px; margin:0 0 20px 0;}
}

/*locPage------------------------------------------------*/
#locPage{ text-align:center;}

#locPage h3.bar{ background:url(../img/location/h2barbg.png) repeat-y; color:#fff; width:100%; }
#locPage #contentContainer ul.col2{width:100%; overflow:hidden;}

#locPage #contentContainer ul.col2 li{ width:50%; float:left; padding:10px 10px;}
#locPage #contentContainer ul.col2 li.p00{ width:50%; float:left; padding:0;}
#locPage #contentContainer li h4{margin:10px 0 5px 0; text-align:left; border-bottom:#221714 1px solid; font-size:30px; padding-bottom:5px; color:#221714}
#locPage #contentContainer li p{text-align:left;}

h3.barBottom{border-bottom:#999 1px solid; padding-bottom:10px; }

#locPage #contentContainer ul.col2 li ul.infoUL {width:100%; margin:0;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi{ width:100% !important; overflow:hidden; display:block;background: url(../img/location/dot02.png) repeat-x left center; font-size:12px;list-style:none; margin:0; padding:5px 0;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi span{background:#ebe6da; padding:0px;float:left;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi span.distance{float:right;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi span.distance2{float:right;line-height:1.8rem;line-height:18px;}
#locPage #contentContainer ul.col2 li ul.infoUL li.expTxt{background: none; text-align:left; width:100% !important; font-size:12px;list-style:none; margin:0; padding:0 0 5px 0;}
#locPage #contentContainer ul.col3{width:100%; overflow:hidden;}
#locPage #contentContainer ul.col3 li{ width:33.333333% ; padding:10px;float:left;}
#locPage #contentContainer ul.col4{width:100%; overflow:hidden;}
#locPage #contentContainer ul.col4 li{ width:25%; float:left; padding:10px; text-align:left;}
#locPage #contentContainer ul.tra3{width:100%; overflow:hidden;}
#locPage #contentContainer ul.tra3 li{ width:33.333333%; padding:0;float:left;}
@media (max-width: 768px) {
#locPage #contentContainer ul.col2 li{ width:100%; float:none;}
#locPage #contentContainer ul.col3 li{ width:100%; float:none;}
#locPage #contentContainer ul.col4 li{ width:50%; padding:10px; }
#locPage #contentContainer ul.tra3 li{ width:80%; float:none; margin:0 auto;}
}




#user_gmap{width:100%; height:600px; margin:40px 0 10px;}
#user_gmap .popupTxt{color:#000; font-size:12px; margin:0 15px 0 0; padding:0; text-align: center !important;font-family: "Sawarabi Mincho" ;}
#user_gmap .popupTxt div.vigrous{font-size:14px; line-height:120%; padding:10px 0;}
#user_gmap .popupTxt div.vigrous p{font-size:16px; font-weight:500; }
#user_gmap .popupTxt .bold{font-weight:bold;}
#user_gmap .popupTxt img{ width:100%; max-width:216px;}

#locPage #contentContainer .mapsMaps{border:#ccc 1ps solid; padding:10px 10px 20px 10px;background:#faf8f5;}
#locPage #contentContainer .mapsMaps .mapInput{ margin:0 auto; text-align:center; font-size:24px; color:#F00;}
#locPage #contentContainer .mapsMaps .mapInput span.mapFrom{border:#ccc; background:#fff; padding:3px 10px; color:#000; font-size:24px;}
#locPage #contentContainer .mapsMaps .mapInput span.mapVector{ font-size:24px; color:#F00; margin:0 5px;}
#locPage #contentContainer .mapsMaps input[type="submit"] { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin:30px auto 0; width:200px; padding:15px; background:#4f573a; color:#fff; font-weight:bold;}
#locPage #contentContainer .mapsMaps input[type="submit"]:hover{background:#333;}
#locPage #contentContainer .mapsMaps input[type="text"]{font-size:24px; width:40%; border:#ccc 1px solid; padding:7px; color:#000;}

@media (max-width: 540px) {
#locPage #contentContainer .mapsMaps .mapInput span.mapFrom{ display:none;}
#locPage #contentContainer .mapsMaps .mapInput span.mapVector{ display:none;}
#locPage #contentContainer .mapsMaps input[type="text"]{width:80%;}
}




/*outlinePage------------------------------------------------*/
#outlinePage{ text-align:center;}
#outlinePage .bgBro{background:#ebe6da; padding:40px 0; margin:40px 0;}
#outlinePage .bgFff{background:#fff; width:96%; max-width:980px; margin:20px auto; padding:10px;}
#outlinePage ul.outTable{ clear:both; border-bottom:#cecece 1px dashed; margin:10px 1%; width:98%; }
#outlinePage ul.outTable li.ouTitle{width:14%; float:left; text-align:left;}
#outlinePage ul.outTable li.ouTitle p{padding:10px; font-weight:bolder;}
#outlinePage ul.outTable li.outCont{width:84%; float:right; text-align:left;}
#outlinePage ul.outTable li.outCont p{padding:10px;}
#outlinePage h3{ font-size:24px; text-align:left; margin:10px;}

#outlinePage ul.navi2{width:80%; margin:40px auto 80px; max-width:480px}
#outlinePage ul.navi2 li{ width:46%; float:left; padding:5px; text-align:center; margin:0 2%;}
#outlinePage ul.navi2 li.bgOnsale{ background:#57592a; color:#fff;}
#outlinePage ul.navi2 li.lightG{ background:#cccccc; color:#fff;}
#outlinePage ul.navi2 li a{text-decoration:none; color:#fff;}

#outlinePage h3#out001 , h3#out002 , h3#out003{ margin-top:-180px;padding-top:180px;}

@media (max-width: 990px) {
}
@media (max-width: 768px) {
#outlinePage h2{ font-size:24px;}
#outlinePage h3{ font-size:18px;}
#outlinePage ul.outTable li.ouTitle{width:100%; float:none;}
#outlinePage ul.outTable li.ouTitle p{padding:10px 10px 0 10px;}
#outlinePage ul.outTable li.outCont{width:100%; float:none;}
#outlinePage ul.outTable li.outCont p{padding:0 10px 0px 10px;}
#outlinePage ul.navi2{width:100%; margin:0 auto 80px;}
#outlinePage ul.navi2 li{ width:48%; float:left; padding:5px; text-align:center; margin:5px 1%;}
#outlinePage h3#out001 , h3#out002 , h3#out003{ margin-top:-100px;padding-top:100px;}
}

#outlinePage table{width:100%; margin:40px auto 0; border-top:1px solid #eee; border-left:1px solid #eee; border-collapse:collapse;  border-spacing:0; font-family:"Sawarabi Mincho";}
#outlinePage table th{ width:100px; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#f9f9f9; padding:10px; text-align:center; font-weight:bold;}
#outlinePage table td{ border-right:1px solid #eee; border-bottom:1px solid #eee;padding:10px;}
#outlinePage p.expTxt{ text-align:left; font-size:10px; margin:10px auto; width:96%; max-width:960px;}

/*requestPage------------------------------------------------*/
#requestPage{ text-align:center;}
#requestPage .endDiv{ margin-bottom:80px;}
#requestPage ul.inQ{ width:100%; float:left; clear:both;}
#requestPage ul.inQ li.inQtitle{width:30%; float:left; text-align:right;}
#requestPage ul.inQ li.inQtitle p{padding:10px;}
#requestPage ul.inQ li.inQcont{width:70%; float:left; text-align:left;}
#requestPage ul.inQ li.inQcont p{padding:10px;}

#requestPage ul.inQ li.inQcont p select{border:#ccc 1px solid; padding:3px; margin:0 0 5px 0;}
#formBody{ margin:0 auto 60px; text-align:left; width:100%; max-width:960px; background:#f5f5f5;}
#formBody div#formExp{ width:90%;  float:left; margin:20px 5% 0; text-align:center;}
#formBody dl{ width:90%;  float:left;  background:#fff; margin:20px 5% 0;}
#formBody dl dt{text-align:right; float:left; width:28%; padding:25px 1%; font-weight:bold; font-size:120%;}
#formBody dl dt a{ display:block; font-size:12px; font-weight:lighter; margin-top:8px; text-decoration:underline;}
#formBody dl dt a:hover{ text-decoration:none;}
#formBody dl dt span{font-weight:lighter; margin:0 0 0 5px; color:#cc0000; font-size:80%;}
#formBody dl dd{text-align:left; float:left; width:68%; padding:18px 1%;}
#formBody dl dd input{border:#999 1px solid; padding:5px;}
#formBody dl dd input[type="text"]{font-size:18px;font-weight:bold; width:80%; margin-bottom:20px;}
#formBody dl dd input[type="text"].w40{font-size:18px;font-weight:bold; width:40%;}
#formBody dl dd input[type="email"]{font-size:18px;font-weight:bold; width:80%;}
#formBody dl dd input[type="tel"]{font-size:18px;font-weight:bold; width:80%;}
#formBody dl dd  .wpcf7-not-valid-tip{display:block;  color:#cc0000; margin:5px 0 0 0;}
#formBody dl dd input[type="checkbox"] { -webkit-transform: scale(1.2); transform: scale(1.2); margin:5px;}
#formBody dl dd label{ margin-right:10px;}
#formBody dl dd.blockLabel label{ display:block; margin:5px 0;}
#formBody dl dd #radioBox input[type="radio"] { -webkit-transform: scale(1.5); transform: scale(1.5); margin:5px;}
#formBody dl dd #radioBox label{display:block;}
#formBody dl dd select{ padding: 3px;border: #999999 solid 1px;font-size:130%;font-weight:normal; margin:2px 0 10px;}
#formBody dl dd textarea{font-size:110%; width:80%; border:#999 1px solid; padding:5px;}
#formBody .btnArea{ text-align:center; background:#f5f5f5; width:98%; margin:5px 1%; padding:20px 0;}
#formBody .btnArea .submitBtn{ background:#4f573a; margin:10px; padding:3px 0; text-align:center; width:160px;border-style: none; font-size:18px; color:#fff; font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:2px;}
#formBody .btnArea input[type="submit"] { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin:0 auto; width:200px; padding:15px; border:#fff 2px solid; background:#4f573a; color:#fff; font-weight:bold;}
#formBody .btnArea input[type="submit"]:hover{background:#333;}
#formBody .sslTxt{padding:10px; text-align:left;}
@media only screen and (max-width: 760px) {
#formBody dl dt{text-align:left; float:none; width:90%; padding:5px 5%;}
#formBody dl dd{text-align:left; float:none; width:90%; padding:5px 5%;}
#formBody dl dd input[type="text"]{font-size:130%;font-weight:bold; width:90%;}
#formBody dl dd input[type="email"]{font-size:130%;font-weight:bold; width:90%;}
#formBody dl dd input[type="tel"]{font-size:130%;font-weight:bold; width:90%;}
#formBody dl dd textarea{font-size:110%; width:94%; margin:0 auto;}
}

.wpcf7-validation-errors{text-align:center; margin:10px 0; padding:10px 0; color:#fff; font-size:24px; background:#cc0000; line-height:140%;}
.screen-reader-response{display:none;}
.screen-reader-response ul li{display:none;}
.wpcf7-mail-sent-ok{ font-size:24px; padding:10px; display:block; font-weight:bold; margin:10px auto; color:#fff; text-align:center; background:#336699; line-height:140%;}

.m00{margin:0px !important;}
.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:80px !important;}

.mt0{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}


.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

.mH05{margin-left:5px !important; margin-right:5px !important;}
.mH10{margin-left:10px !important; margin-right:10px !important;}
.mH20{margin-left:20px !important; margin-right:20px !important;}

.padd10{padding:10px !important;}
.padd20{padding:20px !important;}
.padd30{padding:30px !important;}
.paV20{ padding-top:20px; padding-bottom:20px; !important;}
.paV40{ padding-top:40px; padding-bottom:40px; !important;}
.paT40{ padding-top:40px !important;}
.paB40{ padding-bottom:40px !important;}

/* navi-navi-navi-navi-navi-navi-navi-------------------------------------------------------------------------------------------- */
#topFix{ width:100%; margin:0; padding:0; display:block; background: url(../img/navibg_w.jpg) repeat; position:fixed; z-index:9999;}
#smpNavi{display: none;}
#topFix #logoImg{display:block; text-align:left; width:100%; max-width:1200px; margin:0 auto 10px;}
#topFix #logoImg img{margin:5px 10px 0;}
#topFix #logoImg h1{}
#gNavi a{text-decoration:none;}
#gNavi > ul.gNavi { display: table; padding:0 0 2px 0;  margin:0 auto; width:100%; max-width:960px; text-align:center; overflow:hidden}
#gNavi > ul.gNavi > li { display: table-cell;  transition: all .4s ease; border-right:#999 1px solid;}
#gNavi > ul.gNavi > li:hover { background:#252a1c;}
#gNavi > ul.gNavi > li.active  { background:#252a1c;}
/*宅地分譲*/
#gNavi > ul.gNavi > li > a {display:block;width:159px;height:48px;text-indent:0px; font-size:14px;line-height:24px; padding-top:5px; padding-bottom:5px; font-weight:normal;text-align:center;color:#fff;margin:0;letter-spacing:0px;}
#gNavi > ul.gNavi > li > a span{display:block;font-size:18px;line-height:18px;font-weight:normal; font-family:"Times New Roman", Times, serif;}
/*新築分譲*/
#gNavi a{text-decoration:none;}
#gNavi > ul.gNaviAll { display: table; padding:0 0 2px 0;  margin:0 auto; width:100%; max-width:960px; text-align:center; overflow:hidden}
#gNavi > ul.gNaviAll > li { display: table-cell;  transition: all .4s ease; border-right:#999 1px solid;}
#gNavi > ul.gNaviAll > li:hover { background:#252a1c;}
#gNavi > ul.gNaviAll > li.active  { background:#252a1c;}
#gNavi > ul.gNaviAll > li > a {display:block;width:96px;height:50px;text-indent:0px; font-size:11px;line-height:18px;padding-top:10px; font-weight:normal;text-align:center;color:#fff;margin:0;letter-spacing:0px;}
#gNavi > ul.gNaviAll > li > a span{display:block;font-size:14px;line-height:16px;font-weight:normal; font-family:"Times New Roman", Times, serif;}

#gNavi > ul.gNaviAll > li > a:hover{text-decoration:none;}
#gNavi > ul.gNaviAll > li:last-child { border-right:none;}

@media only screen and (max-width: 959px) {
#gNavi > ul.gNavi { display: table; padding:0 0 10px 0;  margin:0 2%; width:96%; text-align:center;}
#gNavi > ul.gNavi > li:hover { background:#252a1c;}
/*宅地分譲*/
#gNavi > ul.gNavi > li > a {width: auto; font-size:18px;line-height:18px;padding-top:12px;font-weight:normal;text-align:center;color:#fff;margin:0;letter-spacing:1px; height:42px;}
#gNavi > ul.gNavi > li:last-child:hover { background:#252a1c;}
#gNavi > ul.gNavi > li > a span{display:none;}
#gNavi > ul.gNavi > li > a:hover{text-decoration: none;}

/*新築分譲*/
#gNavi > ul.gNaviAll { display: table; padding:0 0 10px 0;  margin:0 2%; width:96%; text-align:center;}
#gNavi > ul.gNaviAll > li:hover { background:#252a1c;}
#gNavi > ul.gNaviAll > li > a {width: auto; font-size:14px;line-height:18px;padding-top:18px;font-weight:normal;text-align:center;color:#fff;margin:0;letter-spacing:1px;}
#gNavi > ul.gNaviAll > li:last-child:hover {  background:none;}
#gNavi > ul.gNaviAll > li > a span{display:none;}
#gNavi > ul.gNaviAll > li > a:hover{text-decoration: none;}

#gNavi > ul.gNaviAll > li > a:hover{text-decoration:none;}
#gNavi > ul.gNaviAll > li:last-child { border-right:none;}

/*#gNavi > ul.gNavi > li:last-child { background:none;}*/

}

@media only screen and (max-width: 768px) {
#topFix{ display:none;}
#smpNavi{display:block !important;}
}
#smpNavi a{text-decoration:none;}
#smpNavi { width:100%; height:54px; top:0; left:0; background:#252a1c; border-bottom:1px solid #ccc; z-index:9999; position:fixed;}
#smpNavi .spmenu_btn { display:block; position:absolute; top:14px; right:15px; width:30px; height:22px; background:#fff; border-top:10px solid #252a1c; border-bottom:10px solid #252a1c; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor: pointer;}
#smpNavi .spmenu_btn:before { content:''; position:absolute; width:30px; height:2px; background:#fff; top:-9px; right:0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
#smpNavi .spmenu_btn:after { content:''; position:absolute; width:30px; height:2px; background:#fff; bottom:-9px; right:0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
#smpNavi .spmenu_btn.active { background:#fff;}
#smpNavi .spmenu_btn.active:before { -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:0; right:0;}
#smpNavi .spmenu_btn.active:after { -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); bottom:0; right:0;}
#smpNavi .spmenu { display:none; position:absolute; top:54px; left:0; width:100%; background:#2e131c; z-index:9999;}

#smpNavi nav#smpInner { display:block; width:100%; margin:0 auto; z-index:9999;}
#smpNavi nav#smpInner li{ display: block; float:left; width:50%; color:#FFF; padding:15px 0; border-bottom:1px solid #ccc; text-align:center; transition: all 1.2s ease;}
#smpNavi nav#smpInner li:hover{background:#333;}
#smpNavi nav#smpInner li:nth-child(odd){ width : calc(50% - 1px) ; border-right:1px solid #ccc;}
#smpNavi nav#smpInner li > a span{display:block;font-size:14px;line-height:16px;font-weight:normal; font-family:"Times New Roman", Times, serif;}
#smpNavi nav#smpInner li a { color:#fff;}
#smpNavi nav#smpInner li a:hover { text-decoration:none;}
#smpNavi #smpLogo{padding:5px 0 5px 5px;/* margin:10px 0 0 10px; */ text-align:left; /* height:34px; */}
/*#smpNavi #triggerMenu{position:absolute; right:13px; top:38px; font-size:10px; color:#fff;}*/
#smpNavi .spmenu_btn p#triggerMenu{ display:block; position:absolute; right:-3px; top:13px; font-size:10px; color:#fff;}
#smpNavi .spmenu_btn.active p#triggerMenu{ display:none;}
#smpNavi .spmenu_btn p#triggerClose{ display:none;}
#smpNavi .spmenu_btn.active p#triggerClose{ display:block; position:absolute; right:-2px; top:13px; font-size:10px; color:#fff;}
/* navi-navi-navi-navi-navi-navi-navi-------------------------------------------------------------------------------------------- */


/* acordion_menu------------------------------------------------- */
.acordion_menu dl.acordion{ margin:0; border-bottom:#ccc 1px solid; padding-bottom:20px;}
.acordion_menu dt.trigger {padding:10px;background:#4f573a; color:#fff;text-align:center; width:60%; max-width:240px; margin:0 auto; font-size:18px; font-weight:lighter; -webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all  1.3s ease;}
.acordion_menu dt.trigger:hover{  cursor:pointer;background:#ececec; color:#000;}
.acordion_menu dt span.accMore{ display:inline;}
.acordion_menu dt.active span.accMore{ display:none;}
.acordion_menu dt span.accClose{ display:none;}
.acordion_menu dt.active span.accClose{ display:inline;}
.acordion_menu dd.acordion_tree{ margin:20px auto 0; width:100%; background:#fff; text-align:center; color:#000;/* padding:20px 10px;*/}
.acordion_menu dd.acordion_tree hr{border-top:#ccc 1px solid;}
.acordion_menu dd.acordion_tree hr.wcBar{border-top:#5e4c41 1px solid;}
.acordion_menu dd.acordion_tree h4.wcBar{background:#d1dae9; text-align:left; font-size:14px !important; color:#6d7385 !important; padding:5px; margin-bottom:0px;}
.acordion_menu div.closeAcc {padding:10px; background:#4f573a; color:#fff; text-align:center; width:60%; max-width:240px; margin:10px auto 20px ;font-size:18px; font-weight:lighter; -webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all  1.3s ease;}
.acordion_menu div.closeAcc:hover{ background:#ececec; color:#000; cursor:pointer;}
.acordion_menu div.pw15{ padding:0 15px; margin:30px 0 !important;}
.acordion_menu div.pw15{ padding:0 15px; margin:30px 0 !important;}

h3.barT{ text-align:left; border-bottom:#5e4c41 1px solid; padding-bottom:2px;}
h3.barT img{ width:100%; max-width:480px;}
#bar_kit , #bar_int , #bar_bat , #bar_san , #bar_ext , #bar_str{margin-top:-180px; padding-top:180px;}

/*fLink------------------------------------------------*/
.footerBg{ background:#fff; padding-top:40px; margin:80px 0 60px 0}

.fLink{ width:100%; padding:40px 0; max-width:1080px; margin:0 auto; overflow:hidden}
.fLink .leftLink{ float:left; width:50%;}
.fLink .rightLink{float:left; width:50%;}

footer{background:#4f573a;}

@media (max-width: 768px) {
.footerBg{ background:#fff; padding-top:25px; margin:20px 0 20px 0}
.fLink{ padding:20px 0 0;}
.fLink .leftLink{ float:none; width:96%; margin:0 auto; padding-bottom:20px;}
.fLink .rightLink{float:none; width:96%; margin:0 auto; padding-bottom:20px;}
}

/*tabHead-------------------------------------------------*/
.tabHead {list-style: none; margin:0 10px; overflow: hidden; padding: 0;}
.tabHead li {display: inline-block; width:150px; margin: 0; padding:10px 10px; color:#3b5c63;text-align: center; background:#fff; border:#ccc 1px solid; border-bottom:none; font-weight:bold;}
.tabHead li:hover{cursor:pointer;}
.tabHead li.current {background: #3b5c63; color:#fff; border-bottom: none;}
.tabContent {margin: 0 10px; border:#ccc 1px solid; padding:5px 5px 0 ; position:relative; background:#fff;}

.tabBody{ margin:0 auto; padding:0; width:100%; max-width:1500px; position:relative;}
.tabBody #leftA{ position:absolute; top:50%; height:100px; width:20px; left:20px; z-index:9; margin-top:-50px;}
.tabBody #rightA{ position:absolute; top:50%; height:100px; width:20px; right:20px; z-index:9; margin-top:-50px;}
.tabBody .tabContent {display: none;}
.tabBody .tabContent iframe{height:600px !important;}
@media (max-width: 768px) {
.tabBody .tabContent iframe{height:420px !important;}
}
.tabBody .tabContent:nth-child(1) {display: block;}