@charset "utf-8";

/* --------------------------------------------------------- */
/* 一覧 - list.css
------------------------------------------------------------ */

.navi {
  padding: 10px;
}

/* タイトル */
.listTitle {
  text-shadow: 1px 1px 0px #FFF;
  background-color: #EEE;
  padding: 5px;
  margin-top: -5px;
}
.listTitle p {
  line-height: 32px;
  margin-left: 60px;
}
.listTitle .sort {
  font-size: 10px; font-size: 1.0rem;
  line-height: 16px;
  float: right;
}
.listTitle .sort li {
  background-color: #FFF;
  border: solid 1px #DEDEDE;
  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
  display: inline-block;
  padding-right: 5px;
}
.listTitle .sort li a {
  color: #333;
  background: url(../img/common/ico_active.png) no-repeat right center;
  background-size: 7px 3px; -webkit-background-size: 7px 3px; -moz-background-size: 7px 3px; -o-background-size: 7px 3px;
  display: block;
  height: 16px;
  padding: 7px 10px 7px 7px;
}
.fixed .listTitle {
  margin-top: 0;
}
.listTitle .back li {
  font-size: 10px; font-size: 1.0rem;
  line-height: 16px;
  background-color: #FFF;
  border: solid 1px #DEDEDE;
  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
  display: inline-block;
  margin-top: -7px;
  position: absolute;
}

.listTitle .back li a {
  color: #333;
  display: block;
  height: 16px;
  padding: 7px;
}
/* 表示切替 */
.listTitle .sort li.panelBtn a, .listTitle .sort li.listBtn a {
  background: none;
  padding-right: 0;
}
.listTitle .sort li.panelBtn a:after {
  background: url(../img/common/ico_parts.png) no-repeat -32px -64px;
  background-size: 80px 128px; -webkit-background-size: 80px 128px; -moz-background-size: 80px 128px; -o-background-size: 80px 128px;
  content: "";
  float: right;
  width: 16px;
  height: 16px;
}
.listTitle .sort li.listBtn a:after {
  background: url(../img/common/ico_parts.png) no-repeat -32px -80px;
  background-size: 80px 128px; -webkit-background-size: 80px 128px; -moz-background-size: 80px 128px; -o-background-size: 80px 128px;
  content: "";
  float: right;
  width: 16px;
  height: 16px;
}

/* 物件名 */
.list h1, .consider h1 {
  font-size: 13px; font-size: 1.3rem;
  font-weight: normal;
  text-shadow: 1px 1px 0px #FFF;
  position: relative;
  min-height: 20px;
  padding: 10px 0 10px 30px;
}
.list h1 a, .consider h1 a {
  text-decoration: underline;
  color: #338ADF;
  background: url(../img/common/ico_link.png) no-repeat right center;
  background-size: 6px 12px; -webkit-background-size: 6px 12px; -moz-background-size: 6px 12px; -o-background-size: 6px 12px;
  display: block;
  padding-right: 15px;
}
.list h1 span, .consider h1 span {
  position: absolute;
  top: 10px;
  left: 0;
}

/* ボタン */
.list .action, .consider .action, .page .action {
  display: box; display: -webkit-box; display: -moz-box; display: -o-box;
  width: 100%;
  padding: 10px 0 0 0;
}
.list .action li, .consider .action li, .page .action li {
  font-size: 11px; font-size: 1.1rem;
  box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1;
  width: 33%;
  padding: 7px 0;
  margin-bottom: 0;
}
.list .action li+li, .consider .action li+li, .page .action li+li {
  margin-left: 10px;
}
.list .action li .icon, .consider .action li .icon {
  background-size: 50px 80px; -webkit-background-size: 50px 80px; -moz-background-size: 50px 80px; -o-background-size: 50px 80px;
  width: 20px;
  height: 20px;
  margin-right: 0;
}
.list .telBtn .icon, .consider .telBtn .icon           { background-position: -30px 0; }
.list .mailBtn .icon, .consider .mailBtn .icon         { background-position: -30px -20px; }
.list .considerBtn .icon, .consider .considerBtn .icon { background-position: -30px -40px; }
.list .deleteBtn .icon, .consider .deleteBtn .icon     { background-position: -30px -60px; }

/* 通常電話 */
.list .shoptel .icon, .consider .shoptel .icon {
  background-image: url(../img/common/ico_tel.png);
  background-position: 0 0;
  background-size: 20px 20px !important; -webkit-background-size: 20px 20px !important; -moz-background-size: 20px 20px !important; -o-background-size: 20px 20px !important;
}

.contactBtn {
  background: #FFF url(../img/common/bac_grad.png) repeat-x 0 bottom;
  background-size: 5px 30px; -webkit-background-size: 5px 30px; -moz-background-size: 5px 30px; -o-background-size: 5px 30px;
}
.result+.contactBtn {
  border-top: solid 1px #DDD;
}
.contactBtn a {
  text-decoration: underline;
  display: block;
  padding: 10px;
}
.contactBtn+.action {
  margin: 15px 50px 0 50px;
}



/* リスト表示
------------------------------------------------------------ */
.list {
  background: url(../img/common/bac_grad.png) repeat-x 0 bottom;
  background-size: 5px 30px; -webkit-background-size: 5px 30px; -moz-background-size: 5px 30px; -o-background-size: 5px 30px;
  border-top: solid 1px #DDD;
  padding: 10px;
  margin-top: -1px;
}
.list a {
  color: #333;
}
.list .photoBox {
  float: left;
  width: 48%;
}
.list .dataBox {
  padding: 0 0 0 50%;
}

/* 検索結果 */
.result {
  padding: 15px 10px 15px 5px;
}
.result span {
  font-size: 14px; font-size: 1.4rem;
  font-weight: bold;
  padding: 0 5px;
}
.result h1 {
  font-size: 14px; font-size: 1.4rem;
  font-weight: bold;
  padding: 0 5px;
  float:left;
}

/* メーカー */
p.maker {
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.2;
  background-color: #EEE;
  display: inline-block;
  padding: 5px;
}

/* 検討中 */
p.favorite {
  float: right;
  line-height: 1.2;
  color:  #DEB732;
  background-color: #FFFCDB;
  display: inline-block;
  padding: 5px;
}

/* NEW */
p.new {
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.2;
  color: #DE1209;
  background-color: #FFF;
  border: solid 1px #DE1209;
  display: inline-block;
  padding: 4px;
}

/* 昨日 */
dl.viewer {
  background-color: #FFF;
  border: solid 1px #7D9E3A;
  padding: 1px;
  margin-bottom: 10px;
}
dl.viewer dt {
  font-size: 11px; font-size: 1.1rem;
  text-align: center;
  color: #FFF;
  background-color: #7D9E3A;
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  padding: 5px 0;
}
dl.viewer dd {
  color: #7D9E3A;
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}

/* アイコン */
.list .photoBox ul {
  padding-top: 3px;
}
.list .photoBox li {
  font-size: 10px; font-size: 1.0rem;
  text-align: center;
  margin-top: 2px;
}
.mailIco, .blueIco {
  text-shadow: 1px 1px 0px #FFF;
  color: #39A7EA;
  background-color: #E0F1FC;
  border: solid 1px #64BAEE;
}
.photoIco, .greenIco {
  text-shadow: 1px 1px 0px #FFF;
  color: #61B94B;
  background-color: #E5F4E2;
  border: solid 1px #7EC66C;
}
.commentIco {
  text-shadow: 1px 1px 0px #FFF;
  color: #FF8001;
  background-color: #FFEBD7;
  border: solid 1px #FF9B37;
}
.aisIco {
  color: #FFF;
  background-color: #193194;
  border: solid 1px #193194;
}
.aisIco span {
  font-weight: bold;
  color: #ffff00;
  padding-left: 5px;
}
.couponIco {
  text-shadow: 1px 1px 0px #FFF;
  color: #E65C57;
  background-color: #FFF;
  border: solid 1px #FBCECE;
}
.ecoIco {
  text-shadow: 1px 1px 0px #FFF;
  color: #61B94B;
  background-color: #FFF;
  border: solid 1px #7EC66C;
}
.unusedIco {
  text-shadow: 1px 1px 0px #FFF;
  color: #E65C57;
  background-color: #FFF;
  border: solid 1px #FF6928;
}

/* 価格 */
.list dl.price {
  line-height: 16px;
  background-color: #FFF;
  border: solid 1px #DDD;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.list dl.price dt {
  float: left;
  width: 50%;
  padding: 5px 0;
}
.list dl.price dd {
  text-align: right;
  border-bottom: dotted 1px #DDD;
  width: 100%;
  padding: 5px 0;
}
.list dl.price dd:last-child {
  border: none;
}
.list dl.price dd span {
  font-size: 16px; font-size: 1.6rem;
  font-weight: bold;
}

/* データ */
.list table {
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.2;
}
.list table+table {
  margin-top: 2px;
}
.list th {
  width: 10%;
  padding: 4px 2px;
}
.list td {
  padding: 4px 2px;
  width: 200px;
}

/* ポイント */
.list .point {
  font-size: 11px; font-size: 1.1rem;
  line-height: 1.2;
  color: #FF7F00;
  border: dotted 1px #FF7F00;
  padding: 5px;
  margin-top: 5px;
}

/* 汎用 */
.list h1.name {
  font-size: 13px; font-size: 1.3rem;
  font-weight: bold;
  padding: 5px 0 10px 0;
}
.list .txt {
  padding-top: 5px;
}
.list .txt li+li {
  padding-top: 3px;
}
.list .etc {
  padding-top: 3px;
}

/* リスト必見ver */
.hikken {
  background: #FEF8F8 url(../img/common/bac_hikken.png) no-repeat right 40px;
  background-size: 100px 54px; -webkit-background-size: 100px 54px; -moz-background-size: 100px 54px; -o-background-size: 100px 54px;
  border-bottom: solid 1px #F9DDDD;
}
.hikken .flag {
  position: relative;
  padding: 0 0 10px 34px;
}
.hikken .flag img {
  position: absolute;
  width: 24px;
  top: -12px;
  left: 0;
}
.hikken .flag span {
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.2;
  color: #D91108;
  background-color: #FFF;
  display: block;
  padding: 5px;
}
.hikken .maker {
  color: #E65C57;
  background-color: #FCE0E0;
}
.hikken th, .hikken td {
  border: solid 1px #FBCECE;
}
.hikken th {
  color: #E65C57;
  background-color: #FDEAEA;
}

/* リスト必見Ⅱver（くるまる） */
.hikken2 {
  background: #FFFCDB url(../img/common/bac_hikken.png) no-repeat right 40px;
  background-size: 100px 54px; -webkit-background-size: 100px 54px; -moz-background-size: 100px 54px; -o-background-size: 100px 54px;
  border-bottom: solid 1px #FFCC00;
}
.hikken2 .flag {
  position: relative;
  padding: 0 0 10px 34px;
}
.hikken2 .flag img {
  position: absolute;
  width: 24px;
  top: -12px;
  left: 0;
}
.hikken2 .flag span {
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.2;
  color: #D91108;
  background-color: #FFF;
  display: block;
  padding: 5px;
}
.hikken2 .maker {
  color: #DEB732;
  background-color: #FEED8D;
}
.hikken2 th, .hikken2 td {
  border: solid 1px #DEB732;
}
.hikken2 th {
  color: #DEB732;
  background-color: #FEED8D;
}


/* パネル表示
------------------------------------------------------------ */
.panel {
  border-bottom: solid 1px #DDD;
  padding: 10px;
}
.panel li {
  border: solid 1px #DDD;
  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
  box-shadow: 0 0 5px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.07); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.07);
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  float: left;
  width: 48%;
  padding: 10px;
  margin: 1%;
}
.panel li h1 {
  font-weight: normal;
  position: relative;
  padding: 10px 0 0 30px;
  margin-bottom: 5px;
}
.panel li h1 span {
  position: absolute;
  left: 0;
}
.panel li h1 a {
  text-decoration: underline;
}
ul.panel li h2{
  height: 50px;
}
.panel li .price {
  font-size: 10px; font-size: 1.0rem;
  line-height: 16px;
}
.panel li .price dt {
  float: left;
  clear: both;
  width: 50%;
  padding: 5px 0;
}
.panel li .price dd {
  text-align: right;
  border-bottom: dotted 1px #DDD;
  width: 100%;
  padding: 5px 0;
}
.panel li .price dd:last-child {
  border: none;
}
.panel li .price dd span {
  font-size: 12px; font-size: 1.2rem;
  font-weight: bold;
}
.panel li p.shop {
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.2;
  text-align: center;
  background-color: #F7F7F7;
  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
  box-shadow: 0 0 4px rgba(0,0,0,0.07) inset; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.07) inset; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.07) inset;
  padding: 7px;
}
.panel li p.shop span {
  color: #666;
  display: block;
  padding-top: 2px;
}

/* パネル必見ver */
.panel li.hikken {
  background-position: right 110px;
}
.panel li.hikken .shop {
  background-color: #FCEBEB;
  box-shadow: 0 0 4px rgba(250,190,190,0.40) inset; -webkit-box-shadow: 0 0 4px rgba(250,190,190,0.40) inset; -moz-box-shadow: 0 0 4px rgba(250,190,190,0.40) inset;
}



/* --------------------------------------------------------- */
/* 検討中
------------------------------------------------------------ */

.consider {
  border-bottom: solid 1px #DDD;
  padding: 10px;
}
.consider .slide .photo {
  width: 200px;
}
.consider .price {
  border: solid 1px #DDD;
  padding: 5px;
  margin: 10px 0;
}
.consider .price dt, .consider .price dd {
  font-size: 9px; font-size: 0.9rem;
  display: inline-block;
  width: 20%;
  padding: 5px;
}
.consider .price dd+dt {
  border-left: dotted 1px #DDD;
}
.consider .price dd {
  text-align: right;
}
.consider .price dd span {
  font-size: 12px; font-size: 1.2rem;
  font-weight: bold;
}
.consider .dataBox th {
  width: 30px;
}
.consider .dataBox td {
  text-align: center;
  width: 22%;
}

/* 店舗情報 */
.consider aside .shop {
  margin: 10px 0 0 0 !important;
}
.list aside section {
  background-color: #EEE;
  padding-bottom: 10px;
}
.list aside section .comment {
  margin-bottom: 0;
}

/* 同じ車種物件件数 */
p.shopotherbk {
    text-align: right;
    margin-top: 5px;
}

.shopotherbk a.red {
    color: #338ADF!important;
}

/* --------------------------------------------------------- */
/* 保存した条件
------------------------------------------------------------ */

.save {
  padding: 0 10px;
}
.save li {
  border: solid 1px #DDD;
  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
  box-shadow: 0 0 5px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.07); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.07);
  position: relative;
  min-height: 16px;
  padding: 10px 30px 10px 10px;
  margin-bottom: 10px;
}
.save li a {
  text-decoration: underline;
  display: block;
}
.save li span {
  text-indent: -9999px;
  border: solid 1px #DDD;
  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
  position: absolute;
  top: 10px;
  right: 5px;
}

/* スクロール下部固定
------------------------------------------------------------ */
#fixBox {
  color: #FFF;
  background: #333;
  position: fixed;
  width: 100%;
  bottom: 0;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.9;
}
/* ボタン */
#fixBox .action {
  display: box; display: -webkit-box; display: -moz-box; display: -o-box;
  width: 100%;
  padding: 10px 0 0 0;
}
#fixBox .action li {
  font-size: 11px; font-size: 1.1rem;
  box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1;
  width: 33%;
  padding: 7px 0;
  margin-bottom: 10px;
}

/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */

/* clearfix
------------------------------------------------------------ */
.title:after,
.list:after,
.panel:after,
.consider:after,
.consider .slide:after,
.consider .price:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* ソート
------------------------------------------------------------ */
#search {
  padding-bottom: 1px;
}
#search ul {
  background-color: #FFF;
  border: solid 1px #DEDEDE;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  box-shadow: 0 0 4px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.07); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.07);
  /* display: none; */
  padding: 5px 10px;
  margin: 0 10px 10px 10px;
}
#search li {
  border-bottom: dotted 1px #DDD;
}
#search li:last-child {
  border-bottom: none;
}
#search li a {
  color: #333;
  background: url(../img/common/ico_link.png) no-repeat right center;
  background-size: 6px 12px; -webkit-background-size: 6px 12px; -moz-background-size: 6px 12px; -o-background-size: 6px 12px;
  display: block;
  position: relative;
  padding: 10px;
}