@charset "UTF-8";
/*
 * ブロックエディタで書いた記事（お知らせ）の本文の見た目。
 * 段落・見出し・リスト・表はテーマ（common.css の .single_content）の指定をそのまま使う。
 * ここでは、テーマの指定と WordPress のブロックの CSS がぶつかるところを直し、テーマに無い要素（引用・ボタン・区切り線・ギャラリー等）を足す。
 * 旧エディタで書いた記事にも figure・hr 等があるので（プレスリリースの転載など）、ブロックの class（wp-block-…）が付いたものだけを指定する
 */

/* 画像。テーマの .aligncenter（display: block）でブロックの表示（display: table）が消え、キャプションが1文字幅に縮むため、キャプションを普通の段落として出す */
body#news #contents .single_content .wp-block-image,
body#news #contents .single_content .wp-block-table {
	margin: 0 0 1.333em 0;
}
body#news #contents .single_content .wp-block-image figure {
	margin: 0;
}
body#news #contents .single_content .wp-block-image:last-child,
body#news #contents .single_content .wp-block-table:last-child {
	margin-bottom: 0;
}
body#news #contents .single_content .wp-element-caption {
	display: block;
	margin: 0.5em 0 0 0;
	font-size: 0.75em;
	line-height: 1.5;
	color: #999999;
	text-align: center;
}
body#news #contents .single_content .alignleft .wp-element-caption,
body#news #contents .single_content .alignright .wp-element-caption {
	text-align: left;
}

/* ギャラリー。テーマの img { width: auto } で画像が枠いっぱいに並ばなくなるため、ブロックの指定に戻す */
body#news #contents .single_content .wp-block-gallery {
	margin: 0 0 1.333em 0;
}
body#news #contents .single_content .wp-block-gallery figure {
	margin: 0;
}
body#news #contents .single_content .wp-block-gallery img {
	width: 100%;
}

/* 引用 */
body#news #contents .single_content .wp-block-quote {
	margin: 0 0 1.333em 0;
	padding: 0.5em 0 0.5em 1em;
	color: #555555;
	border-left: 3px solid #cdd7de;
}
body#news #contents .single_content .wp-block-quote cite {
	display: block;
	margin-top: 0.5em;
	font-size: 0.75em;
	font-style: normal;
	color: #999999;
}

/* 表（線の色・余白はテーマの表と同じ。ブロックの見出し行の太線は付けない） */
body#news #contents .single_content .wp-block-table thead {
	border-bottom: none;
}
body#news #contents .single_content .wp-block-table table {
	margin: 0;
}

/* カラム・メディアと文章。テーマは本文中の div に下の余白と回り込み解除（:after）を付けているので、横並びの部品では外す */
body#news #contents .single_content .wp-block-columns {
	gap: 1.333em 2em;
}
body#news #contents .single_content .wp-block-columns:after,
body#news #contents .single_content .wp-block-buttons:after,
body#news #contents .single_content .wp-block-media-text:after,
body#news #contents .single_content .wp-block-gallery:after {
	display: none;
}
body#news #contents .single_content .wp-block-column,
body#news #contents .single_content .wp-block-button,
body#news #contents .single_content .wp-block-media-text__content {
	margin: 0;
}
body#news #contents .single_content .wp-block-media-text {
	margin: 0 0 1.333em 0;
}

/* ボタン（テーマの金色のボタンと同じ） */
body#news #contents .single_content .wp-block-buttons {
	margin: 0 0 1.333em 0;
}
body#news #contents .single_content .wp-block-button__link {
	padding: 0.8em 2em;
	font-size: 1em;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	background: #c2ad5d;
	border: 2px solid #c2ad5d;
	border-radius: 0;
	transition: 0.4s;
}
body#news #contents .single_content .wp-block-button__link:hover,
body#news #contents .single_content .is-style-outline .wp-block-button__link {
	color: #c2ad5d;
	background: #ffffff;
}
body#news #contents .single_content .is-style-outline .wp-block-button__link:hover {
	color: #ffffff;
	background: #c2ad5d;
}

/* 区切り線 */
body#news #contents .single_content .wp-block-separator {
	margin: 2em 0;
	border: none;
	border-top: 1px solid #cdd7de;
	opacity: 1;
}

/* 埋め込み（YouTube 等） */
body#news #contents .single_content .wp-block-embed {
	margin: 0 0 1.333em 0;
}
body#news #contents .single_content .wp-block-embed__wrapper {
	margin: 0;
}

@media only screen and ( max-width: 640px ) {
	body#news #contents .single_content .wp-block-image,
	body#news #contents .single_content .wp-block-table,
	body#news #contents .single_content .wp-block-quote,
	body#news #contents .single_content .wp-block-buttons,
	body#news #contents .single_content .wp-block-gallery,
	body#news #contents .single_content .wp-block-media-text,
	body#news #contents .single_content .wp-block-embed {
		margin-bottom: 4%;
	}
	/* スマホでは縦に並ぶ。% だと縦の間隔が 0 になるので vw で */
	body#news #contents .single_content .wp-block-columns {
		gap: 4vw;
	}
}