@charset "utf-8";
/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

   ユーザー表示画面用CSS
   
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/





/*パン屑*/
.bc_con{
	width:1000px;
	margin:40px auto 25px;
}

/*----------- トップページ売土地+検索結果一覧画面用 -----------*/

/*リストボックス*/
#search_shop_con{
	width:1000px;
	margin:0 auto 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
}

/*box*/
.search_shop_item{
	background-color:#FFF;
	margin:0 1% 30px;
	width:31.3%;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #e6eaf2;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	text-align:left;
}

/*カテゴリー(1行)*/
.search_shop_cat{
	height:20px;
	text-align:right;
	padding-top:4px;
	margin-bottom:10px;
}

.search_shop_cat_type_0{
		background:url(images/search00.png) no-repeat left bottom;
}
.search_shop_cat_type_t01{
		background:url(images/search_top_01.png) no-repeat left bottom;
}

.search_shop_cat_type_a{
		background:url(images/search01.png) no-repeat left bottom;
}
.search_shop_cat_type_b{
		background:url(images/search02.png) no-repeat left bottom;
}
.search_shop_cat_type_c{
		background:url(images/search03.png) no-repeat left bottom;
}
.search_shop_cat_type_d{
		background:url(images/search04.png) no-repeat left bottom;
}
.search_shop_cat_type_e{
		background:url(images/search05.png) no-repeat left bottom;
}
.search_shop_cat_type_f{
		background:url(images/search06.png) no-repeat left bottom;
}
.search_shop_cat_type_g{
		background:url(images/search07.png) no-repeat left bottom;
}

/*物件名(1行)*/
.search_shop_name{
	text-align:left;
	padding-bottom:16px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
	color:#0d3082;
}

/*住所(1行)*/
.search_shop_add{
	text-align:left;
	padding-bottom:16px;
}



/*写真と詳細ボックス(1行)*/
.search_shop_photo_box{
	margin:0 auto 8px;
	text-align:center;
}
/*写真(半分)*/
.search_shop_photo{
	margin:0 auto 8px;
	text-align:center;
}

.search_shop_photo img{
	width:100%;
	height:auto;
}

/*テキストボックス(半分)*/
.search_shop_txt{
	width:128px;
	float:left;
}

/*価格*/
.search_shop_price{
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	padding-bottom:8px;
}
.search_shop_price span{
	font-size:2.6em;
	font-weight:bold;
	line-height:1.0em;
	color:#820d30;
}


.search_shop_tbl{
	text-align:center;
	margin:0 10px 10px 10px;
}
.search_shop_tbl th{
	width:20px;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
	padding-bottom:8px;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
}

.search_shop_tbl td:nth-child(2){
	vertical-align:top;
	width:20px;
	text-align:center;
	padding-bottom:8px;
}
.search_shop_tbl td:last-child{
	text-align:left;
	padding-bottom:8px;
}

/**/
.search_shop_txt2{
	font-size:1.1em;
	line-height:1.1em;
	margin-bottom:10px;
	text-align:left;
	box-sizing:border-box;
	padding:8px;
}
.search_shop_txt2 div{
	margin-bottom:5px;
	font-weight:bold;
	color:#820d30;
	margin-bottom:8px;
}


/*横2つ用ボタン*/
.search_shop_bot{
	width:100px;
	margin:5px 0px 0px 188px;
	border:1px solid #0d3082;	
	color:#0d3082;
	font-size:1.1em;
	line-height:1.0em;
	text-align:center;
    transition: .4s;
}

.search_shop_bot:hover{
	background-color:#b7c8ea;
}
.search_shop_bot a{
	color:#0d3082;
	display:block;
	width: 100%;
	padding:10px 0;
}


/*----------- トップページ新着3件表示用 -----------*/
/*リストボックス*/
#search_shop_3con{
	width:980px;
	margin:0 auto 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
}

/*box*/
.search_shop_3item{
	width:300px;
	margin-bottom:30px;
	text-align:left;
}

.search_shop_3item{
	margin-right:40px;
}
.search_shop_3item:nth-child(3), .search_shop_3item:nth-child(6){
	margin-right:0px;
}

.search_shop_3item img{
	width:100%;
	height:auto;
}
/*物件名*/
.search_shop_3name{
	text-align:left;
	padding-bottom:8px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	color:#0d3082;
}


/*価格*/
.search_shop_3price{
	text-align:left;
	padding-bottom:8px;
}
.search_shop_3price span{
	font-size:2.6em;
	font-weight:bold;
	line-height:1.0em;
	color:#820d30;
}


.search_3shop_tbl th{
	white-space:nowrap;
}


.search_shop_3txt2{
	font-size:1.1em;
	line-height:1.1em;
	width:300px;
	margin-bottom:10px;
	text-align:left;
	box-sizing:border-box;
	padding:8px 0 ;
}
.search_shop_3txt2 div{
	font-weight:bold;
	color:#820d30;
	margin-bottom:5px;
}

/*ボタン*/
.search_shop_3bot{
	width:100px;
	margin:15px 0 15px 200px;
	/*目立ちすぎ
	background-color:#0d3082;
	color:#FFF;
	*/
	border:1px solid #0d3082;	
	color:#0d3082;
	font-size:1.1em;
	line-height:1.0em;
	text-align:center;
    transition: .4s;
}

.search_shop_3bot:hover{
	/*background-color:#3d599b;*/
	background-color:#b7c8ea;
}
.search_shop_3bot a{
	color:#0d3082;
	display:block;
	width: 100%;
	padding:10px 0;
}



	








/*戻るボタン*/
.search_page_box{
	margin:0 auto;
	text-align:center;
}

.search_page_box a{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 8px 15px;
	margin:0 10px;
    text-decoration: none;
    color: #fff;
    background: #0d3082;
    transition: .4s;
	letter-spacing:0.2em;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
  }

.search_page_box a:hover {
    background: #154ccd ;
    color: #fff;
}





/*----- エラー画面用 -----*/
.search_error_1{
	width:1000px;
	margin:0 auto 20px;
	text-align:center;
}

.search_error_2{
	text-align:center;
	margin:0 auto 60px;
}
.search_error_2box{
	display:inline-block;
	text-align:left;
}



/*----------- 詳細画面用 -----------*/

.list_con{
	width:1000px;
	margin:40px auto 150px;
}



h1 span{
	font-size:1.0em;
	color:#999;
	margin-left:25px;
}


/*タイトル*/
.lib_title{
	background:url(../../lib/images/title_bg1.png) no-repeat;
	height:50px;
	box-sizing:border-box;
	font-size:1.4em;
	padding:6px 0 0 25px;
	margin-bottom:30px;
	overflow:hidden;
}
.lib_title_img{
	float:left;
	margin-right:20px;
	height:38px;
}
.lib_title_img img{
	height:38px;
}
/*17px*/
.lib_title_h1{
	float:left;
	margin:11px 0 0;
}
.lib_title_h1 h1{
	color:#454545;
	font-size:1.0em;
	margin:0;
}
/*ポイント(テキスト)ボックス*/
.lib_point{
	margin:0 auto 35px;
	border: 1px solid #999;
	background:url(../lib/images/point.png) no-repeat left top;
	padding:10px 10px 10px 155px;
	min-height:70px;
	box-sizing:border-box;
}

/*タイトル下コメント3つ*/
.lib_point_1{
	font-size:1.4em;
	line-height:1.2em;
	text-align:left;
	font-weight:bold;
	color:#b5081d;
	margin-bottom:8px;
}
.lib_point_2{
	font-size:1.2em;
	line-height:1.2em;
	text-align:left;
	font-weight:bold;
	margin-bottom:8px;
}
.lib_point_3{
	font-size:1.0em;
	line-height:1.2em;
	color:#666;
	text-align:left;
	margin-bottom:8px;
}





/*メインデータ*/
.lib_maindata_con{
	overflow:hidden;
	border-right:1px solid #999;
	margin-bottom:40px;
}


/*各BOX*/
.lib_maindata_box{
	border-left:1px solid #999;
	text-align:left;
	padding:0 30px;
	box-sizing:border-box;
	float:left;
	display:inline-block;
}

/*多分、カテゴリー別で表記が違うから、ここはあとでsub行き*/
.lib_maindata_box1_t1{
	font-weight:bold;
	margin-bottom:0px;
}

/*価格*/
.lib_maindata_box1_t2{
	font-size:3.0em;
	font-weight:bold;
	color:#820d30;
	margin-bottom:8px;
	line-height:1.1em;
}

.lib_maindata_box3_t1{
	font-weight:bold;
}

/*写真置き*/
.lib_photo_con{
	background-color: rgba(100,100,100,0.1);
	margin-bottom:30px;	
}
.lib_photo_main_box{
	vertical-align:top;
}

.lib_photo_main_box img{
	width:480px;
	height:auto;
	margin:10px;
}
/*サムネイル*/
.lib_photo_sub_box{
	overflow:hidden;
}
.lib_photo_sub_boxxx img:hover{
	opacity:0.7;
}

.lib_photo_sub_cell{
    float:left;
    width:80px;
    margin:10px;
}

.lib_photo_sub_cell span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
}




/*特徴*/
.lib_feature_con{
	text-align:left;
	margin-bottom:30px;
}



/*概要*/
.lib_overview_con{
	text-align:left;
	margin-bottom:30px;
}

.lib_overview_tbl{
	border-collapse: collapse;
    border:1px solid #999;
	width:100%;
	table-layout:fixed
}
.lib_overview_th{
	width:140px;
}
.lib_overview_td{
	width:360px;
}

.lib_overview_tbl th, .lib_overview_tbl td{
	padding:12px 0 12px 8px;
	border-collapse: collapse;
    border:1px solid #999;
	letter-spacing:0.2em;
}

/*概要のデーブル幅とか*/
.lib_overview_tbl th{
	/*width:140px;*/
	white-space:nowrap;
	background-color:#e6eaf2;
	font-weight:600;
}
/*
.lib_overview_tbl td{
	width:360px;
}
*/


/*地図*/
.lib_map_con{
	margin-bottom:30px;
	text-align:center;
}

.lib_map_con iframe{
	width:1000px;
	height:450px;

}
.lib_map_con img{
	margin:20px auto 0;
}

/*問合せ*/
.lib_inquiry_con{
	text-align:center;
	margin-bottom:30px;
}

/*------------------------------------------------*/
/*----- 概要部分 非共有CSS -----------------------*/
/*------------------------------------------------*/

/*分譲地のみ*/
/*区画一覧*/
.lib_area_con{
	text-align:left;
	margin-bottom:30px;
}
.lib_area_tbl{
	border-collapse: collapse;
    border:1px solid #999;
	width:100%;
}
.lib_area_tbl thead th, .lib_area_tbl thead td{
	font-weight:bold;
	text-align:center;
	padding:12px 8px;
	border-collapse: collapse;
    border:1px solid #999;
	background-color:#e6eaf2;
}

.lib_area_tbl tbody th{
	font-weight:bold;
	padding:12px 8px;
	border-collapse: collapse;
    border:1px solid #999;
	text-align:center;
	background-color:#e6eaf2
}

.lib_area_tbl tbody td{
	padding:12px 8px;
	border-collapse: collapse;
    border:1px solid #999;
	text-align:right;
}

/*価格だけフォント変更*/
.lib_area_tbl tbody td:nth-last-child(1){
	font-size:1.6em;
	font-weight:bold;
	color:#820d30;
}

.lib_area_tbl tbody .se_b{
	text-align:center;
}




/*売家のみ*/












/*トップへ戻るボタン*/
.lib_botmenu_con {
  position:fixed; /*固定*/
  bottom:0px; /*場所を右下に移動*/
  right:0px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:#0d3082; 
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:100%;
  height:100px;
  text-align:center;
  line-height:22px;
  box-sizing:border-box;
}
.lib_botmenu_top:before {
   position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.lib_botmenu_top:hover {
  opacity:0.7;
}

.lib_botmenu_box{
	width:1000px;
	margin:15px auto;
	overflow:hidden;
}
.lib_botmenu_cell{
	text-align:left;
	float:left;
	font-size:1.4em;
	line-height:1.4em;
	margin-right:35px;
}
.lib_botmenu_t1{
	font-size:0.8em;
}

.lib_botmenu_no{
	font-size:1.8em;
	line-height:1.4em;
}

.lib_botmenu_top{
	text-align:right;
	float:right;
	font-size:1.4em;
	line-height:1.6em;
}