@charset "utf-8";
/* CSS Document */

/* WordPressエディタ（画像配置）用の標準クラス対応 */
.article-content img.alignleft, .article-content figure.alignleft,
.wpContent img.alignleft, .wpContent figure.alignleft { float: left; margin: 0.3em 20px 20px 0; max-width: 50%; }

.article-content img.alignright, .article-content figure.alignright,
.wpContent img.alignright, .wpContent figure.alignright { float: right; margin: 0.3em 0 20px 20px; max-width: 50%; }

.article-content img.aligncenter, .article-content figure.aligncenter,
.wpContent img.aligncenter, .wpContent figure.aligncenter { display: block; margin: 0 auto 24px; clear: both; text-align: center; }

/* figure(aligncenter)内の画像はブロック要素のため margin auto で中央寄せ
   （wp-block-image クラスがレンダリングで落ちても中央に置くための保険）。 */
.article-content figure.aligncenter img, .wpContent figure.aligncenter img { margin-left: auto; margin-right: auto; }

/* WordPressブロックエディタ（文字揃え）用の標準クラス対応 */
.article-content .has-text-align-left,
.wpContent .has-text-align-left { text-align: left; }

.article-content .has-text-align-center,
.wpContent .has-text-align-center { text-align: center; }

.article-content .has-text-align-right,
.wpContent .has-text-align-right { text-align: right; }

.article-content .has-text-align-justify,
.wpContent .has-text-align-justify { text-align: justify; }

/* 揃え指定のある段落は字下げ(text-indent)を解除して見た目のズレを防ぐ */
.article-content p.has-text-align-center, .article-content p.has-text-align-right,
.wpContent p.has-text-align-center, .wpContent p.has-text-align-right { text-indent: 0; }

.article-content .wp-block-image,
.wpContent .wp-block-image { margin-bottom: 24px; }

/* WP標準 block-library は aligned画像(.aligncenter等)のキャプションを display:table-caption に
   するが、本テーマは figure を display:block にしている（table でない）ため、table-caption が
   属する表を失い幅が min-content(1文字)に潰れて縦崩れする。block に戻して全幅で表示する。
   標準ルール（.wp-block-image .aligncenter>figcaption 等）より高い詳細度で打ち消す。 */
.article-content .wp-block-image .aligncenter > figcaption, .article-content .wp-block-image.aligncenter > figcaption,
.article-content .wp-block-image .alignleft > figcaption,  .article-content .wp-block-image.alignleft > figcaption,
.article-content .wp-block-image .alignright > figcaption, .article-content .wp-block-image.alignright > figcaption,
.wpContent .wp-block-image .aligncenter > figcaption, .wpContent .wp-block-image.aligncenter > figcaption,
.wpContent .wp-block-image .alignleft > figcaption,  .wpContent .wp-block-image.alignleft > figcaption,
.wpContent .wp-block-image .alignright > figcaption, .wpContent .wp-block-image.alignright > figcaption { display: block; }

/* キャプション：wp-block-image の有無に関わらず figcaption / .wp-element-caption を装飾。
   （画像ブロックのレンダリングで wp-block-image が落ちるケースに対応） */
.article-content figure figcaption, .article-content .wp-element-caption,
.wpContent figure figcaption, .wpContent .wp-element-caption { text-align: center; font-size: var(--fs-13); color: #666; margin-top: 8px; }

/* 回り込み解除（clearfix） */
.article-content::after,
.wpContent::after { content: ""; display: table; clear: both; }

.article-content p,
.wpContent p { text-indent: 1em;}

.article-content ul{
	margin-bottom: 1em;
}

.article-content ul > li{
	margin-left: 1.5em;
	list-style-type: disc;
	text-align: justify;
	font-feature-settings: "palt";
}

/* youtube */
.wp-block-embed iframe{
width: 100%;
height: 100%;
aspect-ratio: 16/9; 
}