/* =========================================================
  下固定バナー
  プレフィックス：bfb（bazubu-fixed-banner）
========================================================= */

/* PC表示
--------------------------------------------------------- */

/* テキストエリア＋ボタン */
.bfb-common-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(76, 76, 77, 0.7);
  width: 100%;
  display: block;
}

@media screen and (max-width: 767px) {
  .bfb-common-cta {
    display: none;
  }
}

.bfb-common-cta .bfb-cta-wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.bfb-common-cta .bfb-cta-wrap .bfb-contact {
  overflow: hidden;
  max-width: 767px;
  margin: 8px auto;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .bfb-common-cta .bfb-cta-wrap .bfb-contact {
    width: 100%;
    padding: 0 8px;
  }
}

@media screen and (max-width: 767px) {
  .bfb-common-cta .bfb-cta-wrap .bfb-cta-right .bfb-cta-button {
    margin: 6px auto 0;
  }
}

.bfb-common-cta .bfb-cta-wrap .bfb-cta-right .bfb-cta-button a {
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 10px 24px;
  border-radius: 3px;
  background: #ed6b14;
  box-shadow:0px 5px 0px 0px #4a2800;
  -moz-box-shadow:0px 5px 0px 0px #4a2800;
  -webkit-box-shadow:0px 5px 0px 0px #4a2800;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .bfb-common-cta .bfb-cta-wrap .bfb-cta-right .bfb-cta-button a {
    padding: 6px 8px;
  }
}

.bfb-common-cta .bfb-cta-wrap .bfb-cta-right .bfb-cta-button a .fa {
  margin-left: 8px;
}

.bfb-common-cta .bfb-cta-wrap .bfb-cta-right .bfb-cta-button:hover {
  -webkit-filter: brightness(1.2);
  -moz-filter: brightness(1.2);
  -o-filter: brightness(1.2);
  -ms-filter: brightness(1.2);
  filter: brightness(1.2);
}

/* スマホ表示
--------------------------------------------------------- */
.bfb-common-cta-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .bfb-common-cta-sp {
    display: block;
    position: fixed;
    background: rgba(76, 76, 77, 0.7);
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.bfb-common-cta-sp img {
  width: 100%;
}

/* 閉じるボタン
--------------------------------------------------------- */
.bfb-common-cta .bfb-close-cta,
.bfb-common-cta-sp .bfb-close-cta {
  position: absolute;
  padding: 2px 0;
  border-radius: 50%;
  background: #444;
  width: 30px;
  height: 30px;
  text-align: center;
  top: -45px;
  right: 4px;
}

.bfb-common-cta-sp .bfb-close-cta {
  top: -38px;
}

.bfb-common-cta .bfb-close-cta .fa,
.bfb-common-cta-sp .bfb-close-cta .fa {
  color: #fff;
  font-size: 20px;
  padding-top: 3px;
}

/* 設備管理 PC
--------------------------------------------------------- */
.bfb-cat-equipment-pc .bfb-cta-title,
.bfb-cat-equipment-sp .bfb-cta-title {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  position: relative;
}

.bfb-cat-equipment-pc .bfb-cta-title::before,
.bfb-cat-equipment-sp .bfb-cta-title::before {
  content: url('./equipment-management/title_icon.png');
  vertical-align: text-top;
  margin-right: 6px;
}

.bfb-cat-equipment-pc .bfb-tel-kanto,
.bfb-cat-equipment-pc .bfb-tel-kansai {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin-right: 14px;
  position: relative;
}

.bfb-cat-equipment-pc .bfb-tel-kanto::before {
  content: url('./equipment-management/pc_kanto.png');
  vertical-align: middle;
  margin-right: 6px;
}

.bfb-cat-equipment-pc .bfb-tel-kansai::before {
  content: url('./equipment-management/pc_kansai.png');
  vertical-align: middle;
  margin-right: 6px;
}

.bfb-cat-equipment-pc .bfb-cta-button a {
  background: #f39800;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 43px;
  border-radius: 6px;
  vertical-align: text-bottom;
}

.bfb-cat-equipment-pc .bfb-cta-button a::after {
  content: url('./equipment-management/arrow.png');
  margin-left: 6px;
  vertical-align: baseline;
}

/* 設備管理 SP
--------------------------------------------------------- */
.bfb-cat-equipment-sp .bfb-cta-title {
  line-height: 32px;
}

.bfb-cat-equipment-sp .bfb-cta-title::before {
  vertical-align: sub;
}

.bfb-cat-equipment-sp .bfb-contact {
  text-align: center;
}

.bfb-cat-equipment-sp .bfb-cta-left,
.bfb-cat-equipment-sp .bfb-cta-right {
  width: 48%;
  display: inline-block;
  text-align: center;
}

.bfb-cat-equipment-sp .bfb-cta-left {
  padding-right: 6px;
}

.bfb-cat-equipment-sp .bfb-cta-right {
  padding-left: 6px;
}

.bfb-cat-equipment-sp .bfb-cta-left a,
.bfb-cat-equipment-sp .bfb-cta-right a {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  color: #fff;
  position: relative;
  display: block;
  padding: 4px 0;
  border-radius: 4px;
}

.bfb-cat-equipment-sp .bfb-cta-left a {
  background: #1fb6ed;
}

.bfb-cat-equipment-sp .bfb-cta-right a {
  background: #2ba93e;
}

.bfb-cat-equipment-sp #tm-float-cta-equipment-management-tel-kanto::before,
.bfb-cat-equipment-sp #tm-float-cta-equipment-management-tel-kansai::before {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.bfb-cat-equipment-sp #tm-float-cta-equipment-management-tel-kanto::before {
  content: url('./equipment-management/sp_kanto.png');
}

.bfb-cat-equipment-sp #tm-float-cta-equipment-management-tel-kansai::before {
  content: url('./equipment-management/sp_kansai.png');
}

.bfb-cat-equipment-sp #tm-float-cta-equipment-management-tel-kanto span::before,
.bfb-cat-equipment-sp #tm-float-cta-equipment-management-tel-kansai span::before {
  content: url('./equipment-management/tel_icon.png');
  vertical-align: middle;
  margin-right: 6px;
}

.bfb-cat-equipment-sp .bfb-cta-button a {
  color: #fffc4b;
  line-height: 32px;
  font-size: 14px;
}

.bfb-cat-equipment-sp .bfb-cta-button a::after {
  font-family: FontAwesome;
  content:"\f105";
  margin-left: 6px;
}

/* ハウスクリーニング PC
--------------------------------------------------------- */
.bfb-cat-house-pc {
  padding-bottom: 4px;
}

.bfb-cat-house-pc .bfb-cta-title,
.bfb-cat-house-sp .bfb-cta-title {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  position: relative;
}

.bfb-cat-house-pc .bfb-cta-title::before,
.bfb-cat-house-sp .bfb-cta-title::before {
  content: url('./house-cleaning/title_icon.png');
  vertical-align: text-top;
  margin-right: 6px;
}

.bfb-cat-house-pc .bfb-kyotu-icon {
  font-size: 13px;
  color: #fff;
  background: #1fb6ed;
  padding: 6px 12px;
  margin-right: 6px;
  vertical-align: text-bottom;
}

.bfb-cat-house-pc .bfb-kyotu-icon::after {
  content: url('./equipment-management/arrow.png');
  margin-left: 6px;
  vertical-align: baseline;
}

.bfb-cat-house-pc .bfb-tel-kyotu {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  margin-right: 32px;
}

.bfb-cat-house-pc .bfb-tel-kyotu::before {
  content: url('./house-cleaning/tel_icon.png');
  margin-right: 6px;
}

.bfb-cat-house-pc .bfb-cta-button a {
  background: #f39800;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 43px;
  border-radius: 6px;
  vertical-align: text-bottom;
}

.bfb-cat-house-pc .bfb-cta-button a::after {
  content: url('./equipment-management/arrow.png');
  margin-left: 6px;
  vertical-align: baseline;
}

/* ハウスクリーニング SP
--------------------------------------------------------- */
.bfb-cat-house-sp {
  padding-bottom: 6px;
}

.bfb-cat-house-sp .bfb-cta-title {
  line-height: 32px;
}

.bfb-cat-house-sp .bfb-cta-title::before {
  vertical-align: sub;
}

.bfb-cat-house-sp .bfb-contact {
  text-align: center;
}

.bfb-cat-house-sp .bfb-cta-left,
.bfb-cat-house-sp .bfb-cta-right {
  width: 48%;
  display: inline-block;
  text-align: center;
}

.bfb-cat-house-sp .bfb-cta-left {
  padding-right: 6px;
}

.bfb-cat-house-sp .bfb-cta-right {
  padding-left: 6px;
}

.bfb-cat-house-sp .bfb-cta-left a,
.bfb-cat-house-sp .bfb-cta-right a {
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  color: #fff;
  position: relative;
  display: block;
  padding: 4px 0;
  border-radius: 4px;
}

.bfb-cat-house-sp .bfb-cta-left a {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  background: #1fb6ed;
}

.bfb-cat-house-sp .bfb-cta-right a {
  background: #f39800;
}

.bfb-cat-house-sp .bfb-cta-left a::before {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.bfb-cat-house-sp .bfb-cta-left a::before {
  content: url('./house-cleaning/sp_kanto.png');
}

.bfb-cat-house-sp .bfb-cta-left a span::before {
  content: url('./house-cleaning/tel_icon.png');
  vertical-align: middle;
  margin-right: 6px;
}