/*
 * スクール・親子留学・英会話・ホリデーの個別ページの、幅 768〜1135px の見た目（2026-11-01）。
 * 協業タスク「タブレット幅のレイアウトを作る」。PC の見た目のまま、固定幅を幅に合わせて縮める。右の列（300px）は残す。
 */

/* 幅 1000px 固定の枠 */
#deckA,
#delay-bar > ul,
body > header > div.rapanui,
body > header > ul.michell,
main > article > div.nav > div,
main > article > header > div > p,
main > article > section.form-3,
main > div.o-list,
.modified-date,
body #tmp-kokuti { box-sizing: border-box; width: calc(100% - 32px); max-width: 1000px; }

/* 見出しの段（PC は高さ固定の縦並びで折り返す）。ロゴの右に名前と説明を並べる。ロゴが無いページは 1 列目の幅が 0 になる */
body > header > div.rapanui { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; }
body > header > div.rapanui.ps,
body > header > div.rapanui.oe,
body > header > div.rapanui.sa,
body > header > div.rapanui.ss { height: auto; }
body > header > div.rapanui > div.logo { grid-column: 1; grid-row: 1 / span 2; align-self: stretch; width: 160px; height: auto; min-height: 128px; }
body > header > div.rapanui > h2,
body > header > div.rapanui > div.text,
body > header > div.rapanui > div.logo + div.text,
body > header > div.rapanui.no-logo > h2 { grid-column: 2; width: auto; min-width: 0; }
body > header > div.rapanui > h2 { white-space: normal; }
body > header > div.rapanui > div.text > .loc { white-space: normal; }

/* 本文と右の列 */
/* 幅は計算で決める。flex と max-width で決めると、AdSense が広告を 680px で作り、右の列の下に入り込む */
#deckA > div { flex: none; width: calc(100% - 316px); max-width: none; }
#deckA > aside { flex: 0 0 300px; width: 300px; margin-left: auto; padding-left: 16px; box-sizing: content-box; }
#deckA img { max-width: 100%; height: auto; }
#deckA iframe { max-width: 100%; }
#f-ad1 { min-width: 0; }
main > article > section.form-3 > dl,
div.cnvb.last,
div.paddinarea.last { box-sizing: border-box; width: auto; max-width: 680px; }

/* 表が本文の幅より広い時は、表だけ横に動かす */
@media (max-width: 1023px) {
	#deckA > div table { display: block; overflow-x: auto; max-width: 100%; }
}

/* 上の段のメニュー。名前を折り返さず、入らない時は横に動かす */
main > article > div.nav ul { overflow-x: auto; }
main > article > div.nav ul > li { flex: none; white-space: nowrap; }
main > article > div.nav ul > li ~ li { margin-left: 0; }

/* 一覧の下の特集バナー。個別ページは CSS を head で読むので、後から読み込まれる polybanana に負けないよう body を付ける */
body div.polybanana { box-sizing: border-box; width: 100%; max-width: 970px; }
body div.polybanana > ul > li > div { width: calc(100% - 264px); }
body div.polybanana > ul > li > div > a > div.img { width: 100%; }
body div.polybanana > ul > li > a { margin-left: calc(100% - 264px); }