@charset "shift_jis";

@import url(basic.css);
@import url(common.css);

/* ====================================================================

   Style Info: 物件
 
==================================================================== */

/* ----------------------------------------------------
   お気に入り
---------------------------------------------------- */

.bukken .inner {
	text-align:left;
	margin-top:20px;
	}
	.bukken .inner ul {
		margin-top:20px;
		list-style:none;
		}

/* ----------------------------------------------------
   検索BOX
---------------------------------------------------- */

.bukken #search {
	text-align:center;
	padding-top:20px;
	}

.bukken #search table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:2px solid #b9b9b9;
	margin-bottom:15px;
	}

.bukken #search th,
.bukken #search td {
	text-align:left;
	font-weight:normal;
	padding:8px;
	border:1px solid #b9b9b9;
	}

.bukken #search th {
	width:20%;
	background-color:#f0f0f0;
	white-space:nowrap;
	}

.bukken #search th .ic-required {
  float: right;
  display: inline-block;
  background-color: #f00f14;
  color: #fff;
  font-size: 87.5%;
  padding: .25em .5em;
	}

.bukken #search td {
	width:30%;
	}

.bukken #search td span { color:#6ab800; }

.bukken #search td .error {
	color: #f00f14;
	}

.bukken #search input { padding:2px; }

.bukken #search .notes {
	color:#ff0000;
	font-size:11px;
	line-height:110%;
	text-indent:-1em;
	margin-top:5px;
	padding-left:1em;
	}
.bukken #search label input {
	vertical-align:top;
	margin-top:3px !important;
	}

.bukken #search input.size-ll 	{ width:90% !important; }
.bukken #search input.size-l 	{ width:75% !important; }
.bukken #search input.size-m 	{ width:50% !important; }
.bukken #search input.size-s 	{ width:25% !important; }
.bukken #search input.size-ss 	{ width:15% !important; }


/* ----------------------------------------------------
  検索結果 一覧
---------------------------------------------------- */

.bukken .kekka {
	text-align:center;
	margin-top:20px;
	border-top:1px solid #c8c8c8;
	}

.bukken .kensu_db4 { padding-top:15px; }

.bukken .kekka#bottom { border-top:none; margin-top:10px; }

.bukken .kekka p {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #c8c8c8;
	}
.bukken .kekka b { font-size:15px; }

.bukken .kekka ul {
	width:660px;
	list-style:none;
	text-align:center;
	padding-top:7px;
	}

.bukken .kekka li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 3px 0 3px;
	}


.bukken .list { text-align:left; }
.bukken .list.favorite { margin-top:20px; }

.favorite_clear {
	float:right;
	margin-top:-32px;
	margin-right:6px;
	}

.bukken .list a.pist_list {
    display: block;
    margin-top: 1em;
    text-decoration: none;
    color: #232323;
}

.bukken .list a.pist_list:hover table {
    background-color: #F0F8F3;
}

/* 種別 */
.bukken .list h4 {
	width:660px;
	background-color:#ffe18c;
	margin:20px 0 15px 0;
	padding:7px 0;
	font-size:14px;
	text-indent:10px;
	}

/* テーブル共通 */
.bukken .list table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	}

.bukken .list table th {
	text-align:center;
	font-weight:normal;
	background-color:#f0f0f0;
	border:1px solid #b9b9b9;
	padding:4px 0;
	}

.bukken .list table td {
	word-wrap:break-word;
	border:1px solid #b9b9b9;
	padding:8px;
	}

.bukken .list table td.space {
	border:none;
	font-size:0;
	line-height:0;
	padding:0;
	height:10px;
	background-color:#fff;
	}

/* 写真 */
.bukken .list table td.photo {
	text-align:center;
	padding:10px;
	border-right:none;
	background:url(../image/h_line_y.gif) repeat-y right top;
	}
.bukken .list table td.photo img {
    width:100%;
    height:auto;
    max-height:140px;
    object-fit:contain;
    font-family:'object-fit:contain;'
}

/* コメント */
.bukken .list table td.come {
	width:100%;
	color:#ff6600;
	padding:6px 8px;
	background-color:#ffffcd;
	font-weight:bold;
	font-size:14px;
	}
.bukken .list table td.come img {
	vertical-align:middle;
	margin-right:6px;
	margin-bottom:1px;
	}

/* 所在地他 */
.bukken .list table td.bdata {
	border-left:none;
	border-right:none;
	background:url(../image/h_line_y.gif) repeat-y right top;
	}
.bukken .list table td.bdata span { color:#7d7d7d; }

/* 価格 */
.bukken .list table td.price {
	width:169px !important;
	text-align:right;
	border-left:none;
	}
.bukken .list table td.price b,
.bukken .list table td.price span {
	color:#f00f14;
	}
.bukken .list table td.price span {
	}
.bukken .list table td.price b { font-size:18px; }
.bukken .list table td.price b span { font-size:14px; }
.bukken .list table td span.madori {
	font-size:14px;
	font-weight:bold;
	color:#6ab800;
	}

.bukken .list table td .kaisya_annai_list {
    color: #306334;
}

.bukken .list table td .tourokubi {
    font-size:87.5%;
    color:#777;
}

/* 売約済み */
.bukken .list table td.delete {
	text-align:center;
	border-left:none;
	border-right:none;
	}
	.bukken .list table td.delete b {
		color:#f00f14;
		font-size:17px;
		}

.bukken .ydep_btn2 {
    display: block;
    margin-top: 16px;
}


/* ----------------------------------------------------
  詳細ページ
---------------------------------------------------- */

.bukken .detail p { text-align:left; }


/* 問い合わせ・印刷 -----------------------------*/

.bukken .detail #dtop {
	width:660px;
	background:url(../image/box_bg.gif) repeat-y left top;
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	background-color:#f0f0f0;
	}
	
.bukken .detail #dtop ul {
	width:660px;
	list-style:none;
	font-size:0;
	line-height:0;
	padding:7px 0;
	}

.bukken .detail li.toi {
	width:248px;
	float:left;
	margin-left:7px;
	display:inline;
	}

.bukken .detail li.fav {
	width:155px;
	float:left;
	margin-left:7px;
	display:inline;
	}

.bukken .detail li.print {
	width:171px;
	float:right;
	padding:7px 0;
	background:url(../image/bukken/print_bg.gif) no-repeat left center;
	}


/* 詳細 -----------------------------*/

.bukken .detail table.top { margin-top:20px; }

.bukken .detail table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:10px;
	}

.bukken .detail th,
.bukken .detail td {
	border:1px solid #b9b9b9;
	padding:8px;
	text-align:left;
	}

.bukken .detail th {
	font-weight:normal;
	background-color:#ffffcc;
	width:16%;
	}

.bukken .detail .fbig { font-size:15px; font-weight:bold; }
.bukken .detail .onecome { color:#ff6600; }
.bukken .detail .price { color:#f00f14; }
.bukken .detail .priceb { color:#f00f14; font-size:18px; }
.bukken .detail .madori { color:#6ab800; }
.bukken .detail .mapic { vertical-align:middle; margin-left:6px; }

/* 写真 */
.bukken .detail table.photo { margin-top:20px; }

.bukken .detail .photo th {
	border-bottom:none;
	background:url(../image/h_line_x.gif) repeat-x left bottom;
	background-color:#f0f0f0;
	}

.bukken .detail .photo td {
	border-left:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	border-top:none;
	border-bottom:1px solid #b9b9b9;
	padding:8px;
	text-align:center;
	}

.bukken .detail .photo a { display:block; }
.bukken .detail .photo a img {
	max-width:110px;
	max-height:110px;
	}
.bukken .detail .photo.three_each a img {
	max-width:200px !important;
	max-height:200px !important;
	}

/* youtube,シータ（theta) */
#youtube,
#pano {
	width:660px;
	margin-top:20px;
	background-color:#ffe18c;
	text-align:center;
	padding:10px 0;
	}

#pano .ricoh-theta-spherical-image,
#pano .ricoh-theta-tour-image {
	display:block;
	margin:0 auto;
}

/* 地図 */
.bukken .detail #gmap_set {
	width:660px;
	margin-top:20px;
	background:url(../image/box2_bg.gif) repeat-y left top;
	border-top:2px solid #b9b9b9;
	border-bottom:2px solid #b9b9b9;
	text-align:center;
	}

/*
.bukken .detail #gmap_set iframe { margin:15px auto; }
.bukken .detail #gmap_set img { margin-bottom:15px; }
*/

.bukken .detail #map {
	margin:15px auto;
	} 

.bukken .detail #map th,
.bukken .detail #map td {
	border:none;
    padding: 0;
	}

.bukken .detail #map th {
	width:auto;
	}

.bukken .detail #gmap_set .gmap_btn {
    float: left;
    display: block;
    position: relative;
    width: 220px;
    height: 40px;
    line-height: 40px;
    padding: 0 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;
    border-bottom: 2px solid #d27d00;
    border-radius: 4px;
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 15px;
}

.bukken .detail #gmap_set .gmap_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.bukken .detail #gmap_set .ydep_btn {
    float: right;
    margin: 15px;
}
    

/* 下段 問い合わせ -----------------------------*/

#btoi {
	width:660px;
	margin-top:20px;
	text-align:center;
	background:url(../image/boxg_bg.gif) repeat-y left top;
	border-bottom:2px solid #6ab800;
	}

#btoi .btoi_md {
	width:656px;
	margin:0 auto;
	text-align:left;
	padding:8px 0 7px 0;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-indent:8px;
	background-color:#6ab800;
	border-bottom:1px solid #65af00;
	}

#btoi h5 {
	font-size:16px;
	padding:13px 15px 6px 15px;
	text-align:left;
	}
#btoi h5 span {
	font-size:13px;
	font-weight:normal;
	color:#7d7d7d;
	}

#btoi p.ad2 {
	text-align:left;
	padding:0 15px 5px 15px;
	}

#btoi p#ad {
	width:300px;
	float:left;
	margin-left:15px;
	display:inline;
	text-align:left;
	padding-bottom:12px;
	line-height:1.3em;
	min-height:56px;
	}

#btoi #ad img {
	float:left;
	margin-right:10px;
	display:inline;
	}

#btoi ul {	min-height:56px;
	float:right;
	margin:0 15px 0 15px;
	display:inline;
	list-style:none;
	}

#btoi ul:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#btoi li {
	float:left; 
	font-size:0;
	line-height:0;
	}

#btoi li.mail_bt { float:left; margin-right:5px; }
#btoi li.toi_bt { float:left; }


/* ----------------------------------------------------
  詳細ページ　新築・リフォーム
---------------------------------------------------- */

.bukken #house .photo a { display:block; }

/* 上段 -----------------------------*/

.bukken #house .gaiyo_md { margin-top:20px; background-color:#469edc; }
.bukken #house .gaiyo_md h3 {
	font-size:15px;
	color:#fff;
	padding:8px 10px;
	}
.bukken #house .gaiyo {
	background-color:#cce6f2;
	text-align:center;
	padding:20px 0;
	}
.bukken #house .gaiyo .inner {
	width:620px;
	margin:0 auto;
	}
.bukken #house .gaiyo .inner:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

.bukken #house .gaiyo .inner #photo {
	width:300px;
	float:left;
	text-align:center;
	}

.bukken #house .gaiyo .inner #photo p {
	background-color:#e6f2fa;
	margin:0 auto;
	text-align:center;
	}


/* リフォーム用 ------------------------ */

.bukken #house .gaiyo .inner #photor1 {
	width:300px;
	float:left;
	}
.bukken #house .gaiyo .inner #photor2 {
	width:300px;
	float:right;
	}
.bukken #house .gaiyo .inner #photor1 p,
.bukken #house .gaiyo .inner #photor2 p {
	background-color:#e6f2fa;
	margin:0 auto;
	}

.bukken #house .gaiyo .inner #photor1 span,
.bukken #house .gaiyo .inner #photor2 span {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-top:8px;
	font-weight:bold;
	}

/* ------------------------------------- */

.bukken #house .gaiyo .inner #no_photo {
	width:300px;
	float:left;
	background:url(../image/bukken/no_photo_house.gif) no-repeat center center;
	background-color:#fff;
	}

.bukken #house .gaiyo .inner #data {
	width:300px;
	float:right;
	text-align:left;
	}

.bukken #house .gaiyo .inner #data .gprice { padding-bottom:10px; }
.bukken #house .gaiyo .inner #data .gprice b { color:#f00f14; font-size:18px; }
.bukken #house .gaiyo .inner #data .gprice b span { font-size:14px; }

.bukken #house .gaiyo .inner #data table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	}
.bukken #house .gaiyo .inner #data th,
.bukken #house .gaiyo .inner #data td {
	border:1px solid #469edc;
	padding:4px 6px;
	font-weight:normal;
	}
.bukken #house .gaiyo .inner #data th {
	width:15%;
	white-space:nowrap;
	background-color:#e6f2fa;
	}
.bukken #house .gaiyo .inner #data td { background-color:#fff; }


/* 特徴 -----------------------------*/

.bukken #house .feature {
	background-color:#cce6f2;
	text-align:center;
	padding-bottom:12px;
	}

.bukken #house .feature .inner {
	width:636px;
	margin:0 auto;
	text-align:left;
	background-color:#f0f8fa;
	padding-bottom:15px;
	padding-top:12px;
	}

.bukken #house .feature h4 {
	padding:3px 15px;
	font-size:15px;
	color:#005995;
	}

.bukken #house .feature p { padding:0 15px; }


/* リフォーム概要 -----------------------------*/

.bukken .detail table.refo { margin-top:20px; }
.bukken .detail .refo th { width:12%; }
.bukken .detail .refo th,
.bukken .detail .refo td { border:1px solid #469edc; }
.bukken .detail .refo th { background-color:#e6f2fa; }


/* 中段 -----------------------------*/

.block {
	background-color:#e6e6e6;
	text-align:center;
	padding-bottom:13px;
	margin-top:20px;
	}

.block .inner {
	width:635px;
	margin:0 auto;
	text-align:left;
	}

.bukken #house .block table {
	width:100%;
	margin-top:13px;
	border-bottom:1px solid #b9b9b9;
	}

.bukken #house .block th {
	border-bottom:none;
	background:url(../image/h_line_x.gif) repeat-x left bottom;
	background-color:#f0f0f0;
	font-size:14px;
	font-weight:bold;
	padding:8px 10px;
	}

.bukken #house .block th span { font-size:13px; font-weight:normal; }

.bukken #house .block td {
	border-left:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	border-top:none;
	padding:8px;
	text-align:center;
	background-color:#fff;
	vertical-align:top;
	}

/* 間取り図・写真 コメント */
.bukken #house .block .come { text-align:left; }
.bukken #house .block td.come { padding:10px; }
.bukken #house .block p.come { padding-top:7px; line-height:1.3em; }
.bukken #house .block p.come img { vertical-align:middle; margin:0 0 3px 4px; }

.photo_shosai_area { text-align:center; padding-top:15px; }
.photo_shosai_area p { padding:15px; text-align:left; }


/* 下段 BOX -----------------------------*/

.bukken #house .box {
	width:660px;
	background:url(../image/box3_bg.gif) repeat-y left top;
	border-bottom:2px solid #62ace1;
	border-top:2px solid #62ace1;
	margin-top:20px;
	text-align:center;
	}

.bukken #house .box_md {
	width:656px;
	margin:0 auto;
	background:url(../image/h_line_bx.gif) repeat-x left bottom;
	background-color:#e6f2fa;
	text-align:left;
	}

.bukken #house .box_md h4 {
	padding:8px 8px 4px 8px;
	font-size:15px;
	}

.bukken #house .box_md h4 img { vertical-align:middle; margin-right:8px; margin-bottom:4px; }

.bukken #house .box p { padding:12px 15px; text-align:left; }


/* 下段 問い合わせ -----------------------------*/

#btoi_house {
	width:660px;
	margin-top:20px;
	text-align:center;
	background:url(../image/boxb_bg.gif) repeat-y left top;
	border-bottom:2px solid #187ec7;
	}

#btoi_house .btoi_md {
	width:656px;
	margin:0 auto;
	text-align:left;
	padding:8px 0 7px 0;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-indent:8px;
	background-color:#187ec7;
	border-bottom:1px solid #1671b3;
	}

#btoi_house h5 {
	font-size:16px;
	padding:13px 15px 6px 15px;
	text-align:left;
	}

#btoi_house p.ad2 {
	text-align:left;
	padding:0 15px 5px 15px;
	}

#btoi_house p#ad {
	width:313px;
	float:left;
	margin-left:15px;
	display:inline;
	text-align:left;
	padding-bottom:12px;
	line-height:1.3em;
	min-height:56px;
	}

#btoi_house #ad img {
	float:left;
	margin-right:10px;
	display:inline;
	}

#btoi_house ul {
	width:300px;
	min-height:56px;
	float:right;
	margin:0 15px 0 15px;
	display:inline;
	list-style:none;
	position:relative;
	}

#btoi_house ul:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#btoi_house li {
	font-size:0;
	line-height:0;
	position:absolute;
	bottom:15px;
	}

#btoi_house li.mail_bt { left:0; }
#btoi_house li.toi_bt { right:0; }