/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 05 2022 | 02:13:14 */
/*-----------------検索パネル・タブ無-----------------*/

/*-----------------PCタブここから-----------------*/

div.search_area_container{
  margin: 0 calc(50% - 50vw);
  width:100vw;
  display: flex;
  justify-content: center;
}
  
div.search_area_box{
  position: sticky;
  height: auto;
  background-color: rgba(90, 130, 150, 0); /* 検索タブの背景色 */
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight:bold;
  color: #fff;
  font-size:24px;
  margin-bottom:50px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

div.panel_area{
  background-color: rgba(90, 130, 150, 0.2);
  width:1340px;/* タブ無:1340,　有：1180 */
  height:150px;
  margin-left:0px; /* 縦タブの場合margin-left、横タブの場合margin-top */
  z-index:0;
  border-left:8px solid rgba(167, 159, 115, 0.5);/* タブ無の場合の左側の縦線 */
  border-right:8px solid rgba(167, 159, 115, 0.5);/* タブ無の場合の右側の縦線 */
  display  : flex;/* 消すと検索ボタンが縦に並ぶ */
  justify-content: center;
  align-items: center;
}
div.searchBtn{
  text-align:center;  
}
a.searchBtn{
  display       : inline-block;
  width         : 350px;/* タブ無:360, 有：350 */
  cursor        : pointer;
  border-radius : 0%;
  color         :#fff;
  font-size     : 18pt;
  padding       : 12px 12px;
  margin        : 12px 12px;/* タブ無:12px 12px 有：12px 8px */
  background    : rgba(181, 200, 211, 0);
  line-height   : 1em;
  outline        : 3px solid #fff;
}
a.Btn02 {
  margin        : 12px 15px;
}
a.searchBtn:hover {
  background    : rgba(120, 160, 170, 1); 
  text-decoration: none;
  outline        : 4px solid #fff;
}

.icon-subway:before, .icon-map-marked-alt:before, .icon-map-marker:before {
  margin-right:15px;
  vertical-align: 3px;
  font-size:90%;
}

div.searchBtn span.icon-chevron-circle-right{
  float:right;
  margin-right:20px;
}

/*-----------------PCパネルここまで-----------------*/

/*-----------------PC建物名で探す-----------------*/

div.bsCont{
  background-color: rgba(90, 130, 150, 0.2);
  height: 86px;
  width: 1340px;
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight:bold;
  color: #fff;
  font-size:24px;
  border-top:1px solid #fff;
}

div.building_name{
  background-color:rgba(90, 130, 150, 0)!important;
  border-left:8px solid rgba(167, 159, 115, 0.5);/* タブ無しの場合の左側の縦線 */
  border-right:8px solid rgba(167, 159, 115, 0.5);/* タブ無しの場合の右側の縦線 */
}

.es-building-search-parts__keyword[type="text"], .es-building-search-parts__button{
  border-radius:0;
}

.es-building-search-parts__button_text{
  font-size: 18px;
  font-weight: normal;
}

button.es-building-search__parts:hover{
  background-color:rgba(150, 150, 150) !important;
  opacity:1;
}

input.es-building-search__parts{
  font-weight: normal;
}
/*-----------------PC建物名で探すはここまで-----------------*/



/*--------------------------------■■タブレット■■--------------------------------*/
@media screen and (max-width: 1367px) {
div.search_area_container{
  font-size:20px;
}
  
div.search_area_box{
    width:1000px;/*  この指定がないと何故かstickyが動かない */
}
 
div.panel_area{
  width:1000px;
  height:130px;
}
  
a.searchBtn{
  font-size     : 16pt;
  padding       : 14px 12px;
  margin        : 12px 9px;
  width         : 300px;
}


div.searchBtn span.icon-chevron-circle-right{
  margin-right:10px;
}
  
div.bsCont{
  width:1000px;
  font-size:20px;
}
  
.es-building-search-parts__button_text{
  font-size: 18px;
} 
 
}/*--------------------------------■■タブレットここまで■■--------------------------------*/


/*--------------------------------■■スマホここから■■--------------------------------*/
@media screen and (max-width: 1023px) {
div.search_area_container{
  font-size:14px;
  margin-bottom:150px;
}

div.search_area_box{
  width:330px;/*  この指定がないと何故かstickyが動かない */
}
  
div.panel_area{
  width:330px;
  height:200px;
  margin-top:0px; /* 縦タブの場合のleft、横タブの場合top */
  flex-flow: column;/* 縦に並べる */
}

a.searchBtn{
  font-size     : 12pt;
  padding       : 12px 0;
  margin        : 8px;
  outline       : 3px solid #fff;
  width         : 270px;
}

a.searchBtn:hover {
  outline: 3px solid #fff;
}

div.searchBtn span.icon-chevron-circle-right{
  margin-right:15px;
}  
/*-----------------スマホ・タブここまで-----------------*/

/*-----------------スマホ・建物名で探す-----------------*/
div.bsCont{
  width:330px;
  height:170px;
  font-size:14px;
}
  
.es-building-search-parts__button_text{
  font-size: 18px;
}

.es-building-search-parts__button {
    max-width: initial;
}

.es-building-search-parts__keyword[type="text"], .es-building-search-parts__button {
    width: 100%;
    margin-top: 10px;
}
 
}/*-------------------------------------■■スマホここまで■■-------------------------------------*/