@charset "utf-8";

/***************************************************************

	/kojin/tenpo_atm/parking/index.html

***************************************************************/
/* jsParkingMessageContentClone */
.jsParkingMessageContentClone {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: absolute;
	left: -9999px;
	overflow: hidden;
}

/* parkingPaidIcon01 */
.parkingPaidIcon01 {
	display: inline-flex;
	vertical-align: middle;
}

/* parkingTable */
.informationWrap .parkingTable.informationTable {
	table-layout: auto;
}
.informationWrap .parkingTable.informationTable tr:first-child th > span {
	position: relative;
	display: block;
	padding-left: 50px;
	font-size: 3.2rem;
}
.informationWrap .parkingTable.informationTable .informationParkingIcon01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
	margin-top: 9px;
}

/* parkingNameArea */
.parkingNameArea {
	min-height: 40px;
}

/* parkingPricingPlans */
*[class*="parkingPricingPlans"] {
	display: inline-block;
	padding: 6px 8px;
	border-radius: 4px;
	font-size: 1.6rem;
	color: #fff;
	line-height: 1;
}
/* 有料 */
.parkingPricingPlans01 {
	background-color: #db3838;
}
/* 無料 */
.parkingPricingPlans02 {
	background-color: #268acc;
}
/* 条件付無料 */
.parkingPricingPlans03 {
	background-color: #268acc;
}

@media (min-width: 768px) {
	.informationWrap .parkingTable.informationTable tr:first-child th {
		padding: 72px 0 16px;

	}
	.informationWrap .parkingTable.informationTable th {
		width: 210px;
	}
}

@media all and (max-width: 767px) {
	/***************************************************************

	/kojin/tenpo_atm/parking/index.html

	***************************************************************/
	/* parkingTable */
	.informationWrap .parkingTable.informationTable tr:first-child {
		padding: 36px 0 16px;
	}
	.informationWrap .parkingTable.informationTable tr:first-child th > span {
		font-size: 2.2rem;
	}
	.informationWrap .parkingTable.informationTable tr:first-child th > span::before {
		margin-top: -2px;
	}
	.informationWrap .parkingTable.informationTable .informationParkingIcon01 {
		margin-top: 0;
	}
	/* generalParkingPrice */
	.generalParkingPrice {
		position: relative;
	}
	.generalParkingPrice [class*="parkingPricingPlans"] {
		position: absolute;
		top: 0.9em;
		left: 5.5em;
	}
	/* parkingPricingPlans */
	*[class*="parkingPricingPlans"]::after {
		padding: 4px 8px;
	}
}