@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	弥彦・岩室温泉ライナー

//////////////////////////////////////////////////////////////////////////////*/

/** 共通ファイルの継承 **/
@import url( "../../../css/common.css" );

/*------------------------------------------------------------------------------

	contents

------------------------------------------------------------------------------*/

main .inspan h4 {
	text-align: center;
}

main .inspan thead th:first-child, main .inspan tbody th {
	width: 40%;
}

main thead th:first-child {
    background-color: transparent;
    line-height: 1;
    color: inherit;
}

main table thead tr:nth-child(2) th:nth-child(1) {
	background-color: rgba(47,60,69,.65);
	text-align: center;
	color: #FFF;
	width: 30%;
}

main table thead tr:nth-child(2) th:nth-child(2) {
	width: 30%;
}

main .outbound thead th:not(:first-child),
main .outbound tbody td:not(:first-child),
main .return thead th:not(:first-child),
main .return tbody td:not(:first-child) {
	text-align: center;
}

main .outbound .guide,
main .return .guide {
	text-align: right;
	font-size: .875em;
}

main .gmap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 69%;
}

main .gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

.ja main .inspan .timetable_box > section {
    width: 100%;
}

}

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

main .outbound .guide,
main .return .guide {
	text-align: center;
}

main .fee tbody td {
	text-align: left;
}

#content main .inspan table tbody th {
    width: 18%;
	line-height: 1.4;
	text-align: center;
}

#content main .outbound table tbody th,
#content main .return table tbody th {
	text-align: left;
}

}

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


#content main .inspan table tbody th span {
   display: block;
}
}