@charset "shift_jis";
/* =======================================================================

 /css/kuruma/used/item.css - 2016.01 sm16

======================================================================= */

/* -----------------------------------------------------------------------
   Item Box
----------------------------------------------------------------------- */
div.mainImgArea{
	width:468px;
	height:540px;
	border:solid #CCC 1px;
}
.itemBoxCell {
	display:table-cell;
	overflow:visible;
}
.itemBoxCell.photo {
	box-sizing:border-box;
	padding:0;
	width:468px;
	overflow:hidden;
}
.itemBoxCell.photo.emptyFrame {
	height:590px;
}
.itemBoxCell.info {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
	padding:24px 24px 19px 24px;
	width:380px;
	margin-left:10px;
}
.itemBoxCell.photo .mainImgArea,
.itemBoxCell.photo .mainImgAreaDummy {
	margin:0;
	width:400px;
	height:540px;
	overflow:hidden;
	position:relative;
	/*background-color:#E5E5E5;*/
}
.itemBoxCell.photo .mainImgArea .mainImgList li {
	display:table-cell;
	vertical-align:middle;
	background:#fff;
}
.itemBoxCell.photo .mainImgArea .mainImgList li span {
	display:block;
	width: 400px;
	color:#FFF;
	overflow:hidden;
	background:#fff;
}
.itemBoxCell.photo .mainImgArea .mainImgList li span img {
	display:block;
	max-width: 400px;
	max-height:540px;
	margin:0 auto 0 auto;
}
.itemBoxCell.photo .mainImgArea .caption {
	position:absolute;
	bottom:0;
	box-sizing:border-box;
	padding:15px 15px 12px 15px;
	width: 400px;/*468px*/
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#50000000,EndColorStr=#50000000);
	background-color: rgba(0,0,0, 0.5);
	color:#FFF;
	font-size:14px;
	line-height:1.2;
}
.itemBoxCell.photo .mainImgArea .caption.noDisp,
.itemBoxCell.photo .mainImgArea .caption.noCaptxt {
	display:none;
}
.itemBoxCell.photo .mainImgArea .prevBtn,
.itemBoxCell.photo .mainImgArea .nextBtn {
	position:absolute;
	top:180px;
	width:80px;
	height:110px;
	cursor:pointer;
}
.itemBoxCell.photo .mainImgArea .prevBtn {
	left:-5px;
}
.itemBoxCell.photo .mainImgArea .nextBtn {
	right:-5px;
	text-align:right;
}
.itemBoxCell.photo .mainImgArea .nextBtn img {
	margin:0 0 0 auto;
}
.itemBoxCell.photo .mainImgArea .prevBtn img,
.itemBoxCell.photo .mainImgArea .nextBtn img {
	width:80px;
}
.itemBoxCell.photo .mainImgArea .prevBtn.noDisp,
.itemBoxCell.photo .mainImgArea .nextBtn.noDisp {
	display:none;
}
.itemBoxCell.photo .mainImgArea .prevBtn.noVisible,
.itemBoxCell.photo .mainImgArea .nextBtn.noVisible {
	visibility:hidden;
}
.itemBoxCell.photo .mainImgArea .prevBtn.bigger,
.itemBoxCell.photo .mainImgArea .nextBtn.bigger {
	box-sizing:border-box;
	top:0;
	padding-top:185px;
	width:325px;
	height:480px;
	/*background-image:url(http://img1.kakaku.k-img.com/images/kuruma/used/item/gallary_btn_bg.png);*/
	-webkit-user-select: none;	/* Chrome all / Safari all */
	-moz-user-select: none;		/* Firefox all */
	-ms-user-select: none;		/* IE 10+ */
	user-select: none;			/* Likely future */
}
.itemBoxCell.photo .mainImgArea .prevBtn.bigger img,
.itemBoxCell.photo .mainImgArea .nextBtn.bigger img {
	opacity:0.5;
	-ms-filter: "alpha(opacity=50)";
	-webkit-user-select: none;	/* Chrome all / Safari all */
	-moz-user-select: none;		/* Firefox all */
	-ms-user-select: none;		/* IE 10+ */
	user-select: none;			/* Likely future */
}
.itemBoxCell.photo .mainImgArea .prevBtn.bigger:hover img,
.itemBoxCell.photo .mainImgArea .nextBtn.bigger:hover img {
	opacity:1;
	-ms-filter: "alpha(opacity=100)";
}
/* サムネイル */
.itemBoxCell.photo .thumbImgArea,
.itemBoxCell.photo .thumbImgAreaDummy {
	padding-top:10px;
	width:400px;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList,
.itemBoxCell.photo .thumbImgAreaDummy ul.thumbImgListDummy {
	font-size:0;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList li,
.itemBoxCell.photo .thumbImgAreaDummy ul.thumbImgListDummy li {
	display:inline-block;
	vertical-align:top;
	font-size:10px;
	font-size:1rem;
	width:60px;
	height:78px;
	border:solid #CCC 1px;
	margin:0 2px 10px;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList li span,
.itemBoxCell.photo .thumbImgAreaDummy ul.thumbImgListDummy li span {
	display:table-cell;
	width:60px;
	height:78px;
	background:#FFF;
	vertical-align:middle;
	/*
	background-size:60px 45px;
	*/
	color:#FFF;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList li.active {
	border:solid #4591FF 1px;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList li.active span {
	padding:0px;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList li span img {
	display:block;
	width:58px;
	margin:0 auto 0 auto;
}
.itemBoxCell.photo .thumbImgArea ul.thumbImgList li span img:hover {
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
}
.itemBoxCell.info .itemName {
	width:330px;
	font-weight:bold;
	font-size:17px;
	font-size:1.7rem;
	line-height:1.2;
}
.itemBoxCell.info .price {
	margin-top:0.1em;
	margin-bottom:0.45em;
}
.itemBoxCell.info .price .priceTxt {
	font-weight:bold;
	color: #DB3E26;
	font-size:16px;
	font-size:1.6rem;
}
.itemBoxCell.info .price .priceTxt .num {
	font-family: Verdana,sans-serif;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:-0.05em;
	padding-right:0.1em;
}
.itemBoxCell.info .price .total {
	display:inline-block;
	margin-left:0.4em;
}
.itemBoxCell.info .specBox {
	margin-top:15px;
	border:1px solid #CCC;
	border-radius:4px;
}
.itemBoxCell.info .specList {
	width:100%;
	line-height:1.2;
}
.itemBoxCell.info .specList tr {
	border-top:1px solid #DDD;
}
.itemBoxCell.info .specList tr:first-child {
	border-top:none;
}
.itemBoxCell.info .specList th,
.itemBoxCell.info .specList td {
	display:table-cell;
	padding:5px 5px 4px 8px;
	vertical-align:middle;
}
.itemBoxCell.info .specList tr:first-child th,
.itemBoxCell.info .specList tr:first-child td {
	border-top:none;
}
.itemBoxCell.info .specList th {
	background-color:#F5F5F5;
	white-space:nowrap;
}
.itemBoxCell.info .specList tr:first-child th {
	border-top-left-radius:4px;
}
.itemBoxCell.info .specList tr:last-child th {
	border-bottom-left-radius:4px;
}
.itemBoxCell.info .cmntBox {
	margin-top:15px;
	padding-left:2px;
	padding-right:5px;
	font-size:12px;
	font-size:1.2rem;
	line-height:17px;
	height:69px;
	overflow-y:auto;
}
.itemBoxCell.info .cmntBox p {
	word-break:break-all;
}
.itemBoxCell.info .cmntBox::-webkit-scrollbar{
    width: 4px;
    border-radius: 8px;
}
.itemBoxCell.info .cmntBox::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 2px;
}
.itemBoxCell.info .cmntBox::-webkit-scrollbar-track-piece{
    background: #e5e5e5;
    border-radius: 2px;
}
.itemBoxCell.info .estimateBtn {
	margin-top:15px;
}