@charset "utf-8";

/*===cariier===cariier===cariier===
...................................

-------------------------- PC

...................................
===cariier===cariier===cariier===*/
@media screen and (min-width: 600px), print {

	.pc_none,
	.pctb_none,
	.sp_only,
	.tb_only {
		display: none !important;
	}

	a {
		transition: var(--default-transition);
	}

	a:before,
	a:after {
		transition: var(--default-transition);
	}

	a:hover {
		text-decoration: none;
		opacity: var(--hover-opacity);
	}
.m_map {
	height: 500px;
}
}

/*===cariier===cariier===cariier===
...................................

-------------------------- 複合

...................................
===cariier===cariier===cariier===*/
@media screen and (min-width: 600px) and (max-width: 1400px) {
    .m_timetable {
		--col-size: 9.6%;
    }
}


/*===cariier===cariier===cariier===
...................................

-------------------------- SP ONLY

...................................
===cariier===cariier===cariier===*/

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

	.pc_only,
	.pctb_only,
	.sp_none,
	.tb_only {
		display: none !important;
	}

	html {
		font-size: 2.6667vw;
	}

	.m_col_ml_sp {
		--gap-col: 4.5rem;
		--gap-row: 4.5rem;
	}

	.m_table_scroll:before {
		content: "※表は横スクロールできます";
		font-size: 1.4rem;
		position: relative;
		left: 0;
		margin-bottom: 1rem;
		display: block;
	}

	.m_table_scroll {
		overflow-x: auto;
		padding-bottom: 2.5rem;
		margin-top: 2.7rem;
	}

	.m_table_scroll > div {
        /* padding-right: 2.5rem; */
        width: fit-content;
	}

	.m_table_scroll table {
		margin-top: 0;
		width: 150vw;
		table-layout: fixed;
		margin: 0;
	}

	.m_table_scroll_m table {
		width: 190vw;
	}

	.m_table_scroll_s table {
		width: 150vw;
	}

	.m_table_scroll_ss table {
		width: 130vw;
	}

	.m_table_scroll_110 table {
		width: 110vw;
	}

	.m_table_scroll_120 table {
		width: 120vw;
	}

	.m_table_scroll_130 table {
		width: 130vw;
	}

	.m_table_scroll_140 table {
		width: 140vw;
	}

	.m_table_scroll_150 table {
		width: 150vw;
	}

	.m_table_scroll_160 table {
		width: 160vw;
	}

	.m_table_scroll_170 table {
		width: 170vw;
	}

	.m_table_scroll_180 table {
		width: 180vw;
	}

	.m_table_scroll_190 table {
		width: 190vw;
	}

	.m_table_scroll_200 table {
		width: 200vw;
	}

	.m_table_scroll_210 table {
		width: 210vw;
	}

	.m_table_scroll_220 table {
		width: 220vw;
	}

	.m_table_scroll_230 table {
		width: 230vw;
	}

	.m_table_scroll_240 table {
		width: 240vw;
	}

	.m_table_scroll_250 table {
		width: 250vw;
	}

	.m_table_scroll_260 table {
		width: 260vw;
	}

	.m_table_scroll_270 table {
		width: 270vw;
	}

	.m_table_scroll_280 table {
		width: 280vw;
	}

	.m_table_scroll_290 table {
		width: 290vw;
	}

	.m_table_scroll_300 table {
		width: 300vw;
	}

	.m_table_scroll .m_timetable {
		width: 200vw;
	}

	.m_col02_sp {
		--col: 2;
	}

	:where(.l_under_content) table:where(:not(.no_default)) tbody tr:not(:has(*:nth-child(n + 3))) td {
		width: 63%;
	}

	:where(.l_under_content) table:where(:not(.no_default)) tbody tr:not(:has(*:nth-child(n + 3))) th {
		width: 37%;
	}


	:where(.l_under_content) table:where(:not(.no_default)).th10_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th10_sp thead th:first-of-type {
		width: 10% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th20_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th20_sp thead th:first-of-type {
		width: 20% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th30_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th30_sp thead th:first-of-type {
		width: 30% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th40_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th40_sp thead th:first-of-type {
		width: 40% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th50_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th50_sp thead th:first-of-type {
		width: 50% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th60_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th60_sp thead th:first-of-type {
		width: 60% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th70_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th70_sp thead th:first-of-type {
		width: 70% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th80_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th80_sp thead th:first-of-type {
		width: 80% !important;
	}
	
	:where(.l_under_content) table:where(:not(.no_default)).th90_sp tbody th,
	:where(.l_under_content) table:where(:not(.no_default)).th90_sp thead th:first-of-type {
		width: 90% !important;
	}
	
	
	:where(.l_under_content) table:where(:not(.no_default)):is(.th10_sp,.th20_sp,.th30_sp,.th40_sp,.th50_sp,.th60_sp,.th70_sp,.th80_sp,.th90_sp) tbody td,
	:where(.l_under_content) table:where(:not(.no_default)):is(.th10_sp,.th20_sp,.th30_sp,.th40_sp,.th50_sp,.th60_sp,.th70_sp,.th80_sp,.th90_sp) thead th:nth-of-type(n+2) {
		width: auto !important;
	}
}