@charset "UTF-8";
/*
	* CMSスタイルシート
	* エディターに関するスタイル
	* ver1
	* Copyright (C) ●●など
	* 更新履歴
		└ 
*/
/* ////////////////////////////////////////////////////////////////////////////////////////////////////
	CMS
//////////////////////////////////////////////////////////////////////////////////////////////////// */
:root{
	/* cmsの余白設定 */
	--cmsSpace_small: 10px;
	--cmsSpace_medium: 30px;
	--cmsSpace_minusMedium: -30px;
	--cmsSpace_large: 50px;
	--cmsSpace_minusLarge: -50px;
}
/* ******************************************************************************************
	必須設定
****************************************************************************************** */
.aligncenter { display: block;margin: 0 auto; }
.alignright { float: right; }
.alignleft { float: left; }
.st_editor{
	/* 最後の要素のmargin-bottom相殺 */
	margin-bottom: var(--cmsSpace_minusMedium);
}
.st_editor a:not([class]){
	/* aタグにクラスが付いていなければinlineにする */
	display: inline;/* common.cssのinline-blockリセット */
	/* color: #2271b1; */
}
.st_editor::after {
	/* ブロックの最後で画像を左右寄せにした場合回り込み対策 */
	content: "";
	display: block;
	clear: both;
 }
/* ******************************************************************************************
	初期設定（サイトによって適宜修正）
****************************************************************************************** */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	改行設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.st_editor{
	/* ボックス内に収まらない場合の折り返し設定 */
	overflow-wrap: anywhere;
	/* 文章内の単語がどの位置で折り返すかの設定 */
	word-break: break-all;
	/* 文章の禁則処理の設定 */
	/* line-break: strict; */
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	見出しブロック
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	共通スタイル
====================================================================== */
.st_editor :is(h2, h3, h4, h5, h6) {
	color: var(--black);
	font-weight: bold;
	letter-spacing: 1px;
}
/* ======================================================================
	H2
====================================================================== */
.st_editor h2{
	padding: 15px 15px 15px 27px;
	background-color: var(--mainColor);
	font-size: clamp(
		20px,/* 最小サイズ：20px */
		calc(20px + (24 - 20) * (100vw - 375px) / (1920 - 375)),/* 375px〜1920pxの画面幅で 20px → 24px に比例スケール */
		24px/* 最大サイズ：24px */
	);
	border-radius: 999px;
}
/* ======================================================================
	H3
====================================================================== */
.st_editor h3{
	position: relative;
	padding: 8px 8px 8px 35px;
	background-color: var(--mainColorLight);
	font-size: clamp(
		20px,/* 最小サイズ：20px */
		calc(20px + (24 - 20) * (100vw - 375px) / (1920 - 375)),/* 375px〜1920pxの画面幅で 20px → 24px に比例スケール */
		24px/* 最大サイズ：24px */
	);
	border-radius: 5px;
}
.st_editor h3::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	left: 13px;
	width: 10px;
	height: 10px;
	margin: auto;
	background-color: #fff;
	border-radius: 999px;
}
/* ======================================================================
	H4
====================================================================== */
.st_editor h4{
	position: relative;
	padding: 0px 8px 8px 35px;
	border-bottom: 2px solid var(--mainColor);
	font-size: clamp(
		18px,/* 最小サイズ：18px */
		calc(18px + (20 - 18) * (100vw - 375px) / (1920 - 375)),/* 375px〜1920pxの画面幅で 18px → 20px に比例スケール */
		20px/* 最大サイズ：20px */
	);
}
.st_editor h4::after{
	content: "";
	position: absolute;
	top: 50%;	left: 0;
	transform: translateY(-50%);
	left: 13px;
	width: 10px;
	height: 10px;
	margin: auto;
	background-color: var(--mainColor);
	border-radius: 999px;
}
/* ======================================================================
	H5
====================================================================== */
.st_editor h5{
	display: inline-block;
	padding: 4px 20px;
	border: 2px solid var(--mainColor);
	font-size: clamp(
		18px,/* 最小サイズ：18px */
		calc(18px + (20 - 18) * (100vw - 375px) / (1920 - 375)),/* 375px〜1920pxの画面幅で 18px → 20px に比例スケール */
		20px/* 最大サイズ：20px */
	);
	border-radius: 999px;
}
/* ======================================================================
	H6
====================================================================== */
.st_editor h6{
	padding: 8px 8px;
	font-size: var(--fontSize18);
}
/* ======================================================================
	ページ別見出しスタイル
====================================================================== */
/* ------------------------------------------------------------
	トップの場合h2
------------------------------------------------------------ */
.home .st_editor h2{
	border-radius: 999px;
}
/* ------------------------------------------------------------
	施設紹介の場合h2
------------------------------------------------------------ */
.page-id-12 .st_editor h2{
}
.page-id-12 .st_editor [class*="st_"] h2{
	background-color: initial;
	border: 2px solid currentColor;
	border-radius: 999px;
}
/* ------------------------------------------------------------
	施設紹介の場合h4
------------------------------------------------------------ */
.page-id-12 .st_editor h4{
	/* background-color: initial; */
	display: inline-block;
	border: 2px solid currentColor;
	border-radius: 999px;
	padding: 0 20px;
}
.page-id-12 .st_editor h4::after{
	content: none;
}
/* ------------------------------------------------------------
	施設紹介>棟によって色分け
------------------------------------------------------------ */
/* -----
	h2
----- */
/* A棟 */
.page-id-12 .st_editor .st_blueColor h2{
	color: #00aebb;
}
/* B棟 */
.page-id-12 .st_editor .st_pinkColor h2{
	color: #eb6d8e;
}
/* C棟 */
.page-id-12 .st_editor .st_orangeColor h2{
	color: #ed6c00;
}
/* -----
	h3
----- */
/* A棟 */
.page-id-12 .st_editor .st_blueColor h3{
	background-color: #83ccd2;
}
/* B棟 */
.page-id-12 .st_editor .st_pinkColor h3{
	background-color: #f4b4d0;
}
/* C棟 */
.page-id-12 .st_editor .st_orangeColor h3{
	background-color: #f9c385;
}
/* -----
	h4
----- */
/* A棟 */
.page-id-12 .st_editor .st_blueColor h4{
	color: #83ccd2;
}
/* B棟 */
.page-id-12 .st_editor .st_pinkColor h4{
	color: #f4b4d0;
}
/* C棟 */
.page-id-12 .st_editor .st_orangeColor h4{
	color: #ed6c00;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	ボタンブロック
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	デフォルトボタン設定
====================================================================== */
.st_editor .wp-block-button__link{
	display: inline-block;
	color: #fff;
	font-weight: bold;
}
/* ======================================================================
	オリジナルボタン
====================================================================== */
.st_editor .is-style-el_btn_normal > a{
	display: inline-block;
	position: relative;
	padding: 10px 50px 10px 20px;
	border-radius: 999px;
	border: 2px solid var(--mainColor);
	background-color: initial;
	color: var(--black);
	font-weight: bold;
	font-size: var(--fontSize20);
	text-decoration: none;
	text-align: center;
	transition: all .2s ease;
}
.st_editor .is-style-el_btn_normal > a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) rotate(45deg);
	border-top: 3px solid var(--mainColor);
	border-right: 3px solid var(--mainColor);
	transition: all .2s ease;
}
.st_editor .is-style-el_btn_normal > a:hover{
	opacity: 1;
	background-color: var(--mainColor);
	color: #fff;
}
.st_editor .is-style-el_btn_normal > a:hover:after{
	right: 18px;
	border-top-color: #fff;
	border-right-color: #fff;
}
/* ======================================================================
	ダウンロードボタン
====================================================================== */
.wp-block-file .wp-block-file__button{
	display: inline-block;
	box-sizing: border-box;
	padding: .3rem 1rem;
	border: 1px solid rgb(0 0 0 / 20%);
	border-radius: 5px;
	box-shadow: 2px 2px 1px 0px #ccc;
	background-color: #fff;
	color: var(--black);
	font-size: .9rem;
	text-decoration: none;
}
.wp-block-file__button + .fileInfo{
	/* ダウンロードボタンのファイルサイズ非表示 */
	display: none;
}
/* ******************************************************************************************
	YouTube,googlemapの初期値のサイズ設定
	max-widthを適宜変更
****************************************************************************************** */
/* YouTube,googlemap 埋め込みの際「cms_media」が付与される */
/* YouTube,googlemap レスポンシブ対応 */
.cms_media{
	position: relative;
	width: 100%;
	/* max-width: 500px; */
	aspect-ratio: 3/2;
}
/* 配置を中央寄せにした場合 */
.aligncenter .cms_media{
	margin-right: auto;
	margin-left: auto;
}
/* 配置を右または左にした場合 */
.wp-block-embed.alignleft .cms_media, .wp-block-embed.alignright .cms_media{
	/* max-width: 500px; */
}
.wp-block-columns .cms_media{
	/* カラムブロック内の場合 */
	width: 100%;
}
.cms_media iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ******************************************************************************************
	余白（マージン）
****************************************************************************************** */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	見出し
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	margin-top
====================================================================== */
.st_editor > * + h2{
	margin-top: var(--cmsSpace_large);
}
.st_editor > * + h3{
	/* margin-top: var(--cmsSpace_large); */
}
.st_editor > * + h4{
	/* margin-top: var(--cmsSpace_medium); */
}
@media screen and (max-width: 576px){
	.st_editor > * + h3{
		/* margin-top: var(--cmsSpace_medium); */
	}
}
/* ======================================================================
	margin-bottom
====================================================================== */
.st_editor :is(h2,h3,h4,h5,h6){
	margin-bottom: var(--cmsSpace_medium);
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	テキスト関係
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	段落、リスト、引用、コード、詳細、整形済みテキスト、プルクオート、テーブル、詩、プラグイン（Flexible Table Block）
====================================================================== */
.st_editor :is(
	p,
	ul,
	ol,
	.wp-block-quote,
	.wp-block-code,
	.wp-block-details,
	.wp-block-preformatted,
	.wp-block-pullquote,
	.wp-block-table,
	.wp-block-verse,
	.wp-block-flexible-table-block-table
){margin-bottom: var(--cmsSpace_medium);}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	メディア
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	画像、ギャラリー、音声、カバー、ファイル、動画、WP VRプラグイン、YouTube、GoogleMap埋め込み
====================================================================== */
.st_editor :is(
	.wp-block-image,
	.wp-block-gallery,
	.wp-block-audio,
	.wp-block-cover,
	.wp-block-file,
	.wp-block-video,
	.wpvr-cardboard,
	.cms_media
){margin-bottom: var(--cmsSpace_medium);}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	デザイン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	グループ、ボタン、続き、ページ区切り、区切り
====================================================================== */
.st_editor :is(
	.wp-block-group,
	.wp-block-button,
	.wp-block-more,
	.wp-block-nextpage,
	.wp-block-separator
){margin-bottom: var(--cmsSpace_medium);}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	包括系ブロック
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ======================================================================
	カラム
====================================================================== */
.st_editor .wp-block-columns{
	margin-bottom: 0;
}
.st_editor .wp-block-column{
	margin-bottom: var(--cmsSpace_medium);
}
.st_editor .wp-block-column > *:last-child{
	/* 個別カラムの最後の要素のmargin-bottom相殺 */
	margin-bottom: 0;
}
/* ======================================================================
	メディアとテキスト
====================================================================== */
.st_editor .wp-block-media-text .wp-block-media-text__content{
	margin-bottom: var(--cmsSpace_minusMedium);
}
.st_editor .wp-block-media-text{
	margin-bottom: var(--cmsSpace_large);
}
@media screen and (max-width: 768px){
	.st_editor .wp-block-media-text.is-stacked-on-mobile{
		gap: var(--cmsSpace_medium);
	}
	.st_editor .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
		padding: 0;
	}
}
/* ******************************************************************************************
	余白（パディング）
****************************************************************************************** */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	背景色選択時
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.st_editor .has-background{
	padding: 2em;
}
/* ボタンの背景色の場合初期値にする */
.st_editor .wp-block-button__link.has-background{
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}
/* 画像の上にテキスト追加した際の左右の余白 */
.st_editor .wp-block-cover, .st_editor .wp-block-cover-image{
	padding: 2em;
}
@media screen and (max-width: 576px){
	.st_editor .has-background{
		padding: 2em 1em;
	}
	.st_editor .wp-block-cover, .st_editor .wp-block-cover-image{
		padding: 1em;
	}
}
/* ******************************************************************************************
	リンク
****************************************************************************************** */
/* .st_editor a{
	color: #003399;
	text-decoration: underline;
	position: relative;
}
.st_editor a:visited {
    color: #800080; 
}
.st_editor a:hover {
    color: #0000CC; 
}
.st_editor a:active {
    color: #FF0000; 
} */
.st_editor a[href^="tel:"]{
	text-decoration: none;
}
@media screen and (max-width: 576px){
	.st_editor a[href^="tel:"]{
		text-decoration: underline;
	}
}
/* ******************************************************************************************
	リストブロック
****************************************************************************************** */
/* リストが入れ子の場合、margin-bottom削除 */
.st_editor .wp-block-list .wp-block-list{
	margin-bottom: 0;
}
/* list-style領域確保 */
.st_editor ul, .st_editor ol{
	padding-left: 2em;
}
/* 余白 */
.st_editor li{
	/* margin-top: 5px; */
}
/* 最初の余白は削除 */
.st_editor > .wp-block-list > li:first-of-type{
	margin-top: 0;
}
/* 順序付きの場合数字 */
.st_editor ol{
	list-style-type: decimal;
}
/* 第1階層（塗りつぶしの丸） */
.st_editor ul > li{
	list-style-type: disc;
}
/* 第2階層（塗りつぶしなしの丸） */
.st_editor ul > li > ul > li{
	list-style-type: circle;
}
/* 第3階層（塗りつぶしの四角） */
.st_editor ul > li > ul > li > ul > li{
	list-style-type: square;
}
/* list-style調整 */
.st_editor ul > li::marker{
	color: var(--black);
	font-size: 1.125rem;
}
/* list-style調整 */
.st_editor ol > li::marker{
	font-size: 1rem;
}
/* ヘルパーCSS【hp_listStyleNone】行頭スタイルを消す */
.st_editor .hp_listStyleNone li{
	list-style-type: none;
}
/* ******************************************************************************************
	テーブルブロック
****************************************************************************************** */
.st_editor .wp-block-table td, .st_editor .wp-block-table th{
	padding: 1em;
	border: 1px solid #999;
}
.st_editor .wp-block-table thead{
	border-bottom: 1px solid var(--black);
}
.st_editor .wp-block-table tfoot{
	border-top: 1px solid var(--black);
}
.st_editor .wp-block-table tfoot td{
	background-color: #efefef;
}
.st_editor .wp-block-table{
	background-color: #fff;
}
.st_editor .wp-block-table table{
	width: 100%;
}
.st_editor .wp-block-table th{
	vertical-align: middle;
	padding: 5px 10px;
	background-color: var(--mainColorLight);
	font-weight: bold;
	text-align: center;
}
.st_editor .wp-block-table td{
	vertical-align: middle;
	padding: 5px 10px;
}
@media screen and (max-width: 768px){
	.st_editor .wp-block-table{
		overflow-x: auto;
	}
	.st_editor .wp-block-table th{
		text-align: initial;
	}
	.st_editor .wp-block-table th, .st_editor .wp-block-table td{
		white-space: nowrap;
	}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	2カラム比率CSS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通 */
.st_editor [class*="is-style-hp_tableWidth"] table tbody th,
.st_editor [class*="is-style-hp_tableWidth"] table thead th,
.st_editor [class*="is-style-hp_tableWidth"] table tbody td:nth-child(2n+1){
	background-color: var(--mainColorLight);
	color: var(--black);
	font-weight: bold;
}
/* 2:8 */
.st_editor .is-style-hp_tableWidth_28 table th, .st_editor .is-style-hp_tableWidth_28 table td:nth-child(2n+1){
	width: 20%;
}
.st_editor .is-style-hp_tableWidth_28 table td:nth-child(2n){
	width: 80%;
}
/* 3:7 */
.st_editor .is-style-hp_tableWidth_37 table th, .st_editor .is-style-hp_tableWidth_37 table td:nth-child(2n+1){
	width: 30%;
}
.st_editor .is-style-hp_tableWidth_37 table td:nth-child(2n){
	width: 70%;
}
/* 4:6 */
.st_editor .is-style-hp_tableWidth_46 table th, .st_editor .is-style-hp_tableWidth_46 table td:nth-child(2n+1){
	width: 40%;
}
.st_editor .is-style-hp_tableWidth_46 table td:nth-child(2n){
	width: 60%;
}
/* 5:5 */
.st_editor .is-style-hp_tableWidth_55 table th, .st_editor .is-style-hp_tableWidth_55 table td:nth-child(2n+1){
	width: 50%;
}
.st_editor .is-style-hp_tableWidth_55 table td:nth-child(2n){
	width: 50%;
}
/* 6:4 */
.st_editor .is-style-hp_tableWidth_64 table th, .st_editor .is-style-hp_tableWidth_64 table td:nth-child(2n+1){
	width: 60%;
}
.st_editor .is-style-hp_tableWidth_64 table td:nth-child(2n){
	width: 40%;
}
/* 7:3 */
.st_editor .is-style-hp_tableWidth_73 table th, .st_editor .is-style-hp_tableWidth_73 table td:nth-child(2n+1){
	width: 70%;
}
.st_editor .is-style-hp_tableWidth_73 table td:nth-child(2n){
	width: 30%;
}
/* 8:2 */
.st_editor .is-style-hp_tableWidth_82 table th, .st_editor .is-style-hp_tableWidth_82 table td:nth-child(2n+1){
	width: 80%;
}
.st_editor .is-style-hp_tableWidth_82 table td:nth-child(2n){
	width: 20%;
}
@media screen and (max-width: 768px){
	/* 表設定>表のセル幅を固定を解除 */
	.st_editor .wp-block-table .has-fixed-layout{
		table-layout: initial;
	}
	/* 幅指定がある2列表の場合1列の100%にする */
	/* ヘッダー、フッターセクションがある場合はスクロール */
	.st_editor [class*="is-style-hp_tableWidth"] table tbody:first-child th,
	.st_editor [class*="is-style-hp_tableWidth"] table tbody:first-child td:nth-child(2n+1),
	.st_editor [class*="is-style-hp_tableWidth"] table tbody:first-child td:nth-child(2n){
		width: 100%;
		display: block;
		white-space: initial;
	}
	.st_editor [class*="is-style-hp_tableWidth"] table tbody:first-child td{
		border-top: none;
	}
	.st_editor [class*="is-style-hp_tableWidth"] table tbody:first-child tr:first-child td:first-child{
		border-top: 1px solid #999;
	}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	左側に背景色
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.st_editor .is-style-hp_tableLeftColor tbody tr td:first-child{
	background-color: var(--accentColor);
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	キャプション
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.st_editor .wp-block-table figcaption{
	font-size: .9rem;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	デフォルトの表のセル幅を固定を解除
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	.st_editor .wp-block-table .has-fixed-layout{
		table-layout: initial;
	}
}
/* ******************************************************************************************
	メディアとテキストブロック
****************************************************************************************** */
.st_editor .wp-block-media-text .wp-block-media-text__content{
	padding: 0;
	padding-right: 5%;
}
.st_editor .wp-block-media-text__media + .wp-block-media-text__content{
	padding-right: 0;
	padding-left: 5%;
}
.st_editor .wp-block-media-text__media img, .st_editor  .wp-block-media-text__media video{
	/* スマホ版の時画像本来の大きさにする */
	width: initial;
	max-width: 100%;
}
/* ******************************************************************************************
	画像ブロック
****************************************************************************************** */
/* 画像本来の大きさにする */
.st_editor .wp-block-image img{
	width: initial;
}
/* キャプション */
.st_editor .wp-caption{
	padding: .75rem;
	border-radius: 4px;
}
.st_editor .wp-caption-text{
	margin: .5rem 0 0 0;
	text-align: center;
}
.st_editor .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
/* デフォルトmarginをリセット */
	margin-top: 0;

/* デフォルトpaddingを再定義 */
	padding: 8px;
	/* デフォルト背景を再定義 */
	background: initial;
	background-color: rgb(0 0 0 / 70%);
}
@media screen and (max-width: 768px){
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
		pointer-events: none;/* スマホ版の時キャプションが重なり画像リンクが押せないため */
	}
}
/* ******************************************************************************************
	詩ブロック
****************************************************************************************** */
.wp-block-verse{
	overflow: auto;
	padding: 20px;
	background-color: #f5f5f5;
}
/* ******************************************************************************************
	音声ブロック
****************************************************************************************** */
.wp-block-audio figcaption{
	margin-top: 0;
	font-size: .75rem;
	text-align: center;
}
/* ******************************************************************************************
	ファイルブロック
****************************************************************************************** */
/* デフォルトスタイルリセット */
.st_editor .wp-block-file:not(.wp-element-button){
	font-size: 1rem;
}
/* ファイルが続いた場合は余白を消す */
.st_editor .wp-block-file:has(+.wp-block-file){
	margin-bottom: 10px;
}
/* ******************************************************************************************
	引用ブロック
****************************************************************************************** */
.wp-block-quote{
	position: relative;
	padding: 1rem 1.5rem;
}
.wp-block-quote, .wp-block-quote p{
	font-style: italic;
}
/* ******************************************************************************************
	カラムブロック
****************************************************************************************** */
@media screen and (max-width: 781px){
	.st_editor div[class^="wp-container-"]{
		gap: 0;
	}
	.st_editor .wp-block-columns.is-not-stacked-on-mobile.is-layout-flex{
		gap: 1rem;/* スマホ時、縦並びしない場合のカラム間余白調整 */
	}
	.st_editor .wp-block-columns.is-layout-flex{
		gap: 0rem;/* スマホ時、縦並びカラム間の余白調整 */
	}
}
/* ******************************************************************************************
	ギャラリーブロック
****************************************************************************************** */
/* 奇数対策 */
.st_editor :is(
	.blocks-gallery-grid .blocks-gallery-image,
	.blocks-gallery-grid .blocks-gallery-item,
	.wp-block-gallery .blocks-gallery-image,
	.wp-block-gallery .blocks-gallery-item,
	.wp-block-gallery .wp-block-image
){flex-grow: 0 !important;}
/* 角丸適用時キャプション黒文字対策 */
.st_editor .wp-block-gallery .is-style-rounded{
	color: #fff;
}
.st_editor .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
	position: initial;
}
.st_editor .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	overflow: initial;
	background-color: initial;
	color: initial;
	text-shadow: initial;
}
/* ******************************************************************************************
	インラインコード
****************************************************************************************** */
.st_editor .wp-block-code{
	background-color: #f5f4f4;
	padding: 20px;
	border-radius: 0;
	font-size: 15px;
}
/* ******************************************************************************************
	詳細ブロック
****************************************************************************************** */
.st_editor .wp-block-details > summary::marker{
	color: var(--mainColor);
	font-size: 1.125rem;
}
/* ******************************************************************************************
	パスワード保護
****************************************************************************************** */
[id^="pwbox"]{
	/* セレクタ名の前方一致 */
	/* パスワード入力ボックス余白 */
	padding: 2px 10px;
	background-color: #fff;
}
label[for^="pwbox"] + input[type="submit"]{
	margin-left: 0;
	padding: 2px 10px;
	border: 1px solid rgb(0 0 0 / 20%);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////
	cms > アイコン表示
//////////////////////////////////////////////////////////////////////////////////////////////////// */
.st_editor a[target="_blank"]:not([class]){
	/* アイコン領域確保 */
	padding-right: 20px;
	position: relative;
}
.st_editor a[target="_blank"]:not([class]):not(.wp-block-image a):after{
	/* 新しいタブで開くリンクにクラスが付いていなければ表示させる */
	content: "\f35d"; /*blankアイコン*/
	color: #aaa;
	font-weight: bold;
	font-size: .8rem;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	bottom: 0px;
	right: 0;
}
.st_editor a[download]:after{
	content: "\f56d";
	display: inline-block;
	padding-left: .45rem;
	font-weight: bold;
	font-size: 1rem;
	font-family: "Font Awesome 5 Free";
}
/* アイコン領域確保 */
.st_editor a:not(.wp-block-file__button):is(
[href$=".pdf"],
a[href$=".xlsx"],
a[href$=".xls"],
a[href$=".xlsm"]
[href$=".doc"],
[href$=".docx"],
[href$=".zip"]
) {
	padding-left: calc(45px + 10px);/* アイコン幅 + 余白 */
	position: relative;
}
/* アイコン位置調整 */
.st_editor :is(
	a[href$=".pdf"],
	a[href$=".zip"],
	a[href$=".txt"],
	a[href$=".xlsx"],
	a[href$=".xls"],
	a[href$=".xlsm"]
	a[href$=".doc"],
	a[href$=".docx"]
):before{
	content: '';
	position: absolute;
	top: 14px;
	left: 0px;
	transform: translateY(-50%);
	font-weight: bold;
	font-size: 1rem;
	font-family: "Font Awesome 5 Free";
	background-repeat: no-repeat;
	background-size: contain;
	width: 45px;
	aspect-ratio: 200/76;
	}
.st_editor a[href$=".pdf"]:before{
	background-image: url(../img/common/icon-pdf.png);
}
.st_editor a[href$=".zip"]:before{
	content: "\f1c6"; /*zipアイコン*/
	color: #444;
}
.st_editor a[href$=".txt"]:before{
	content: "\f15c"; /*txtアイコン*/
	color: #444;
}
/* ダウンロードボタンのbefore、アイコン非表示 */
.wp-block-file__button::before{
	display: none;
}
 /* excelアイコン */
.st_editor :is(
	a[href$=".xlsx"],
	a[href$=".xls"],
	a[href$=".xlsm"]
):before{
	background-image: url(../img/common/icon-excel.png);
	}
/* wordアイコン */
.st_editor :is(
	a[href$=".doc"],
	a[href$=".docx"]
):before{
		content: "\f1c2";
		color: #185abd;
}
/* ファイルサイズ */
.fileInfo{
	margin-left: 15px;
	color: #888;
}