@charset "utf-8";

/*
 * under.css
 *
 * 下層ページ用
 */



/* ----------------------------------------
 * top
---------------------------------------- */
.vaca_pc { margin: 15px auto 0; display: inherit; }
.vaca_sp { margin: 1em auto 0; display: none; }



/* ----------------------------------------
 * common
---------------------------------------- */
.red {color: #9F0C00;}
.under .ttl_border h2 { border-left: #008131 6px solid; }

.mg_top15 { margin-top:15px; }
.mb15 { margin-bottom:15px; }

.ttl-comment { padding: 0 6px; margin-bottom:15px; }
.page-ttl h2 span { background:#E8F7E1; display:block; padding-left:10px; line-height:51px; font-weight:bold; }



/* ----------------------------------------
 * company
---------------------------------------- */
.google-maps {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}



/* ----------------------------------------
 * property
---------------------------------------- */

/* property list
--------------------------*/
.property_list .property_block { margin: 0 0 3%; padding: 1.5%; }
.property_list .property_block .property_photo { float: left; width: 35%; margin-right: 2%; }
.property_list .property_block_content { float: left; width: 63%; padding: 0; }
.property_list .property_block_content h3 { margin: 5px 0 10px; }
.property_list .property_block_content p { padding: 0; }
.property_list .property_block_content .list_price { padding: 10px 0; }

/* bukken_btn */
.property_list .property_block .bukken_btn { padding: 4.5% 0 0; }
.property_list .property_block .bukken_btn li { float: left; box-sizing: border-box; }
.property_list .property_block .bukken_btn .bukken_btn_raijyo { width: 41%; }
.property_list .property_block .bukken_btn .bukken_btn_raijyo_w { width: 28%; margin-left: 1.5%; }
.property_list .property_block .bukken_btn .bukken_btn_shiryo { width: 28%; margin-left: 1.5%; }
.bukken_btn .bukken_btn_raijyo_w { background: #006882; box-shadow: 0 3px #003948; border: none; }
.bukken_btn .bukken_btn_shiryo { background: #008131; box-shadow: 0 3px #004F1E; border: none; }
.bukken_btn .bukken_btn_raijyo_w a, .bukken_btn .bukken_btn_shiryo a { color: #fff; }

.bukken_btn.page_trans { margin: 10px 0 0; width: 150px; }
.btn_style a:after,
.bukken_btn.page_trans li.float_left a:after { content: "\f100"; left: 10px; right: 100%; margin-top: -7px; }
.bukken_btn.page_trans li.float_right a:after { content: "\f101"; margin-top: -7px; }

.bukken_btn.page_trans li.float_left a { padding: 10px 5px 5px 30px; }
.bukken_btn.page_trans li.float_right a { padding: 10px 30px 5px 5px; }

/* bukken_btn err_property */
.bukken_btn.err_property li { float: left; margin: 0 0 2% 0; width: 49%; box-sizing: border-box; }
.bukken_btn.err_property li:nth-of-type(2n+1) { margin: 0 2% 2% 0; }

@media screen and (max-width: 480px) {
	.property_list .property_block { padding: 2%; }
	.property_list .property_block .property_photo { width: 40%; }
	.property_list .property_block_content { width: 58%; }
	.property_list .property_block h3.res-sp { margin: 0 0 8px; }
	.property_list .property_block h3.res-sp a { font-size: 1.1em; }
	.property_list .property_block h3.res-sp span { margin-right: 3px; padding: 2px 5px; }
	.property_list .property_block_content .list_price { padding: 5px 0; }
	.property_list .property_block .bukken_btn li a { padding: 5px; }
	.property_list .property_block .bukken_btn .bukken_btn_raijyo { width: 100%; margin: 2% 0; }
	.property_list .property_block .bukken_btn .bukken_btn_raijyo_w { width: 49%; margin: 0; }
	.property_list .property_block .bukken_btn .bukken_btn_shiryo { width: 49%; margin-left: 2%; }
}


/* property deteil
--------------------------*/
.propertyTtl { background: #e7f5fc; }
.propertyTtl h3 { padding: .8em 0; border: none; margin: 0 0 1em; }
.propertyTtl h3 span { background: #008fde; color: #fff; font-size: .75em; padding: 5px 15px; margin-right: 10px; }

.deteil-wrap h4.ttl_border { margin-bottom: 10px; }

.detail_price { font-weight: bold; }
.detail_price dt { width: 75px; float:left; margin-top: 8px; }
.detail_price dd { float:left; color: #c20000; font-size: 1.6em; }
.detail_price dd span { color: #000; font-size: .65em; margin-left: 3px; }

.detail_comment { margin: 10px 0 1.3em; }
.detail_comment p { color: #2fa991; font-weight: bold; font-size: 1.1em; }
.detail_rep_comment { background: #f9f7f0; padding: 1em; }

/* detail_info */
.detail_info div { margin: 5px 0 10px; }
.detail_info div .pc { display: block; }
.detail_info div .sp { display: none; }
.detail_info div .float_left { width: 56%; }
.detail_info div .float_right { width: 40%; font-size: 0.8em; }
.detail_info .bukken_btn li { float: left; }
.detail_info .bukken_btn .bukken_btn_raijyo_w { width: 49%; margin-right: 2%;}
.detail_info .bukken_btn .bukken_btn_shiryo { width: 49%; }

/* .deteil-wrap aside  */
.deteil-wrap aside li { float: left; width: 16%; margin-right: 0.8%; }
.deteil-wrap aside li:last-of-type { margin-right: 0; }

/* thumbList_wrap */
.thumbList { width: 100%; overflow-x: auto; padding: 5px; background: #eee; box-sizing: border-box; }
.thumbList .thumbList_wrap { margin: 0 auto 3px; }
.thumbList .thumbList_wrap li { text-align: center; margin-right: 3px; float: left; width: 180px; }
.thumbList .thumbList_wrap li:last-of-type { margin-right: 0; }
.thumbList .thumbList_wrap li a { display: inline-block; width: 180px; }
.thumbList .thumbList_wrap li a span { background: #2f50a9; color: #fff; font-size: .9em; display: block; padding: 5px 0 3px; }
.thumbList::-webkit-scrollbar { height: 5px; }
.thumbList::-webkit-scrollbar-track { background: #D8D8D8; }
.thumbList::-webkit-scrollbar-thumb { background: #999; }

/* thumb width patarn */
.thumb_width1 { width: 183px; }
.thumb_width2 { width: 368px; }
.thumb_width3 { width: 551px; }
.thumb_width4 { width: 734px; }
.thumb_width5 { width: 917px; }
.thumb_width6 { width: 1100px; }
.thumb_width7 { width: 1283px; }
.thumb_width8 { width: 1466px; }
.thumb_width9 { width: 1649px; }
.thumb_width10 { width: 1832px; }
.thumb_width11 { width: 2015px; }
.thumb_width12 { width: 2198px; }
.thumb_width13 { width: 2381px; }
.thumb_width14 { width: 2564px; }
.thumb_width15 { width: 2747px; }
.thumb_width16 { width: 2930px; }
.thumb_width17 { width: 3113px; }
.thumb_width18 { width: 3296px; }
.thumb_width19 { width: 3479px; }
.thumb_width20 { width: 3662px; }

.chuko #property-deteil .deteil-photo li{ width:48.89%; float:left; padding-right:15px; }

/* #property-deteil .company table */
.deteil-title,
#property-deteil section,
#property-deteil .deteil-photo,
#property-deteil p.property-inner,
#property-deteil aside,
#property-deteil .deteil-map,
#property-deteil .company { margin-bottom:15px; }

/* prodetail_top */
.prodetail_top { margin: 0 0 2em; }
.prodetail_top .topthumb { float: left; width: 47%; }
.prodetail_top .prodetail_top_wrap { float: right; width: 50%; }
.prodetail_top_wrap .company table .goolgemap_link { background: #2f50a9; box-shadow: 0 3px #003948; border-radius: 5px; padding: 4px 0 2px; margin-left: 10px; display: inline-block; }
.prodetail_top_wrap .company table .goolgemap_link a { color: #fff; padding: 0 10px; }
.toform.bukken_btn { width: 300px; margin: 20px auto 0; font-weight: bold; background: #2ea46d; border-bottom: 4px #23754f solid; }
.toform.bukken_btn a { padding: 1em 1em .8em; }

/* deteil-map */
#property-deteil .google-maps { position: relative; width: 100%; padding-bottom: 65%; height: 0; overflow: hidden; }
#property-deteil .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#property-deteil .location-img { width:50%; }
#property-deteil .location-img img { max-width:100%; }

/* #property-deteil .info */
#property-deteil .info div { background:#E8F7E1; padding:10px; overflow:hidden; }
#property-deteil .info p { color:#007F31; font-size:1.2em; font-weight:bold; }
#property-deteil .info ul{ width:100%; float:left; }
#property-deteil .info li{ width:45%; float:left; padding-right:2.11%;  }
#property-deteil .info li:nth-of-type(1){ width:100%; font-size:1.9em; font-weight:bold; float:none; }
#property-deteil .info li:nth-of-type(1) img { vertical-align: middle; }


@media screen and (max-width: 768px) {
	.topics_wrap .company table th,
	.topics_wrap .company table td { padding: 12px; }
	
	.deteil-wrap aside li { float: left; width: 32%; margin: 0 2% 2% 0; }
	.deteil-wrap aside li:nth-of-type(3n) { margin: 0 0 2% 0; }
	.deteil-wrap h2 span { display: table-cell; }
}

@media screen and (max-width: 680px) {
	.prodetail_top .topthumb,
	.prodetail_top .prodetail_top_wrap { float: none; width: 100%; }
	.prodetail_top .topthumb { text-align: center; margin-bottom: 1em; }
	
	.detail_info div .float_left { width: 54%; }
	.detail_info div .float_right { width: 42%; }
}

@media screen and (max-width: 540px) {
	.propertyTtl h3 { padding: .5em 0; margin: 0 .5em .5em; }
	.propertyTtl h3 span { display: table-cell; padding: 3px 15px; }

	.detail_info div .pc { display: none; }
	.detail_info div .sp { display: block; }
}


/* ----------------------------------------
 * chintai
---------------------------------------- */
/* chintai_switch */
.property_list .chintai_switch { width: 100%; border-bottom: #008131 3px solid; margin: 0 0 10px; }
.property_list .chintai_switch li {
	border: #999 1px solid;
	border-bottom: 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%,#ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%,#ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	border-radius: 5px 5px 0 0;
	float: left;
	margin-left: 3px;
	font-weight: bold;
}
.property_list .chintai_switch li a { padding: 10px 15px; display: block; width: 110px; }
.property_list .chintai_switch li.active { border: #008131 1px solid; border-bottom: 0; background: #008131; }
.property_list .chintai_switch li.active a { color: #fff; }

/* chintai property_list
--------------------------*/
.chintai.property_list { background: #fff; padding: 5px 0; }
.chintai.property_list .property_block { padding: 0; }

.chintai .property_block_content h3 { font-weight: bold; font-size: 1.2em; }
.chintai .property_block_content h3 span { font-size: .65em; font-weight: normal; }


/* buildList */
.chintai.property_list .buildList { padding: 1.5%; }

/* roomList */
.chintai.property_list .roomList { border-top: #999 1px solid; }
.chintai.property_list .roomList a { display: block; position: relative; padding: 1.5%; }
.chintai.property_list .roomList .property_madori { float: left; width: 100px; }
.chintai.property_list .roomList .specData { padding: 0 0 0 2%; float: left; }
.chintai.property_list .roomList .specData .price span,
.chintai .deteil-wrap .price span { font-weight: bold; font-size: 1.2em; color: #C40000; margin-right: 10px; }
.chintai.property_list .roomList .specData dl,
.chintai .deteil-wrap .specData dl { display: inline-block; }
.chintai.property_list .roomList .specData dl dt,
.chintai.property_list .roomList .specData dl dd,
.chintai .deteil-wrap .specData dl dt,
.chintai .deteil-wrap .specData dl dd { display: inline; margin-right: 5px; }
.chintai.property_list .roomList .specData dl dt,
.chintai .deteil-wrap .specData dl dt { background: #777; color: #fff; padding: 1px 3px; }
.chintai.property_list .roomList .specData ul li { display: inline-block; }
.chintai.property_list .roomList .specData ul li:after { content: "/"; padding-left: 5px; }
.chintai.property_list .roomList .specData ul li:last-of-type:after { content: ""; }
/*.chintai.property_list .roomList .chintai_btn_bukken { float: right; margin: 5% 25px; color: #0033cc; text-decoration: underline; }*/

/* chintai_btn_bukken */
.chintai.property_list .bukken_btn .chintai_btn_bukken { float: right; width: 120px; position: relative; padding: 7px 5px; text-decoration: none; }
.chintai.property_list .bukken_btn .chintai_btn_bukken:before { content: ''; position: absolute; top: 50%; left: 8px; background: url(../img/common/icon_raijyo.png) no-repeat; width: 17px; height: 15px; background-size: contain; margin-top: -8px; }
.chintai.property_list .bukken_btn .chintai_btn_bukken:after { font: normal normal normal 14px/1 FontAwesome; content: "\f0da"; position: absolute; right: 10px; top: 50%; margin-top: -6px; }

@media screen and (max-width: 768px) {
	.chintai.property_list .roomList a:after { position: absolute; font: normal normal normal 16px/1 FontAwesome; content: "\f054"; top: 50%; right: 10px; margin-top: -7px; }
	.chintai.property_list .roomList .specData { font-size: .8em; }
	.chintai.property_list .roomList .specData .price { margin: 0 0 4%; }
	.chintai.property_list .roomList .specData .price span { display: block; }
}

/* chintai deteil-wrap
--------------------------*/
.chintai .deteil-wrap .specData .price { margin: 0 0 5px; }
.chintai .deteil-wrap .specData .deposit { margin-right: 20px; }


/* ----------------------------------------
 * form
---------------------------------------- */
/* b_contact_box-top */
.b_contact_box-top { padding: 10px 0 20px; }
.list_flow { width: 100%; letter-spacing: -0.4em; }
.list_flow-item { display: inline-block; width: 34.5%; height: 80px; line-height: 80px; vertical-align: middle; background-color: #f3f3f3; color: #000; position: relative; letter-spacing: normal; margin-right: 0.5%; }
.list_flow-item:after { content: ""; display: block; position: absolute; top: 0; right: -8px; width: 0; height: 0; border-top: 40px solid transparent; border-right: 5px solid transparent; border-bottom: 40px solid transparent; border-left: 30px solid #f3f3f3; background-color: #fff; }
.list_flow-item:last-of-type:after { border: none; }
.list_flow-item:last-of-type { margin-right: 0; width: 30%; }
.list_flow-step { float: left; padding: 0 5px 0 15px; font-weight: bold; }
.list_flow-num { font-size: 22px; font-weight: bold; padding-left: 3px; letter-spacing: -2px; }
.list_flow-text { float: right; padding: 0 27px 0 0; font-size: 15px; font-weight: bold; }
	.list_flow-item.is_current .list_flow-step,
	.list_flow-item.is_current .list_flow-num,
	.list_flow-item.is_current .list_flow-text { color: #fff; }

@media screen and (max-width: 980px) {
.list_flow-item { height: 80px; line-height: 1.4; box-sizing: border-box; padding: 15px 0 0 15px; }
.list_flow-step { float: none; padding: 0 5px 0 0; }
.list_flow-num { font-size: 20px; }
.list_flow-text { float: none; padding: 0; }
.list_flow-item:after { border-top: 40px solid transparent; border-bottom: 40px solid transparent; }
.list_flow-item:last-of-type { text-align: center; padding: 15px 0 0; }
}

@media screen and (max-width: 640px) {
.list_flow-item { height: 55px; padding: 8px 0 0 10px; }
.list_flow-step { padding: 0 3px 0 0; font-size: 10px; }
.list_flow-num { font-size: 15px; }
.list_flow-text { font-size: 11px; }
.list_flow-item:after { border-top: 27px solid transparent; border-bottom: 28px solid transparent; border-left: 12px solid #f3f3f3; right: -5px; }
.list_flow-item:last-of-type { padding: 8px 0 0; }
}

.list_flow-item.is_current { background-color: #008fde; }
.list_flow-item.is_current:after { border-left-color: #008fde; }


/* .form */
.form .required { color: #fff; background: #DA0023; font-size: 80%; padding: 1px 5px 0; margin-left: 10px; }
.form select,
.form textarea,
.form input { padding: 5px; }
.form .input01 { width: 50%; box-sizing: border-box; }
.form .input02 { width: 100%; box-sizing: border-box; }
.form td label { margin-right: 15px; }

.form .btn_style{ padding: 0; }
.form .submit.btn_style { width: 250px; margin: 20px auto 0; text-align:center; overflow:hidden; zoom:1; }
.form .submit.btn_style input { width: 250px; padding: 13px 5px 10px; background: #2f50a9; border: #2f50a9; color: #fff; }

@media screen and (max-width: 640px) {
	.form table th,
	.form table td { width: 100%; display: block; box-sizing: border-box; padding: 1em; }
	.form table th { border-right: #d2d2d2 1px solid; }
	.form table tr:last-of-type th { border-bottom: 0; }
	.form .input01 { width: 100%; }
	.form textarea.input02 { height: 110px; }
}


/* ----------------------------------------
 * error
---------------------------------------- */
.e_text1{ font-size:2em; font-weight:bold; padding:2%; }
.e_color a{ color:#DA0023; }