@charset "utf-8";

/*
	中古おすすめ
*/

.sales {
	display: flex;
	flex-wrap: wrap;
}

.item-box {
/*	width: 300px;*/
	width: 280px;
	margin: 10px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 3px 6px #ccc;

	display: flex;
	flex-direction: column;
}
.item-box-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 5px 5px 0 0;
}
.item-box-title {
	font-size: 150%;
/*	margin: 10px;*/
/*	margin: 5px;*/
	color: #444;
	padding: 0 4px;
}
.item-box-content {
/*	padding: 0 10px 10px;*/
	padding: 0 10px;
	color: #666;
/*	border: 1px #0f0 solid;*/
}

.item-box-price {
	padding: 0 10px;
	text-align: right;
/*	border: 1px #f00 solid;*/
}

.item-box-cmt {
	padding: 0 10px;
}


.item-box-next {
	margin-top: auto;
}

.item-box-btn {
	font-size: 80%;
	margin: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #08f;
	color: #08f;
	background-color: transparent;
}

.item-box-btn:hover {
	background-color: #08f;
	color: #fff;
}

.best-sales_hoka { text-align: right; font-size: 120%; }

@media only screen and ( max-width : 750px ) {
	.item-box {
		width: 160px;	/* iphone x 縦で2つ並ぶはば*/
	}
	.item-box-image {
		height: 100px;
	}

	.best-sales_hoka { text-align: center; margin-top: 1rem; }

}



/* [販売] */
/* =========================== 検索	*/
#kensaku { margin-bottom:1em;}

.search { display: flex; margin-bottom: .5rem; }
/*.search div { width: 33%; padding: 2px; }*/
.search div { width: calc(100% / 4); padding: 2px; }
.search div table { margin: auto; width: 100%; /*border: 1px #666 solid;*/ }
.search div table th,
.search div table td { padding: 2px; width: 50%; }
.search div table th { background-color: #5CACEE; color: #000; text-align:center; }

.search_btn { text-align: center; }

@media only screen and ( max-width : 750px ) {
	.search { flex-direction: column; }
	.search div { width: 100%; }

	.search div table th,
	.search div table td { }
	.search div table td select { width: 100%;  }
}

.sales-navi { display: flex; justify-content: center; }
.sales-navi div { margin: 20px; }
.nav-btn {
	margin: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #333;
	color: #333;
	background-color: transparent;
}
.nav-btn:hover {
	background-color: #333;
	color: #fff;
}


/* =========================== 一覧	*/

table { width: 100%; border-collapse: collapse; text-align: left; }
table th { font-weight: 500; }

figure { line-height: 0; display: block; margin: 0; padding: 0; }


/*
	中古・レンタル共通
*/
.m_txt_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.m_txt_item dt { font-size: .75rem; background: #3A5FCD; color: #fff; padding: 3px 10px; }
.m_txt_item dd { margin-left: 10px; }


.sale-box{ display:-webkit-box; display:-ms-flexbox; display:flex; }

.sale-box figure { width: 30%; }
.sale-box figure img { width: 100%; }

/*.dosusume { margin-left: .5rem; }*/
.dosusume { margin-left: .5rem; color: #f00; font-weight: 700; }

.txt-box { width:67%; margin-left:auto; }
.txt-box .ttl { margin:15px 0; font-size: 1rem; font-weight: 700;}
.txt-box .info-box { margin-top: 15px; }

.movie-box {
	text-align: right;
}

.m_txt_price { font-weight: 700; }
.m_txt_price span { margin-right: 5px; font-size: 150%; color: #d00; }
.m_txt_price .consultati { font-size: 1rem; }

.detail_btn {
	width: 100%;
	display:block;
	position:relative;
	padding: 8px 40px 10px 15px;
	color: #fff;
	border: 1px solid #067bb1;
	border-radius: 3px;
	background-color: #067bb1;

	-webkit-transition: all .2s;
	transition: all .2s
}

.detail_btn:hover {
	opacity: .7;
	cursor: pointer;
	cursor: hand;
}



.m_btn_main a {
	position: relative;
	display: block;
	padding: 8px 40px 10px 15px;
	color: #fff;
	border: 1px solid #e9a93a;
	border-radius: 3px;

/*
	-webkit-box-shadow: 0 0 0 1px #fff inset;
	box-shadow: 0 0 0 1px #fff inset;
	background: -webkit-gradient(linear, left top, left bottom, from(#eab443), to(#e9a12e));
	background: linear-gradient(#eab443 0, #e9a12e 100%);
*/

	background-color: #e9a12e;

	-webkit-transition: all .2s;
	transition: all .2s
}

.m_btn_main a:hover {
	opacity: .7;
}

@media only screen and ( max-width : 750px ) {
	.sale-box { display: block; }

	.sale-box figure {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 162px;
/*		background: #ddd*/
	}
	.sale-box figure img { width: auto; height: 100% }

	.txt-box { width: 100%; margin-top: 10px; }
	.txt-box .ttl { margin: 10px 0 7px; }
	.info-box { margin-top: 10px; }

}

/*
	中古・レンタル一覧
*/

.sale-list {
	width: 100%;
	display:grid;
	grid-gap: 4px;

	grid-template-columns: 1fr 1fr;
}

.spec-list { width: 100%; }

.spec-list td,
.spec-list th {
	text-align: left;
	padding: 10px 5px
}

.spec-list td span,
.spec-list th span {
	display: block;
	padding-top: 3px
}

.spec-list th {
	width: 30%;
	background: #c7e1fc;
	border-top: 1px solid #fff;
}


.sale-list>li{ width: 100%; /*margin-bottom:10px;*/ /*margin: 2px;*/ padding:10px; border:1px solid #6c7b8b; }
.sale-list>li .info-box{display:-webkit-box;display:-ms-flexbox;display:flex;
	flex-direction: column;
}

.sale-list>li .info-box .price{/*position:relative;*/ width: 100%;/*width:40%;margin-left:auto;*/ }

.sale-list>li .info-box .price dl dt{ padding:3px 0;margin-bottom:5px;text-align:center;color:#fff;background:#002e73}
.sale-list>li .info-box .price dl dt span{padding-left:8px}
.sale-list>li .info-box .price dl dd{text-align:right}
.sale-list>li .info-box .price dl dd .consultati{text-align:center;padding-top:5px}

.sale-list>li .info-box .price dl.rental{margin-top:10px}
.sale-list>li .info-box .price dl.rental dd{font-size:.75rem}


.sale-list>li .info-box .price .dbtn{ /*position:absolute;bottom:0;right:0;*/ /*width:100%;*/ }
.sale-list>li .info-box .price .dbtn a{display:block;}


@media only screen and ( max-width : 750px ) {

	.sale-list {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.sale-list>li .info-box { display: block; }
	.sale-list>li .info-box .price { width: 100%; }

	.sale-list>li .info-box .price dl { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.sale-list>li .info-box .price dl dt { /*font-size: .75rem;*/ width: 30%; margin: 0; padding: 5px; text-align: left; }
	.sale-list>li .info-box .price dl dt span { display: block; padding-left: 0; }
	.sale-list>li .info-box .price dl dd { padding: 5px; }
	.sale-list>li .info-box .price dl dd .consultati { padding-top: 0; }
	.sale-list>li .info-box .price dl.rental { margin-top: 1px; }
	.sale-list>li .info-box .price .dbtn { position: static; margin-top: 10px; }

	.spec-list th {
		width: 30%;
	}

	.m_tbl_price td,
	.m_tbl_price th {
		padding: 5px;
	}

}


/*
	中古・レンタル詳細
*/
.sale { margin-top: 10px; padding: 15px; border: 1px solid #6c7b8b; }

.info-box dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd
}

.info-box dl dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40%;
	padding: 5px;
	color: #fff;
	background: #3A5FCD
}

.info-box dl dt span {
	padding-left: 8px
}

.info-box dl dd {
	width: 60%;
	text-align: right
}

.info-box dl.rental dd .consultati {
	line-height: 29px
}

.info-box .cvn a {
	display: block
}

.info-box .cvn .form {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.info-box .cvn .line {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.info-box .cvn .line a {
	padding: 15px 40px 15px 15px
}

.info-box .notes {
	font-size: .75rem;
	margin-top: 10px
}

.spec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px 0 0;
}

.spec dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
/*	width: 50%;*/
	width: 33.33333%;
	margin-bottom: 2px
}

.spec dl dd,
.spec dl dt {
	padding: 10px
}

.spec dl dt {
	width: 40%;
	font-weight: 500;
	background: #c7e1fc
}

.spec dl dt span {
	display: block
}

.spec dl dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 60%
}


.bikou {
	margin: 0 0 30px;
}

.bikou dl {
/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
*//
*	width: 50%;*/
/*	width: 33.33333%;*/
/*	margin-bottom: 2px;*/
}

.bikou dl dd,
.bikou dl dt {
	padding: 10px
}

.bikou dl dt {
/*	width: 15%;*/
	font-weight: 500;
/*	background: #ddd*/
}

.bikou dl dd {

/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
*/
/*	width: 100%*/
}

.photo_cmt {
	text-align: right;
	font-size: 80%;
	color: #ff4500;
}


.gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px
}

.gallery>div {
	width: 25%;
	padding: 10px 0 0 10px
}


@media only screen and ( max-width : 750px ) {

	.info-box dl {
		margin-bottom: 5px;
		padding-bottom: 5px
	}
	.info-box dl dt {
		font-size: .75rem;
		display: block;
		width: 110px
	}
	.info-box dl dt span {
		display: block;
		padding-left: 0
	}
	.info-box dl dd {
		text-align: left;
		padding: 5px;
	}
	.info-box dl.rental {
		margin-bottom: 10px;
	}
	.info-box dl.rental dd {
		font-size: .75rem;
	}

	.spec {
		display: block;
		margin: 20px 0 0;
	}
	.spec dl {
		display: table;
		padding: 0;
		width: 100%;
	}
	.spec dl dd,
	.spec dl dt {
		display: table-cell;
		vertical-align: middle;
		padding: 5px;
	}
	.spec dl dt {
		width: 140px;
	}
	.spec dl dd {
		width: auto;
	}

	.bikou dl dd,
	.bikou dl dt {
		padding: 5px;
	}

	.bikou dl dt {
/*		width: 140px;*/
	}
}


.sale-cont {
	width: 50%;

/*	margin-top: 2rem;*/
	margin-top: .5rem;
	text-align: center;
}
.sale-cont-btn {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 7px 10px 10px 10px;
	text-decoration: none;
	color: #FFF;
	background: #a180dc;
	transition: .4s;
}

.sale-cont-btn>span {
	border-bottom: solid 2px #FFF;
}

.sale-cont-btn:hover {
	background: #91b5fb;
}

@media only screen and ( max-width : 750px ) {
	.sale-cont {
		width: 100%;
		margin-top: .5rem;
	}
}


/* レンタルの料金表みたいなの */
.rental-price { border:solid #666666 1px; margin: 1rem auto; }
.rental-price th,
.rental-price td { border:solid #666666 1px; padding: 4px; }
.rental-price thead th { background-color: #e0e0ff; text-align: center; }
.rental-price tbody th { background-color: #e0ffe0; }
.rental-price tbody td { text-align: right; }

.rental-price-cmt { color: #c00000; }



.btn-mv {
	background: #FFA500;/*色*/
	border: solid 2px #FF8C00;/*線色*/

	padding: 1em 6em;

}