@charset "UTF-8";

/* 車種・料金 */
#t_price { margin: 0px auto 30px auto; padding: 0px; width: 100%; background: #58a2df; display: flex; }
#t_price li { margin: 0px; padding: 5px 0px; }
#t_price img { margin: 0px 5px; padding: 0px; height: auto; }
#t_price li:first-child { width: 15%; text-align: left; }
#t_price li:first-child img { width: 30%; }
#t_price li:nth-child(2) { width: 70%; text-align: center; display: flex; align-items: center; justify-content: center; }
#t_price li:nth-child(2) img { width: 50%; }
#t_price li:last-child { width: 15%; text-align: right; }
#t_price li:last-child img { width: 30%; }

#b_icon { margin: 0px 0px 35px 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#b_icon li { margin: 0px; padding: 10px 15px; width: 25%; }
#b_icon img { margin: 0px; padding: 0px; width: 100%; height: auto; }

#t_class_light { margin: 0px 0px 30px 0px; padding: 5px 0px; width: 100%; text-align: center; background: #ec6d74; }
#t_class_light img { margin: 0px; padding: 0px; width: 20%; height: auto; }
#t_class_passenger { margin: 0px 0px 30px 0px; padding: 5px 0px; width: 100%; text-align: center; background: #8fc31f; }
#t_class_passenger img { margin: 0px; padding: 0px; width: 20%; height: auto; }
#t_class_minivan { margin: 0px 0px 30px 0px; padding: 5px 0px; width: 100%; text-align: center; background: #f39800; }
#t_class_minivan img { margin: 0px; padding: 0px; width: 20%; height: auto; }
#t_class_van { margin: 0px 0px 30px 0px; padding: 5px 0px; width: 100%; text-align: center; background: #b28247; }
#t_class_van img { margin: 0px; padding: 0px; width: 20%; height: auto; }

#t_pay { margin: 0px 0px 30px 0px; padding: 15px 10px; width: 100%; background: #58a2df; }
#t_pay img { margin: 0px; padding: 0px; width: 20%; height: auto; }

/* 料金のお支払方法 */
#pay_data { margin: 0px; padding: 0px; width: 100%; font-size: 16px; line-height: 140%; }
.blue { color: #172a88; font-size: 16px; font-weight: 600; line-height: 140%; }
.red { color: #e60012; font-size: 16px; line-height: 140%; }

.pd  { margin: 0px; padding: 20px 0px; width: 100%; }
.pd dt { margin: 0px; padding: 0px 0px 0px 6px; width: 100%; font-size: 24px; font-weight: 600; line-height: 140%; border-left: solid 8px #58a2df; border-bottom: solid 2px #58a2df; }
.pd dd { margin: 0px; padding: 10px 0px; width: 100%; font-size: 16px; line-height: 140%; }
.pd dd b { font-size: 18px; font-weight: 600; }

/* 車 */
.car_preload { margin: 0px; padding: 0px; display: none; }
.car_type_mob { display: none; }
.car_type_pc { display: block; }
.car_type_pc { margin: 0px 0px 20px 0px; padding: 0px; width: 100%; }
.car_type_pc img { margin: 0px; padding: 0px; width: 70%; height: auto; }

.car { margin: 10px 0px 20px 0px; padding: 0px; width: 100%; position: relative; overflow: hidden; }
.car_img { margin: 0px; padding: 0px; width: 100%; text-align: center; }
.car_img img { margin: 0px; padding: 0px; width: 50%; height: auto; }
.b_back { margin: 0px; padding: 0px; position: absolute; left: 0px; z-index: 99; transition: all 0.35s; cursor: pointer; display: none; }
.b_back:hover { opacity: 0.75; }
.b_back img { margin: 0px; padding: 0px; width: 100%; height: auto; }
.b_next { margin: 0px; padding: 0px; position: absolute; right: 0px; z-index: 100; transition: all 0.35s; cursor: pointer; }
.b_next:hover { opacity: 0.75; }
.b_next img { margin: 0px; padding: 0px; width: 100%; height: auto; }

.car_one { margin: 10px 0px 20px 0px; padding: 0px; width: 100%; text-align: center; overflow: hidden; }
.car_one img { margin: 0px; padding: 0px; width: 50%; height: auto; }

.lis_tag { margin: 0px; padding: 0px; width: 100%; border: solid 2px #ccc; display: flex; align-items: center; }
.lis_tag * { color: #fff; font-size: 16px; font-weight: 600; line-height: 200%; }
.lis_tag dt { margin: 0px; padding: 0px; width: 50%; text-align: center; background: #999; }
.lis_tag dd { margin: 0px; padding: 0px; width: 50%; text-align: center; background: #999; border-left: solid 2px #ccc; }

.lis { margin: 0px; padding: 0px; width: 100%; border-left: solid 2px #ccc; border-right: solid 2px #ccc; border-bottom: solid 2px #ccc; display: flex; }
.lis * { line-height: 200%; }
.lis li:first-child { margin: 0px; padding: 0px; width: 50%; text-align: center; }
.lis li:first-child span { font-size: 16px; font-weight: 600; }
.lis li:first-child b { padding: 0px 3px; font-size: 20px; }
.lis li:first-child small { font-size: 12px; }
.lis li:last-child { margin: 0px; padding: 0px; width: 50%; color: #e60012; font-size: 20px; font-weight: 600; text-align: center; border-left: solid 2px #ccc; }
.lis li:last-child span { padding: 0px 0px 0px 3px; font-weight: normal; }

/* キャンセル料金 */
#cancel { margin: 0px 0px 50px 0px; padding: 0px; width: 100%; }
#t_cancel { margin: 0px; padding: 5px 0px; width: 100%; color: #fff; font-size: 24px; font-weight: 600; line-height: 140%; text-align: center; background: #f8b62d; }
#t_cancel { border: solid 2px #c9c9c9; }
#cancel dl { margin: 0px; padding: 0px; width: 100%; border-left: solid 2px #c9c9c9; border-right: solid 2px #c9c9c9; border-bottom: solid 2px #c9c9c9; display: flex; }
#cancel dt { margin: 0px; padding: 8px 0px 8px 15px; width: 50%; font-size: 18px; background: #ededed; }
#cancel dd { margin: 0px; padding: 8px 0px; width: 50%; color: #e60012; font-size: 18px; text-align: center; border-left: solid 2px #c9c9c9; }
#cancel dd b { padding: 0px 3px 0px 0px; font-size: 26px; }

#etc { margin: 20px 0px 0px 0px; padding: 10px; width: 100%; font-size: 16px; border: solid 2px #c9c9c9; }
#etc div { margin: 0px; padding: 0px; width: 100%; color: #172a88; font-size: 16px; font-weight: 600; }

@media all and (max-width:1000px){
	.br { display: none; }
	
	/* 車種・料金 */
	#t_price { width: 100%; }
	#t_price li:first-child img { width: 50%; }
	#t_price li:nth-child(2) img { width: 100%; }
	#t_price li:last-child img { width: 50%; }
	
	#b_icon { margin: 0px 0px 15px 0px; }
	#b_icon li { width: 50%; }
	#b_icon li:first-child { padding: 0px 5px; }
	#b_icon li:nth-child(2) { padding: 0px 5px; }
	#b_icon li:nth-child(n+3) { padding: 10px 5px; }
	
	#t_pay img { width: 50%; }
	#t_class_light img { width: 50%; }
	#t_class_passenger img { width: 50%; }
	#t_class_minivan img { width: 50%; }
	#t_class_van img { width: 50%; }
	
	/* 料金のお支払方法 */
	#pay_data { font-size: 3.2vw; }
	.blue { font-size: 3.2vw; }
	.red { font-size: 3.2vw; }
	
	.pd  { padding: 10px 0px; }
	.pd dt { font-size: 3.6vw; }
	.pd dd { font-size: 3.2vw; }
	.pd dd b { font-size: 3.4vw; }
	
	/* 車 */
	.car_type_pc { display: none; }
	.car_type_mob { display: block; }
	.car_type_mob { margin: 0px 0px 20px 0px; padding: 0px; width: 100%; }
	.car_type_mob img { margin: 0px; padding: 0px; width: 100%; height: auto; }
	
	.car_img img { width: 70%; }
	.b_back img { width: 70%; }
	.b_next img { width: 70%; }
	
	.car_one img { width: 70%; }
	
	/* キャンセル料金 */
	#t_cancel { padding: 3px 0px; font-size: 3.8vw; }
	#cancel dt { padding: 6px 0px 6px 4px; font-size: 3.2vw; width: 55%; }
	#cancel dd { font-size: 3.4vw; width: 45%; }
	#cancel dd b { font-size: 5.6vw; }

	#etc { font-size 3.2vw; }
	#etc div { font-size: 4.6vw; line-height: 160%; }
}