@charset "UTF-8";
/* font family */
/* fon weight */
/*--------------------------
timetable
時刻表 停車駅一覧
---------------------------*/

.c-heading-lv1 .line_name {
	display: block;
}


/* 停車駅 運行日カレンダー */
.train-calendar__content {
	background-color: #fff;
}
@media (max-width: 750px) {
	.train-calendar__trigger {
		background-color: var(--color-text);
		border-color: var(--color-text);
		color: #fff;
	}
	.train-calendar__trigger::after {
		background: #fff;
		/*-webkit-mask: url("https://www.jreast.co.jp/assets/img/icon/chev-down.svg") no-repeat center/contain;*/
		-webkit-mask: url("../../assets/img/icon/chev-down.svg") no-repeat center/contain;
		/*mask: url("https://www.jreast.co.jp/assets/img/icon/chev-down.svg") no-repeat center/contain;*/
		mask: url("../../assets/img/icon/chev-down.svg") no-repeat center/contain;
	}
}
@media (min-width: 751px) {
	.train-calendar__trigger {
		padding: 0;
		border: none;
		background: transparent;
		text-align: center;
		font-size: 3.6rem;
		pointer-events: none;
	}
	.train-calendar__trigger::after {
		content: "";
		display: none;
	}
	.train-calendar__content {
		margin-top: 50px;
		padding: 40px;
	}
}

.serviceDay .calecaption_01,
.serviceDay .calecaption_02 {
	display: flex;
	align-items: center;
}
.serviceDay .calecaption_01:before,
.serviceDay .calecaption_02:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}
.serviceDay .calecaption_01 {
	margin-bottom: 10px;
}
.serviceDay .calecaption_01:before {
	background: #c1f5f7;
}
.serviceDay .calecaption_02 {
	margin-bottom: 20px;
}
.serviceDay .calecaption_02:before {
	background: #fee3a8;
}
.serviceDay .serviceDayCalendar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.serviceDay .serviceDayCalendar .calendar-month {
	width: 200px;
	border: none;
	border-collapse: separate;
	border-spacing: 6px 3px;
}
.serviceDay .serviceDayCalendar .calendar-month caption {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	margin-bottom: 15px;
}
.serviceDay .serviceDayCalendar .calendar-month tr td {
	border: none;
	text-align: center;
	font-size: 1.2rem;
	width: 1em;
}
.serviceDay .serviceDayCalendar .calendar-month tr td span.weekday {
	color: #333;
}
.serviceDay .serviceDayCalendar .calendar-month tr td span.dayoff {
	color: #ec2424;
}
.serviceDay .serviceDayCalendar .calendar-month tr td.none span.weekday {
	color: #999;
}
.serviceDay .serviceDayCalendar .calendar-month tr td.none span.dayoff {
	color: #ff8d8d;
}
.serviceDay .serviceDayCalendar .calendar-month tr td.ok {
	background-color: #c1f5f7;
	font-weight: var(--fw-sb);
}
.serviceDay .serviceDayCalendar .calendar-month tr td.other {
	background-color: #fee3a8;
}
.serviceDay .serviceDayCalendar .calendar-month tr td span.weekday a {
	color: #333;
	text-decoration: underline;
}
.serviceDay .serviceDayCalendar .calendar-month tr td span.dayoff a {
	color: #eb0000;
	text-decoration: underline;
}
@media (max-width: 750px) {
	.serviceDay .calecaption_01,
	.serviceDay .calecaption_02 {
		display: flex;
		align-items: flex-start;
	}
	.serviceDay .calecaption_01:before,
	.serviceDay .calecaption_02:before {
		margin-right: 3%;
	}
	.serviceDay .calecaption_01 {
		margin-bottom: 3%;
	}
	.serviceDay .calecaption_02 {
		margin-bottom: 10%;
	}
	.serviceDay .serviceDayCalendar {
		display: block;
	}
	.serviceDay .serviceDayCalendar .calendar-month {
		width: 100%;
		border-collapse: separate;
		border-spacing: 3px 6px;
		margin-bottom: 15%;
	}
	.serviceDay .serviceDayCalendar .calendar-month caption {
		padding: 10px 0;
		margin-bottom: 3%;
	}
	.serviceDay .serviceDayCalendar .calendar-month tr td {
		text-align: center;
		font-size: 1.2rem;
		width: 1em;
	}
}

/* 停車駅リスト */
.trainlist {
	width: 100%;
	padding: 10px;
	border: 1px solid var(--color-border);
	background-color: #fff;
}
.trainlist .scroll_train {
	overflow-x: auto;
}
.trainlist .scroll_train::-webkit-scrollbar {
	height: 14px;
}
.trainlist .scroll_train::-webkit-scrollbar-track {
	border-radius: 7px;
	background: #f0f0f0;
}
.trainlist .scroll_train::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background: #008803;
}
.trainlist #tbl_train {
	border-collapse: separate;
	border-spacing: 0;
}
.trainlist #tbl_train.num_train_1 {
	width: 330px;
}
.trainlist #tbl_train.num_train_2 {
	width: 530px;
}
.trainlist #tbl_train.num_train_3 {
	width: 730px;
}
.trainlist #tbl_train.num_train_4 {
	width: 930px;
}
.trainlist #tbl_train.num_train_5 {
	width: 1130px;
}
.trainlist #tbl_train.num_train_6 {
	width: 1330px;
}
.trainlist #tbl_train.num_train_7 {
	width: 1530px;
}
.trainlist tr th, .trainlist tr td {
	padding: 10px 20px;
	vertical-align: middle;
	border: unset;
	line-height: 1.4;
	z-index: 1;
}
.trainlist tr th {
	text-align: center;
	font-weight: bold;
}
.trainlist tr th img, .trainlist tr td img {
	max-width: 100%;
	width: auto;
	vertical-align: middle;
}
.trainlist tr.train th, .trainlist tr.label th {
	background: #E7F8E4;
	border-bottom: 1px solid #ddd;
}
.trainlist tr.train td, .trainlist tr.label td {
	border-bottom: 1px solid #ddd;
}
/*
.trainlist tr.label {
	position: sticky;
	top: 0;
	z-index: 2;
}
*/
.trainlist tr th:first-child {
	position: sticky;
	left: 0;
	border-right: 1px solid #ddd;
	/*border-right: 3px double #ddd;*/
	z-index: 3;
}
.trainlist tr.train th, .trainlist tr.time th.time {
	width: 130px;
}
.trainlist tr.train th a, .trainlist tr.time th.time a {
	display: inline-block;
	text-decoration: none;
	font-weight: var(--fw-sb);
	padding-left: 1.5em;
	/*background: url("https://www.jreast.co.jp/assets/img/icon/chev-cir-right.svg") no-repeat left 0.2em/1em;*/
	background: url("../../assets/img/icon/chev-cir-right.svg") no-repeat left 0.2em/1em;
	transition: color 0.2s;
}
.trainlist tr.train th a:hover, .trainlist tr.time th.time a:hover {
	text-decoration: underline;
}
.trainlist tr.train td {
	width: 200px;
}
.trainlist tr.label th.jikoku, .trainlist tr.time td.time {
	width: 120px;
}
.trainlist tr.label th.bansen, .trainlist tr.time td.platform {
	width: 80px;
}
.trainlist tr.last {
	background: #eeeeee !important;
}
.trainlist tr.last td {
	width: 200px;
	vertical-align: top;
}
.trainlist tr.time:nth-child(odd), .trainlist tr.time:nth-child(odd) th.time {
	background: #f8f8f8;
}
.trainlist tr.time:nth-child(even), .trainlist tr.time:nth-child(even) th.time {
	background: #ffffff;
}
.trainlist tr.last th {
	background: #eeeeee;
}
.trainlist tr.time th {
	text-align: left;
	font-weight: normal;
}
.trainlist tr.train td + td, .trainlist tr.label th.bansen + th.jikoku, .trainlist tr.time td.platform + td.time, .trainlist tr.last td.note + td.note {
	border-left: 1px dashed #ddd;
}
.trainlist tr.time td {
	text-align: center;
}
@media (max-width: 750px) {
	.trainlist .trainlist {
		padding: 10px;
	}
	.trainlist .trainlist .scroll_train {
		transform: scaleY(-1);
	}
	.trainlist .trainlist .scroll_train::-webkit-scrollbar {
		height: 8px;
	}
	.trainlist .trainlist .scroll_train::-webkit-scrollbar-track {
		border-radius: 5px;
	}
	.trainlist .trainlist .scroll_train::-webkit-scrollbar-thumb {
		border-radius: 5px;
	}
	.trainlist .trainlist #tbl_train {
		transform: scaleY(-1);
	}
	.trainlist .trainlist #tbl_train.num_train_1 {
		width: 53vw;
	}
	.trainlist .trainlist #tbl_train.num_train_2 {
		width: 86vw;
	}
	.trainlist .trainlist #tbl_train.num_train_3 {
		width: 119vw;
	}
	.trainlist .trainlist #tbl_train.num_train_4 {
		width: 152vw;
	}
	.trainlist .trainlist #tbl_train.num_train_5 {
		width: 185vw;
	}
	.trainlist .trainlist #tbl_train.num_train_6 {
		width: 218vw;
	}
	.trainlist .trainlist #tbl_train.num_train_7 {
		width: 251vw;
	}
	.trainlist .trainlist tr th, .trainlist .trainlist tr td {
		padding: 3vw;
		font-size: 3.3vw;
	}
	.trainlist .trainlist tr.train th {
		width: 20vw;
	}
	.trainlist .trainlist tr.train td {
		width: 33vw;
	}
	.trainlist .trainlist tr.time th.time {
		width: 20vw;
	}
	.trainlist .trainlist tr.time th {
		text-align: left;
		font-weight: normal;
		border-right: 1px solid #ddd;
		font-size: 3.3vw;
	}
	.trainlist .trainlist tr.time td {
		text-align: center;
		padding: 1.5vw;
	}
	.trainlist .trainlist tr.time td.time {
		width: 23vw;
	}
	.trainlist .trainlist tr.time td.platform {
		width: 10vw;
	}
	.trainlist .trainlist tr.time td img {
		width: 7vw;
	}
	.trainlist .trainlist tr.label th.jikoku {
		width: 23vw;
	}
	.trainlist .trainlist tr.label th.bansen {
		width: 10vw;
	}
	.trainlist .trainlist tr.last td {
		width: 33vw;
	}
}
/*# sourceMappingURL=timetable-trainlist.css.map */