/*
 * 一覧・プリスクール TOP など page-v3 のページの、幅 768〜1135px の見た目（2026-10-31）。
 * 協業タスク「タブレット幅のレイアウトを作る」。PC の見た目のまま、固定幅を幅に合わせて縮める。
 * 読み込みは v6/footer-css-768.html（media で幅を限っている）。幅 1136px 以上と幅 767px 以下には効かない。
 * 最初の画面の枠（ヘッダー・main > div）は page-v3-firstview の方にある。ここはその後に読むものの上書き。
 */

/* 写真・本文の枠 */
main img { max-width: 100%; height: auto; }
main > div > section.seo-con { box-sizing: border-box; width: 100%; }

/* 学校カード（写真 + 本文） */
main > div > section > section.ps > a,
main > div > section > section.sa > a,
main > div > section > section.hp > a,
main > div > section > section.oe > a { width: 32%; }
main > div > section > section.ps > div,
main > div > section > section.sa > div,
main > div > section > section.hp > div,
main > div > section > section.oe > div { flex: 1 1 0; width: auto; min-width: 0; }

/* 特集の 2 枚 */
main > div > section.feature a:first-of-type section,
main > div > section.feature a:nth-of-type(2) section { width: 100%; }
main > div > section.feature a:first-of-type { flex: 432 1 0; min-width: 0; margin-right: 8px; }
main > div > section.feature a:nth-of-type(2) { flex: 536 1 0; min-width: 0; }

/* 一覧の下の特集バナー（polybanana） */
div.polybanana { box-sizing: border-box; width: 100%; max-width: 970px; }
div.polybanana > ul > li > div { width: calc(100% - 264px); }
div.polybanana > ul > li > div > a > div.img { width: 100%; }
div.polybanana > ul > li > a { margin-left: calc(100% - 264px); }

/* フッター */
body > footer.v3 > div.patrn1 > div,
footer.v3 div.patrn2 dl,
body > footer.v3 > div.glolea > dl { box-sizing: border-box; width: calc(100% - 32px); max-width: 1000px; }
body > footer.v3 img { max-width: 100%; height: auto; }

/* フッターのサイトマップ。PC は高さ固定で列に折り返すので、幅が足りない時は 3 列の段組みにする */
@media (max-width: 1023px) {
	body > footer.v3 > div.general > div { display: block; height: auto; column-count: 3; column-gap: 16px; padding-inline: 16px; }
	body > footer.v3 > div.general dl { break-inside: avoid; margin-top: 0; }
}

/* ホリデープログラムの一覧のカード（hp-v7） */
section.hp-v7 { box-sizing: border-box; width: calc(100% - 24px); }
section.hp-v7 > div:nth-of-type(2) { flex: 1 1 0; min-width: 0; }
@media (max-width: 1023px) {
	section.hp-v7 > div:first-of-type { flex-shrink: 0; width: 280px; height: 280px; }
	section.hp-v7 > div:first-of-type > div:not(:first-of-type) { width: 140px; }
}

/* 学校名は省略せず折り返す */
main > div > section > section.ps > div > h3,
main > div > section > section.sa > div > h3,
main > div > section > section.oe > div > h3 { white-space: normal; }