@charset "utf-8";
/* CSS Document */
.page-ttl-wrap{
background-image:url(..//img/page-bg.png);
	background-repeat:no-repeat;
	background-position:-10% bottom;
	background-size:60%;

	}
.content-color{
	/* 各ページのコンテンツ色 */
	background:#efefef;
	padding:24px 0; 
	}

.page-main-v-wrap{
	background-image:url(../img/page-bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto;
	}


/* 在庫リスト */
.pad-8{
	padding-left:8px;
	padding-right:8px;
	}

.stock-info{}

.form-wrap{
	text-align:center;
	}

.form-wrap select{
	max-width:200px;
	margin:0 auto;
	}

.paging-wrap{
	max-width:500px;
	margin:0 auto;
	color:#666;
	}

.paging-wrap a{
	color:#C00;
	}

.paging-wrap .prev{
	text-align:right;
	font-size:50px;
	}
.paging-wrap .next{
	text-align:left;
	font-size:50px;
	}
.paging-wrap .total{
	text-align: center;
    font-size: 18px;
    color: #C00;
    padding-top: 25px;
	}



.stock-list {
}

.stock-list li{
	margin-bottom:16px;
	}

.stock-list a{
	color:#fff;
}

.stock-list .stock-img {
	position:relative;
}

.stock-list .stock-img img {
	width:100%;
}

.stock-list .stock-txt {
	background:#333;
	padding:16px;
	    line-height: 1em;
	
}

.stock-list .stock-txt a{
	
	}

.stock-list .stock-txt .name {
	min-height:28px;
	font-size:15px;
	font-weight:normal;
	padding-bottom:4px;
}

.stock-list .stock-txt .grade {
	min-height:28px;
	padding:4px 0;
}

.stock-list .stock-txt .year {
	min-height:28px;
	padding:4px 0;
}

.stock-list .stock-txt .distance {
	min-height:28px;
	padding:4px 0;
}

.stock-list .stock-txt .price {
	text-align:right;
	font-size:20px;
	padding-top:4px;
}

.mark {
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 30px solid transparent;
    border-right: 30px solid transparent;
}

.mark-new {
    border-left: 30px solid #C00;
}

.mark-renew {
    border-left: 30px solid #06C;
}

.mark-txt {
    position: absolute;
    left: 3px;
    top: 0;
    color: #00;
    font-weight: bold;
    font-size: 15px;
}

/* 詳細ページ */

.stock-dtl-wrap{
	max-width:800px;
	margin:0 auto;
	}

.back-btn{
	text-align:left;
	}

.back-btn a{
	display:inline-block;
	background-color:#999;
	color:#fff;
	padding:8px;
	border-radius:5px;
	}

.back-btn a i{
	padding-right:8px;
	}

.cnt-btn{
	text-align:right;
	}

.cnt-btn a{
	display:inline-block;
	background-color:#C30;
	padding:8px;
	color:#FFF;
	border-radius:5px;
	}

.stock-dtl-wrap .name-grade {
	margin:24px 0 0;
	font-weight:normal;
	font-size:20px;
}

.stock-dtl-wrap .price {
	margin:24px 0 0;
	text-align:right;
	font-weight:bold;
	font-size:25px;
}

.st-img-wrap {
	background:#333;
	margin:24px auto 0;
}

.st-img-wrap .main-img {
	max-width:640px;
	margin:0 auto;
}

.st-img-wrap .main-img img {
	width:100%;
}

.st-img-wrap .thumb-list {
	max-width:640px;
	margin:0 auto;
}

.st-img-wrap .thumb-list li {
	float:left;
	width:10%;
}

.st-img-wrap .thumb-list li img {
	width:100%;
	cursor:pointer;
}

.st-img-wrap .thumb-list li img:hover{
	opacity:0.8;
	}

.st-content-ttl {
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #666;
	margin:32px 0 0;
	padding-bottom:8px;
}

.stock-table {
	margin:16px 0 0;
	width:100%;
}

.stock-table tbody {
}

.stock-table tbody tr {
}

.stock-table tbody tr th {
	font-weight:normal;
	padding:8px;
	border-bottom:dotted 1px #666;
}

.stock-table tbody tr td {
	padding:8px;
	border-bottom:dotted 1px #666;
}

.stock-table tbody tr td .fa{
	font-size:20px;
	} 

.st-box{
	padding:16px;
	}
.st-comment{
	line-height:1.8em;
	}

@media (max-width: 768px) {
	
	/* 一覧 */
	.stock-list .stock-txt {
    padding: 8px;
	}
	
	/* 詳細 */
	.st-img-wrap .thumb-list li {
	float:left;
	width:20%;
	}
	
	.stock-dtl-wrap .price {
	font-size:18px;
	}
	
	
}



@media (min-width: 768px) {

}

@media (min-width: 992px){

}