/* 2022.12売買リニューアル時の差分css */
:root {
  --color-pj1: #3980dd;
  --color-pj1-light: #f6f8fc;
  --color-pj1-middle: #a3cafe;
  --color-pj1-dark: #255ea9;
}

.info-alert.green {
  background: var(--color-pj1-light);
}

.ttl1.buyTtl,
#buy .ttl1 {
  background: var(--color-pj1);
}

h2 .h2kariru {
  color: var(--color-pj1);
}

#buy .searchBox3 {
  border-bottom-color: var(--color-pj1);
}

#buy .searchBox3 dd .number span {
  color: var(--color-pj1);
}

.icMark:before {
  background: var(--color-pj1);
}

#buy .nav2 a .number span {
  color: var(--color-pj1) !important;
}

#buy .icPlus:after {
  background-color: var(--color-pj1);
}

.prefList li a {
  color: var(--color-pj1);
}

#buy .ttl6 {
  background: var(--color-pj1-middle);
}

#buy .ttl6:before {
  background: var(--color-pj1-middle);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

#buy .ttl6 .ttl.station:before,
#buy .ttl6 .ttl.city:before {
  background-color: var(--color-pj1);
}

#buy .ttl6 .bt.station a:before,
#buy .ttl6 .bt.city a:before {
  background-color: var(--color-pj1);
}

#buy .bt1 {
  background-color: var(--color-pj1);
  border-color: var(--color-pj1);
}

#buy .icMinus:after {
  background-color: var(--color-pj1);
}

#buy .hasTtlNav dt {
  background-color: var(--color-pj1-light);
}

#buy .listForm2 label .number span {
  color: var(--color-pj1);
}

#buy .bt2 {
  background: linear-gradient(top,var(--color-pj1) 0,var(--color-pj1-dark) 100%);
  background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,var(--color-pj1)), color-stop(100%,var(--color-pj1-dark)));
  background: -moz-linear-gradient(top,var(--color-pj1) 0,var(--color-pj1-dark) 100%);
  background: -webkit-linear-gradient(top,var(--color-pj1) 0,var(--color-pj1-dark) 100%);
}

#buy .bt3 {
  background: var(--color-pj1-middle);
  box-shadow: 0 3px var(--color-pj1);
}

#buy .ttl2 {
  background-color: var(--color-pj1-light);
  border-bottom-color: var(--color-pj1);
  color: var(--color-pj1);
}

#buy .information span {
  color: var(--color-pj1);
}

.nav2 .box {
  background-color: var(--color-pj1-light);
}

.icType:before,
.icYen:before,
.icSpace:before,
.icArea:before,
.icTime:before,
.icCond:before,
.icYear:before {
  filter: grayscale(1);
}

#buy .listForm2 input[type="checkbox"]:checked + label:before,
#buy .listForm3 input[type="checkbox"]:checked + label:before {
  filter: hue-rotate(145deg);
}

#header h1.catch.rsltTtl1,
#header2 h1.catch.rsltTtl1 {
  background-color: var(--color-pj1);
}

.sectionFoot2.pageTop .icCity a:before {
  filter: hue-rotate(105deg);
}

.sectionFoot2.pageTop .icDetail a:before {
  filter: hue-rotate(125deg);
}

.sectionFoot2.pageTop .icStation a:before {
  filter: hue-rotate(55deg);
}

.txtSub {
  color: var(--color-pj1);
}

.txtSub::after {
  border-right-color: var(--color-pj1-middle);
  border-bottom-color: var(--color-pj1-middle);
}

#buy .cases .number {
  color: var(--color-pj1);
}

#buy .nayose_head {
  border-top-color: var(--color-pj1);
}

.nayose_head h2.link span {
  background: var(--color-pj1);
}

.nayose_head div.sec:after {
  border-right-color: var(--color-pj1-middle);
  border-bottom-color: var(--color-pj1-middle);
}

#buy div.listBox .box .button.buy-result-inquiry-button,
#buy div.listBox .box .button.buy-result-inquiry-button:hover,
#buy .sectionFoot .pager li.next a,
#buy .sectionFoot .pager li.next a:before,
#buy .sectionFoot .pager li.pre a,
#buy .sectionFoot .pager li.pre a:before {
  background-color: var(--color-pj1);
}
#buy .listBox .box.focus {
  background: var(--color-pj1-light) !important;
}

#buy .sectionFoot .pager li.pre {
  font-family: revert;
  overflow: unset;
  overflow-x: unset;
}
#buy .sectionFoot .pager li.next a,
#buy .sectionFoot .pager li.pre a {
  box-shadow: 0 3px var(--color-pj1-dark);
}

#buy .listBox .more_res p:after {
  border-right-color: var(--color-pj1-middle);
  border-bottom-color: var(--color-pj1-middle);
}

.recommend .inner .unit .imgarea {
  background-color: #fff;
}

.recommend .inner .unit .textBox {
  background-color: var(--color-pj1-light)
}

.voice_area .detailCommonTtl {
  border-bottom: 2px solid var(--color-pj1);
  background: var(--color-pj1-light) url(../images/bg_detail_common_ttl.png)
}

.sectionFoot2 { 
  background-color: var(--color-pj1-middle);
}

.sectionFoot2:before {
  background: linear-gradient(top,var(--color-pj1) 0,var(--color-pj1-dark) 100%);
  background: -webkit-gradient(linear,left top,left bottom, color-stop(0%,var(--color-pj1)), color-stop(100%,var(--color-pj1-dark)));
  background: -moz-linear-gradient(top,var(--color-pj1) 0,var(--color-pj1-dark) 100%);
  background: -webkit-linear-gradient(top,var(--color-pj1) 0,var(--color-pj1-dark) 100%);
}

.btnCityModify .img {
  filter: hue-rotate(105deg);
}

.btnSearchModify .img {
  filter: hue-rotate(125deg);
}

.btnStationModify .img {
  filter: hue-rotate(55deg);
}

.btMod.icConditions:not(.rdw):before,
.btMod.icKind:not(.rdw):before,
.btMod.icStation:not(.rdw):before,
.btMod.icCity:not(.rdw):before {
  filter: hue-rotate(155deg);
}