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


/*-----------------------------------------------------
下層ページ共通
-----------------------------------------------------*/

.h2-page{
    display: block; /* ブロックレベルに変更 */
    margin: 0 auto 20px;
    padding:0 0 20px 20px;
    font-weight: normal;
    min-height: 180px;
    line-height: 4;
}

.h2-company{
    background: url(../img/company/top-image.jpg) no-repeat top center;
    /* //min-height:200px; */
}

.h3-page{
    background: url(../img/common/bg-h3.gif);
    color:#fff;
    font-weight: normal;
    padding:6px;
    margin-bottom:20px;
}

.page #g-nav,.single #g-nav, .archive #g-nav{
    margin-bottom:20px;
}

.com-his-ta{
    width:100%;
}

.com-his-ta th, .com-his-ta td{
    padding:10px 0;
    border-bottom:1px solid #999;
    text-align: left;
}

.com-his-ta td{
    padding-left:10px;
}



/*-- スマホの場合の見出し設定 --*/

@media (max-width: 481px) {
    
    .h2-page{
        font-size:2.4rem !important;
        font-weight: bold;
        min-height: 180px;
        position: relative;
        line-height: 7;
    }
    
}   


/*-----------------------------------------------------
会社概要
-----------------------------------------------------*/

.company-ta{
    width:100%;
    margin-bottom:30px;
}

.company-ta th,.company-ta td{
    padding:4px;
    border:1px solid #999;
}

.company-ta th{
    text-align: left;
    max-width:150px;
}

.company-ta caption{
    text-align: left;
    padding:6px;
    font-weight: bold;
}

.map-title{
    color:#d70700;
}

/*-----------------------------------------------------
売りたい方・貸したい方
-----------------------------------------------------*/

.h2-work{
    background: url(../img/work/h2-work.jpg) no-repeat center top;
}

.h3-work{
    border-top:2px dotted #ff6d00;
    border-bottom:2px dotted #ff6d00;
    padding:6px;
    font-size:2.6rem !important;
    color:#ff6d00;
    margin-bottom:20px;
}

.work-info{
    color:#369000;
    margin-bottom:20px;
}

.buy-boshu{
    background: url(../img/work/bg-boshu.jpg);
}

.rental-boshu{
    background: url(../img/work/bg-soudan.jpg);
}

.boshu{
    border-radius: 8px 8px 0 0 ;
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    padding:10px 0;
    text-align: center;
    color:#fff;
    font-size:2.8rem;
}

.boshu-list{
    background:#ffff8b;
    border-radius: 0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    padding:20px 10px;
}

.boshu-list li{
    color:#369000;
}

.work-buy-box p{
    color:#fff;
    font-size:2.0rem;
    margin-bottom:10px;
}

.work-buy-box{
    padding:10px;
    margin-bottom:10px;
}

.work-buy-box01{
    background: #f35d59;
}

.work-buy-box02{
    background: #10a5d6;
}

.work-buy-box03{
    background: #8ba20c;
}



/*-----------------------------------------------------
ニュース
-----------------------------------------------------*/

.h2-news{
    background: url(../img/news/h2-news.jpg) no-repeat left top;
}


/*ページめくり用*/
.pagination {
clear:both;
padding:20px 0;
position: absolute;
font-size:11px;
line-height:13px;
left: 50%;
margin-left: -50px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3698aa;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #6abccb;
color:#333;
}


/*ニュースカテゴリここから*/


#archive-main {
	background-color: #FFF;
	padding: 20px 20px 60px 20px;
	margin: 20px 0 48px;
}

.archive-box .news-date-box {
	font-size: 1.2rem;
    margin-bottom:0.3em;
}

.archive-box .news-detail-box {
    font-size:1.6rem;
    margin-bottom:1em;
}

.archive-box .news-link-box {
	text-align: right;
    margin-bottom:20px;
}

#wrapper .news-link-box a:link, #wrapper .news-link-box a:visited{
    background:#78CCD3;
    padding:6px;
    width:100px;
    font-size:1.2rem;
    color:#1c539a;
}

.news-all-box{
    border-bottom:1px dashed #BCD8ED;
    padding-bottom:1em;
    margin-bottom:2em;
}

#wrapper .news-link-box a:hover{
    background:#40b8ce;
    color:#fff;    
}


h2.news-head {
	font-size: 3.6rem;
	color: #1b9cb4;
}

#wrapper .pager p a:link{
    color:#6293d1;
}

#wrapper .pager p a:visited{
    color:#fff;
}

#wrapper .pager p a:hover{
    color:#fdef00;
}

/* ニュース一覧ページ*/

.news-all-box{
    position:relative;
}

.news-cate{
    font-size:1.1rem;
    font-weight: bold;
    position:absolute;
    right:10px;
    bottom:10px;
    padding:4px;
}    


/*ニュースシングルページここから*/


h3.news-head{
    font-size:2.4rem;
    color:#4c82c7;
    font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
    font-weight: normal;
}

.post-date{
    font-size:1.3rem;
    margin-bottom:0.3rem;
    color:#6293d1;
}

.single-cont p{
    font-size:1.5rem;
}

.single-cont a:link,.single-cont a:visited{
    color:#ff8000;
}


/*-----------------------------------------------------
賃貸物件    
-----------------------------------------------------*/

.h2-rent{
    background: url(../img/rent/h2-rent.jpg) no-repeat right top;
}

.house-image-box img{
    height:100px;
}

.rent-ta{
    width:100%;
}

.rent-ta th{
    background:  #e6ded1;
    text-align: left;
    min-width:120px;
}

.rent-ta th,.rent-ta td{
    border:1px solid #cbc0b0;
    padding:6px;
}

.rent-ta tr:nth-child(2n+1) td{
    background: #f5ede0;
}

.h3-house-detail{
    border-bottom:1px dashed #369000;
    padding-bottom:10px;
    margin-bottom:10px;
    color:#369000 !important ;
}

.h3-house-detail a{
    color:#369000 !important ;
}

.house-image-title{
    font-size:1.3rem;
    font-weight: bold;
}

.house-name-ruby{
    font-size:1.2rem;
}

/*-----------------------------------------------------
物件シングル共通    
-----------------------------------------------------*/

.bt-contact{
    margin:50px auto 30px;
    text-align: center;
}

.single-navi{
    margin:20px 0;
}

.house-top-area{
    position:relative;
    margin-bottom:60px;
}

.house-cate{
    position:absolute;
    right:0;
    bottom:0;
    font-size:1.3rem;
    margin-left:10px;
}

.house-photo-area:nth-child(7n){
    margin-left:0;
    
}

@media(min-width:768px){
    .housing-name{
    height:50px;
    border-bottom:1px dashed #999;
    margin-bottom:10px;
    }
    
    .housing-name a:link,.housing-name a:visited{
        text-decoration: none;
        color:#369000;
    }
    
    .housing-name a:hover{
        color:#82af66;
    }
}


/* mapの表示　*/

.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}




/*-----------------------------------------------------
分譲物件    
-----------------------------------------------------*/

.h2-sell{
    background: url(../img/sell/h2-sell.jpg) no-repeat center top;
}

.bukken-date{
    font-size:1.2rem;
    color:#44af04;
}

.bukken-infobox{
    position:relative;
}

.bukken-cate{
    color:#fff;
    font-size:1.3rem;
    position:absolute;
    text-align: left;
    right:10px;
    bottom:20px;
}

@media(max-width:480px){
    
    .bukken-box{
        text-align: center;
    }
    
    
    .bukken-cate{
        position: static;
        text-align:center;
        margin:10px 0;
    }

}

.bukken-cate a{
    text-decoration:none;
    color:#fff;
}

.bukken-cate span{
    padding:2px 4px;
}

.house-cate span{
    padding:2px 4px;
    color:#fff;
}

.house-cate a{
    color:#fff;
    text-decoration: none;
}


.index-cate span{
    padding:2px 4px;
    color:#fff;
    display: inline-block;
    margin-right:4px;
}

.index-cate a{
    text-decoration: none;
    color:#fff;
}


/*-----------------------------------------------------
物件共通    
-----------------------------------------------------*/

/*--物件カテゴリー色分け--*/

.sell-apart,.rent-apart{
    background:#88b83e;
}

.sell-house,.rent-house{
    background:#0168b3;
}

.sell-office,.rent-office{
    background:#f2cf01;
}

.sell-mansion,.rent-mansion{
    background:#be91bc;
}

.sell-land,.rent-land{
    background:#e6e827;
}

.sell-ogouri,.rent-ogouri{
    background:#cb6c58;
}

.sell-yama-south,.rent-yama-south{
    background:#82c0cd;
}

.sell-sinyama-south,.rent-sinyama-south{
    background:#ff9000;
}

.sell-old-yama,.rent-old-yama{
    background:#d06da3;
}

.sell-tintai-mansion,.rent-tintai-mansion{
    background:#e73b36;
}

.sell-yama-other,.rent-yama-other{
    background: #b79c78;
}

.sell-ajisu,.rent-ajisu{
    background: #007735;
}

.a-1dk,.a-1r,.a-1k,.a-1ldk,.a-2dk,.a-2ldk,.a-3dk,.a-3ldk,.a-3dk,.m-3dk,.m-2ldk{
    background: #f7cece;
}

.sell-ube,.rent-ube{
    background: #7d0000;
}

/*　物件一覧ページ　検索 */

.search-title{
    text-align: center;
    font-size:2.2rem;
    padding-bottom:0;
    color:#DC0D03;
}

.search-box{
    width:100%;
    margin: 0 auto 20px;
    background: #FFFBF5;
    padding:20px;
    /* //border:1px dashed #DC0D03; */
    border:1px solid #ffbc8a;
}

.search-box ul{
    padding:0 20px;
}

.search-box li{
    margin-bottom:4px;
    font-size:1.4rem;
}

.search-box h3{
    color:#fff;
    /* //border-radius: 12px;
    //-moz-border-radius: 12px;
    //-webkit-border-radius: 12px; */
    padding:4px 0;
    font-size:1.6rem;
    font-weight: normal;
    text-align: center;
    margin-bottom:10px;
}

.search-shumoku h3{
    border:1px solid #FF7200;
    color:#ff7200;
}

.search-area h3{
    border:1px solid #73A012;
    color:#73a012;
}

.search-box h3 > img{
    width:30px;
    vertical-align: bottom;
}

.search-house-ta > li::after {
    content: url("../img/index/arrow-ora.png");
    padding-left: 10px;
}

.search-map-ta > li::after {
    content: url("../img/index/arrow-gr.png");
    padding-left: 10px;
}


@media(max-width:481px){
    
    .search-box{
        padding:0;
    }
    
    .search-box > div{
        display: block;
        padding:10px;
    }
    
    
}


.map-title{
    font-size:2.6rem;
    border-bottom:1px solid #d70700;
    padding-bottom:4px;
    margin-bottom:10px;
}

.bukken-map{
    margin-bottom:20px;
}






/*-----------------------------------------------------
物件アーカイブページ  
-----------------------------------------------------*/

.h3-bukken{
    border-bottom:1px solid #369000 ;
    padding-bottom:10px;
    margin-bottom:30px;
    color:#369000 ;
}

.bukken-box{
    margin-bottom:20px;
    background:#f2f2f2;
    padding:20px 10px;
}

.bukken-price{
    font-size:1.8rem;
    font-weight: bold;
    color:#e90e12;
}

.pager p{
    font-size:1.3rem;
}

.page-navi{
    text-align:center;
    margin:20px auto;
}




/*-----------------------------------------------------
クリーニング
-----------------------------------------------------*/

.h2-cleaning{
    background: url(../img/cleaning/h2-cleaning.jpg) no-repeat left top;
    font-size:2.4rem !important;
    padding-top:70px;
}

@media(max-width:768px){
    .h2-cleaning{
        border:1px solid #999;
    }

}

@media(max-width:481px){
    .h2-cleaning{
        padding-top:50px;
    }
}

.clean-greet img{
    float:right;

}

.clean-greet{
    margin-bottom:40px;
}

.clean-greet p{
    line-height: 2;
}


