@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%;}

.br768{ display: inline;}
.br540{ display: inline;}
.boTopBot{border-bottom:#ccc 1px solid; border-top:#ccc 1px solid;}
.boTop{border-top:#ccc 1px solid;}
.bar727172{ background:#727172; padding:10px; color:#fff; margin:20px auto;}
@media (max-width: 768px) {
img.w20-40{width:40%;}
img.w25-50{width:50%;}
img.w30-60{width:60%;}
.br768{ display:block;}
.br540{ display:block;}
}

img.btn_data01{ width:33.33333%; max-width:270px;}
img.index_t{width:70%; max-width:620px;}

.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)";}

.letterWide{letter-spacing:10px;}
.letterSemiWide{letter-spacing:3px;}
.line21{line-height:210%;}
.line18{line-height:180%;}
.line15{line-height:150%;}


#topcontrol{z-index:9999;}

.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 .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:#ebe6da;}
.articleBody #contentContainer{padding:140px 0 0 0;}/*固定メニュー回避用*/
@media (max-width: 1200px) {
.articleBody #contentContainer{padding:160px 0 0 0;}/*固定メニュー回避用*/
}
@media (max-width: 1002px) {
.articleBody #contentContainer{padding:160px 0 0 0;}/*固定メニュー回避用*/
}
@media (max-width: 768px) {
.articleBody #contentContainer{padding:40px 0 0 0;}/*固定メニュー回避用*/
}

/*マークアップ*/
h2{ font-size:36px; margin:30px auto 40px; line-height:140%; color:#666; letter-spacing:1px;}
h2 span.sizeS{ font-size:30px;}
h3{ font-size:30px; margin:20px auto 20px; line-height:140%; color:#666;}
h4{ font-size:21px; margin:20px auto 20px; line-height:140%; color:#666;}
h5{ font-size:18px; margin:20px auto 20px; line-height:140%; color:#333;}
p.size18{ font-size:18px; margin:20px auto 20px; line-height:180%; color:#333;}
@media (max-width: 1002px) {
h2{ font-size:32px;}
h2 span.sizeS{ font-size:24px;}
h3{ font-size:24px;}
h4{ font-size:16px;}
h5{ font-size:16px;}
p.size18{ font-size:16px;} 
}
@media (max-width: 768px) {
h2{ font-size:24px; margin:20px auto;}
h2 span.sizeS{ font-size:18px;}
h3{ font-size:21px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
p.size18{ font-size:14px; line-height:140%;} 
}

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

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


#indexPage ul.col2{width:100%; overflow:hidden;}
#indexPage ul.col2 li{width:50%; margin:0; padding:0; 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 .bgBro{background:#ebe6da; padding:40px 0; margin:40px 0;}
#indexPage .planLeft{ background:#867b57; padding:10px; text-align:right;}
#indexPage .planRight{ background:#9f9fa0; padding:10px; text-align:left;}

@media (max-width: 768px) {
#indexPage ul.col2 li{width:100%; float:none;}
#indexPage ul.col3 li{width:100%; float:none;}
#indexPage ul.col4 li{ width:50%; float:left;}
#indexPage .planLeft{text-align:center;}
#indexPage .planRight{text-align:center;}
}

@media (max-width: 540px) {
#indexPage ul.col4 li{ min-height:360px}
}

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

#locPage h2.bar{ border-top:#9b884d 1px solid; border-bottom:#9b884d 1px solid; color:#9b884d; width:100%; padding:8px}
#locPage h4{color:#333; line-height:180%;}
#locPage h4.traBar{ background:url(https://www.juken-planning.co.jp/elements/article/mitaka-2/common/img/loc/tra_bg.png); color:#fff; padding:5px}
#locPage .bgBro{background:#ebe6da; padding:40px 0; margin:40px 0;}
#locPage .bar9f9fa0{background:#9f9fa0; padding:10px;}
#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 ul.infoUL {width:100%; margin:0; overflow:hidden;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi{ width:100% !important; overflow:hidden; display:block;background: url(../img/loc/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.33333%; float:left; padding:0 10px; text-align:left;}

#locPage #contentContainer ul.col4{width:100%; overflow:hidden;}
#locPage #contentContainer ul.col4 li{ width:25%; float:left; padding:10px 10px; text-align:left;}
@media (max-width: 768px) {
#locPage #contentContainer ul.col2 li{ width:100%; float:none;}
#locPage #contentContainer ul.col3 li{ width:100%; float:left; padding:10px 5px;}
#locPage #contentContainer ul.col4 li{ width:50%; padding:10px; }
}


#user_gmap{width:100%; height:600px; margin:40px 0;}
#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:#fefefe;}
#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:#9f9fa0; 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%;}
}

#locPage #contentContainer div.greenBox{ background:#71867f; padding:20px 0; color:#fff; font-size:16px; line-height:180%; text-align:center; margin:40px auto;}
#locPage #contentContainer div.greenBoxS{ background:#71867f; padding:20px 0; color:#fff; font-size:14px; line-height:180%; text-align:left; margin:40px auto;}
@media (max-width: 540px) {
#locPage #contentContainer div.greenBox{ font-size:14px; text-align:left;}
}




/*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.naviS{width:80%; margin:0 auto 80px;}
#outlinePage ul.naviS li{ width:28%; float:left; padding:5px; text-align:center; margin:0 2%;}
#outlinePage ul.naviS li.bgOnsale{ background:#083728; color:#fff;}
#outlinePage ul.naviS li.lightG{ background:#cccccc; color:#fff;}
#outlinePage ul.naviS 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.naviS{width:100%; margin:0 auto 80px;}
#outlinePage ul.naviS 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:#083728; 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:#666; 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;}
.m10{margin:10px !important;}
.m20{margin:20px !important;}
.m40{margin:40px !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;}

/* 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{ background: url(../img/gnav_bgbg.png); background-size:contain; height:50px;}
#gNavi > ul.gNavi { display: table; padding:0 0 10px 0;  margin:0 auto; width:100%; max-width:960px; text-align:center;}
#gNavi > ul.gNavi > li { display: table-cell;  transition: all .4s ease; border-right:#999 1px solid;}
#gNavi > ul.gNavi > li:hover { background:#666;}
#gNavi > ul.gNavi > li.active  { background:#666;}
/*宅地分譲*/
#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 > ul.gNavi > 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.gNavi > li > a span{display:block;font-size:14px;line-height:16px;font-weight:normal; font-family:"Times New Roman", Times, serif;}*/

#gNavi > ul.gNavi > li > a:hover{text-decoration:none;}
#gNavi > ul.gNavi > 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:#666;}
#gNavi > ul.gNavi > li.active  { background:#666;}
#gNavi > ul.gNavi > li:last-child:hover { background:#666;}

/*宅地分譲*/
#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 > 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.gNavi > li:last-child:hover {  background:none;}*/

#gNavi > ul.gNavi > li > a span{display:none;}
#gNavi > ul.gNavi > li > a:hover{text-decoration: 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:#444; border-bottom:1px solid #444; 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 #444; border-bottom:10px solid #444; -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:#333; 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:#083728; 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:#083728; 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;}


/*#bar_kit , #bar_int , #bar_bat , #bar_san , #bar_ext , #bar_str{margin-top:-180px; padding-top:180px;}*/

/*fLink------------------------------------------------*/
.fLink{ width:100%; padding:40px 0; max-width:960px; margin:0 auto;}
.fLink .leftLink{ float:left; width:70%;}
.fLink .leftLink p{ padding:5px 10px; text-align:left;}
.fLink .leftLink p img{width:100%; max-width:500px;}
.fLink .rightLink{float:left; width:30%; text-align:right;}
.fLink .rightLink p{ padding:5px 10px;}
.fLink .rightLink img{width:100%; max-width:230px;}



@media (max-width: 768px) {
.fLink .leftLink{ float:none; width:96%; margin:0 auto; text-align:center; padding-bottom:20px;}
.fLink .rightLink{float:none; width:96%; margin:0 auto; text-align:center; 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;}

footer{background:#727172;}
footer a{color:#fff;}
footer a:hover{color:#fff;}