@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.2rem;
	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;
}