@charset "UTF-8";


#navGlobal a{    padding: 17px 7px 12px 8px;}


.flex{display: flex;}


.structure-0160 .paymenttype{position:relative;}
.structure-0160 .paymenttype:before{content:"㎡ ";position:relative;display:inline;}


/* top table Lanking
---------------------------------------------------------*/
#content .free3 h2{background-image:unset;border:none;background-color:#0DA773;color:#fff;}
#content .free3 p.glassHead{margin:0;}

#tabLanking{
	position:relative;
	margin:20px auto 30px auto;
}
#tabLanking td{position: relative;background-color: unset !important;vertical-align: top;background-image: unset !important;}
#tabLanking td a{
	display:block;margin-bottom: 10px;text-align: center;padding-left: 0 !important;
	margin-left:unset;
	padding-left:12px;
	background:transparent url(/local_asp/hanoi/images/for_ul_mk1.png) no-repeat 0 .4em;
	text-decoration:none !important;
	font-weight: bold;font-size: larger;
}

.tabLank-1, .tabLank-2, .tabLank-3, .tabLank-4, .tabLank-5, .tabLank-6, .tabLank-7{padding-left: 86px;}
#tabLanking td .num{position: absolute;left: 1.0em;top:0.5em;font-size: 30px;font-weight: bold;width: 40px;text-align: center;}
#tabLanking td .num:before{content:" ";position: absolute;left: 0;top:0;background-color:#FFCC00;border-radius: 20px;display: block;width: 40px;height: 40px;z-index: -1;}

.tabLank-1,.tabLank-2,.tabLank-3,.tabLank-4,.tabLank-5,.tabLank-6,.tabLank-7{width:340px;height:48px;padding:15px 0 15px 100px;background-repeat:no-repeat;background-position:20px 20px;font-size:14px;line-height:1.4;}
.tabLank-2,.tabLank-4,.tabLank-6{	background-color:#EBEBEB;}

#content #tabLanking .area1 a{border-bottom :3px solid #FFEE5A;}
#content #tabLanking .area2 a{border-bottom :3px solid #A6A4C6;}
#content #tabLanking .area3 a{border-bottom :3px solid #9D9BBD;}
#content #tabLanking .area4 a{border-bottom :3px solid #FFBDC4;}
#content #tabLanking .area5 a{border-bottom :3px solid #DEFF8C;}
#content #tabLanking .area6 a{border-bottom :3px solid #E5C7E5;}

/*
#content #tabLanking .area1 a{background-color:#FFEE5A;}
#content #tabLanking .area2 a{background-color:#A6A4C6;}
#content #tabLanking .area3 a{background-color:#9D9BBD;}
#content #tabLanking .area4 a{background-color:#FFBDC4;}
#content #tabLanking .area5 a{background-color:#DEFF8C;}
#content #tabLanking .area6 a{background-color:#E5C7E5;}
*/

/*
.tabLank-1{background-image:url(/local_asp/hanoi/images/g_num_1.gif);}
.tabLank-2{background-image:url(/local_asp/hanoi/images/g_num_2.gif);}
.tabLank-3{background-image:url(/local_asp/hanoi/images/g_num_3.gif);}
.tabLank-4{background-image:url(/local_asp/hanoi/images/g_num_4.gif);}
.tabLank-5{background-image:url(/local_asp/hanoi/images/g_num_5.gif);}
.tabLank-6{background-image:url(/local_asp/hanoi/images/g_num_6.gif);}
.tabLank-7{background-image:url(/local_asp/hanoi/images/g_num_7.gif);}
*/

.tabLankMap{
	vertical-align:top;
	text-align:center;
}
.areaInfoico td{
	padding:10px 10px 0 0;
}
.tabLankMap div img {
	position: relative;
}

#searchCondition .btnE{margin-bottom: 30px; margin-left: 300px;}

/* 検索結果一覧 */

.houseTable tr td table.tSearchBasic{}
.houseTable tr td table.tSearchBasic tr:nth-of-type(2){display:none;}

.houseTable tr.Office{}/* 事業向け Office */
.houseTable tr.Office .housePrice>span{position: relative;}
.houseTable tr.Office .housePrice>span:after{position: relative;content:"(㎡)"}
.houseTable tr td .houseName br{display: none;}
.houseTable tr td .houseName em{display: none;}


/* 物件詳細 */
body.property #container.Office table.colHead tr td:nth-of-type(4) span.fCol-01{position: relative;}
body.property #container.Office table.colHead tr td:nth-of-type(4) span.fCol-01:after{position: relative;content:"(㎡)"}
body.property #container.Office .contractTab table tr:nth-of-type(3) td{position: relative;}
body.property #container.Office .contractTab table tr:nth-of-type(3) td:after{position: relative;content:"(㎡)"}
body.property #houseInfo table tr:nth-of-type(1) em {display: none;}


/* ガイド */
body.guide #content{font-size: 14px;line-height: 1.8em;}
body.guide #content h3{margin-bottom: 15px;}
body.guide #content h3 span{margin-left: 1.0em;}
.arrow-down {background: #00A26B;height: calc(tan(60deg) * 60px / 2);width: 60px ;height:30px;clip-path: polygon(0 0, 100% 0, 50% 100%);margin:10px auto;opacity: 0.7;}

/* 店舗 */
body.shop #content .shop_staff{clear: both;border: none;padding-bottom: 5px;}
body.shop #content .shop_staff .shop_staff_area{clear: both;}
body.shop #content .shop_staff .shop_staff_area .staff_Post{text-align: right;}
body.shop #content .shop_staff .shop_staff_area h3{background:unset;padding: 0;margin: 0.5em 0}
body.shop #content .shop_staff .shop_staff_area .shop_staff_voice{float: none;}
body.shop #content .shop_staff .fLeft{margin-left: 0}



/** タブレット向け **/
@media screen and (max-width: 970px){
	#tabLanking{width: 100%;	    table-layout: fixed;}
	#tabLanking .tabLankMap{width: auto;}
	#tabLanking .tabLankMap div img{max-width: 100%;}
	#tabLanking > tbody > tr > tdtd{width: 50%;}
	#tabLanking > tbody > tr, #tabLanking > tr{display: table-row !important;}
	#tabLanking > tbody > tr > td, #tabLanking > tr >td{display: table-cell !important;}
	.tabLank-1, .tabLank-2, .tabLank-3, .tabLank-4, .tabLank-5, .tabLank-6, .tabLank-7{padding-left: 40px;}
	#tabLanking td .num{left: 0;}
	#tabLanking > tbody > tr > td table.areaInfoico{width: 100%;}
	#tabLanking > tbody > tr > td table.areaInfoico tr{display: table-row ;}
	#tabLanking > tbody > tr > td table.areaInfoico tr td{width: 50%;display: table-cell ;}

}
/** タブレット向けここまで **/


/** スマートフォン向け **/
@media screen and (max-width: 480px){
	.free3 .tabLankMap img{max-width: 80%;}

	.freeModule  .sp.areaMap{margin-top: 20px;}
	#tabLanking{width: 100%;}
	#tabLanking td{width: 100%;}
	#tabLanking>table>tbody{margin: 20px 0px 40px 0px;}
	#tabLanking tr{display: flex !important;flex-direction: row;flex-wrap: wrap;}
	#tabLanking td .num{left: 0px;}
	.tabLank-1, .tabLank-2, .tabLank-3, .tabLank-4, .tabLank-5, .tabLank-6, .tabLank-7{height: auto;}
	#tabLanking > tbody > tr, #tabLanking > tr{display: block !important;}
	#tabLanking > tbody > tr > td, #tabLanking > tr >td{display: block !important;}
	#tabLanking > tbody > tr > td table.areaInfoico{width: 100%;}

	#searchCondition .btnE{display: block;margin: 0 auto 30px auto;}

	#content .searchLinkModule .layLeft img{margin-left: 71px;}

	body.shop #content .shop_staff .shop_staff_area{padding: 15px 7px;}
}
/** スマートフォン向けここまで **/