/*----------------------
釧路空港連絡バス
Airport Shuttle Bus
2024-10-15
----------------------*/

/*----------------------
言語切替
----------------------*/
ul.lang	{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; }


/*----------------------
釧路空港連絡バス
Airport Shuttle Bus
2024-10-15
----------------------*/
.apwebook	{ display: flex; flex-wrap: wrap; gap: 1em; margin: 2em auto; }
.apwebook>*	{ flex: 1 0 auto; text-align: center; }
.apwebook a	{ padding: 1em; font-size: clamp(9px, 4vw, 16px); ; font-weight: bold; }
.apwebook a	{ color: #fff; background-color: #36d; border-radius: .5em; transition: .2s; }
.apwebook a:hover	{ background-color: #039; text-decoration: none; }

.apwebook a	{ width: fit-content; }


/*------------------------
阿寒エアポートライナー
https://ja.kushiro-lakeakan.com/airportliner/
時刻表
2025-09-19
------------------------*/
/* 上下便切替 */
ul.switch_route	{ margin: auto; padding: 1em 0; }
ul.switch_route	{ display: flex; gap: 1em; justify-content: center; }
ul.switch_route li	{ display: inline-block; padding: .5rem 2rem; border-radius: .5em; cursor: pointer; }
ul.switch_route li	{ color: #569; background-color: #36d2; transition: .2s; }
ul.switch_route li:hover	{ color: #fff; background-color: #039; text-decoration: none; }
ul.switch_route .on	{ color: #fff; background-color: #36d; font-weight: bold; }

.schedule	{}
.schedule table	{ width: 100%; font-size: 14px; text-align: center; }
.schedule tr:nth-child(n+2) th	{ letter-spacing: 0.2em; }
.schedule tr:first-child th	{ letter-spacing: 0.2em; }
/*.schedule tr:first-child td:nth-child(4)	{ width: 23%; }*/
/*.schedule tr:first-child th:first-child		{ width: 22.5%; letter-spacing: 2em; }*/
/*.schedule tr.arrival:first-child th:first-child	{ text-align: center; letter-spacing: 0.1em; background-color: #bdccd4; }*/
.schedule th,
.schedule td	{ padding: 18px 0; border: 1px solid #abc; min-width: 148px; }
.schedule td	{ width: 15.5%; }

.schedule .scroll		{ overflow: auto; white-space: nowrap; }
.schedule table		{ display: none; }
.schedule table.on	{ display: table; }

#schedule01	{ background-color: #f2f2f2; }
#schedule01 tr td:nth-child(2),
#schedule01 tr th:nth-child(2)	{ font-weight: bold; background-color: #d2ebfd; }
#schedule01 tr th:nth-child(2)	{ color: #0071bc; }

#schedule02	{ background-color: #f2f2f2; }
#schedule02 tr td:nth-child(4),
#schedule02 tr th:nth-child(4)	{ font-weight: bold; background-color: #d2ebfd; }
#schedule02 tr th:nth-child(4)	{ color: #0071bc; }

.arrival	{ letter-spacing: 0.1em; }
.arrival,
.arrival th,
#schedule01 tr.arrival td:nth-child(2),
#schedule01 tr.arrival th:nth-child(2),
#schedule02 tr.arrival td:nth-child(4),
#schedule02 tr.arrival th:nth-child(4)	{ background-color: #dde5e9 !important; color: #000; font-weight: normal; }
.arrival th,
.arrival td { text-align: center; letter-spacing: 0 !important; padding: 5px; }
.arrival td { font-size: 12px; }
.arrival p  { line-height: 1.2 !important; }
.arrival p:not(:last-child) { margin-bottom: 5px; }
.arrival p span {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	padding-left: 1em;
	text-indent: -1em;
	box-sizing: border-box;
}
.arrival p .clm_1_1, .arrival p .clm_1_2, .arrival p .clm_1_3, .arrival p .clm_1_4  { width: 63%; margin-right: 5%; }
.arrival p .clm_2_1, .arrival p .clm_2_2, .arrival p .clm_2_3, .arrival p .clm_2_4, .arrival p .clm_2_5 { width: 58%; margin-right: 8%; }
.arrival p .clm_2_6, .arrival p .clm_3_1, .arrival p .clm_3_2, .arrival p .clm_3_3  { width: 58%; margin-right: 8%; }

.arrival p .clm_4_1, .arrival p .clm_4_2, .arrival p .clm_4_3, .arrival p .clm_4_4	{ width: 90px; }
.arrival p .clm_5_1	{ width: 90px; }
.arrival p .clm_6_1, .arrival p .clm_6_2, .arrival p .clm_6_3, .arrival p .clm_6_4, .arrival p .clm_6_5	{ width: 90px; }
.arrival p .clm_8_1, .arrival p .clm_8_2	{ width: 90px; }

.arrival p span span.flt-r	{ padding-left: 0; text-indent: 0; }
.arrival .evening p span span.flt-r { padding-left: 0; text-indent: 0; display: block; float: none; }

.flt-r	{ float: right; }


ul.notes	{ margin-top: 20px; font-size: .8em; color:#d33; }
ul.notes li	{ padding-left: 1em; text-indent: -1em; }
ul.notes li:before { content: '※'; }

ul.dot	{ margin-bottom: 20px; font-size: .8em; color:#d33; }
ul.dot li	{ padding-left: 1em; text-indent: -1em; }
ul.dot li:before { content: '・'; }