@charset "utf-8";

/**
 * 空き家物件一覧／詳細 コンテンツ
 */

#main{
    /* ヘッダサブ画像に重ねる */
    position:relative;
    top:-30px;
}


/* -----------------------------------------------
 ヘッダー画像
------------------------------------------------ */
#sub_hd_image.akiya{

}

/* -----------------------------------------------
 登録なし時の一覧のメッセージ
------------------------------------------------ */
.enrty_none{
    margin-top:30px;
    text-align:center;
    font-weight:normal;
}

.enrty_none .main_text{
    font-size:18px;
    font-size:1.8rem;
}

.enrty_none .sub_text{
    margin-top:70px;
}


.enrty_none a{
    text-decoration:underline
}


/* -----------------------------------------------
 検索条件欄へのアンカーリンクボタン
------------------------------------------------ */
#btn_research{
    position:absolute;
    right:10px;
    top:120px;
    top:106px;
    z-index:100;
}

/* 空き家詳細ページでの位置調整 */
#btn_research.akiya_detail{

    top:263px;

}

#btn_research.fixed {
    position:fixed !important;
    top: 0 !important;

}

#btn_research.fixed img{
    opacity:0.7 !important;
}

#btn_research img{
    width:73px;
    opacity:1;
}

/* -----------------------------------------------
 検索条件
------------------------------------------------ */
.terms{
    clear:both;
    display:inline-block;
    font-weight:bold;
    line-height:30px;
    margin:20px 0 10px 0;
    width:100%;
}
.terms .title{
    float:left;
    background-color:#DDE1C8;
    text-align:center;
    padding:4px 0 2px 0;
    width:120px;
    font-size:16px;
    font-size:1.6rem;
}
.terms .item{
    float:left;
    padding:4px 0 2px 0;
    margin-left:10px;
/*    width:630px;
*/
    font-size:18px;
    font-size:1.8rem;
}

.sch_string_frame{
    float: left;
    width: 550px;
}

.terms .sch_item{
    float: left;
}
.terms .sch_cap{
    float:left;
    padding:4px 0 2px 0;
    margin-left:18px;
    font-size:14px;
    font-size:1.4rem;
    font-weight:normal;
}
.terms .sch_val{
    float:left;
    padding:4px 0 2px 0;
    font-size:14px;
    font-size:1.4rem;
}
/* 暮らしのテーマ */
.terms .sch_theme .sch_val{
    max-width: 404px;
}
/* エリア */
.terms .sch_area .sch_val{
    max-width: 460px;
}



/* -----------------------------------------------
 表示状態
------------------------------------------------ */
.disp_state{
    clear:both;
    text-align:right;
    padding-bottom:3px;
    border-bottom:1px solid #aaa;
    margin-bottom:20px;
}
.disp_state .num{
    font-size:20px;
    font-size:2rem;
}

/* -----------------------------------------------
 空き家物件一覧（一部、空き家物件詳細 と共通）
------------------------------------------------ */
.akiya_list{
    clear:both;
    margin-bottom:20px;
    display:inline-block;
    border-bottom:2px solid #ddd;
}

/* 更新日 */
.akiya .update .title,
.akiya_list .update .title{
    background-color:#0084B4;
    color:#fff;
    text-align:center;
    padding: 2px 5px 1px 6px;
    margin-right:6px;
    font-size:12px;
    font-size:1.2rem;
}
.akiya_list .update .date{
    font-size: 13px;
    font-size: 1.3rem;
}
.akiya .update .new,
.akiya_list .update .new{
    color:#FF3E3F;
    font-weight:bold;
    font-size:12px;
    font-size:1.2rem;
    margin-left:6px;
}
/* 物件番号 */
.akiya .article_cd span,
.akiya_list .article_cd span{
    font-size:16px;
    font-size:1.6rem;
}
.akiya .article_cd,
.akiya_list .article_cd{
    float:left;
    font-size:20px;
    font-size:2rem;
    margin-top:4px;
    margin-right:10px;
    line-height:36px;
}
/* 建物名 */
.akiya_list .article_name{
    float:left;
    font-size:23px;
    font-size:2.3rem;
    font-weight:bold;
    line-height:36px;
    margin-top:4px;
}
.akiya_list .article_name .bracket{
    font-weight:normal;


}
/* 建物キャッチコピー */
.akiya_list .sales_copy{
    clear:both;
    font-size:15px;
    font-size:1.5rem;
    margin:12px 0;
}
/* 建物写真 */
.akiya_list .image{
    float:left;
    width:200px;
    height:150px;
}
.akiya_list .image a{
    display:inline-block;
}
.akiya_list .image img{
    max-width:200px;
    max-height:150px;;
}
/* -- 詳細ブロック -- */
.akiya_list .detail{
    float:left;
    margin-left:10px;
    width:540px;
    width:450px;
}

/* 契約状況 */
.akiya .building_type,
.akiya_list .detail .building_type{
    clear:both;
    line-height:39px;
    margin-bottom:2px;
    display:inline-block;
}
.akiya_list .detail .building_type table{
    width:100%;
    width:450px;
    margin-bottom:2px;
}
.akiya_list .detail .building_type table th,
.akiya_list .detail .building_type table td{
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding:8px;
    line-height:150%;
}
.akiya_list .detail .building_type table .release_type_name{
    width:70px;
    text-align:center;
    letter-spacing:3px;
    font-size:17px;
    font-size:1.7rem;
    vertical-align:middle;
    color:#fff;
}
.akiya_list .detail .building_type table .release_type{
    width:auto;
    background-color:#DCE0C9;
    font-size:15px;
    font-size:1.5rem;
    vertical-align:middle;
}
.akiya .building_type .release_type_name,
.akiya_list .detail .building_type .release_type_name2{
    float:left;
    color:#fff;
    font-size:17px;
    font-size: 1.7rem;
    text-align:center;
    width:70px;
    letter-spacing:4px;
}
.akiya .building_type .release_type_name div,
.akiya_list .detail .building_type .release_type_name2 div{
    margin-top:2px;
    margin-left:4px;
}
/* 契約状況 売家 */
.akiya .building_type .release_type_name.uri,
.akiya_list .detail .building_type .release_type_name2.uri,
.akiya_list .detail .building_type .release_type_name.uri{
    background-color:#FF5D26;
}
/* 契約状況 賃貸 */
.akiya .building_type .release_type_name.tintai,
.akiya_list .detail .building_type .release_type_name2.tintai,
.akiya_list .detail .building_type .release_type_name.tintai{
    background-color:#01B286;
}
/* 契約状況 売家/賃貸 */
.akiya .building_type .release_type_name.uri_tintai,
.akiya_list .detail .building_type .release_type_name2.uri_tintai,
.akiya_list .detail .building_type .release_type_name.uri_tintai{
    background-color:#F3991D;
}



.akiya_list .detail .building_type .release_type2{
    float:left;
    font-size:14px;
    font-size:1.4rem;
    background-color:#DCE0C9;
    padding:0 10px;
    width:360px;
}
.akiya_list .detail .building_type .release_type2 div{
    margin-top:2px;
}
/* テーマ */
.akiya .theme,
.akiya_list .detail .theme{
    clear:both;
    margin-bottom:12px;
}
.akiya .theme ul li,
.akiya_list .detail .theme ul li{
    display:inline-block;
    background-color:#DDE1CA;
    font-size:12px;
    font-size:1.2rem;
    text-align:center;
    padding:2px 12px 1px 12px;
    margin-bottom:3px;

    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
/* 価格等 */
.akiya .price_block,
.akiya_list .detail .price_block{
    clear:both;
    display:inline-block;
}
.akiya_list .detail .price_block{
    width:450px;
 }
 .akiya .price_block{
    width:100%;
 }
.akiya_list .detail .price_block table{
    max-width:450px;
    width:450px;
}
.akiya .price_block table{
    max-width:670px;
    width:670px;
    margin:12px 0;
}
.akiya .price_block table td,
.akiya_list .detail .price_block table td{
    max-width:160px;
    border-left:1px solid #ccc;
    margin:0;
    padding:0;
    padding-left:8px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    word-break:break-all;
}
.akiya .price_block table td{
    max-width:300px;
    text-align:center;
    padding:10px 0;
}
.akiya .price_block table td:first-child,
.akiya_list .detail .price_block table td:first-child{
    border:0;
}
.akiya .price_block table .title,
.akiya_list .detail .price_block table .title{
    font-size:14px !important;
    font-size:1.4rem !important;
    font-weight:normal !important;
    color:#000;
}
.akiya .price_block table .point,
.akiya_list .detail .price_block table .point,
.akiya .price_block table .point2,
.akiya_list .detail .price_block table .point2{
    font-size:20px;
    font-size:2.0rem;
    color:#0084B4;
    font-weight:bold;
}
.akiya .price_block table .point2,
.akiya_list .detail .price_block table .point2{
    color:#333;
    font-weight:bold;
}
.akiya .price_block table .point span,
.akiya_list .detail .price_block table .point span{
    color:#3A1A03;
    font-size:16px;
    font-size:1.6rem;
    margin-left:8px;
}

/* 募集中 */
.akiya_list .condition_1{
    color:#0084B4 !important;

}
/* 交渉中 */
.akiya_list .condition_2{
    color:#55b631 !important;
    }

/* 成約済 */
.akiya_list .condition_3{
    color:#ec1a01 !important;
}



/* 問い合わせ */
/* 詳細を見る */
a.btn_contact p,
.akiya_list .detail a.btn_next div{
    clear:both;
    float:right;
    background-color:#0084B4;
    background: #0084B4 url(../images/top_next_icon.png) no-repeat;
    background-size: 15px 22px;
    background-position: right 16px center;

    height:36px;
    line-height:36px;
    text-align:left;
    font-size:15px;
    font-size:1.5rem;
    box-sizing: border-box;
    padding-top:2px;
    padding-left: 22px;

    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;


}
.akiya_list .detail a.btn_next div{
    clear:both;
    float:none;
    width:140px;
    margin-top:10px;
}
a.btn_contact p{
    clear:both;
    float:none;
    width:300px;
    margin:0 auto;
}
a.btn_contact{
    width:300px;
}
.akiya_list .detail a.btn_next{
    width:140px;
}
a.btn_contact,
.akiya_list .detail a.btn_next{
    color:#fff !important;
    display:block;
    margin:0 auto;
}
.akiya_list .detail a.btn_next{
    float:right;
}
a.btn_contact p:active,
a.btn_contact p:focus,
a.btn_contact p:hover,
.akiya_list .detail a.btn_next div:active,
.akiya_list .detail a.btn_next div:fucos,
.akiya_list .detail a.btn_next div:hover{
    text-decoration:underline !important;
}

/*問い合わせボタン下に説明と他リンク追加 add:20251128*/
div.contact_frame{
    text-align:center;
}
div.contact_frame h5{
    clear: both;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    letter-spacing:0.03em;
    margin-bottom:10px;
}
div.contact_ex{
    font-size:12px;
    margin-top:4px;
}
a.other_link{
    display:inline-block;
    color:#3A1A03;  /* 茶色 */
    color:#0084B4;  /* ボタンと同じ青色*/
    text-align:center;
    text-decoration:underline;
    margin-top:20px;
    margin-bottom:10px;
}

/* 価格欄のお問い合わせください時 */
.akiya .price_block table .point .price_inquiry,
.akiya_list .detail .price_block table .point .price_inquiry{
    font-size:15px;
    font-size:1.5rem;
    color: #0084B4;
}
.security_deposit_inquiry{
    font-size:13px;
    font-size:1.3rem;
    font-weight:bold;
    color: #0084B4;
}


/* -----------------------------------------------
 空き家物件詳細
------------------------------------------------ */
.akiya{
    clear:both;
    margin-bottom:24px;
    display:block;
    padding-bottom:20px;
}

.akiya h4{
    margin-top:20px;
}

/* 更新日 */
.akiya .update{
    margin:10px 0;
}
/* 物件番号 */
.akiya .article_cd{
    margin-top:0;
}
/* 物件状態 */
.akiya .condition{
    float:left;
    margin-left:12px;
    font-size:18px;
    font-size:1.8rem;
    line-height:26px;
    color:#FF5B11;
    font-weight:bold;

    border-width:1px;
    border-style: solid;
    padding: 3px 8px 0px 7px;


}

/* 募集中 */
.akiya .condition_1{
    border-color:#0084B4;
    color:#0084B4;
}
/* 交渉中 */
.akiya .condition_2{
    border-color:#55b631;
    color:#55b631;
}

/* 成約済 */
.akiya .condition_3{
    border-color:#ec1a01;
    color:#ec1a01;
}






/* 建物名 */
.akiya .area_name{
    float:left;
    font-size:24px;
    font-size:2.4rem;
    font-weight:bold;
    line-height:36px;
}
/* 建物キャッチコピー */
.akiya .sales_copy{
    clear:both;
    font-size:17px;
    font-size:1.7rem;
    margin:10px 0;
}
/* 建物写真 */
.akiya .image{
    clear:both;
    width:auto;
    height:400px;
    border:1px solid #ccc;  /* 後で削除 */
}
.akiya .image img{ /* 仮 */
    max-width:670px;
    max-height:400px;
}

/* 契約状況 */

/* 建物名 */
.akiya .building_type .article_name div{
    margin-top:2px;
}
.akiya .building_type .article_name{
    float:left;
    margin-left:10px;
    font-size:26px;
    font-size:2.6rem;
    font-weight:bold;
}

/* 各種テーブル */
.akiya .detail table{
    width:670px;
    line-height:26px;
}
.akiya .detail table th{
    background-color:#DDE1C6;
    border:1px solid #fff;
}
.akiya .detail table td{
    border:1px solid #DDE1C6;
    border-left:0;
    border-right:0;
}
.akiya .detail table th{
    width:140px;
}
.akiya .detail table td:nth-of-type(1){
    width:160px;
}
.akiya .detail table td:nth-of-type(2){
    width:auto;
}
/* 地図 */
.akiya .detail .map{
    color:#0084B4;
}
/* 免責 */
.akiya .menseki{
    font-size:13px;
    font-size:1.3rem;
}
/* 設備 */
.akiya .detail .facility  li{
    display:inline-block;
    margin-right:2px;
}

/*****************************************/
/* 写真 */

/* 写真枚数・番号 */
.image_num{
    text-align: right;
    margin-right: 42px;
    font-size: 13px;
}


/* 間取り図 */
.akiya .floor_img{
    margin-top:20px;

}
.akiya .floor_img .main{
    width:670px;
    height:400px;
}
.akiya .floor_img .main img{
    max-width:670px;
    max-height:400px;
}
.akiya .floor_img .thumbnail{
    margin-top:20px;
}
.akiya .floor_img .thumbnail div{
    float:left;
    margin-right:6px;
    padding:2px;
    width:150px;
    height:100px;
    text-align:center;
}
.akiya .floor_img .thumbnail div img{
    max-width:140px;
    max-height:90px;
}

.akiya .floor_img .slider-nav2 img{
/*    padding:8px;
*/
}

/* 内観・外観写真サムネイル選択状態 */
.akiya .slider-nav img.sel{
    border:9px solid #ddd;
/*    box-sizing:border-box; /*kaoru */
}

.akiya .slider-nav img{
    border:9px solid #fff;
/*    box-sizing:border-box; /*kaoru */
}

.slider-nav .th_image {
}


.slider-nav img.th_image:hover,
.slider-nav2 img.th_image:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
}


/* 間取りサムネイル選択状態 */
.akiya .floor_img .slider-nav2 img.sel{
    border:9px solid #ddd;
/*    box-sizing:border-box; /*kaoru*/
}
.akiya .floor_img .slider-nav2 img{
    border:9px solid #fff;
/*    box-sizing:border-box; /*kaoru*/
}
/* 間取り図 サムネイル 左右ボタン */
.slider-nav2 .slick-prev {
    top: 94px;
}
.slider-nav2 .slick-next {
    top: 94px;
}

/* 一覧に戻る */
a.bnt_ret{
    display:block;
    width:140px;
    margin:20px 0;
}
a.bnt_ret div{
    clear:both;
    background-color:#2F2F2F;
    color:#fff;
    padding:3px 0 1px 0;
    text-align:center;
    width:140px;
}
a.bnt_ret div:before{
    content:"▲"; /* 仮（画像がきてから） */
}
a.bnt_ret {
    color:#fff !important;
}

/* おすすめ */
.recommended{
    margin-top:34px;

}


/* ********************************** */
/* スリック */

/* 拡大写真　キャプション */
.image_memo{
    position:absolute;
    bottom:0;
    height:40px;
    width:100%;
    background-color:#fff;
    opacity:0.7;
}

.image_memo_inner{
    font-size:12px;
    font-size:1.2rem;
    margin:10px 10px 10px 24px;
    text-align:center;
}

.slick-slide{
    max-height:500px;
}

.slick-slide img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.slick-slider{
    margin-bottom:0px;
}

.slider-nav .slick-list ,
.slider-nav2 .slick-list {
    background-color: #fff;
    width:490px;
    width:400px;
    margin: 0 auto;
    margin-top:18px;
/*    box-sizing:border-box; /*kaoru*/
}

/* 画像中央表示 */
.image_frame{
    background-color:#fff;
    font-size:0;
    text-align: center;
}
.image_frame:before{
    content:"";
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.image_frame > img{
    display:inline-block;
/*
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
*/

    vertical-align: middle;
}

/* 左右ボタン */
.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 38px;
    line-height: 1;
    color: #0083B7;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    top: 34px;
    left: 51px;
    width:40px;
    height:40px;
}
.slick-next {
    top: 34px;
    right: 51px;
    width:40px;
    height:40px;
}

/* 間取り画像欄の「現況～」文 */
.zumen_msg1{
    float: right;
    margin-top: 15px;
    margin-bottom: 22px;
}

/* 一覧上部の文章 */
#content .nairan_box{
    margin: 16px 0px 30px 12px;
    margin: 16px 0px 0px 12px;
}

#content .nairan_box .title{
font-weight: bold;
    margin: 0px 0px 6px -21px;
}

#content .nairan_box ul{
    margin-left:8px;
    list-style:disc
}

#content .nairan_box ul li{
    margin-bottom:8px;
}

#content .nairan_box ul li a{
    color: #0084B4;
}