@charset "utf-8";
/*
Theme Name: tpl_estate
Template: tpl_chichibu
*/

h1.headingTxt {
    background: #1258AE url(images/headingEstate.png) no-repeat;
    background-size: 40px auto;
    background-position: 50% 15px;
}

.box2{margin-top:20px;}

.estateFlex ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.estateFlex ul li:nth-child(2n){
    margin-right: 0px;
}


.estateFlex ul li a{
display: inline-block;
}

.estateFlex ul li a img{
width: 100%;
}

/* トップページ
--------------------*/
#mainImg{
margin:20px 0;
text-align:center;
}

#btnBox{
overflow:hidden;
padding:0 0 40px;
}
* html #btnBox{height:1%;}

ul#btn li,ul#btn li:hover{
width:367px;
height:98px;
margin:5px 10px 5px 0;
border:1px solid #ccc;
border-radius:5px;
background:#fff url(images/arrowRedBtn.png) no-repeat 330px 40px;
}

ul#btn li:hover{
background:#d31f1f url(images/arrowWhiteBtn.png) no-repeat 330px 40px;
}

ul#btn li.estateMenu2{margin-right:0;}
ul#btn li.estateMenu4{margin-right:0;}

ul#btn li p a{
padding-left:105px;
height:98px;
width:262px;
line-height:98px;
}


/* 詳細ページ
--------------------*/
dl.float{
line-height:1.4;
background:#C6E8F8;
border-bottom:1px dotted #ccc;
margin-bottom: 20px;
}

dl.float dt{
width:161px;
padding:10px 0;
background:#C6E8F8;
border-top:1px dotted #ccc;
}

dl.float dt.first, dl.float dd.first{border:0;}

dl.float dd{
padding:10px 0;
margin-left:162px;
background:#fff;
border-top:1px dotted #ccc;
border-bottom:0;
}

dl.contact{border-bottom:0;}
dl.contact dt{width:235px;border:0;}
dl.contact dd{
padding-left:235px;
margin:0;
border:0;
border-bottom:1px dotted #ccc;
}

h3.title{
margin-top:20px;
padding:15px 0;
font-size:14px;
text-align:center;
color:#01479D;
background:#C6E8F8;
}

table.detailTbl{
width:100%;
margin-bottom:25px;
font-size:14px;
border-bottom:1px dotted #c2731b;
}

table.detailTbl span{display:block;}

table.detailTbl th{
padding:10px 15px;
border:1px dotted #c2731b;
color:#01479D;
background:#C6E8F8;
text-align:center;
white-space:nowrap;
}

table.detailTbl th.first,table.detailTbl td.first{border-left:0;}

table.detailTbl th.w3em{width:3em;}
table.detailTbl th.w4em{width:4em;}
table.detailTbl th.w7em{width:7em;}

table.detailTbl th.last{border-right:0;}

table.detailTbl td{
padding:10px 15px;
border-left:1px dotted #c2731b;
}

table.detailTbl td.center{text-align:center;}

.point h3{
width:4em;
padding:5px 20px;
margin-bottom:10px;
text-align:center;
border-radius:3px;
color:#fff;
background:#01479D;
}

.point ul{
list-style:disc;
margin:0 0 10px 20px;
}

.intro{padding-bottom:5px;}

#sliderEstate img{
border:1px solid #ccc;
width:auto;
max-height:188px;
}

.box2 .bx-wrapper .bx-controls-direction a{top:70px;}

.contactInfo{
display: flex;
    flex-wrap: wrap;
}

.contactInfo h4{
width: 40%;
color:#fff;
height: 150px;
background: #01479D url(images/estateMail.png) no-repeat;
    background-size: 30px;
    background-position: 50%  40%;
	padding: 80px 30px 30px 30px;
	box-sizing: border-box;
	text-align: center;
	
}

.contactInfo p{
display: inline-block;
width: 60%;
background:#C6E8F8;
height: 150px;
padding: 30px;
	box-sizing: border-box;
}


/* カテゴリページ
--------------------*/
.contentBox #catChild li{
float:left;
margin:0 5px 5px 0;
list-style:none;
line-height:22px;
border-radius:12px;
}

#catChild li a{
display:block;
padding:0 15px 0 25px;
font-size:14px;
color:#01479D;
}

.archiveWrap{
clear:both;
padding:20px 0;
}

.archiveWrap .post{
width: calc((100% - 36px) / 3);
margin-right: 18px;
margin-bottom: 18px;
padding:25px;
font-size:12px;
background:#F4F4F4;
box-sizing: border-box;
}


.archiveWrap .post:nth-child(3n){
margin-right: 0;
}

* html.archiveWrap .post{height:1%;}

.archiveWrap h3{color:#000;}

.archiveWrap h3 strong{
color:#01479D;
font-size:22px;
}

.archiveWrap h3 span{
padding:0 3px;
font-size:18px;
}

p.thumbImg{height:160px;}

.archiveWrap img{
max-width:196px;
max-height:160px;
}

.archiveWrap h4{margin-top:5px;}

.archiveWrap h4 a{
padding-left:20px;
font-size:16px;
color:#01479D;
background:url(images/arrowH4.png) no-repeat 0 50%;
}

.contentBox .archiveWrap p{margin-bottom:3px;}

.archiveWrap h5{
margin-top:5px;
padding:8px;
text-align:center;
font-size:14px;
color:#fff;
background:#f60000;
border-radius: 30px;
}

.archiveWrap h5.gray{
margin-top:5px;
padding:8px;
text-align:center;
font-size:14px;
color:#fff;
background:#666666;
border-radius: 30px;
}


.archiveCarParkWrap{
padding-bottom:30px;
}

.archiveCarParkWrap li{
float:left;
width:162px;
margin:10px 5px;
}

.archiveCarParkWrap img{border-radius:5px;}



.archiveWrap{
max-width:1000px;
    display: flex;
    flex-wrap: wrap;
}



@media only screen and (max-width: 1023px){
#mainImg img{max-width:100%;height:auto;}
ul#btn li,ul#btn li:hover,ul#btn li.estateMenu2{
width:31%;
margin:5px 1%;
background-position:95% 40px;
}
ul#btn li p a{width:100%;}
table.detailTbl th.w3em,table.detailTbl th.w4em,table.detailTbl th.w7em{width:auto;}
.point h3{width:auto;}
ul#btn li{background-size:20px 20px;}



}

@media only screen and (max-width: 767px){
ul#btn li,ul#btn li:hover,ul#btn li.estateMenu2{height:80px;background-position:95% 30px;}
ul#btn li p a{padding-left:85px;height:82px;line-height:82px;}
dl.contact dt{float:none;width:100%;line-height:2;}
dl.contact dd,.contentBox dl.contact dd p{padding-left:0;text-align:center;}

table.detailTbl td.center{text-align:left;}



.estateFlex ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
}


.contactInfo h4 {
width: 100%;
height: 80px;
padding: 50px 30px 30px 30px;
}

.contactInfo p {
width: 100%;
}


.archiveWrap .post{
width: 100%;
}

.archiveWrap .post {
    margin-right: 5%;
	margin-left: 5%;
    padding: 10%;
    font-size: 12px;
    background: #F4F4F4;
    box-sizing: border-box;
}

.archiveWrap a {
display: inline-block;
     width: 100%;
}


.archiveWrap img {
     max-width: 100%!important;
     height: auto!important;
}


}

@media only screen and (max-width: 640px){
ul#btn li,ul#btn li:hover,ul#btn li.estateMenu2{width:100%;margin:5px 0;background-position:98% 30px;}
dl.float dt{float:none;padding:5px;margin:0;width:100%;}
dl.float dd{padding:5px 0 10px;margin:0;width:100%;text-align:center;}
.contentBox dl.float dd p{padding-left:0;}

table.detailTbl,table.detailTbl thead,table.detailTbl tbody,table.detailTbl th,table.detailTbl td,table.detailTbl tr{display: block;}
 
table.detailTbl thead tr{ 
position: absolute;
top: -9999px;
left: -9999px;
}

table.detailTbl tr:first-child{
border-top:1px dotted #c2731b;
}
 
table.detailTbl td{
border: none;
border-bottom:1px dotted #c2731b; 
position: relative;
padding:5px 0 5px 10em; 
white-space: normal;
text-align:left;
}

table.detailTbl{border:0;}

table.detailTbl td:before{ 
position: absolute;
top: 1px;
left:0;
width:10em; 
padding:5px 0;
text-align:left;
font-weight: bold;
color:#01479D;
content: attr(data-title);
}


table.detailTbl td:first-child{padding-top:20px;}
table.detailTbl td:first-child:before{top:17px;}

table.detailTbl span{display:inline;}
table.detailTbl span:before{content: " / ";}
}

@media only screen and (max-width: 320px){
.archiveWrap .post{
float:none;
width:90%;
margin:10px auto;
}
}