@charset "utf-8";

.fareList li {
	margin: 0 0 20px;
}
.fareList li:nth-child(odd) {
	float: left;
}
.fareList li:nth-child(even) {
	float: right;
}
.fareList li a {
	display: block;
	text-decoration: none;
	position: relative;
	padding-left: 80px;
	width: 340px;
	border: solid 1px #52ae1d;
}
.fareList.enjoyList li {
	float: none;
}
.fareList.enjoyList li a {
	width: 100%;
}
.fareList li a:hover {
	opacity: 0.7;
}
.fareList li a:before {
	content: "";
	width: 80px;
	height: 80px;
	margin-top: -40px;
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 50%;
	left: 0;
}
.fareList li a.icoB75:before { background-image: url(../img/fare/icon_bargain75_1903.png);}
.fareList li a.icoB60:before { background-image: url(../img/fare/icon_bargain60_1903.png);}
.fareList li a.icoB35:before { background-image: url(../img/fare/icon_bargain35_1903.png);}
.fareList li a.icoB28:before { background-image: url(../img/fare/icon_bargain28_1903.png);}
.fareList li a.icoB14:before { background-image: url(../img/fare/icon_bargain14_1903.png);}
.fareList li a.icoT7:before { background-image: url(../img/fare/icon_tokuuri7_1903.png);}
.fareList li a.icoT3:before { background-image: url(../img/fare/icon_tokuuri3_1903.png);}
.fareList li a.icoT1:before { background-image: url(../img/fare/icon_tokuuri1_1903.png);}
.fareList li a.icoVisit:before { background-image: url(../img/fare/icon_visitjapan_1903.png);}
.fareList li a.icoEnjoy:before {
	background-image: url(../img/fare/icon_enjoyjapan_1903.png);
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin-top: 0;
}
.fareList li a.icoKakekomi:before { background-image: url(../img/fare/icon_kakekomi_1903.png);}
.fareList li a.icoShareholder:before { background-image: url(../img/fare/icon_shareholder_1903.png);}
.fareList li a.icoCard:before { background-image: url(../img/fare/icon_solaseedcard_1903.png);}
.fareList li a.icoCardEx:before { background-image: url(../img/fare/icon_solaseedcard_ex_1903.png);}
.fareList li a.icoJunior:before { background-image: url(../img/fare/icon_junior_1903.png);}
.fareList li a.icoSenior:before { background-image: url(../img/fare/icon_senior_1903.png);}
.fareList li a.icoOneway:before { background-image: url(../img/fare/icon_oneway_1903.png);}
.fareList li a.icoChild:before { background-image: url(../img/fare/icon_child_1903.png);}
.fareList li a.icoSpecial:before { background-image: url(../img/fare/icon_special_1903.png);}
.fareList li a.icoDisability:before { background-image: url(../img/fare/icon_disability_1903.png);}
.fareList li a.icoNursing:before { background-image: url(../img/fare/icon_nursing_1903.png);}
.fareList li a.icoSolashima:before { background-image: url(../img/fare/icon_solashima_1903.png);}
.fareList li a .txtArea {
	display: table;
	background-color: #52ae1d;
	color: #fff;
	font-size: 12px;
	width: 100%;
	height: 80px;
	padding: 0 10px 0 20px;
}
.fareList li a .txtArea .txtAreaIn {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
	background-image: url(../img/sub/icon_subtit.png);
	background-size: 9px 14px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}
.fareList li a .txtArea .txtAreaIn .tit {
	font-size: 23px;
	font-weight: bold;
	display: block;
	line-height: 1.2;
}
.fareList li a.icoRound .txtArea .txtAreaIn .sup {
	color: #f00;
	vertical-align: top;
}
.cautionW {
	border: 1px solid #e3e4e2;
	padding: 15px 20px;
}

@media screen and (min-width: 601px) {
	.en.fare.price.normal table .listDot li,
	.en.fare.price.child table .listDot li,
	.en.fare.price.fare_child_nochange table .listDot li,
	.en.fare.price.bargain14 table .listDot li,
	.en.fare.price.tk1 table .listDot li,
	.en.fare.price.tk3 table .listDot li,
	.en.fare.price.tk7 table .listDot li,
	.en.fare.price.senior65 table .listDot li,
	.en.fare.price.disability table .listDot li,
	.en.fare.price.nursing table .listDot li,
	.en.fare.price.yourth table .listDot li,
	.en.fare.price.cardex table .listDot li,
	.en.fare.price.shareholder table .listDot li {
		background-position: 4px 0;
	}
	.fare.index .fIndex p {
		font-size: 18px;
	}
	.fareList li a.icoKakekomi .txtArea .txtAreaIn .tit {
		font-size: 20px;
	}
	.en .fareList li a.icoShareholder .txtArea .txtAreaIn .tit{
		font-size: 17px;
	}
	.fareList li a.icoCard .txtArea .txtAreaIn .tit,
	.fareList li a.icoCardEx .txtArea .txtAreaIn .tit {
		font-size: 19px;
	}
	.fareList li a.icoOneway .txtArea .txtAreaIn .tit {
		font-size: 21px;
	}
	.kr.fare.index .fareList li a.icoShareholder .txtArea .txtAreaIn .tit {
		font-size: 22px;
	}
}
@media screen and (max-width: 600px) {
	.fareList li {
		width: 100%;
		margin: 0 0 10px;
	}
	.fareList li a {
		width: 100%;
		padding-left: 69px;
	}
	.fareList li a:before {
		width: 69px;
		height: 69px;
		background-size: 69px 69px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		margin-top: 0;
	}
	.fareList li a .txtArea { height: 69px;}
	.fareList li a.icoEnjoy .txtArea,
	.fareList li a.icoShareholder .txtArea{
		height: 90px;
	}
	.fareList li a .txtArea .txtAreaIn {
		font-size: 11px;
		line-height: 1;
	}
	.fareList li a .txtArea .txtAreaIn .tit {
		font-size: 18px;
	}
	.cautionW {
		padding: 5px;
	}
	.fare.price.normal .tbDetail td {
		text-align: left;
	}
}