/* 元テーマ（assets/css/）の上から当てる最低限の修正。
   テーマのCSSは import_original.py で作り直されるので、手で直すときはこのファイルに書く。 */

/* 本文の画像・埋め込みが枠からはみ出さないように（元は幅1024pxなどの画像が切れていた） */
.subpage_bodyR_body img {max-width: 100%; height: auto;}
.subpage_bodyR_body iframe {max-width: 100%;}
/* 本文に直接書かれた長いURLを折り返す（説明会ページの応募リンクなど） */
.subpage_bodyR_body a {overflow-wrap: anywhere;}

/* WordPress 本体のCSSを読まなくなった分の、本文の配置クラス */
.subpage_bodyR_body .aligncenter {display: block; margin-left: auto; margin-right: auto;}
.subpage_bodyR_body .wp-block-image {margin: 0 0 15px;}

/* 本文の見出しの前に間をあける（出版事業部のレーベル紹介などが詰まって見えていた） */
.subpage_bodyR_body p + h3,
.subpage_bodyR_body figure + h3 {margin-top: 40px;}

@media screen and (max-width: 640px) {
	/* インタビュー一覧：common.js が幅を960pxに固定するため、スマホで右側が切れていた */
	.page_interview {width: 100% !important;}

	/* スマホでは見出しが中央寄せなので画像も合わせる */
	.subpage_bodyR_body .wp-block-image {text-align: center;}

	/* 埋め込み動画は横幅いっぱい・16:9 */
	.subpage_bodyR_body iframe {width: 100%; height: auto; aspect-ratio: 16 / 9;}
}