@CHARSET "UTF-8";

#content .linkSubButton {
	width: 180px !important;
	height: auto !important;
	margin-bottom: 5px !important;
}

#useInfoInput .people {
	width: 20% !important;
	font-size: 2.0rem !important;
}

#useInfoInput .seatCondition {
	line-height: 25px !important;
}

.train .nameRow {
	display :flex !important;
	line-height: unset !important;
}

.train .nameRow .img {
	width: 50px !important;
	height: 50px !important;
	margin: 0px 10px 10px 0px !important;
}

.train .train001S {
	background-repeat: no-repeat !important;
}

.nameRange {
	width: 100% !important;
	margin-left: 0px !important;
}

.train .nameRow .name {
	vertical-align: unset !important;
	margin-top: 10px !important;
    margin-left: 10px !important;
}

.train .operation .vacancy {
	height: 35px !important;
	line-height: 8px !important;
	padding: 14px 0px !important;
	width: 140px !important;
}

.train .operation .suspended {
	height: 35px !important;
	line-height: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.train .station .name {
	width: 100% !important;
}

.train .station .time {
	width: 110px !important;
}

.iconCircle {
	margin-top: -8px !important;
	margin-left: 5px !important;
}

.iconCross {
	margin-top: -2px !important;
	margin-left: 8px !important;
}

.iconTriangle-or::before, .iconTriangle-or::after {
	margin-top: -11px !important;
	margin-left: -5px !important;
}

.train .operation .info {
	width: 290px !important;
}

.buy .buyBtn2 {
	height: 45px !important;
	display :flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.titleSub .titleSubBtn {
	width: 100px !important;
}

.titleSub .refresh {
	height: 25px !important;
	line-height: 13px !important;
	width: 140px !important;
	margin-top: -2px !important;
	margin-right: 5px !important;
}

#useInfoInput .peopleType{
	 width: 75px !important;
}

#useInfoInput-wheelChair .peopleType{
	width: 240px !important;
}

@media screen and (min-width: 700px) {

	#content .linkSubButton {
		width: 340px !important;
		margin-bottom: 0px !important;
	}

	.buy .buyBtn2 {
		height: 75px !important;
	}

	.trainList .train {
		padding: 10px 25px !important;
		display :flex !important;
	}

	.train .nameRow {
		margin-bottom: 10px !important;
	}

	.train .nameRow .name {
		line-height: unset !important;
		vertical-align: unset !important;
		margin-top: 0px !important;
	    margin-left: 0px !important;
		font-size: 2.0rem !important;
	}

	.station .arrival {
		margin-top: 0px !important;
	}

	.train .operation .vacancy {
		line-height: 25px !important;
		width: 160px !important;
		height: 95px !important;
		padding: 20px 0px !important;
	}

	.train .operation .suspended {
		width: 345px !important;
	}

	.train .operation .info {
		width: 450px !important;
	}

	.train .buy .nonMember {
 	   line-height: 25px !important;
 	   height: 75px !important;
	}

	.iconCircle {
		margin-top: 0px !important;
		margin-left: 5px !important;
	}

	.iconCross {
		margin-top: 3px !important;
		margin-left: 5px !important;
	}

	.iconTriangle-or {
		margin-top: 15px !important;
		margin-left: 10px !important;
	}

	.train .trainInfo {
		width: 400px !important;
	}

	.titleSub .titleSubBtn {
		width: 115px !important;
	}

	.titleSub .refresh {
		height: 36px !important;
		line-height: 36px !important;
		width: 305px !important;
		margin-top: unset !important;
		margin-right: 20px !important;
	}
}