@charset "utf-8";

/* -----------------------------------------
	/ticket/
----------------------------------------- */

@media (max-width: 750px) {
	.c-heading-lv1__icon.un-spiconup {
		padding-left: 0;
		padding-top: 60px;
		background-position: center top;
	}
}

.un-searchbox {
	background: #fff;
	border-radius: 20px;
	padding: 40px 20px;
}

.un-searchbox-inner {
	margin-top: 30px;
}

.un-searchbox-keyword {
	display: flex;
	height: 100%;
	gap: 8px;
	padding: 30px 15px;
	background: #F7F7F7;
	border-radius: 10px;
}

.un-searchbox-keyword-01 {
	width: calc( 100% - 66px );
}

.un-searchbox-keyword-01::after {
	position: absolute;
	display: block;
	z-index: 2;
	width: 20px;
	height: 20px;
	top: calc( 50% - 10px);
	right: 10px;
	content: "";
	background: url(/assets/img/icon/search.svg) no-repeat center center / contain;
}

.c-input > input.un-searchbox-keyword-01-input {
	padding: 14px 36px 14px 16px;
	position: relative;
}

@media (max-width: 750px) {
	.c-input > input.un-searchbox-keyword-01-input::placeholder {
	 font-size: 10px;
	}
}

.un-searchbox-keyword-02 {
	width: 58px;
	background-color: #008803;
	border-radius: 3px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}

@media (min-width: 751px) {

	.un-searchbox {
		border-radius: 50px;
		padding: 60px 40px;
	}

	.un-searchbox-inner {
		margin-top: 50px;
	}

	.un-searchbox-keyword {
		gap: 10px;
		padding: 30px 40px;
	}

	.un-searchbox-keyword-01 {
		width: calc( 100% - 110px );
	}

	.un-searchbox-keyword-01::after {
		position: absolute;
		display: block;
		z-index: 2;
		width: 32px;
		height: 32px;
		top: calc( 50% - 16px);
		right: 20px;
		content: "";
		background: url(/assets/img/icon/search.svg) no-repeat center center / contain;
	}

	.c-input > input.un-searchbox-keyword-01-input {
		padding: 21px 60px 21px 16px;
	}

	.un-searchbox-keyword-02 {
		width: 100px;
		font-size: 2.0rem;
	}

}

.c-table.un-tickets-table-01 th.c-table__title {
	background-color: var(--color-bg-suica-beige);
}

.c-table.un-tickets-table-01 tbody th {
	text-align: left;
	vertical-align: top;
}

.un-tickets-table-01-text01 {
	display: block;
	margin-top: 8px;
	font-weight: 400;
}

@media (min-width: 751px) {

	.c-grid.c-grid--2up.un-tickets-grid-01 {
		justify-items: center;
		grid-template-columns: none;
	}

	.c-grid.un-tickets-grid-01 .c-grid__item {
		width: calc( 50% - 20px );
	}

}

/* from travel */

.travel-kippusearch__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}
.travel-kippusearch__select {
	margin-top: 20px;
}
.travel-kippusearch__select label {
	display: block;
	margin-bottom: 10px;
}
.travel-kippusearch__date {
	margin-top: 20px;
}
.travel-kippusearch__date__input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.travel-kippusearch__date__md {
	margin-top: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}
@media (min-width: 751px) {
	.travel-kippusearch__inner {
		grid-template-columns: repeat(3, 1fr);
	}
}