body {
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    height: 100%;
}
.template1 .middle,
.template4 .middle {
    margin-top: 20px;
}
a {
    color: #666;
    text-decoration: none;
}


.t-center {
    text-align: center;
}

.wrap {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
}
.sp {
    display: none;
}
/* =====================
  header
===================== */
#header {
    background: url("../images/head_bg02.png") repeat-x 0 0;
    /*height: 194px;*/
	height: 214px;
    z-index: 11;
}

#header h1 {
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
}

#header .wrap {
    position: relative;
}
#header .logo {
    position: absolute;
    /*top: 35px;*/
	top:24px;
    left: 0;
}
#header .rent {
     position: absolute;
     /*top: 35px;*/
	 top: 45px;
     left: 364px;
}
#header .nav01 {
    position: absolute;
    /*top: 35px;*/
	top: 45px;
    right: 0;
}
#header .nav01 li {
    float: left;
    margin-left: 10px;
}
#header .nav02 {
    position: absolute;
    /*top: 75px;*/
	top: 85px;
    right: 0;
    text-align: right;
}

#header #SPForm2 {
    position: absolute;
    /*top: 75px;*/
	top: 85px;
    right: 155px;
    width: 257px;
}
.head-search {
    float: left;
    width: 222px;
    height: 28px;
    padding: 0 0 0 8px;
    border: none;
    background: url(../images/head_search_bg.png) 0 0 no-repeat;
    box-sizing: border-box;
}
.head-search-bt {
    float: right;
    width: 35px;
    height: 28px;
    background: none;
    padding: 0;
}


/* =====================
  global navigation - pc
===================== */
#g-nav {
    position: absolute;
    /*top: 119px;*/
	top: 139px;
}
#g-nav .pc {
    /*z-index: 1000000;*/
    z-index: 90;
    position: absolute;
}

#g-nav .pc>li {
    position: absolute;
    background: #fff;
    height: 70px;
}

#g-nav .pc>li:nth-child(1) {
    top: 0;
    left: 0;
}
#g-nav .pc>li:nth-child(2) {
    top: 0;
    left: 77px;
}
#g-nav .pc>li:nth-child(3) {
    top: 0;
    left: 220px;
}
#g-nav .pc>li:nth-child(4) {
    top: 0;
    left: 363px;
}
#g-nav .pc>li:nth-child(5) {
    top: 0;
    left: 506px;
}
#g-nav .pc>li:nth-child(6) {
    top: 0;
    left: 649px;
}
#g-nav .pc>li:nth-child(7) {
    top: 0;
    left: 792px;
}
#g-nav .pc>li:nth-child(8) {
    top: 0;
    left: 935px;
}
#g-nav .pc ul {
    left: -2000px;
}


#g-nav .pc li li {
    float: left;
}

#g-nav .buy ul li {margin: 0 10px 10px 0}
#g-nav .sell ul li {margin-right: 10px;}
#g-nav .shisan ul li {margin-right: 10px;}
#g-nav .corp ul li {margin-right: 10px;}

#g-nav .sub {
    opacity: 0;
    position: absolute;
    display: block;
    z-index: -100;
    transition: opacity 500ms ease;
    box-sizing: border-box;
    width: 1080px;
    left: 0;
    top: 70px;
    margin: 0 auto 0;
    padding: 30px 0 30px 40px;
}
#g-nav .buy .sub {/*height: 235px;*/}
#g-nav .sell .sub {/*height: 125px;*/}

#g-nav .buy.hover .sub {opacity: 1;transition: opacity 500ms 50ms ease;z-index: 80;/*z-index: 1000;*/background: #005CC0;padding: 30px 0 20px 40px;left: -77px;}
#g-nav .sell.hover .sub {opacity: 1;transition: opacity 500ms 50ms ease;z-index: 80;/*z-index: 1000;*/background: #FA491C;padding: 30px 0 30px 40px;left: -220px;}
#g-nav .shisan.hover .sub {opacity: 1;transition: opacity 500ms 50ms ease;z-index: 80;/*z-index: 1000;*/background:#F88700;padding: 30px 0 30px 40px;left: -649px;}
#g-nav .corp.hover .sub {opacity: 1;transition: opacity 500ms 50ms ease;z-index: 80;/*z-index: 1000;*/background:#65B600;padding: 30px 0 30px 40px;left: -792px;}


    /* =====================
      contents
    ===================== */
.middle {
    width: 1080px;
    margin: 0 auto;
}
.template2 .middle {
    width: 100%;
}
.main {
    /*width: 1080px;*/
    /*margin: 0 auto;*/
}
.middle_main03 {
    float: left;
    width: 805px;
}
.middle_right03 {
    float: right;
    width: 255px;
}

/* =====================
  sub
===================== */
/*登録物件数・ログイン*/
.subMember{margin:0;padding:0 0 20px;border:solid 1px #ccc;border-bottom:none;}
.subMember02{margin:0 0 40px;padding:0 0 20px;border:solid 1px #ccc;border-top:none;}
.subMember h3{
    width:255px;
    margin:0 0 15px;
    padding:10px 0 14px;
    background:#519800;
    font-size:136%;
    font-weight:bold;
    text-align:center;
	color:#fff;
}
.subMember h4{ margin:0 0 5px; font-size:107%; font-weight:bold; text-align:center;line-height:1.8em;}
.subMember .countTxt02{font-size:144%;color:#402020;text-align:left;font-weight:bold;color:#90C600;}

.subMember ul{ padding:0 0 5px;}
.subMember ul li{margin:0 20px 5px;padding:3px 0 2px;border:solid 1px #ccc;text-align:center;}
.subMember .countTxt{font-size:107%;color:#402020;text-align:left;font-weight:bold;line-height:2.4em;}

.subMember span{color:#666;font-size:114%;font-weight:bold;}
.subMember .countNum{margin:0 3px 0 15px;color:#FF2700;font-size:159%;}
.subMember p{margin:0 0 0 20px;}
.login_view_r .error{padding:0 20px 5px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
.subLogin{width:210px;margin:0 0 10px 20px;padding:0;text-align:center;}
.subLogin p{margin:0 0 5px;}
.subLogin p.subLgoinRead{background:none;margin:0;padding:0;font-weight:bold;color:#402020;}
.subLogin p.loginTxt{margin:5px 0 0;}
.subLogin a{text-decoration:underline;}
.subLogin ul{width:210px;margin:0 0 3px;}
.subLogin ul li{margin:0 0 5px;padding:0;border:none;}
.subLogin ul label{display:inline-block;width:80px;height:26px;margin:0 5px 0 0;padding:5px 0 0;background:#eee;text-align:center;}
.subLogin ul input{width:115px;height:26px;margin:-2px 0 0;}
.subLogin input[type="submit"]{
    width:210px;
    height:40px;
    margin:0;
    background:#79B135;
    border:none;
    font-weight:bold;
    font-size:122%;
    color:#fff;
    cursor:pointer;
}
.subLogin ul a{display:inline-block;width:70px;font-size:144%;}


/* =====================
  footer
===================== */
#footer {
    background: #F0EFE9;
}
#footer .wrap>h3 {
    background: url("../images/arrow_green.png") no-repeat 0 3px;
    padding-left: 12px;
}
#footer ul {
    margin-top: 35px;
}
#footer ul ul {
    margin-top: 0;
}
#footer li {
    float: left;
    font-size: 12px;
    margin-right: 15px;
}
#footer li:first-child {
    width: 222px;
}
#footer li:nth-child(2) {
    width: 150px;
}
#footer li:nth-child(3) {
    width: 144px;
}
#footer li:nth-child(4) {
    width: 132px;
}
#footer li:nth-child(5) {
    width: 173px;
}
#footer li:last-child {
    width: 180px;
    margin-right: 0;
}


#footer li li {
    float: none;
    margin-bottom: 10px;
    background: url("../images/arrow_green.png") no-repeat 0 3px;
    padding-left: 12px;
}
#footer li li a {

}
#footer li>h3 {
    font-weight: normal;
    font-size: 13px;
    border-bottom: 1px solid #BAD227;
    margin-bottom: 18px;
    padding-bottom: 10px;
}

.to-top {
    background: #6FAC16;
    text-align: right;
    margin-bottom: 45px;
    padding: 7px 0;
}
.to-top a {
    color: #fff;

}
.to-top a::before{
    left: 2px;
    top: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.copyright {
    background: #827674;
    text-align: center;
    color: #fff;
    font-size: 10px;
    padding: 7px 0;
    margin-top: 20px;
}


.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

/* =====================
  index
===================== */
.index-search {
    background: url("../images/index_search_bg.png") repeat-x 0 0;
}
.index-search .wrap {
    padding: 20px 0 30px;
}
.index-search-inner {
    border: 1px solid #60BC51;
    box-sizing: border-box;
    height: 446px;
    margin-bottom: 20px;
}
.index-search .area-pc {
    background: url("../images/index_search_area_bg2.jpg") no-repeat 0 0;
    width: 506px;
    height: 444px;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.index-search .area-pc input {
    /*display: none;*/
}
.index-search .area-pc .checkbox {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0 20px 8px 0;
    padding: 12px 12px 12px 42px;
    border-radius: 8px;
    background-color: #f6f7f8;
    vertical-align: middle;
    cursor: pointer;
}
.index-search .area-pc li {
    position: absolute;
    font-weight: bold;
}
.index-search .area-pc li input {
    border: 1px solid #f00;
}
.index-search .area-pc li a {
    text-decoration: underline;
}
.index-search .area-pc h2 {
    position: absolute;
    top: 18px;
    left: 19px;
}

.area-pc h2 {
    z-index: 11;
}
.area-pc li {
    z-index: 10;
}
.active-bg li {
    display: none;
}
.active-bg .active {
    display: block !important;
    z-index: 5 !important;
}

#ibaraki {
    top: 10px;
    right: 20px;
}
#chiba {
    bottom: 15px;
    left: 15px;
}
#shimoduma {
    top: 95px;
    left: 124px;
}
#ishioka {
    top: 74px;
    left: 248px;
}
#joso {
    top: 156px;
    left: 109px;
}
#tsukuba {
    top: 166px;
    left: 181px;
}
#tsuchiura {
    top: 145px;
    left: 265px;
}
#kasumigaura {
    top: 156px;
    left: 336px;
}
#bando {
    top: 185px;
    left: 65px;
}
#noda {
    top: 243px;
    left: 47px;
}
#tsukubamirai {
    top: 237px;
    left: 131px;
}
#ami {
    top: 217px;
    left: 276px;
}
#miho {
    top: 217px;
    left: 340px;
}
#moriya {
    top: 262px;
    left: 119px;
}
#ushiku {
    top: 249px;
    left: 255px;
}
#toride {
    top: 285px;
    left: 186px;
}
#ryugasaki {
    top: 285px;
    left: 256px;
}
#inashiki {
    top: 265px;
    left: 359px;
}
#kashiwa {
    top: 318px;
    left: 138px;
}
#tone {
    top: 317px;
    left: 238px;
}
#kawachi {
    top: 305px;
    left: 315px;
}
#nagareyama {
    top: 337px;
    left: 96px;
}
#abiko {
    top: 333px;
    left: 180px;
}
#matsudo {
    top: 389px;
    left: 108px;
}
#mito {
    top: 100px;
    left: 370px;
}
.mito_area {
    display: none;
}
.index-search .refine {
    width: 319px;
    height: 444px;
    float: left;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
    background: #fff;
}
.index-search .refine h2 {
    background: url("../images/index_search_refine_icon.png") no-repeat left center;
    height: 40px;
    font-size: 18px;
    padding-left: 50px;
    line-height: 40px;
	margin-top:-10px;
    margin-bottom: 5px;
}
.index-search .refine table {
    width: 100%;
	font-size:92%;
}

.index-search .refine th {
    background: #E8E6DC;
    color: #592A3D;
    width:25%;
    padding:6px 0;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
}

.index-search .refine td {
    width:75%;
	padding:6px 0 6px 10px;
    vertical-align: middle;
}
.index-search .refine td #mb_cost_min,
.index-search .refine td #mb_cost_max{letter-spacing:-0.1em;}

.index-search .refine td #mb_land_min,
.index-search .refine td #mb_land_max,
.index-search .refine td select[name="mb_floor_min"],
.index-search .refine td select[name="mb_floor_max"]{width:80%;}

.index-search .refine table ul {
    margin: 0;
}
.index-search .refine td ul li{width:47%;}

.index-search .refine .search-bt {
    background: url("../images/index_refine_bt_01.png") no-repeat 0 0;
    width: 279px;
    height: 40px;
	margin:0 0 3px;
    border: 0;
    cursor: pointer;
}
.index-search .refine ul:nth-of-type(2){margin:5px auto;}

.index-search .refine li {
    float: left;
    margin-top: 3px;
}

.index-search .refine li:nth-child(even) {
    margin-left: 10px;
}
.index-search .total-num {
   background: #E8E6DC;
    text-align: center;
    padding:6px 0;
    font-weight: bold;
    color: #532C3D;
    border-radius: 5px;
    margin:5px 0;
}
#total_count {
    color: #F64929;
}


.index-search .budget {
    background: #E0EFDF;
    width: 253px;
    height: 444px;
    float: left;
    box-sizing: border-box;
    padding: 20px 10px 0 10px;
    line-height: 1;
}
.index-search .budget h2 {
    background: url("../images/index_search_budget_icon.png") no-repeat left center;
    height: 40px;
    font-size: 18px;
    padding-left: 50px;
    line-height: 40px;
	margin-top:-10px;
    margin-bottom:8px;
}
.index-search .budget h3 {
    color: #4F2F3C;
    margin-bottom: 10px;
}
.index-search .budget p {
    margin: 10px 0 15px;
}

.posted {
    font-size: 16px;
    font-weight: bold;
}
.posted dl {
    width: 100%;
    background: #E8E6DE;
}
.posted dt {
    background: #609623;
    color: #fff;
    padding: 15px 45px;
    float: left;
}
.posted dd {
    float: left;
    padding: 15px 10px;
    font-size: 14px;
}
.posted .countNum {
    color: #f00;
}

.index02 {
    background: url(../images/index_bg_02.png) repeat 0 0;
    border: solid #DAE99B;
    border-width: 30px 0;
    padding-top: 20px;
}

.index02 li {
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
}
.index02 li:nth-child(even) {
    margin-right: 0;
}

.index-btn div,
.index-btn div.fade {
    z-index: -100;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.index-btn.hover div{
    position: absolute;
    display: block;
    opacity: 1;
    transition: opacity 500ms 50ms ease;
    z-index: 85;
    /*z-index: 2000;*/
}


#index-release {
    padding: 30px 0;
}
#index-release h2 {
    background: url("../images/index_release_icon.png") no-repeat left center;
    height: 40px;
    font-size: 18px;
    padding-left: 50px;
    line-height: 40px;
    margin-bottom: 18px;
}
#index-release .release01 {
    box-sizing: border-box;
    width: 530px;
    height: 210px;
    border: 3px solid #68B601;
    float: left;
}
#index-release .release02 {
    width: 255px;
    float: left;
    margin-left: 20px;
}
#index-release .release03 {
    width: 255px;
    float: left;
    margin-left: 20px;
}

#index-new {
    background: #FEF2DD;
    border: solid #FFDD88;
    border-width: 30px 0;
    padding: 30px 0;
}
#index-new h2 {
    background: url("../images/index_new_icon.png") no-repeat left center;
    height: 40px;
    font-size: 18px;
    padding-left: 50px;
    line-height: 40px;
    margin-bottom: 18px;
}
#index-new li {
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    width: 255px;
    border: 1px solid #EBEBEB;
    float: left;
    margin: 0 20px 20px 0;
}
#index-new li .imgPhoto{width:233px;height:175px;}

#index-new li:nth-child(4n) {
    margin-right: 0;
}
#index-new h3 {
    margin: 10px 0;
    font-size: 14px;
}
#index-new .comment {
    color: #838080;
    font-weight: bold;
    margin-bottom: 5px;
}
#index-new .price {
    color: #f00;
    font-weight: bold;
    font-size: 15px;
}
#index-new .info {
    border: solid #D8D8D8;
    border-width: 1px 0;
    padding: 10px 0;
    margin: 10px 0;
}
#index-new dt {
    clear: left;
    float: left;
    width: 3em;
}
#index-new dd {
    margin: 0 0 0 3em;
}
#index-new .copy {
    color: #6FAC16;
}

.banner {
    text-align: center;
}
.banner ul {
    margin: 20px auto;
}
.banner li {
    display: inline-block;
    padding: 0 5px;
}

/* =====================
  overlay
===================== */
#overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    /*top: 194px;*/
    top: 0;
    left: 0;
    z-index: -100;
    opacity: 0;
    transition: opacity 500ms ease;
}
#overlay.disp,
.index02-01.disp{
    display: block;
    opacity: 1;
    z-index: 70;
    transition: opacity 500ms 100ms ease;
}
#overlay.fade {
    animation: navlayer-fade 500ms;
}








.slick-initialized .slick-slide {
    margin: 0 5px 0 0;
}
.slick-initialized .slick-slide img {
    width: auto;
    max-height: 137px;
    margin: 0 auto;
}
.detailBox h3 {
    margin: 10px 0;
    font-size: 14px;
}
.detailBox .comment {
    color: #838080;
    font-weight: bold;
    margin-bottom: 5px;
}
.detailBox .price {
    color: #f00;
    font-weight: bold;
    font-size: 15px;
}
.detailBox .info {
    border: solid #D8D8D8;
    border-width: 1px 0;
    padding: 10px 0;
    margin: 10px 0;
}
.detailBox dt {
    clear: left;
    float: left;
    width: 3em;
}
.detailBox dd {
    margin: 0 0 0 3em;
}
.detailBox .copy {
    color: #6FAC16;
}