@charset "utf-8";

* {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
}



#contents_outer
{
  background-color: #fff !important;
  position: relative;
  top: 40px;
}


/*-------------------------------------------------------------------------
メインビジュアル
-------------------------------------------------------------------------*/

.md_main_visual
{
  margin: 0 0 10px;
  position: relative;
}

#gwLogo
{
  box-shadow: 0 0 25px;
  left: 490px;
  position: absolute;
  top: 10px;
}

#trim_mainBanner
{
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 通常用 */
  height: 150px;
  overflow: hidden;
  /*padding-top: 82px;*/
  position: relative;
  width: 100%;

/* 盆休み用 */
  padding-top: 10px;
}
#trim_mainBanner img:nth-of-type(1)
{
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 通常用 */
/*  position: absolute;
  top: 11px;
  left: -280px;*/

/* 盆休み用 */
  width: 100%;
}
#trim_mainBanner img:nth-of-type(2)
{
  /*left: 10px;*/
  position: absolute;
  right: 12px;
  top: 45px;
  width: 280px;
}








/*-------------------------------------------------------------------------
メイン検索
-------------------------------------------------------------------------*/

/* ul */
.main_search_list {
    margin: 0 0 20px;
}
    .main_search_list > li {
        margin: 0 0 0 10px;
        position: relative;
        cursor: pointer;

    }
    .main_search_list > li:first-child {
        margin: 0;
    }
        /* ul:popup */
        .main_search_list--popup {
            position: absolute;
            top: -96px;
            left: 50%;
            width: 275px;
            display: none;
            margin: 0 0 0 -137px;
        }
        .main_search_list--popup.active {
            display: block;
        }

/*部屋・店舗・事務所を探す*/
#main-section .room-tenant-office li {
    float: left;
}
#main-section .room-tenant-office li.over {
	z-index: -1;
}

/*『沿線Click!』『エリアClick!』マウスオーバー */
/* 沿線Click! */
.toEnsen
{
  background: url("../img/top/bt_pop_line_search1_on.png") no-repeat;
  margin-right: 100px;
}
.toEnsen a{ display: inline-block; }
.toEnsen a:hover{ background-color: transparent; }/* IE6対応 */
.toEnsen a:hover img{ visibility: hidden; }


/* エリアClick! */
.toArea{ background: url("../img/top/bt_pop_adr_search1_on.png") no-repeat; }
.toArea a{ display: inline-block; }
.toArea a:hover{ background-color: transparent; }/* IE6対応 */
.toArea a:hover img{ visibility: hidden; }



/*-------------------------------------------------------------------------
『特選物件』バナー
-------------------------------------------------------------------------*/
/*.hist3
{ margin: 0 0 20px; }
.hist3 > div
{ margin: 0 0 20px; }*/


#trim_tokusen
{
  border-radius: 10px;
  overflow: hidden;
  padding-top: 82px;
  position: relative;
  /*width: 506px;*/
  width: 100%;
}
#trim_tokusen img
{
  position: absolute;
  top: -49px;
  left: -205px;
  transform: scale(0.6);
}


/*-------------------------------------------------------------------------
当社休業日
-------------------------------------------------------------------------*/
#holiday
{
  background-color: #f1fae9;
  border: 4px solid #6eb92b;
  /*font-size: 16px;*/
  padding: 7px;
  margin-top: 10px;
}

#holiday_txt1{ margin-bottom: 5px; }

#holiday_txt2_sp{ text-align: center; }
#holiday_txt2_pc{ display: none; }
 

/*-------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------*/

/*.l_column_wrap {
    width: 980px;
    margin: auto;
}*/
    .l_article_main {
        /*width: 730px;*/
        width: 100%;
        /*float: left;*/
    }
        .l_article_column1 {
            /*width: 690px;*/
            /*float: right;*/
        }
        .l_article_column2 {
            /*width: 236px;*/
            float: left;
        }
    .l_article_column3 {
        /*width: 204px;*/
        float: right;
    }

/*-------------------------------------------------------------------------
更新情報
-------------------------------------------------------------------------*/
#changeLogArea
{
  background-color: #fdf8ec;
  border: 1px solid;
  border-radius: 7px;
  height: 180px;
  padding: 10px 0;
}

/* スクロールバーの表示対応(スマホではスクロールバーが表示されないため) */
#changeLogArea
{ overflow: auto; }
/* スクロールバー全体 */
#changeLogArea::-webkit-scrollbar
{
/*  border: 1px solid;
  border-radius: 0 7px 7px 0 / 0 7px 7px 0;*/ /* 水平方向の 左上、右上、右下、左下 / 垂直方向の 左上、右上、右下、左下 */
  width: 15px;
}
/* スクロールバーのある部分 */
#changeLogArea::-webkit-scrollbar-thumb
{
  background: #87cefa;
  border-radius: 10px;
}
/* スクロールバーが表示されてない部分(前) */
#changeLogArea::-webkit-scrollbar-track-piece:start
{ background: #f5deb3; }
/* スクロールバーが表示されてない部分(後ろ) */
#changeLogArea::-webkit-scrollbar-track-piece:end
{ background: #f5deb3; }


.md_information {
    margin: 0 0 24px;
}
    /* 見出し */
    .information_headline {
        margin: 0 0 8px;
    }
    /* コンテンツ */
    .md_information .wrap {
        height: 316px;
        overflow-y: auto;
        margin: 0 0 3px;
    }
        /* dl */
        .information_list {
            border-bottom: 1px dotted #e60011;
            margin: 0 23px 10px 15px;
            padding: 0 0 15px;
        }
        .information_list:last-child{ border-bottom: none; }

            .information_list dt {
                padding: 0 0 0 15px;
                margin: 0 0 3px;
                background: url("/images/icn_arw_right.png") no-repeat 0 center;
                font-size  : 12px;
                font-weight: bold;
                line-height: 1;
            }
            .information_list dd {
                margin: 0 0 0 15px;
            }
        .information_more {
            text-align: right;
        }
            .information_more a {
                color: #e60011;
            }

/*-------------------------------------------------------------------------
新着物件・おすすめ物件
-------------------------------------------------------------------------*/
.longTateImage
{
  /*max-height: 100%;*/
  max-height: 200px;
  max-width: 130px;
  width: auto;
}
.longYokoImage
{
  height: auto;
  /*max-width: 200px;*/
  max-width: 130px;
}

.bkn_column {
    margin: 0 0 15px;
}
  /* 見出し */
  .bkn_column_heander
  {
    border-bottom: medium solid;
    margin: 0 0 10px;
  }
  .bkn_column_heander > span
  {
    font-size: 1em;
    font-weight: bold;
  }
  .bkn_column_heander > span:before
  {
    /*margin: 0 10px 0 0;*/
    position: relative;
    top: 5px;
  }
  .md_information .bkn_column_heander > span:before
  /*{ content: url(/img/top/re.png); }*/
  {
    content: url(/img/top/re.png);
    display: inline-block;
    position: relative;
    top: 8px;
    transform: scale(0.6);
  }
  .bkn_column .bkn_column_heander > span:before
  /*{ content: url(/img/top/push.png); }*/
  {
    content: url(/img/top/push.png);
    display: inline-block;
    position: relative;
    top: 8px;
    transform: scale(0.6);
  }


.bkn_column_inner
{
/*  display: flex;
  flex-wrap: wrap;*/
  width: 100%;
}

.bukenCell
{
  /*background-color: #e6d1a1;*/
  border: 1px solid #aaa;
  border-top: 5px solid #432f2f;
  margin-bottom: 15px;
  padding: 10px;
  table-layout: fixed;

  float: left;
  width: 100%;
  
}
.bukenCell:nth-child(3n+2)
{
  /*margin: 0 15px 15px;*/
}


    /* コンテンツ */
    .md_bkn_list
    {
        border: 1px solid #d8d8d8;
        float: left;
        padding: 10px 0 0;
        width: 236px;
    }
    .md_bkn_list:nth-child(odd)
    {
      margin: 0 4px 0 0;
    }

    .md_bkn_list:first-child + .md_bkn_list + .md_bkn_list{
        width: 236px;
        float: left;
        margin: 0 4px 5px 0;
    }


    .md_bkn_list:first-child + .md_bkn_list,
    .md_bkn_list:first-child + .md_bkn_list + .md_bkn_list + .md_bkn_list {
        margin: 0 0 5px;
    }
        /* アイコン */
        .bkn_list_icn {
            background-color: #000;
            overflow: hidden;
        }
            .bkn_list_icn li {
                float: left;
                height: 22px;
                line-height: 24px;
                font-size  : 11px;
                font-weight: bold;
                padding: 0 0 0 14px;
            }
            .bkn_list_icn--show {
                color: #fff;
            }
            .bkn_list_icn--hide {
                color: #434343;
            }
        /* 画像 */
        .bkn_list_img {
            display: table-cell;
/*            height: 200px;
            width: 200px;*/
            max-height: 200px;
            max-width: 200px;
            margin: 0 0 7px;
            text-align: center;
            vertical-align: middle;
            float: right;
        }
          .bkn_list_img:hover {
            opacity: 0.7;
          }

        .md_bkn_list .inner {
            padding: 0 10px 0 12px;
        }
            /* 物件名 */
            .bkn_list_name,
            .bkn_list_name a
            {
              border-bottom: 1px solid;
              font-size: 1.5em;
              line-height: 1.25;
            }
            .bkn_list_name {
                margin: 0 0 8px;
            }
            /* 賃料・種別 */
            .bkn_list_price_type {
                overflow: hidden;
                margin: 0 0 2px;
            }
                .bkn_list_price_type li {
                    float: left;
                    font-size: 13px;
                    line-height: 1;
                }
                .bkn_list_price
                {
                  border-bottom: 1px solid #525252;
                  color: #e60011;
                  line-height: 1.25;
                  text-align: right;
                }
                    .bkn_list_price span {
                        font-size: 25px;
                        ofnt-weight: bold;
                    }
                .bkn_list_type
                {
                  background-color: #c37854;
                  border-radius: 10px;
                  border-style: none;
                  color: white;
                  /*margin: 10px 0;*/
                  margin: 0 0 10px;
                  padding: 3px 0;
                  text-align: center;
                  width: 120px;
                }

            /* アドレス・所要時間 */
            .bkn_list_adress,
            .bkn_list_traffic
            {
              font-size: 12px;
              line-height: 1.5;
              margin: 5px 0 10px;
            }
            /* コメント */
            .bkn_list_comment {
                margin: 15px 0 0;
                height: 70px;
            }
                .bkn_list_comment span {
                    display: block;
                    font-size  : 14px;
                    font-weight: bold;
                    line-height: 1.3;
                }

            .bkn_list_btn
            {
              text-align: center;
              /*margin-bottom: 10px;*/
            }

.wrap_for_sp
{
float: left;
max-width: 205px;
}





/* ボタン */
.buttonB_mb
{
  background-color: #e70012;
  border-radius: 10px;
  border-style: none;
  box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.4);
  color: white;
}
.buttonB_mb:active
{
  box-shadow: 0 0;
  left: 2px;
  position: relative;
  top: 2px;
}
.buttonB_mb:hover
{ cursor: pointer; }


/*-------------------------------------------------------------------------
更新情報4
-------------------------------------------------------------------------*/

.top_fourinfo {
    margin: 0 0 5px;
}


/*-------------------------------------------------------------------------
フッター
-------------------------------------------------------------------------*/
#footer
{
  position: relative;
  top: 57px;
}
