@charset "UTF-8";


/*-------------------------------------------------*
-* あなたにおすすめの物件
-*-------------------------------------------------*/
.titlebar-green {
  background-color: #69BD45;
  width: 100%;
  padding: 13px 10px 13px 13px;
  border-top: none;
  margin-top: 0;
  text-align: left;
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold; }
  .titlebar-green p {
    margin: 0;
    padding-left: 5px;
    border-left: 6px solid #FFF;
    line-height: 1; }

.titlebar-green img {
  height: 20px;
  position: relative;
  top: 3px;
  padding-right: 5px; }

/*-------------------------------------------------*
-* 物件をまとめてチェック
-*-------------------------------------------------*/

.allcheck-box {
  text-align: left;
  position: relative;
  background-color: #727171;
  width: 85%;
  padding: 10px 10px 10px 16px;
  margin-top: 10px;
  margin-bottom: 20px; }

.gomi-btn {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -5px;
  width: 45px;
  height: 51px;
  border: 1px solid #666;
  background-color: #FFF;
  box-shadow: inset 0px -4px 4px -1px #DCDDDD;
  border-radius: 4px; }
  .gomi-btn img {
    width: 30px; }

.allcheck-box:before {
  content: "";
  position: absolute;
  bottom: -25px;
  margin-left: 2px;
  border: 10px solid transparent;
  border-top: 20px solid #727171;
  z-index: 2; }

/*-------------------------------------------------*
-* お気に入りの物件
-*-------------------------------------------------*/

span.icon-frame-star:before {
  position: absolute;
  right: 7px;
  top: calc(20%);
  content: "\e91e";
  color: #c9caca;
  font-size: 2.5rem; }

span.icon-frame-star.star-active:before {
  position: absolute;
  right: 7px;
  top: calc(20%);
  content: "\e906";
  color: #FF57A5;
  font-size: 2.5rem; }

.bukken-container {
  display: table;
  width: 100%;
  background-color: #F7F8F8;
  border-bottom: 1px solid #B5B5B6; }

.container-inner-right, .container-inner-right {
  display: table-cell;
  vertical-align: middle;
  text-align: left; }

.bukke_media-object-img img {
  width: 170px;
  height: 113px; }
/* 物件画像 */
.bukke_media-object-img { width: 170px; display: flex; justify-content: center; align-items: center; background: #fff; }
.bukke_media-object-img img { width: auto; height: auto; max-width: 100%; max-height: 113px; }

.container-inner-right {
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 0 10px; }

.bukken-container-under {
  padding: 15px 15px 25px 15px; }

.type-deadline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .type-deadline p {
    display: inline-block;
    font-size: 1.3rem;
    margin: 0;
    line-height: 1.2; }

p.type {
  background-color: #7A6A56;
  color: #FFF;
  padding: 6px 7px;
  border-radius: 2px; }

p.deadline {
  font-weight: bold; }

.EstateDetail-Sec1-RentFee {
  margin-bottom: 0;
  color: #FF57A5;
  text-align: left; }
  .EstateDetail-Sec1-RentFee p {
    margin: 6px 0 0 0;
    font-weight: bold;
    font-size: 1.6rem; }
  .EstateDetail-Sec1-RentFee span {
    font-size: 2rem; }

.EstateDetail-Sec1-OtherEtc {
  text-align: left;
  font-size: 1.4rem; }

.EstateDetail-Sec1-OtherEtc > p {
  position: relative;
  top: -3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3px;
  display: inline; }

.EstateDetail-Sec1-OtherEtc > p > span:nth-child(2) {
  margin-left: 20px; }

.EstateDetail-Sec1-OtherEtc > p > span {
  position: relative;
  /*top: 5px;*/
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0 4px;
  margin-right: 3px;
  border: 1px solid #B5B5B6; }

.floorinfo {
  margin-left: 5px; }

.estate-child-UL0_LI5_DIV1 {
  margin-top: 8px; }

.estate-child-UL0_LI5_DIV1_UL1-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.estate-child-UL0_LI5_DIV1_UL1-flex:first-child {
  margin-bottom: 5px; }

.ActiveThisEquipment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24%;
  height: 32px;
  background-color: #FFF5FA;
  border: 1px solid #FF66A5;
  border-radius: 2px;
  color: #FF66A5;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center; }

.NotActiveThisEquipment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24%;
  height: 32px;
  background-color: #FFF5FA;
  border: 1px solid #FF66A5;
  border-radius: 2px;
  color: #FF66A5;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  opacity: 0.3; }

.button-box {
  margin: 15px 0 0; }
  .button-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between; }
  .button-box li {
    display: inline-block;
    width: 49%; }

.ui-btn {
  display: block;
  padding: 6px 0 5px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  border: 2px solid #2b1c85;
  border-radius: 3px;
  background-color: #5c5cfc;
  box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.22); }

.ui-btn-tell {
  color: #4D66FF;
  border: 2px solid #5c5cfc;
  background-color: #FFF; }

span.icon-mail2:before {
  content: "\e91f";
  color: #fff;
  font-size: 1.3rem;
  margin-right: 5px; }

span.icon-tel:before {
  position: relative;
  top: 2px;
  content: "\e91d";
  color: #4D66FF;
  font-size: 1.8rem;
  margin-right: 3px; }

/*-------------------------------------------------*
-* 見出し部
-*-------------------------------------------------*/
.titlebar-gray {
  background-color: #F1F1F1;
  width: 100%;
  display: flex;
  position: relative;
  padding: 10px 10px 9px 13px;
  border: 1px solid #B5B5B6;
  margin: 0; }
  .titlebar-gray span {
    display: block;
    text-align: left;
    text-decoration: none;
    color: #1a1a1a;
    font-size: 1.9rem;
    font-weight: bold; }

.titlebar-gray img {
  height: 20px;
  position: relative;
  top: 3px;
  padding-right: 5px; }

/*-------------------------------------------------*
-* 汎用的な調節部品
-*-------------------------------------------------*/