@charset "UTF-8";

.btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.btns_item {
	display: flex;
	align-items: center;
	width: 49%;
	margin-top: 2%;
	padding: 15px 15px;
	border-left: 12px solid;
	box-sizing: border-box;
	color: inherit;
	line-height: 1.4;
	text-decoration: none;
	transition: opacity 0.3s;
}

.btns_item:hover {
	opacity: 0.75;
}

.btns_item.-btn01 {
	border-color: #004791;
	background: #3c7abb;
	color: #ffffff;
}

.btns_item.-btn02 {
	border-color: #57b4d8;
	background: #cfdbe0;
}

.btns_item.-btn03 {
	border-color: #a1c4de;
	background: #edf1f4;
}

.btns_item.-btn04 {
	border-color: #25654d;
	background: #3c896b;
	color: #ffffff;
}

.btns_item.-btn05 {
	border-color: #328364;
	background: #bbd6cb;
}

.btns_item.-btn06 {
	border-color: #97c0b0;
	background: #e0ece8;
}

.btns_item.-btn07 {
	border-color: #bf473d;
	background: #f77267;
	color: #ffffff;
}

.btns_item.-btn08 {
	border-color: #f77267;
	background: #fbbfba;
}

.btns_item.-btn09 {
	border-color: #fbbfba;
	background: #feecea;
}

.btns_item:before {
	content: "";
	display: block;
	flex-shrink: 0;
	width: 32px;
	margin-right: 15px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.btns_item.-btn01:before,
.btns_item.-btn04:before,
.btns_item.-btn07:before {
	filter: invert(1);
}

.btns_item.-xlsx:before {
	height: 25px;
	background-image: url("https://www.alpen-route.com/timetable/img2202/img-icon-tt.svg");
}

.btns_item.-pdf:before {
	height: 28px;
	background-image: url("https://www.alpen-route.com/timetable/img2202/img-icon-pdf.svg");
}

.btns_item.-blank:before {
	height: 20px;
	background-image: url("https://www.alpen-route.com/timetable/img2202/img-icon-blank.svg");
}

.btns_item_wrap {
	text-align: left;
}

.btns_item_ttl {
	font-weight: bold;
	font-size: 18px;
}

.btns_item_text {
	font-size: 16px;
}

/* タブレット以下設定 */

@media screen and (max-width:999px) {
}

@media screen and (max-width:639px) {
	.btns {
		display: block;
	}

	.btns_item {
		width: 100%;
		margin-top: 10px;
		padding: 12px;
	}

	.btns_item:hover {
	}

	.btns_item.-btn01 {
	}

	.btns_item.-btn02 {
	}

	.btns_item.-btn03 {
	}

	.btns_item:before {
		margin-right: 10px;
	}

	.btns_item.-pdf:before {
	}

	.btns_item.-blank:before {
	}

	.btns_item_wrap {
	}

	.btns_item_ttl {
		font-size: 15px;
	}

	.btns_item_text {
		font-size: 13px;
	}
}