@charset "UTF-8";
/**
 * スマホ表示の崩れの修正（2026-10-12 追加。inc/site-fixes.php で読み込み）
 * 767px以下（テーマのスマホ表示）だけに効かせる
 */
@media only screen and (max-width: 767px) {
	/* ヘッダー2段目（6項目）: 「お知ら/せ」「入/試」のように1文字ずつ折れないよう、文字を少し小さくして1行に収める */
	.header__sub-menu-ul {
		justify-content: space-between;
		padding: 0 8px;
	}
	.header__sub-menu-li {
		flex: 0 0 auto;
	}
	.header__sub-menu-link {
		padding: 6px 2px;
		font-size: clamp(10px, 2.9vw, 12px);
		letter-spacing: 0;
		white-space: nowrap;
	}

	/* 長いページ名・見出し（例: 普通科／MAコース（Music Academics Course））: 折り返しても左右の「—」が画面内に残るようにする */
	.page-basic__heading--bar {
		max-width: calc(100vw - 64px);
		text-align: center;
		word-break: auto-phrase; /* 対応ブラウザ（Chrome等）では文節で折り返す */
	}

	/* コースの写真の上のキャッチ（例: MAコース）: 画面幅で折り返す */
	.page-course__mv-catchy-text {
		max-width: calc(100% - 20px);
		white-space: normal;
	}
}