@font-face {
  font-family: 'ic-pt';
  src:  url('/css/ic-pt/fonts/icomoon.eot?20190312');
  src:  url('/css/ic-pt/fonts/icomoon.eot?20190312#iefix') format('embedded-opentype'),
    url('/css/ic-pt/fonts/icomoon.ttf?20190312') format('truetype'),
    url('/css/ic-pt/fonts/icomoon.woff?20190312') format('woff'),
    url('/css/ic-pt/fonts/icomoon.svg?20190312#ic-pt') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ic-pt-"], [class*=" ic-pt-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ic-pt' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* icon を ul.ic-pt li i で並べる */
.ic-pt{
  font-size: 22px;
}
.ic-pt li{
  background-color: #fff;
  border: 1px solid;
  border-radius: 2px;
  display: inline-block;
  margin: 0 4px 3px 0;
  text-align: center;
  vertical-align: bottom;
  line-height: 24px;
  height: 24px;
  width: 66px;
}
.ic-pt li i{
  display: block;
  line-height: 24px;
}
.ic-pt-passive {
  border-color: #A7A7A7 !important;
  background-color: #e7e7e7 !important;
}
.ic-pt-passive i::before ,
.ic-pt-passive span::before {
  color: #A7A7A7 !important;
}

.ic-pt-mini{
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  display: inline-block;
  margin: 0 5px 2px -2px;
  text-align: center;
  vertical-align: top;
  line-height: 14px;
  height: 14px;
  width: 40px;
}
.ic-pt-mini i,
.ic-pt-mini i::before{
  font-size: 14px!important;
}
.ic-pt-mini i.ic-pt-homes::before{
  font-size: 12px!important;
}

.ic-pt-btn {
  background-color: #fff;
  border: 1px solid;
  border-radius: 2px;
  display: inline-block;
  margin: 0 4px 3px 0;
  text-align: center;
  vertical-align: bottom;
  line-height: 24px;
  height: 24px;
  width: 66px;
}
/* 一覧用 */
.ic-pt-list li:hover,
.ic-pt-list li>i:hover {
  cursor: pointer;
  -webkit-animation-name:opacity;
  -webkit-animation-duration:1.2s;
  -webkit-animation-iteration-count:1;
  -ms-animation-name:opacity;
  -ms-animation-duration:1s;
  -ms-animation-iteration-count:1;
}
@-webkit-keyframes opacity{
  25%{
    opacity:0.1;
  }
  50%{
    opacity:0.9;
  }
  100%{
  }
}
@-ms-keyframes opacity{
  25%{
    opacity:0.1;
  }
  50%{
    opacity:0.9;
  }
  100%{
  }
}
@keyframes opacity{
  25%{
    opacity:0.1;
  }
  50%{
    opacity:0.9;
  }
  100%{
  }
}


/* 各ポータル */
.ic-pt-21cloud:before {
  content: "\e900";
  color : #191919;
}
.ic-pt-adpark:before {
  content: "\e901";
  color : #2a4174;
}
.ic-pt-aeonhousing:before {
  content: "\e902";
  color : #303030;
}
.ic-pt-appartement:before {
  content: "\e903";
  color : #191919;
}
.ic-pt-athome:before {
  content: "\e904";
  color : #d4121c;
}
.ic-pt-cbchintai:before {
  content: "\e905";
  color : #191919;
}
.ic-pt-chintai:before {
  content: "\e906";
  color : #2C4359;
}
.ic-pt-chintaiouccino:before {
  content: "\e907";
  color : #149f21;
}
.ic-pt-chintaistyle:before {
  content: "\e908";
  color : #84a818;
}
.ic-pt-chukaio:before {
  content: "\e909";
  color : #191919;
}
.ic-pt-chukoouccino:before {
  content: "\e90a";
  color : #149f21;
}
.ic-pt-citynet:before {
  content: "\e90b";
  color : #121d3b;
}
.ic-pt-door:before {
  content: "\e90c";
  color : #00b1f3;
}
.ic-pt-hakasecom:before {
  content: "\e90d";
  color : #408ebb;
}
.ic-pt-realestatejapan:before {
  content: "\e948";
  color: #5c6338;
}
/* hatolovesaitamaはhatoloveと同様のアイコンを使う */
.ic-pt-hatolove:before,
.ic-pt-hatolovesaitama:before,
.ic-pt-hatolovechiba:before,
.ic-pt-hatoloveehime:before,
.ic-pt-hatoloveshiga:before {
  content: "\e90e";
  color : #0d5196;
}
.ic-pt-hatomark:before {
  content: "\e90f";
  color : #258e57;
}
.ic-pt-hatomarktokyo:before,
.ic-pt-hatomarksaitama:before,
.ic-pt-hatomarkchiba:before,
.ic-pt-hatomarkehime:before,
.ic-pt-hatomarkshiga:before {
  content: "\e910";
  color : #258e57;
}
.ic-pt-hatosanweb:before {
  content: "\e911";
  color : #ff3737;
}
.ic-pt-homemate:before {
  content: "\e912";
  color : #F41A5F;
}
.ic-pt-homes:before {
  content: "\e913";
  color : #ff8400;
  font-size : 20px;
}
.ic-pt-housecom:before {
  content: "\e914";
  color : #60a9cb;
}
.ic-pt-housemate:before {
  content: "\e915";
  color : #f30050;
}
.ic-pt-hp:before {
  content: "\e916";
  color : #144297;
}
.ic-pt-hudosanonline:before {
  content: "\e917";
  color : #ff6c00;
}
.ic-pt-ielove:before {
  content: "\e918";
  color : #144297;
}
.ic-pt-iiheya:before {
  content: "\e919";
  color : #ff2021;
}
.ic-pt-jsee:before {
  content: "\e91a";
  color : #003aaf;
}
.ic-pt-kinkireins:before {
  content: "\e91b";
  color : #1f8040;
}
.ic-pt-livedesign:before {
  content: "\e91c";
  color : #65ae2f;
}
.ic-pt-mado:before {
  content: "\e91d";
  color : #0f88bb;
}
.ic-pt-makesview:before {
  content: "\e91e";
  color : #edb85d;
}
.ic-pt-minpaku:before {
  content: "\e91f";
  color : #191919;
}
.ic-pt-mynavi:before {
  content: "\e920";
  color : #09abed;
}
.ic-pt-rakumachi:before {
  content: "\e921";
  color : #191919;
}
.ic-pt-reapro:before {
  content: "\e922";
  color : #f66a0e;
}
/* レインズ・レインズ埼玉・レインズ千葉 */
.ic-pt-reins:before,
.ic-pt-reinssaitama:before,
.ic-pt-reinschiba:before {
    content: "\e923";
    color : #1d4427;
}
.ic-pt-sbi:before {
  content: "\e925";
  color : #003399;
}
.ic-pt-shinchikuouccino:before {
  content: "\e926";
  color : #149f21;
}
.ic-pt-smocca:before {
  content: "\e927";
  color : #333;
}
.ic-pt-staffless:before {
  content: "\e928";
  color : #ffa715;
}
.ic-pt-sumaity:before {
  content: "\e929";
  color : #ffa715;
}
.ic-pt-sumucow:before {
  content: "\e92a";
  color : #00a637;
}
.ic-pt-suumo:before {
  content: "\e92b";
  color : #64b423;
}
.ic-pt-ecloud:before {
  content: "\e950";
  color: #283898;
}
.ic-pt-suumotob:before {
  content: "\e92c";
  color : #191919;
}
.ic-pt-write_g:before {
  content: "\e92d";
  color : #00a08d;
}
.ic-pt-write_u:before {
  content: "\e92e";
  color : #00a08d;
}
.ic-pt-yahoo:before {
  content: "\e92f";
  color : #ff1e1e;
}
.ic-pt-harinavi:before {
  content: "\e930";
  color : #1661ae;
}
.ic-pt-realtorcom:before {
  content: "\e931";
  color : #e52230;
}
.ic-pt-housecom-other:before {
  content: "\e932";
  color : #303030;
}
.ic-pt-maemuki:before {
  content: "\e935";
  color:#333;
}
.ic-pt-rengoutai:before {
  content: "\e934";
  color: #d07300;
}
.ic-pt-kenbiya:before {
  content: "\e933";
  color: #ff7720;
}
.ic-pt-write_r:before {
  content: "\e936";
  color : #00a08d;
}
.ic-pt-keijinet:before {
  content: "\e937";
  color:#383882;
}
.ic-pt-fukurinosumai:before {
  content: "\e939";
  color:#76aa00;
}
.ic-pt-forbidden {
  background-image: url(/images/rent/img_diagonal_line.png);
}
.ic-pt-ariki:before {
  content: "\e938";
  color : #329900;
}
.ic-pt-frontier:before {
  content: "\e93a";
  color:#0f0303;
}
.ic-pt-hanyorendo:before {
  content: "\e941";
  color:#ad0c7c;
}
.ic-pt-bochan:before {
  content: "\e946";
  color:#ea5414;
}
.ic-pt-bestestate:before {
  content: "\e945";
  color:#ff5252;
}
.ic-pt-relonet:before {
  content: "\e944";
  color:#07569f;
}
.ic-pt-goodroom:before {
  content: "\e947";
  color: #005b8d;
}
.ic-pt-reblo:before {
  content: "\e924";
  color: #00a4ff;
}
.ic-pt-canary:before {
  content: "\e949";
  color : #40BCDF;
}
.ic-pt-leopalace21:before {
  content: "\e94a";
  color : #014a99;
}
/* hatomarkehimeはhatomarktokyoと同様のアイコンを使う */
.ic-pt-hatomarkehime:before {
  content: "\e910";
  color : #258e57;
}
.ic-pt-forbidden i:before {
  color: rgba(0, 0, 0, 0.15)!important;
}