@charset utf-8;


/** ================================================================================================


	Wordpress エディタースタイル

	.classicEdit                    クラシックエディターで入力したページ表示用
	body#tinymce.wp-editor.content  Wordpress管理画面 クラシックエディター入力時のスタイル


	@Ver. 1.0    2022.03.30 New
	@wordpress   5.9.2


==================================================================================================== **/


/** 汎用クラス clearfix -------------------------------------------------------- **/

.clearFix::after,
.clearfix::after { content: ""; display: block; clear: both; visibility: hidden; }


/* ブロックエディター用? */
.has-text-align-left   { text-align: left;   }
.has-text-align-center { text-align: center; }
.has-text-align-right  { text-align: right;  }






/** ---------------------------------------------------------------------------

	body相当 

------------------------------------------------------------------------------- **/

/* ブロックエディター */
.editor-styles-wrapper {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1000px;
	margin: 2em auto;
	padding: 0;
	
	color: inherit;	
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
}
.editor-styles-wrapper::after { content: ""; display: block; clear: both; visibility: hidden; }


/* クラシックエディター */
body#tinymce.wp-editor.content {
	display: block;
	position: relative;
	margin: 0;
	padding: 1.5em;
	color: inherit;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
}
body#tinymce.wp-editor.content::after { content: ""; display: block; clear: both; visibility: hidden; }


/* サイト表示 */
.richEdit {
	color: inherit;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
}
.richEdit::after { content: ""; display: block; clear: both; visibility: hidden; }



/** ---------------------------------------------------------------------------


	ブロックエディターのブロック共通


------------------------------------------------------------------------------- **/

.editor-styles-wrapper .wp-block {
	max-width: none;
	margin: 1.2em 0;
	margin-left: 0;
	margin-right: 0;
}

.has-background {
	padding: 30px;
}






/** ---------------------------------------------------------------------------


リンク


------------------------------------------------------------------------------- **/

.richEdit a,
body#tinymce.wp-editor.content a,
.editor-styles-wrapper .wp-block a {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

.richEdit a:link,
.richEdit a:visited,
body#tinymce.wp-editor.content a:link,
body#tinymce.wp-editor.content a:visited,
.editor-styles-wrapper .wp-block a:link,
.editor-styles-wrapper .wp-block a:visited { color: #004499; }

.richEdit a:hover,
.richEdit a:active,
body#tinymce.wp-editor.content a:hover,
body#tinymce.wp-editor.content a:active,
.editor-styles-wrapper .wp-block a:hover,
.editor-styles-wrapper .wp-block a:active { color: #cc0000; }



/** ---------------------------------------------------------------------------


	見出し h1～h6


------------------------------------------------------------------------------- **/

.richEdit h1,
body#tinymce.wp-editor.content h1,
.editor-styles-wrapper h1.wp-block {
	clear: both;
	margin-top: 1.6em;
	margin-bottom: 0.5em;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4;

}

.richEdit h2,
body#tinymce.wp-editor.content h2,
.editor-styles-wrapper h2.wp-block {
	clear: both;
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
}

.richEdit h3,
body#tinymce.wp-editor.content h3,
.editor-styles-wrapper h3.wp-block {
	clear: both;
	margin-top: 2em;
	margin-bottom: 0.7em;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
}

.richEdit h4,
body#tinymce.wp-editor.content h4,
.editor-styles-wrapper h4.wp-block {
	margin-top: 2em;
	margin-bottom: 0.8em;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}

.richEdit h5,
body#tinymce.wp-editor.content h5,
.editor-styles-wrapper h5.wp-block {
	margin-top: 2em;
	margin-bottom: 0.9em;
	font-size: 18px;
	font-weight: 700;
}

.richEdit h6,
body#tinymce.wp-editor.content h6,
.editor-styles-wrapper h6.wp-block {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: 700;
}


/* 手前でclearFix */
.richEdit h1::before,
.richEdit h2::before,
.richEdit h3::before,
body#tinymce.wp-editor.content h1::before,
body#tinymce.wp-editor.content h2::before,
body#tinymce.wp-editor.content h3::before { content: ""; display: block; clear: both; visibility: hidden; }



/** ---------------------------------------------------------------------------


	段落


------------------------------------------------------------------------------- **/

.richEdit p,
body#tinymce.wp-editor.content p,
.editor-styles-wrapper p.wp-block {
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}



/** ---------------------------------------------------------------------------


	リスト


------------------------------------------------------------------------------- **/


/* 丸系 */
.richEdit ul,
body#tinymce.wp-editor.content ul {
	margin: 1.5em 0;
	padding: 0;
	list-style-type: disc;
}

.richEdit ul ul,
body#tinymce.wp-editor.content ul ul {
	margin: 0;
	list-style-type: circle;
}

.richEdit ul ul ul,
body#tinymce.wp-editor.content ul ul ul {
	list-style-type: square;
}


/* 数字系 */
.richEdit ol,
body#tinymce.wp-editor.content ol {
	margin: 1.5em 0;
	padding: 0;
	list-style-type: decimal;
}

.richEdit ol ol,
body#tinymce.wp-editor.content ol ol {
	margin: 0;
	list-style-type: lower-alpha;
}

.richEdit ol ol ol,
body#tinymce.wp-editor.content ol ol ol {
	list-style-type: lower-roman;
}

/* li */
.richEdit li,
body#tinymce.wp-editor.content li {
	margin: 0 0 0 2em;
	padding: 0;
}



/** ---------------------------------------------------------------------------


	辞書


------------------------------------------------------------------------------- **/

.richEdit dl,
body#tinymce.wp-editor.content dl {
	display: block;
	position: relative;
	margin: 1.5em 0;
	padding: 0;
}

.richEdit dt,
body#tinymce.wp-editor.content dt {
	font-weight: inherit;
	margin: 0;
	padding: 0;
}

.richEdit dd,
body#tinymce.wp-editor.content dd {
	margin: 1em 0 1em 2em;
	padding: 0;
}

.richEdit dd + dt,
body#tinymce.wp-editor.content dd + dt {
	margin: 5px 0 0 0;
}



/** ---------------------------------------------------------------------------


	画像


------------------------------------------------------------------------------- **/

.richEdit img,
body#tinymce.wp-editor.content img,
.editor-styles-wrapper img {
	display: inline;
	max-width: 100%;
	height: auto;
	max-height: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	border: 0;
	border-style: none;
}



/** ---------------------------------------------------------------------------


	キャプション


------------------------------------------------------------------------------- **/

.richEdit figure,
body#tinymce.wp-editor.content figure
.richEdit .wp-caption,
body#tinymce.wp-editor.content .wp-caption {
	display: block;
	margin: 1.5em auto;
	padding: 0;
}


/* 画像 */
.richEdit figure img,
body#tinymce.wp-editor.content figure img,
.richEdit .wp-caption img,
body#tinymce.wp-editor.content .wp-caption img {
	vertical-align: bottom;
}

.richEdit figcaption,
.richEdit .wp-caption-text,
.richEdit .wp-caption-dd,
body#tinymce.wp-editor.content figcaption,
body#tinymce.wp-editor.content .wp-caption-text,
body#tinymce.wp-editor.content .wp-caption-dd {
	display: block;
	font-size: smaller;
	font-weight: 400;
	font-style: normal;
	margin: 5px 0 0;
	text-align: center;
}



/** ---------------------------------------------------------------------------


	汎用クラス 左右中央寄せ(主にimg)


------------------------------------------------------------------------------- **/

.editor-styles-wrapper .wp-block[data-align=left],
body#tinymce.wp-editor.content img.alignleft,
body#tinymce.wp-editor.content .wp-caption.alignleft,
.richEdit .alignleft {
	float: left;
	width: auto !important;
	max-width: calc( 50% - 1.4em );
	height: auto;
	margin: 0 1.2em 1.2em 0;
	box-sizing: border-box;
}

.editor-styles-wrapper .wp-block[data-align=left]>.wp-block-image,
body#tinymce.wp-editor.content .wp-caption.alignleft img {
    margin: 0;
}

.editor-styles-wrapper .wp-block[data-align=right],
body#tinymce.wp-editor.content .alignright,
body#tinymce.wp-editor.content .wp-caption.alignright,
.richEdit .alignright {
	float: right;
	max-width: calc( 50% - 1.4em );
	height: auto;
	margin: 0 0 1.2em 1.2em;
	box-sizing: border-box;
}

.editor-styles-wrapper .wp-block[data-align=right]>.wp-block-image,
body#tinymce.wp-editor.content .wp-caption.alignright img {
    margin: 0;
}

/* 中央 */
.editor-styles-wrapper .wp-block[data-align=center] {
    text-align: center;
}

.editor-styles-wrapper .wp-block[data-align=center]>.wp-block-image,
body#tinymce.wp-editor.content .wp-caption.aligncenter img {
	vertical-align: bottom;
}

body#tinymce.wp-editor.content .aligncenter,
.richEdit .aligncenter {
	clear:both;
	display: block;
	max-width: 100%;
	margin: 1.5em auto;
	box-sizing: border-box;
	text-align: center;
}


/* 寄せ無し */
.editor-styles-wrapper .wp-block-image,
body#tinymce.wp-editor.content .alignnone,
body#tinymce.wp-editor.content .wp-caption.alignnone,
.richEdit .alignnone {
	display: inline-block;
	float: none;
	margin: 0 0.5em;
}

body#tinymce.wp-editor.content .wp-caption.alignnone img {
	vertical-align: bottom;
}




/* ワイド */
.richEdit .alignwide,
body#tinymce.wp-editor.content .alignwide,
.editor-styles-wrapper .wp-block[data-align=wide],
.richEdit .alignfull,
body#tinymce.wp-editor.content .alignfull,
.editor-styles-wrapper .wp-block[data-align=full] {
	clear:both;
	display: block;
	float: none;
	max-width: 100%;
	margin: 1.5em auto;
	text-align: center;
	box-sizing: border-box;
}

.editor-styles-wrapper .wp-block[data-align=wide] > img,
.editor-styles-wrapper .wp-block[data-align=full] > img {
	width: 100%;
	vertical-align: bottom;
}



/** ---------------------------------------------------------------------------


	引用


------------------------------------------------------------------------------- **/

.richEdit blockquote,
body#tinymce.wp-editor.content blockquote {
	display: block;
	position: relative;
	margin: 1.5em 0;
	padding: 1.5em 3em;
	background-color:#f0f0f0;
	border-radius: 10px;
}
.richEdit blockquote::before,
body#tinymce.wp-editor.content blockquote::before {
	content:"“";
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0;
	padding: 0;
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	color:#aaaaaa;
}
.richEdit blockquote::after,
body#tinymce.wp-editor.content blockquote::after {
	content:"”";
	clear: both;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0;
	padding: 0;
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	color:#aaaaaa;
}

/* 最初と最後の要素のマージンを消す */
.richEdit blockquote > *:first-child,
body#tinymce.wp-editor.content blockquote > *:first-child { margin-top: 0; }

.richEdit blockquote > *:last-child,
body#tinymce.wp-editor.content blockquote > *:last-child  { margin-bottom: 0; }



/** ---------------------------------------------------------------------------


	テーブル


------------------------------------------------------------------------------- **/

.richEdit table,
body#tinymce.wp-editor.content table {
	display: table;
	table-layout: auto;
	width: auto !important;
	height: auto;
	max-width: 100%;
	min-width: 20%;
	margin: 1.5em auto;
	padding: 0;
	box-sizing: border-box;
	
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	empty-cells: show;
}

.richEdit caption,
body#tinymce.wp-editor.content caption {
	font-family: inherit;
	text-align: center;
	padding: 0 0.5em;
}

.richEdit th,
.richEdit td,
body#tinymce.wp-editor.content th,
body#tinymce.wp-editor.content td {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px;
	box-sizing: border-box;

	font-weight: inherit;
	text-align: left;
	
	vertical-align: middle;
	border:1px solid #888888;
}

.richEdit th > *:first-child,
.richEdit td > *:first-child,
body#tinymce.wp-editor.content th > *:first-child,
body#tinymce.wp-editor.content td > *:first-child {
	margin-top: 0;
}

.richEdit th > *:last-child,
.richEdit td > *:last-child,
body#tinymce.wp-editor.content th > *:last-child,
body#tinymce.wp-editor.content td > *:last-child {
	margin-bottom: 0;
}

.richEdit thead,
body#tinymce.wp-editor.content thead {
	background-color: #f0f0f0;
}



/** ---------------------------------------------------------------------------


	テキストフォーマット


------------------------------------------------------------------------------- **/

/* 上付き */
.richEdit sup,
body#tinymce.wp-editor.content sup {
	font-size: smaller;
	vertical-align: super;
}

/* 下付き */
.richEdit sub,
body#tinymce.wp-editor.content sub {
	font-size: smaller;
	vertical-align: sub;
}

/* 太字 */
.richEdit strong,
.richEdit b,
body#tinymce.wp-editor.content strong,
body#tinymce.wp-editor.content b {
	font-weight: 700;
}

/* 斜体 */
.richEdit em,
.richEdit i,
body#tinymce.wp-editor.content em,
body#tinymce.wp-editor.content i {
	font-style: italic;
}

/* 挿入 */
.richEdit u,
.richEdit ins,
body#tinymce.wp-editor.content u,
body#tinymce.wp-editor.content ins { 
	text-decoration: underline;
}

/* 取り消し */
.richEdit del,
.richEdit s,
body#tinymce.wp-editor.content del,
body#tinymce.wp-editor.content s { 
	text-decoration: line-through;
}

/* キーボード入力 */
.richEdit kbd,
body#tinymce.wp-editor.content kbd {
	padding: 3px;
	color: inherit;
	font-family: inherit;
	background-color:#f0f0f0;
	border:1px solid #a0a0a0;
	border-radius: 3px;
}

/* マーカー */
.richEdit mark,
body#tinymce.wp-editor.content mark {
	padding: 3px;
	color: inherit;
	font-family: inherit;
	background-color: yellow;
}

/* コード */
.richEdit code,
body#tinymce.wp-editor.content code {
	padding: 3px;
	color: inherit;
	font-family: inherit;
	background-color:#f0f0f0;
}

/* 協調 */
.richEdit samp,
body#tinymce.wp-editor.content samp {
	color: inherit;
	font-family: inherit;
	font-size: larger;
	font-weight: 700;
}

/* 引用元 */
.richEdit cite,
body#tinymce.wp-editor.content cite {
	font-style: italic;
}

/* 整形済みテキスト */
.richEdit xmp,
.richEdit pre,
body#tinymce.wp-editor.content pre,
body#tinymce.wp-editor.content xmp {
	display: block;
	margin: 1.5em 0;
	padding: 10px;
	
	color: inherit;
	font-family: inherit;
	background-color: #f0f0f0;
	border-radius: 10px;
}


/** ---------------------------------------------------------------------------


	iframe(主にyoutube) 


------------------------------------------------------------------------------- **/

.richEdit iframe,
body#tinymce.wp-editor.content iframe {
	display: block;
	max-width: 100%;
	margin: 1.5em auto;
	padding: 0;
}



/** ---------------------------------------------------------------------------


	ギャラリー


------------------------------------------------------------------------------- **/

/* ブロックエディター用 */
.wp-block-gallery {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center!important;
	align-items: stretch !important;
}

.wp-block-gallery .wp-block-image {
	flex-grow: 0 !important;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a, 
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
    display: block !important;
}

.wp-block-gallery.column-1 .wp-block-image { width: calc( 100% - 20px ); }
.wp-block-gallery.column-2 .wp-block-image { width: calc( 50% - 20px ); }
.wp-block-gallery.column-3 .wp-block-image { width: calc( 33.333% - 20px ); }
.wp-block-gallery.column-4 .wp-block-image { width: calc( 25% - 20px ); }
.wp-block-gallery.column-5 .wp-block-image { width: calc( 20% - 20px ); }
.wp-block-gallery.column-6 .wp-block-image { width: calc( 16.666% - 20px ); }
.wp-block-gallery.column-7 .wp-block-image { width: calc( 14.285% - 20px ); }
.wp-block-gallery.column-8 .wp-block-image { width: calc( 12.5% - 20px ); }

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: relative !important;
	left: auto !important;
	bottom: auto !important;
	width: auto !important;
	max-height: none !important;
	margin: 5px 0 0 0 !important;
	padding: 0 !important;

	background: transparent !important;
    color: inherit !important;
    font-size: smaller !important;
    overflow: visible !important;
}


/* クラシックエディター用 */
.richEdit .gallery,
body#tinymce.wp-editor.content .gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 1.5em auto;
    padding: 0;
	line-height: inherit;
	overflow: visible;
}

.richEdit .gallery br,
body#tinymce.wp-editor.content .gallery br {
	display: none;
}

.richEdit .gallery img,
body#tinymce.wp-editor.content .gallery img {
	vertical-align: bottom;
}

.richEdit .gallery .gallery-item,
body#tinymce.wp-editor.content .gallery .gallery-item {
    float: none;
	width: calc( 100% - 10px );
    margin: 5px;
    padding: 0;
    box-sizing: border-box;
	text-align: center;
}
.richEdit .gallery.gallery-columns-2 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-2 .gallery-item { width: calc( 50% - 10px ); }
.richEdit .gallery.gallery-columns-3 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-3 .gallery-item { width: calc( 33.33% - 10px ); }
.richEdit .gallery.gallery-columns-4 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-4 .gallery-item { width: calc( 25% - 10px ); }
.richEdit .gallery.gallery-columns-5 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-5 .gallery-item { width: calc( 20% - 10px ); }
.richEdit .gallery.gallery-columns-6 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-6 .gallery-item { width: calc( 16.66% - 10px ); }
.richEdit .gallery.gallery-columns-7 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-7 .gallery-item { width: calc( 14.285% - 10px ); }
.richEdit .gallery.gallery-columns-8 .gallery-item,
body#tinymce.wp-editor.content .gallery.gallery-columns-8 .gallery-item { width: calc( 12.5% - 10px ); }

.richEdit .gallery-icon,
body#tinymce.wp-editor.content .gallery-icon {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.richEdit .gallery .gallery-caption,
body#tinymce.wp-editor.content .gallery .gallery-caption {
	display: block;
	font-size: smaller;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	margin: 5px 0 0;
}

.richEdit .gallery .gallery-caption a,
body#tinymce.wp-editor.content .gallery .gallery-caption a {
	color: inherit;
}

@media all and (max-width:767px) {
	
	.wp-block-gallery.column-2 .wp-block-image,
	.wp-block-gallery.column-3 .wp-block-image,
	.wp-block-gallery.column-4 .wp-block-image,
	.wp-block-gallery.column-5 .wp-block-image,
	.wp-block-gallery.column-6 .wp-block-image,
	.wp-block-gallery.column-7 .wp-block-image,
	.wp-block-gallery.column-8 .wp-block-image { width: calc( 50% - 20px ); }
		
	.richEdit .gallery .gallery-item {}
	.richEdit .gallery.gallery-columns-2 .gallery-item,
	.richEdit .gallery.gallery-columns-3 .gallery-item,
	.richEdit .gallery.gallery-columns-4 .gallery-item,
	.richEdit .gallery.gallery-columns-5 .gallery-item,
	.richEdit .gallery.gallery-columns-6 .gallery-item,
	.richEdit .gallery.gallery-columns-7 .gallery-item,
	.richEdit .gallery.gallery-columns-8 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-2 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-3 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-4 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-5 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-6 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-7 .gallery-item,
	body#tinymce.wp-editor.content .gallery.gallery-columns-8 .gallery-item { width: calc( 50% - 10px ); }
}



/** 区切り線 ------------------------------------------------------------------ **/

.richEdit hr,
body#tinymce.wp-editor.content hr {
    height: 1px;
    background: #8cceee;
    border: 0;
}


/** ブロックグループ(block Editor) ----------------------------------------------- **/

.wp-block-group {
    margin: 50px auto;
}
.wp-block-group::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/** ダウンロードリンク(block Editor) --------------------------------------------- **/

.wp-block-file {
	margin: 1.5em 0;
	text-align: center;
}

.wp-block-file a {
	text-decoration: none;
}

.wp-block-file a:link,
.wp-block-file a:visited { color: inherit; }

.wp-block-file .wp-block-file__button {
	color: #ffffff;
	background-color: #C11825;
}
.wp-block-file a.wp-block-file__button:link,
.wp-block-file a.wp-block-file__button:visited {
	color: #ffffff;
}



/** for Smart Phone --------------------------------- **/

@media all and (max-width:767px) {
	
	.wp-block-file a {
		display: block;
	}
}



/** ビデオ ---------------------------------------------------------------------- **/

.wp-block-video {
}

.wp-block-video video {
	width: 100%;
	height: auto !important;
}



/** ---------------------------------------------------------------------------


	御座入鉱山用 拡張フォーマット


------------------------------------------------------------------------------- **/


/* h3, h4を装飾する */

body#tinymce.wp-editor.content h3,
.richEdit h3,
.editor-styles-wrapper h3 {
	position: relative;
	padding: 0 0 10px 0;
	border-bottom: 5px solid rgba(0,0,0,0.1);
}
body#tinymce.wp-editor.content h3::after,
.editor-styles-wrapper h3::after,
.richEdit h3::after {
	content: "";
	display: block;
	position: absolute;
	left: 0%;
	right: auto;
	top: 100%;
	width: 4em;
	height: 5px;
	margin: 0;
	padding: 0;
	background-color: #C11825;
	transform: translateX(0%);
}

body#tinymce.wp-editor.content h4,
.editor-styles-wrapper h4,
.richEdit h4 {
	position: relative;
    padding: 0 0 10px;
}
body#tinymce.wp-editor.content h4::after,
.editor-styles-wrapper h4::after,
.richEdit h4::after {
	content: "";
	display: block;
	position: absolute;
	left: 0%;
	right: auto;
	top: 100%;
	width: 2em;
	height: 3px;
	margin: 0;
	padding: 0;
	background-color: #C11825;
	transform: translateX(0%);
}

body#tinymce.wp-editor.content h3[style="text-align: center;"]::after,
body#tinymce.wp-editor.content h4[style="text-align: center;"]::after,
.richEdit h3[style="text-align: center;"]::after,
.richEdit h4[style="text-align: center;"]::after,
.editor-styles-wrapper h3.has-text-align-center::after,
.editor-styles-wrapper h4.has-text-align-center::after,
.richEdit h3.has-text-align-center::after,
.richEdit h4.has-text-align-center::after {
	left: 50%;
	transform: translateX(-50%);
}


body#tinymce.wp-editor.content h3[style="text-align: right;"]::after,
body#tinymce.wp-editor.content h4[style="text-align: right;"]::after,
.richEdit h4[style="text-align: right;"]::after,
.richEdit h4[style="text-align: right;"]::after,
.editor-styles-wrapper h3.has-text-align-right::after,
.editor-styles-wrapper h4.has-text-align-right::after,
.richEdit h3.has-text-align-right::after,
.richEdit h4.has-text-align-right::after {
	left: auto;
	right: 0;
	transform: translateX(0%);
}



/* 貴陽石の特長 リンク一覧 -------------------------------- */

.richEdit ul.merits,
.editor-styles-wrapper ul.merits {
	margin: 1.5em 0;
	padding: 0;
	list-style-type: none;
}

.richEdit ul.merits li,
.editor-styles-wrapper ul.merits li {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}

.richEdit ul.merits a,
.editor-styles-wrapper ul.merits a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 30px;
	
	background-color: #ffffff;
	border: 1px solid #a0a0a0;
	
	color: inherit;
	text-align: center;
	text-decoration: none;
}
.richEdit ul.merits a::before,
.editor-styles-wrapper ul.merits a::before {
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #231815;
    border-right: 3px solid #231815;
    transform: rotate(45deg) translateY(-50%);
    transition: all 0.5s ease-in-out;
}

.richEdit ul.merits a:link,
.richEdit ul.merits a:visited,
.richEdit ul.merits a:hover,
.richEdit ul.merits a:active { color:inherit; }
.editor-styles-wrapper ul.merits a:link,
.editor-styles-wrapper ul.merits a:visited,
.editor-styles-wrapper ul.merits a:hover,
.editor-styles-wrapper ul.merits a:active { color:inherit; }



/* block editor アコーディオン -------------------------------- */

.wp-block-group.accordion {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 20px;
	background-color:#ffffff;
	border:1px solid #a0a0a0;
}

.wp-block-group.accordion > .wp-block-group__inner-container {}

.wp-block-group.accordion > .wp-block-group__inner-container > * {
	position: relative;
	margin: 1.5em 0;
	padding: 0;
	max-height: 5000px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.wp-block-group.accordion > .wp-block-group__inner-container > *:first-child::before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #231815;
    border-right: 3px solid #231815;
    transform: translateY(-50%) rotate(-45deg);
}


/* close */
.wp-block-group.accordion.close > .wp-block-group__inner-container > * {
	margin: 0;
	max-height: 0;
	transition: all 0.5s;
}

.wp-block-group.accordion.close > .wp-block-group__inner-container > *:first-child {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	max-height: none;
	overflow: visible;
	cursor: pointer;
}
.wp-block-group.accordion.close > .wp-block-group__inner-container > *:first-child::before {
     transform: translateY(-50%) rotate(135deg);
}


/** コラム -------------------------------------------------- **/

.wp-block-group.column {
	position: relative;
	padding: 20px;
	border: 2px solid #c0c0c0;
	border-radius: 10px;
}

.wp-block-group.column > .wp-block-group__inner-container > *:first-child { margin-top: 0; }
.wp-block-group.column > .wp-block-group__inner-container > *:last-child  { margin-bottom: 0; }

.wp-block-group.column h4 {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 14em;
	margin: 0;
	padding: 0;
    background-color: #ffffff;
	border-left: 0;
	text-align: center;
	transform: translate(-50%, -50%);
}
	
	

/** ---------------------------------------------------------------------------


	最初と最後のマージンを取る


------------------------------------------------------------------------------- **/

.richEdit > *:first-child,
body#tinymce.wp-editor.content > *:first-child,
.editor-styles-wrapper > *:first-child { margin-top: 0; }

.richEdit > *:last-child,
body#tinymce.wp-editor.content > *:last-child,
.editor-styles-wrapper > *:last-child  { margin-bottom: 0; }