@charset "utf-8";
/* =========================================================
   1カラム（トップ用）テンプレート専用CSS
   page-onecolumn.php を使うページだけで読み込まれます。

   ・基本スタイルの多くは :where() を使い、詳細度をクラス1つ分に抑えています。
     （既存テーマのリセットCSSには勝ち、追加CSSやページ内のクラス指定で上書きできます）
   ・カスタムHTMLブロックで入れたHTML（div など）は幅の制限を受けず、
     横幅いっぱいに表示されます。幅の調整はそのHTML側のCSSで行ってください。
   ========================================================= */

/* ヘッダーのサイト説明（このテンプレートでは h1 の代わりに p で出力） */
#header .onecol-sitedesc{
	padding:5px 0;
	font-size:80%;
	font-weight:normal;
}

/* ---------------------------------------------------------
   レイアウト
--------------------------------------------------------- */
#onecol{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
.onecol-body{
	--onecol-content:1000px; /* 通常ブロックの最大幅 */
	--onecol-wide:1200px;    /* 「幅広」の最大幅 */
	--onecol-gutter:16px;    /* 左右の余白 */
}
.onecol-body::after{content:"";display:table;clear:both;}

/* ブロックエディタで作成したブロック：通常幅 */
.onecol-body > :where(
	p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, hr, figure, form,
	.wp-block-group, .wp-block-columns, .wp-block-media-text, .wp-block-cover,
	.wp-block-buttons, .wp-block-query, .wp-block-latest-posts, .wp-block-gallery,
	.wp-block-image, .wp-block-table, .wp-block-embed, .wp-block-separator,
	.wp-block-details, .wp-block-quote, .wp-block-spacer
):where(:not(.alignwide, .alignfull)){
	box-sizing:border-box;
	max-width:var(--onecol-content);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--onecol-gutter);
	padding-right:var(--onecol-gutter);
}

/* 幅広 */
.onecol-body > :where(.alignwide){
	box-sizing:border-box;
	max-width:var(--onecol-wide);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--onecol-gutter);
	padding-right:var(--onecol-gutter);
}

/* 全幅 */
.onecol-body > :where(.alignfull){
	box-sizing:border-box;
	width:100%;
	max-width:none;
	margin-left:0;
	margin-right:0;
}

/* ブロック同士の上下の間隔（全幅ブロックは間隔なしで連続させる） */
.onecol-body > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure,
	[class*="wp-block-"]):where(:not(.alignfull)){
	margin-top:0;
	margin-bottom:1.25em;
}

/* ---------------------------------------------------------
   既存テーマのスタイル（リセットCSS等）の打ち消し
--------------------------------------------------------- */

/* 見出し：既存テーマのリセットで本文と同じ大きさになっているため */
.onecol-body :where(h1){font-size:2em;font-weight:bold;line-height:1.4;}
.onecol-body :where(h2){font-size:1.6em;font-weight:bold;line-height:1.4;}
.onecol-body :where(h3){font-size:1.3em;font-weight:bold;line-height:1.5;}
.onecol-body :where(h4){font-size:1.1em;font-weight:bold;line-height:1.5;}

/* 太字：既存テーマの蛍光ペン風の下線を外す */
.onecol-body strong{background:none;}

/* 斜体 */
.onecol-body :where(em){font-style:italic;}

/* リストブロック：既存テーマで行頭記号が消されているため */
.onecol-body ul.wp-block-list{list-style:disc;}
.onecol-body ol.wp-block-list{list-style:decimal;}
.onecol-body > .wp-block-list{padding-left:calc(var(--onecol-gutter) + 1.5em);}
.onecol-body .wp-block-list .wp-block-list{padding-left:1.5em;}
.onecol-body .wp-block-list li{margin-bottom:.4em;}

/* 画像 */
:where(.onecol-body) img{max-width:100%;height:auto;}