@charset "utf-8";

/*** Access Styles ***/



/* Common
------------------------------------------------------------- */

a[data-fancybox] img {
	border: 1px solid #d5d5d5;
}



/* Route
------------------------------------------------------------- */

.route_cont_box {
	margin-bottom: 40px;
}

.route_cont_box:last-child {
	margin-bottom: 0;
}

.route_cont_box > h3 {
	margin-bottom: 30px;
}

.img_route_subs {
	display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 40px;
}

.img_route_subs > div > h4 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	background-color: #666;
	padding: 0 15px;
	margin-bottom: 10px;
	width: fit-content;
	border-radius: 20px;
}



/* Route (Text)
------------------------------------------------------------- */

.txt_route_wrapper {
	margin-bottom: 60px;
}

.txt_route {
	width: auto;
	max-width: calc(100% - 20px);
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 40px;
	padding: 30px 15px 15px 15px;
	margin: -33px 0 10px 20px;
	white-space: nowrap;
	overflow-x: scroll;
	border: 2px solid #e5e5e5;
}

.txt_route > p {
	margin-bottom: 20px;
}

.txt_route > p:last-child {
	margin-bottom: 0;
}

.txt_route span {
	display: inline-block;
	white-space: nowrap;
	line-height: 28px;
	vertical-align: middle;
	margin: 0 5px;
	padding: 0 8px 0 4px;
	border-radius: 4px;
}

.txt_route span::before {
/*
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 3px;
*/
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.1em;
	vertical-align: -0.4em;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.txt_route span.place {
	border: 2px solid #a5a5a5;
	background-color: #fff5e4;
	line-height: 32px;
	padding: 0 8px;
	border-radius: 0;
	font-size: 1.7rem;
	font-weight: 500;
}

.txt_route span.place::before {
	display: none;
}

.txt_route span.ic {
	background-color: #d0d0d0;
	padding: 0 8px;
}

.txt_route span.ic::before {
	display: none;
}

.txt_route span.train {
	background-color: #ccf0d0;
}

.txt_route span.train::before {
/*	content: "\f238";	*/
	background-image: url(../img/icon_access_train.svg);
}

.txt_route span.bullet {
	background-color: #ccf0d0;
}

.txt_route span.bullet::before {
	background-image: url(../img/icon_access_bullet.svg);
}

.txt_route span.train2 {
	background-color: #ccc8eb;
}

.txt_route span.train2::before {
/*	content: "\f239";	*/
	background-image: url(../img/icon_access_train.svg);
}

.txt_route span.bus {
	background-color: #fad1dc;
}

.txt_route span.bus::before {
/*	content: "\f207";	*/
	background-image: url(../img/icon_access_bus.svg);
}

.txt_route span.car {
	background-color: #ffd399;
}

.txt_route span.car::before {
/*	content: "\f1b9";	*/
	background-image: url(../img/icon_access_car.svg);
}


/* for SmallSize
--------------------------------------------------------------------------------- */
@media print, screen and (min-width:360px) {



}





/* for MiddleSize(480-)
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:640px) {



}





/* for MiddleSize
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:788px) {



}





/* for LargeSize
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:980px) {

	/* Route
	------------------------------------------------------------- */

	.route_cont_box {
		margin-bottom: 60px;
	}


}





/* for LargeSize
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:1080px) {



}





/* for ExtraLargeSize
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:1280px) {



}





/*** Print Styles ***/

@media print {

	/* Common
	------------------------------------------------------------- */

	.page_break {
		page-break-before: always !important;
	}


	/* Route (Text)
	------------------------------------------------------------- */

	.txt_route_wrapper {
		break-inside: avoid;
	}

	.txt_route {
		line-height: 36px;
		white-space: wrap;
		overflow-x: visible;
	}


}