﻿@charset "UTF-8";
/*----------------------------------
    **物件一覧用CSS
----------------------------------*/

.txt_bold{ font-weight: bold; }
.txt_red{ color:#cc0000; }
table.tab .center{ text-align:center; }
.property_list{}
.button02{
    padding-top:9px;
    padding-bottom:12px;
}
table.tab {border-collapse:collapse;}
.table_box_area a{ text-decoration:none; }
.table_box_area table.property a{
    transition-property: color;
    transition-timing-function: initial;
    transition-delay: initial;
}
.table_box_area table.property a:hover{
    color: #ff7d02;
}

/*----------------------------------
    **property_list_inner
----------------------------------*/
.property_list_inner{
    font-size:13px;
    width:auto;
    overflow:hidden;
}
#h1_title_box{
    padding: 15px 20px;
    border-color: #b1da56 #ccc #ccc;
    border-style: solid;
    border-width: 3px 1px 1px;
    width:auto;
    overflow:hidden;
}
#h1_title_box h1{
    line-height:1.2em;
    font-size: 25px;
}
#h1_title_box a{
    float:right;
}
p.header-lead{
    margin-top:15px;
    margin-bottom:15px;
    font-size:14px;
    color: #333333;
}
.h2_block{
    margin-bottom:10px;
    width:auto;
    overflow:hidden;
}
.h2_block h2{
    padding-top:5px;
    width:689px;
    float:left;
    font-size: 16px;
}
.h2_block ul{
    width:240px;
    float:right;
}
/*table_search_option*/
table.table_search_option{
    margin-bottom:25px;
    border-top:1px solid #999999;
    border-right:1px solid #999999;
    width:100%;
}
table.table_search_option th,
table.table_search_option td{
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-left:1px solid #999999;
}
table.table_search_option td{
    border-bottom:1px solid #999999;
}
table.table_search_option th,
table.table_search_option td.td_btn_list{
    background-color:#fffded;
    width:260px;
}
table.table_search_option th{
    height: 20%;
}
table.table_search_option td.td_btn_list{
    padding-top:5px;
}
ul.area_list li{
    margin-right:0.5em;
    margin-bottom:5px;
    font-size:12px;
    float:left;
    white-space:nowrap;
}
ul.btn_list{
    margin: auto;
    padding-bottom: 0;
    width: auto;
    overflow: hidden;
    text-align: center;
}
ul.btn_list li{
    margin-bottom: 5px;
    margin-right: 10px;
    border: medium none;
    display: inline-block;
    float: none;
}
ul.btn_list li:last-child{
    margin-right:0;
}
ul.btn_list li .button{
    padding-top:8px;
    padding-bottom:8px;
    width:120px;
    font-weight: bold;
}
td.conditions_area span{
    font-weight: bold;
}
td.conditions_area ul{
    margin-top:10px;
    width:auto;
}
td.conditions_area ul li{
    margin-bottom:5px;
    margin-left:10px;
    float:right;
}
td.conditions_area .conditions_area_list{
    display:none;
}
.button02{
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.h2_block input.button02, .button02.btn_condition_save,
.button02.btn_condition {
    width:125px;
}
.h2_block input.button02, .button02.btn_condition_save{
    padding-left:40px;
}
.button02.btn_condition_save::after{
    margin:auto;
    background: rgba(0, 0, 0, 0) url("/house/img/icon/icon_save.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    width: 20px;
    height: 17px;
    position: absolute;
    top:0;
    left:10px;
    bottom:0;
}
.h2_block input.button02{
    background-image: url("/house/img/icon/icon_mail.png");
    background-repeat: no-repeat;
    background-position: 10px 40%;
    position: relative;
    width: 240px;
}

.button02.btn_condition::before{
    margin-left: -15px;
    padding-right:10px;
    content: "+";
}
.button02.btn_condition_on{
    display:none;
}
.button02.btn_condition_on::before{
    margin-left: 0px;
    padding-right:10px;
    content: "-";
}

/*pageing_noall & pageing_no*/
.property_list_inner .pageing_noall,
.property_list_inner .pageing_no{
    padding-bottom:10px;
}
.property_list_inner .pageing_noall span.txt_red{
    font-weight: bold;
    font-size:30px;
}
.property_list_inner .pageing_no{
    font-size:14px;
    padding-top:15px;
}

/*select_view*/
.select_view{}
.select_view ul{
    width:auto;
    overflow:hidden;
    border-bottom:3px solid #315b8c;
}
.select_view ul li{
    float:left;
    background-color:#edf5fc;
    border:1px solid #315b8c;
    border-bottom:none;
    width:49%;
    box-sizing: border-box;
    text-align:center;
    font-size:14px;
    line-height:33px;
}
.select_view ul li:nth-child(2){
    float:right;
}
.select_view ul li:hover,
.select_view ul li#current{
    background-color:#315b8c;
}
.select_view ul li a{
    display: block;
    text-decoration: none;
}
.select_view ul li a:hover,
.select_view ul li#current a{
    padding-left:50px;
    padding-right:50px;
    background: rgba(0, 0, 0, 0) url("/house/img/icon/icon_select_view.png") no-repeat scroll 20px 50%;
    position: relative;
    color:#ffffff;
}
.select_view ul li#current a::before{
    content: "";
    display: block;
    width: 50%;
    height: 17px;
    position: absolute;
}
/*check_menu*/
.check_menu{}
.check_menu dl{
    margin-bottom:10px;
    padding-top: 10px;
    padding-left:10px;
    width:auto;
    background-color:#eeeeee;
    overflow:hidden;
    font-weight:bold;
}
.check_menu dl dt,
.check_menu dl dd{
    padding-right: 10px;
    float:left;
}
.check_menu dl dt{
    padding-top:7px;
    padding-bottom:6px;
    line-height:1.2em;
}
.check_menu dl dd ul{}
.check_menu dl dd ul li{
    margin-bottom:10px;
    padding-right: 10px;
    float:left;
}
.check_menu dl dd ul li .button03,
.check_menu dl dd ul li .button04{
    padding:6px 30px 5px;
    line-height:1.2em;
}
/*saikin_list*/

.btn-back{
	padding:2px 15px;
}
.btn-back i{
	font-size:16px;
	vertical-align:middle;
}
.saikin_list{
	font-size:13px;
}
.check_menu dl dd ul li .button04{
    padding:6px 20px 5px;
    font-family: FontAwesome;
}


.check_menu dl dd ul li .button03{
    width:200px;
}
/*items_table*/
table.items_table{
    margin-bottom:10px;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    width:100%;
    background-color:#d3e6fd;
}
/*/saikin_list/*/
.saikin_list_tabel_box table.items_table{
}

table.items_table tr{
    border-right:1px solid #999999;
}
table.items_table th, table.items_table td{
    padding-left:5px;
    padding-right:5px;
    border-left:1px solid #999999;
    text-align:center;
}
table.items_table th{
    padding-top:10px;
    padding-bottom:10px;
}
table.items_table th a{
    text-decoration:none;
}
table.items_table th:first-child{
    padding-left:0;
    padding-right:0;
}
table.items_table td{
    padding-top:5px;
    padding-bottom:5px;
    background-color:#b4cae4;
    white-space: nowrap;
}
table.items_table th.th_select{
    background-color:#ffffcc;
}
table.items_table td.td_select{
    background-color:#ffed98;
}
/*table.property*/
table.property{
    margin-bottom:10px;
    border-top:1px solid #999999;
    width:100%;
    font-size:14px;
}
table.property tr{
    border-right:1px solid #999999;
}
table.property th, table.property td{
    padding:8px 10px;
    border-left:1px solid #999999;
    border-bottom:1px solid #999999;
}
table.property th, table.property td.property_td_company{
    padding-bottom: 6px;
    padding-top: 6px;
    width:100%;
}
table.property th{
    font-size:16px;
    background-color:#fffbe1;
}

.ic-jyokentsuki{
	color:#FFF;
	background:#C00;
	font-size:13px;
	font-weight:normal;
	margin-left:1em;
	padding:0 1em;
}

table.property th span{
    margin-right:15px;
}
table.property th ul{
    float:right;
}
table.property th ul li{
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
}
table.property th .button03,
table.property th .button04{
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 4px;
    width: 170px;
}
table.property td.td_checkbox{
    padding:0;
}
table.property td:first-child{
    background-color:#eeeeee;
}
table.property td:first-child .label_checkbox{
    margin: 0px -3px 0 -5px;
}
table.property td:nth-child(2) ul{
    width:175px;
}
table.property td:nth-child(2) ul li{
    margin-bottom:5px;
    text-align:center;
}
table.property td:nth-child(2) ul li.type{
    border:1px solid #cccccc;
    background-color:#ffffff;
}
table.property td:nth-child(2) ul li.img{
    width:auto;
    overflow:hidden;
}
table.property td:nth-child(2) ul li.img .img_box{
    padding: 1px;
    border: 1px solid #cccccc;
    width: 82px;
    height: 102px;
    background-color: #f7f7f7;
    float: left;
    position: relative;
}
/*img 1点*/
table.property td:nth-child(2) ul li.img .img_box.img_single{
	float:none;
    width:auto;
}

table.property td:nth-child(2) ul li.img .img_box.img_right{
    float: right;
}
table.property td:nth-child(2) ul li.img .img_box img{
    margin: auto;
    max-width:80px;
    max-height:100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
table.property td:nth-child(2) ul li.img .img_box.img_single img{
    max-width:169px;
    max-height:100px;
}
table.property td:nth-child(2) ul li.number_of_img,
table.property td:nth-child(2) ul li.property_watched{
    font-size:12px;
}
table.property td:nth-child(2) ul li.property_watched{
    margin-bottom:2px;
    padding: 3px 5px;
    background-color:#cccccc;
    font-weight: bold;
}
table.property td:nth-child(4) span.txt_em{
    font-size:18px;
    font-weight:bold;
    color:#cc0000;
}
table.property td.table_property_other span{
    white-space: nowrap;
}

a table.property{
    color:#333;
}
/*div.rent_tabel_box items_table & table.property size*/
.rent_tabel_box table.items_table th:first-child,
.rent_tabel_box table.property td.td_checkbox{
    box-sizing: border-box;
    min-width: 45px;
    max-width: 45px;
}
.rent_tabel_box table.items_table th:nth-child(2),
.rent_tabel_box table.property td:nth-child(2){
    box-sizing: border-box;
    min-width: 192px;
    max-width: 192px;
}
.rent_tabel_box table.items_table th:nth-child(3),
.rent_tabel_box table.property td:nth-child(3){
    box-sizing: border-box;
    min-width:280px;
    max-width:280px;
}
.rent_tabel_box table.items_table th:nth-child(4),
.rent_tabel_box table.property td:nth-child(4){
    box-sizing: border-box;
    min-width:100px;
    max-width:100px;
}
.rent_tabel_box table.items_table th:nth-child(5),
.rent_tabel_box table.property td:nth-child(5){
    box-sizing: border-box;
    min-width:132px;
    max-width:132px;
}
.rent_tabel_box table.items_table th:nth-child(6),
.rent_tabel_box table.property td:nth-child(6){
    box-sizing: border-box;
    min-width:100px;
    max-width:100px;
    word-break: break-all;
}
.rent_tabel_box table.items_table th:nth-child(7),
.rent_tabel_box table.property td:nth-child(7){
    box-sizing: border-box;
    min-width:101px;
    max-width:101px;
}

/*新築分譲 7>6*/
.saikin_list_tabel-clm6.rent_tabel_box table.items_table th:nth-child(4),
.saikin_list_tabel-clm6.rent_tabel_box table.property td:nth-child(4){
    min-width:150px;
    max-width:150px;
}
.saikin_list_tabel-clm6.rent_tabel_box table.items_table th:nth-child(5),
.saikin_list_tabel-clm6.rent_tabel_box table.property td:nth-child(5){
    min-width:102px;
    max-width:102px;
}

.saikin_list_tabel-clm6.rent_tabel_box table.items_table th:nth-child(6).table_property_breadth-bm-bh,
.saikin_list_tabel-clm6.rent_tabel_box table.property td:nth-child(6).table_property_breadth-bm-bh{
    max-width: 181px;
    min-width: 181px;
}

/*div.buy_tabel_box items_table & table.property size*/
/*
.buy_tabel_box table.items_table th:first-child,
.buy_tabel_box table.property td.td_checkbox{
    box-sizing: border-box;
    min-width: 45px;
    max-width: 45px;
}
.buy_tabel_box table.items_table th:nth-child(2),
.buy_tabel_box table.property td:nth-child(2){
    box-sizing: border-box;
    min-width: 192px;
    max-width: 192px;
}
.buy_tabel_box table.items_table th:nth-child(3),
.buy_tabel_box table.property td:nth-child(3){
    box-sizing: border-box;
    min-width:310px;
    max-width:310px;
}
.buy_tabel_box table.items_table th:nth-child(4),
.buy_tabel_box table.property td:nth-child(4){
    box-sizing: border-box;
    min-width:125px;
    max-width:125px;
}
.buy_tabel_box table.items_table th:nth-child(5),
.buy_tabel_box table.property td:nth-child(5){
    box-sizing: border-box;
    min-width:140px;
    max-width:140px;
    word-break: break-all;
}
.buy_tabel_box table.items_table th:nth-child(6),
.buy_tabel_box table.property td:nth-child(6){
    box-sizing: border-box;
    min-width:140px;
    max-width:140px;
}
*/
#hide_btn{
        display:none;
        position:fixed;
        left:0;
        bottom:0;
    box-sizing: border-box;
    width: 100%;
    z-index: 100;

        background:rgba(0,0,0,0.85);
}
#hide_btn ul{
        display:table;
        margin:0 auto;
}
#hide_btn ul li{
        color:#FFF;
        display:table-cell;
        padding:15px 10px;
}
#hide_btn ul li button{
        font-weight:bold;
        padding:9px 24px;
        font-size:15px;
        letter-spacing:1px;
}

.check_menu button,
.rent_tabel_box button{
        font-size:13px;
        font-weight:bold;
font-family: "メイリオ",Meiryo,helvetica,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

#hide_btn ul li button i,
.check_menu button i,
.rent_tabel_box button i{
        margin-right:0.2em;
}
#hide_btn ul li button i.fa-star,
.check_menu button i.fa-star,
.rent_tabel_box button i.fa-star{
        color:#F8B551;
}
