@charset "UTF-8";
/* ------------------------------------------

  ※ scssからコンパイルしているファイルです
  直接cssファイルを編集すると先祖帰ります

  t-の接頭辞はthemeの略（暫定

------------------------------------------ */
/* 基本
-------------------------------------------*/
html, body {
  color: #656565;
}

a {
  color: #de0310;
}

/* background-color
-------------------------------------------*/
.t-bgc--primary {
  background-color: #de0310;
}

.t-bgc--secondary {
  background-color: #de0310;
}

.t-bgc--tertiary {
  background-color: #de0310;
}

.t-bgc--sub {
  background-color: #302b2b;
}

/* color
-------------------------------------------*/
.t-color--paragraph {
  color: #656565;
}

.t-color--em {
  color: #000000;
}

.t-color--primary {
  color: #de0310;
}

.t-color--secondary {
  color: #de0310;
}

.t-color--formain {
  color: #ffffff;
}

/* border-color
-------------------------------------------*/
.t-bdc--primary {
  border-color: #de0310;
}

.t-bdc--secondary {
  border-color: #de0310;
}

.t-bdc--tertiary {
  border-color: #de0310;
}

.t-bdc--sub {
  border-color: #302b2b;
}

/* border-bottom-color
-------------------------------------------*/
.t-bdbc--primary {
  border-bottom-color: #de0310;
}

.t-bdbc--secondary {
  border-bottom-color: #de0310;
}

.t-bdbc--tertiary {
  border-bottom-color: #de0310;
}

.t-bdbc--sub {
  border-bottom-color: #302b2b;
}

/* hover 背景色
-------------------------------------------*/
.t-hover--primary:hover {
  background-color: #de0310;
  color: #ffffff;
}

.t-hover--secondary:hover {
  background-color: #de0310;
  color: #fff;
}

/* ボタンスタイル
-------------------------------------------*/
.t-btn--primary {
  background-color: #de0310;
}

.t-btn--secondary {
  background-color: #de0310;
}

.t-btn--tertiary {
  background-color: #de0310;
}

.t-btn--sub {
  background-color: #302b2b;
}

.t-btn--primary {
  color: #ffffff;
}

.t-btn--primary:hover {
  background-color: #fc1826;
}

.t-btn--secondary:hover {
  background-color: #fc1826;
}

.t-btn--tertiary:hover {
  background-color: #fc1826;
}

.t-btn--sub:hover {
  background-color: #4b4343;
}

.t-btn-solid--paragraph {
  border-color: #656565;
  color: #656565;
}

.t-btn-solid--paragraph:hover {
  background-color: #656565;
}

.t-btn-solid--em {
  border-color: #000000;
  color: #000000;
}

.t-btn-solid--em:hover {
  background-color: #000000;
}

.t-btn-solid--primary {
  border-color: #de0310;
  color: #de0310;
}

.t-btn-solid--primary:hover {
  background-color: #de0310;
}

.t-btn-solid--secondary {
  border-color: #de0310;
  color: #de0310;
}

.t-btn-solid--secondary:hover {
  background-color: #de0310;
}

.t-btn-solid--formain {
  border-color: #ffffff;
  color: #ffffff;
}

.t-btn-solid--formain:hover {
  background-color: #ffffff;
}

/* select スタイル
-------------------------------------------*/
.t-select--primary::after {
  border-top-color: #de0310;
}

.t-select--secondary::after {
  border-top-color: #de0310;
}

.t-select--tertiary::after {
  border-top-color: #de0310;
}

.t-select--sub::after {
  border-top-color: #302b2b;
}

.t-select-solid--primary::after {
  border-bottom-color: #de0310;
  border-left-color: #de0310;
}

.t-select-solid--secondary::after {
  border-bottom-color: #de0310;
  border-left-color: #de0310;
}

.t-select-solid--tertiary::after {
  border-bottom-color: #de0310;
  border-left-color: #de0310;
}

.t-select-solid--sub::after {
  border-bottom-color: #302b2b;
  border-left-color: #302b2b;
}

/* before after 装飾の色
-------------------------------------------*/
.t-before--primary::before {
  background-color: #de0310;
}

.t-before--secondary::before {
  background-color: #de0310;
}

.t-before--tertiary::before {
  background-color: #de0310;
}

.t-before--sub::before {
  background-color: #302b2b;
}

.t-after--primary::after {
  background-color: #de0310;
}

.t-after--secondary::after {
  background-color: #de0310;
}

.t-after--tertiary::after {
  background-color: #de0310;
}

.t-after--sub::after {
  background-color: #302b2b;
}

/* before after フォントカラー(iconなど)
-------------------------------------------*/
.t-icon--paragraph::before {
  color: #656565;
}

.t-icon--em::before {
  color: #000000;
}

.t-icon--primary::before {
  color: #de0310;
}

.t-icon--secondary::before {
  color: #de0310;
}

.t-icon--formain::before {
  color: #ffffff;
}

/* テキストリンク
-------------------------------------------*/
.t-textlink--paragraph {
  color: #656565;
}

.t-textlink--em {
  color: #000000;
}

.t-textlink--primary {
  color: #de0310;
}

.t-textlink--secondary {
  color: #de0310;
}

.t-textlink--formain {
  color: #ffffff;
}

.t-textlink--paragraph:hover {
  color: #323232;
}

.t-textlink--em:hover {
  color: black;
}

.t-textlink--primary:hover {
  color: #790209;
}

.t-textlink--secondary:hover {
  color: #790209;
}

.t-textlink--formain:hover {
  color: #cccccc;
}

/* キャンペーンなど　ラベル
-------------------------------------------*/
.t-label-item {
  background-color: #de0310;
  color: #ffffff;
}

/* 物件一覧　ページャー
-------------------------------------------*/
.pager .pagination .page-item:first-child .page-link,
.pager .pagination .page-item:last-child .page-link {
  color: #de0310;
}

.pager .pagination .page-item.active {
  background-color: #de0310;
  color: #ffffff;
}

.pager .pagination .page-item.active .page-link {
  border-color: #de0310;
}

/* フォーム＞必須ラベル
-------------------------------------------*/
.t-required::after {
  background-color: #de0310;
  color: #ffffff;
}

/* フォーム＞チェックボックス色
-------------------------------------------*/
.t-checkbox input[type=checkbox]:checked + label::after {
  border-color: #de0310;
}

.t-checkbox input[type=checkbox]:checked + label {
  color: #de0310;
}

/* フォーム＞チェックボックス（枠線も色付き）
-------------------------------------------*/
.t-checkbox-bdr input[type=checkbox]:checked + label::after {
  border-color: #de0310;
}

.t-checkbox-bdr input[type=checkbox] + label::before {
  border-color: #de0310;
}

/* フォーム＞ラジオボタン
-------------------------------------------*/
/*-- アニメーション --*/
@-webkit-keyframes radio {
  0% {
    background-color: #fff;
  }
  15% {
    border-width: 6px;
  }
  70% {
    border-width: 0;
    opacity: 0.7;
  }
  100% {
    background-color: #de0310;
    border-width: 3px;
  }
}
@keyframes radio {
  0% {
    background-color: #fff;
  }
  15% {
    border-width: 6px;
  }
  70% {
    border-width: 0;
    opacity: 0.7;
  }
  100% {
    background-color: #de0310;
    border-width: 3px;
  }
}
/* ヘッダナビゲーション　アイコン色
-------------------------------------------*/
.t-navicon {
  color: #000000;
}

.t-navicon::before {
  color: #de0310;
}

/* 見出し
-------------------------------------------*/
.t-title-content {
  color: #de0310;
  border-bottom-color: #de0310;
}

.t-title-third {
  color: #de0310;
}

/* キャンペーンなど　ラベル
-------------------------------------------*/
.t-label-item {
  background-color: #de0310;
  color: #ffffff;
}

/* フォーム色設定
-------------------------------------------*/
.t-required::after {
  background-color: #de0310 !important;
}

.select select:focus,
.formtable textarea:focus,
.formtable input[type=text]:focus,
.formtable input[type=number]:focus,
.formtable input[type=date]:focus {
  border-color: #de0310 !important;
}

@media screen and (max-width: 767px) {
  .select select:focus,
.formtable textarea:focus,
.formtable input[type=text]:focus,
.formtable input[type=number]:focus,
.formtable input[type=date]:focus {
    border-color: #de0310 !important;
  }
}
/*# sourceMappingURL=de0310.css.map */