@charset "UTF-8";
/* CSS Document */
.contPc{
display:block;
}
.contMob{
display:none;
}
@media screen and (max-width: 768px){
 .contPc{
 display:none;
 }
 .contMob{
 display:block;
 }
}


.login-page, .register-page,
.skin-green .main-header .navbar,
.skin-green .main-header .logo,
.skin-green .main-header .navbar .sidebar-toggle:hover{
background-color:#32B394 !important;
}

/*サイドバー上部リンク調整*/
.sidebar-menu > li.header{
color:#fff !important;
}
.sidebar-menu > li.header a{
padding:12px 5px !important;
}

/*サイドバー：CSSのみアコーディオン*/
.sidebar .accordion  {}
.sidebar .accordion_title {
position: relative;
border: none;
display: block;
list-style: none;
width: 100%;
cursor: pointer;
 }
.sidebar summary.accordion_title::-webkit-details-marker {
  display:none;
}
.sidebar .accordion_title:after {
content:"";
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
position: absolute;
top:calc( 50% - 3px );
right: 0px;
transform: rotate(135deg);
}
.sidebar .accordion::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
}
.sidebar .accordion .accordion_contents{
padding:10px 0;
}
.sidebar .accordion[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.sidebar .accordion[open] .accordion_title:after {
  transform: rotate(-45deg) !important;
}

/*サイドバー：ユーザー画面へのリンク説明
--------------------------------------------*/
.login-page .login-userLinkBox{
margin:20px 0 0;
padding:20px;
background:#fff;
border:2px solid #d73925;
border-radius: 4px;
}
.login-page .login-userLinkBox > .catchText,
.login-page .login-userLinkBox > .ttl{
color:#dd4b39;
}
.login-page .login-userLinkBox > .ttl{
font-size:18px;
text-align: center;
}
.login-page .login-userLinkBox > .list{
margin:10px 0 0 0 !important;
padding:0 0 0 1em !important;
}
.login-page .login-userLinkBox > .list li{
margin-top:5px;
list-style: disc outside;
}

.sidebar-menu > li.sidebar-userLink{
text-align: center;
margin:10px;
padding:10px;
background:#fff;
border:2px solid #d73925;
border-radius: 4px;
}
.sidebar-menu > li.sidebar-userLink .text{
line-height: 1.2;
margin:0 0 5px 0 !important;
}
.sidebar-menu > li.sidebar-userLink .btnItem{
margin:0 !important;
}
.sidebar-menu > li.sidebar-userLink a.btn{
color:#fff !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li.sidebar-userLink{
border:none;
background-color: transparent !important;
margin:5px 0;
padding:0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li.sidebar-userLink .text{
display:none;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li.sidebar-userLink a.btn span{
display:none;
}

/*サイドバー：新規会員登録用 URL説明
--------------------------------------------*/
.sidebar-menu > li.sidebar-registLink{
text-align: center;
margin:10px;
padding:10px;
background:#d73925;
border-radius: 4px;
color:#fff;
}
.sidebar-menu > li.sidebar-registLink .ttl{
color:#fff;
text-align: center;
font-weight: bold;
}
.sidebar-menu > li.sidebar-registLink p{
word-wrap: break-word;
white-space: normal;
line-height: 1.4;
}
.sidebar-menu > li.sidebar-registLink p.text-emp{
font-size:11px;
color:#FFFD00;
}
.sidebar-mini.sidebar-collapse .sidebar-menu li.sidebar-registLink{
display:none;
}
/*サイドバー：QRコード表示
--------------------------------------------*/
.sidebar-menu > li.sidebar-registLink p.qr-image{
text-align: center;
margin:0 0 10px !important;
}
.sidebar-menu > li.sidebar-registLink p.qr-image img{
max-width:100%;
height:auto;
}
.sidebar-menu > li.sidebar-registLink p.attention{
background:#fff;
color:#d73925;
padding:8px;
font-size:11px;
margin:0 !important;
}


/* 上方向のmargin */
.mt_s {
  margin-top: 5px;
}
.mt_m {
  margin-top: 10px;
}

/* 下方向のmargin */
.mb_m {
  margin-bottom: 10px;
}


.bd_btm{
    border-bottom: thin solid #000000;
 }
.font_m{
    font-size: 16px;
}
.font_s{
    font-size: 11px;
}


.form-group{}


/*ログインロゴ*/
.login-logo img{
max-width:100% !important;
height:auto !important;
}

/*Google map内table*/
.searchTab th{ 
	background-color: #ffc0cb;
	padding: 2px;
}

/*検索エリア選択・路線選択等*/
#selTab1,
#selTab2{
min-width:90%;
}
#selTab1 td,
#selTab2 td {
	color:#555;
	border-style:none;
}
#selTab1 input,
#selTab2 input {
	margin-top:0px;
	margin-right:2px;
	vertical-align: top;
}
#selTab1 .tab01,
#selTab2 .tab01 {
	width:30%;
	padding:5px;
	border-collapse:separate;
	
}
#selTab1 .tab01a,
#selTab2 .tab01a {
	width:100%;
	height:190px;
	overflow-y: auto;
	overflow-x: hidden;
	padding:5px;
	margin:0;
	display: inline-block;
	border:1px solid #ccc;
}
#selTab1 .tab01b,
#selTab2 .tab01b {
	width: 100%;
/*	height:60px;*/
	padding:0;
	margin:0;
}
#selTab1 .tab01c,
#selTab2 .tab01c,
#selTab1 .tab01c-on,
#selTab2 .tab01c-on{
	font-size:13px;
	padding:3px;
	vertical-align: top;
	line-height: 1.0;
}
#selTab1 .tab01c-on,
#selTab2 .tab01c-on {
	color:#FFFFFF;
	background-color:#4e95dc;
}
#selTab1 .tab01c-bl,
#selTab2 .tab01c-bl {
	font-size:13px;
	width:100%;
	padding:5px;
	color:#000000;
	background-color:#EFEFEF;
	font-weight: bold;
}

#selTab1 .tabSpan,
#selTab2 .tabSpan {
	display:inline-block;
	width:85%;
}

/*検索MAP内＝＝＝*/
/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

/*gmapカスタマイズ*/
.gmap_fullscreen{
width:140px !important;
padding:8px 12px;
background:#676767 !important;
border:1px solid rgba(0,0,0,0.2) !important;
box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px -1px !important;
border-radius: 4px !important;
display: flex;
justify-content: center;
align-items: center;
}
.gmap_fullscreen:after{
line-height:1.0 !important;
font-size:18px;
color:#fff !important;
content: "\f0ec　画面切替";
font-family: FontAwesome;
}

@media screen and (max-width: 768px){
	.gmap_fullscreen{
	width:45px !important;
	height:45px !important;
	}
	.gmap_fullscreen:after{
	content: "\f0ec" !important;
	}
}
.gmap_fullscreen strong{
display: none;
}

/*gmapピン・吹き出し*/
.gm-style .gm-style-iw-c,
.leaflet-popup-content{
width:220px !important;
}
.leaflet-popup-content{
margin:10px 18px 10px 10px !important;
}
.gmapDetail{
width:100%;
height:160px;
padding-right:2px;
overflow-y: auto;
background:#fff;
}
.gmapDetail dl dt.gmap_ctg{
background:#32B394;
font-size:14px;
font-weight:bold;
color:#fff;
padding:3px;
}
.gmapDetail dl dd.gmap_prpitem{
padding:5px 0;
margin-bottom:5px;
border-bottom:1px solid #e3e3e3;
}
.gmapDetail dl dd.gmap_prpitem.memberPrp{
border:3px solid #FF6C00;
background-color:#fff3ea;
padding:5px;
}
.gmapDetail dl dd.gmap_prpitem.memberPrp > .memberLink p{
text-align: center;
}
.gmapDetail dl dd.gmap_prpitem.memberPrp .memberLink .btn_member{
width:100%;
padding:5px;
}
.gmapDetail dl dd.gmap_prpitem.memberPrp .memberLink span,
.gmapDetail dl dd.gmap_prpitem.memberPrp .memberLink .btn_member{
font-size:11px;
}

.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl{
padding:5px;
background:#e3e3e3;
font-weight:bold;
font-size:12px;
vertical-align: middle;
border-radius: 2px;
}
.gmapDetail dl dd.gmap_prpitem.memberPrp h3.gmap_ttl{
background:none !important;
padding:0;
}

.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl.bg_seller{
background:#dff7ff;
border:1px solid #2661CE;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl.bg_seller a{
color:#2661CE;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.gmap_info{
margin-right:2px;
font-size:10px;
text-align: center;
padding:3px;
line-height: 1.0;
display:inline-block;
vertical-align: middle;
border-radius: 4px;
color:#fff !important;
}

.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl a{
text-decoration:underline;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.gmap_info a{
text-decoration: none;
color:#fff;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl,
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.gmap_info a{
display:inline-block;
width:100%;
height:100%;
vertical-align: middle;
}

.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.reins{
background:#777;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.suumo{
background:#6fba2c;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.athome{
background:#cc0033;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.homes{
background:#ed6103;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.other{
background:#367fa9;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.mitsui{
background:#c20008;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.tokyu{
background:#5081a5;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.sumitomo{
background:#00226f;
}
.gmapDetail dl dd.gmap_prpitem h3.gmap_ttl span.member{
background:#ff6c00;
}

.gmapDetail dl dd.gmap_prpitem ul.gmap_list{
margin:5px;
font-size:11px;
}
.gmapDetail dl dd.gmap_prpitem ul.gmap_list li{
margin-top:2px;
}
.gmapDetail dl dd.gmap_prpitem ul.gmap_list li span{
font-weight:bold;
margin-right:5px;
}
.gmapDetail dl dd .prpviewBox{
margin-top:10px;
text-align: center;
}
.gmapDetail dl dd .prpviewBox > .btn_prpview{
font-size:11px;
min-width:90%;
text-align: center;
display:inline-block;
box-sizing: border-box;
font-weight: 700;
text-decoration:none;
color: #FFF;
background:#576b81;
border:1px solid rgba(0,0,0,0.1);
box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 0 inset;
margin:0 auto;
padding:5px 10px;
border-radius: 3px;
cursor: pointer;
}

.gmapDetail .icon_new{
min-width:inherit;
font-size:10px;
padding:2px 4px;
margin-left:5px;
}
.gmapDetail dl dd .gmap_btnList{
margin-top:10px;
}
.gmapDetail dl dd .gmap_btnList li.btn{
margin-top:5px;
width:100%;
}
.gmapDetail dl dd .gmap_btnList li.btn a{
display:inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
width:100%;
height:32px;
line-height: 32px;
padding:0 5px;
border-radius: 2px;
border:1px solid #e3e3e3;
text-align:left;
color:#000;
font-size:10px;
font-weight: bold;
text-decoration: none;
background-color:#fff;
box-shadow:inset 0 -1px 0 rgba(0,0,0,.04);
vertical-align:center;
}
.gmapDetail dl dd .gmap_btnList li.btn a:before{
display:inline-block;
content:'';
width:16px;
height:16px;
margin-right:5px;
background-size:contain;
background-position:center center;
background-repeat: no-repeat;

}
.gmapDetail dl dd .gmap_btnList a.btn_gmaplink:before{
background-image:url(/share/img/system/gmapIcon_gmaplink.png);
}
.gmapDetail dl dd .gmap_btnList a.btn_gstreetview:before{
background-image:url(/share/img/system/gmapIcon_gstreetview.png);
}

/*---------------------------------------------------------
  width: 736px
----------------------------------------------------------*/
@media screen and (max-width: 736px){

#selTab1,
#selTab2{
width:100%;
}
#selTab1 td,
#selTab2 td{
display:block !important;
}

#selTab1 .tab01,
#selTab2 .tab01 {
	width:inherit;
	height:inherit;
	display:block;
	padding:5px;
	border-collapse:collapse;
	overflow: hidden;
}

#selTab1 .tabSpan,
#selTab2 .tabSpan{
width:85%;
}
#selTab1 .tab01a,
#selTab2 .tab01a {
	width:100%;
	height:190px;
	overflow-y: auto;
	overflow-x: hidden;
	padding:5px;
	margin:0;
	display:block;
	border:1px solid #ccc;
}
#selTab1 .tab01b,
#selTab2 .tab01b {
	vertical-align:top;
}
#selTab1 .tab01a td.tab01b,
#selTab1 .tab01c,
#selTab2 .tab01c{font-size:14px !important;}

#selTab1 .tab01c-bl,
#selTab1 .tab01c,
#selTab2 .tab01c,
#selTab1 .tab01c-on,
#selTab2 .tab01c-on{
width:100%;
padding:3px;
}

/*横並び入力項目調整*/
input[name="req_price1"],input[name="req_price2"],
#BIRTH_YY,#BIRTH_MM,#BIRTH_DD,
#TEL1,#TEL2,#TEL3,
#PTEL1,#PTEL2,#PTEL3{
width:22% !important;
display:inline-block !important;
}

input[name="req_excl_area1"],input[name="req_excl_area2"],
input[name="req_land_area1"],input[name="req_land_area2"],
input[name="req_floor"],
#price,
#ZIP1,#ZIP2,
#CUSTNM_L,#CUSTNM_F,
#CUSTKN_L,#CUSTKN_F,
#MAN_REQ_PRICE_L1,
#MAN_REQ_PRICE_U1,
#MAN_REQ_LAND_MEN_L1,
#MAN_REQ_LAND_MEN_U1{
width:40% !important;
display:inline-block !important;}

#linecd,#stationcd,
textarea{
width:100% !important;
}
	}