@charset "utf-8";


@media screen and (max-width: 782px){
	.editor-styles-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*

/＊
 ＊ editor-style-gutenberg.css
 ＊ @package WordPress 5.0 or Gutenberg Plugin 4.1
 ＊ License: GPLv2 or later
＊/

/＊ font-family ＊/
.block-editor-page .editor-post-title__input,
.block-editor-page .editor-block-list__block {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

/＊ 標準 font-size(16px) を 14px にする ＊/
.block-editor-page .editor-block-list__block {
	font-size: 14px;
}
.block-editor-page .edit-post-visual-editor p:not(.wp-block-cover-text) {
	font-size: 14px;
}

/＊ blockquote だけ font-size をGutenberg標準に戻す ＊/
.block-editor-page .wp-block-pullquote blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]:before,
.block-editor-page .wp-block-pullquote blockquote > .editor-rich-text p {
	font-size: 24px !important;
}

.block-editor-page .wp-block-pullquote__citation,
.block-editor-page .wp-block-pullquote cite,
.block-editor-page .wp-block-pullquote footer {
	font-size: 13px;
}

/＊ 投稿(固定ページ)タイトル  ＊/
.block-editor-page .editor-post-title__block textarea {
	border-bottom: 1px dotted #ccc !important;
	border-left: 3px solid #666 !important;
	border-top: 1px dotted #ccc !important;
	font-size: 1.4rem !important;
	margin: 0 0 20px !important;
	padding: 7px 0 7px 10px !important;
}

/＊ タイトル幅合わせ Fix Gutenberg4.0 ＊/
.block-editor-page .edit-post-visual-editor .editor-post-title__block > div {
	margin-left: 13px;
	margin-right: 13px;
}

/＊ ブロック内 タイトル  ＊/
.block-editor-page .editor-block-list__block h1 {
}

.block-editor-page .editor-block-list__block h2 {
	background-color: #e4e8eb;
	border: 1px solid #ccc;
	border-top: 5px solid #172a88;
	clear: both;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	padding: 12px 10px 10px 18px;
	margin: 10px 0px 20px 0px;

	background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /＊ FF3.6-15 ＊/
	background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /＊ Chrome10-25,Safari5.1-6 ＊/
	background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /＊ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ ＊/
}

.block-editor-page .editor-block-list__block h3 {
	background-color: #e4e8eb;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	padding: 8px 5px 5px 13px;
	margin: 10px 0px 15px 0px;
}

.block-editor-page .editor-block-list__block h4 {
	border-left: 6px solid #172a88;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 8px;
}

/＊ 表示幅設定 ＊/

/＊ 2カラム 最大幅 + 30 ＊/
.block-editor-page .editor-post-title__block,
.block-editor-page .editor-default-block-appender,
.block-editor-page .editor-block-list__block {
	/＊ 730 + 30 ＊/
	max-width: 1060px !important;
}

/＊ 1カラム 最大幅 + 30 ＊/
.block-editor-page.full-width-page .editor-post-title__block,
.block-editor-page.full-width-page .editor-default-block-appender,
.block-editor-page.full-width-page .editor-block-list__block {
	/＊ 1200 + 30 ＊/
	max-width: 1230px !important;
}

/＊ 幅広 Fix ＊/
.block-editor-page .edit-post-visual-editor .editor-block-list__block[data-align="wide"] {
	/＊ 800 + 30 ＊/
	max-width: 830px !important;
}

/＊ 全幅 Fix ＊/
.block-editor-page .edit-post-visual-editor .editor-block-list__block[data-align="full"] {
	max-width: none !important;
}
/＊ line-height Fix 1.8->1.6 ＊/
.block-editor-page .editor-rich-text__tinymce.mce-content-body {
	line-height: 1.6;
}
*/


/*
***********************************************************************************************
Gutenbergエディタのビルトインクラス（未使用）
***********************************************************************************************
*/

/*
/＊ ページタイトルの入力欄 ＊/
.editor-post-title__block .editor-post-title__input {
	color: #000;
	font-family: Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN, Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ", sans-serif;
	font-size: 32px;
	font-weight: 100;
}

.editor-post-title__block {
	margin-bottom: auto;
}

/＊ メインのカラム幅 ＊/
/＊ 左右に15pxのpaddingがあるので、コンテンツは-30pxされるので注意 ＊/
.wp-block {
	max-width: 1030px !important;
	width: auto !important;
}

/＊ 「幅広」ブロックの幅、コンテンツは-30pxされるので注意 ＊/
.wp-block[data-align="wide"] {
	max-width: 1230px;
	width: auto !important;
}

/＊ 「全幅」ブロックの幅 ＊/
.wp-block[data-align="full"] {
	max-width: none;
	width: auto !important;
}

/＊ ブロックの上下隙間（デフォルトは上下32px） ＊/
.editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit,
.editor-block-list__layout > .editor-default-block-appender__content {
	margin-bottom: 0px;
	margin-top: 0px;
}

/＊ インナーブロックの上下隙間（デフォルトは上下-28px） ＊/
.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>div>.editor-inner-blocks {
	margin-bottom: 0px;
	margin-top: 0px;
}


/＊ リスト ＊/
.block-library-list .editor-rich-text__tinymce {
	padding-left: 0;
}

/＊ 区切り ＊/
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	/＊ デフォルト（短い線）＊/
	max-width: 80%;
}

.wp-block-separator.is-style-wide {
	/＊ 幅広区切り ＊/
}
.wp-block-separator.is-style-dots {
	/＊ ドット区切り ＊/
}

/＊ 引用 ＊/
.wp-block-quote {
	border: none!important;
	padding: 2em 3em;
	background: #fff;
}

	.wp-block-quote .editor-rich-text:first-child p {
		margin-top: 0;
	}

	.wp-block-quote .editor-rich-text:last-child p {
		margin-bottom: 0;
	}

	.wp-block-quote p {
		color: #555;
	}

/＊ カバーイメージ ＊/
.wp-block-cover-text {
	font-size: 1.5em;
}

/＊ ファイル ＊/
.wp-block-file__textlink {
	color: #003399;
	text-decoration: underline;
}
*/

/* モバイルのプレビュー */
.is-mobile-preview {
	width: 377px !important;	/* viewport + iframeのスクロールバー（17px）分 */
}

/* 投稿タイトル */
.is-root-container {
	margin-top: 2em;
}


/*
***********************************************************************************************
コンポーネント
***********************************************************************************************
*/

.wp-block-columns {
	margin-bottom: 0;
}

.wp-block {
	margin-top: 0;
	margin-bottom: 0;
	max-width: 800px;
}

	/* テンプレート「1カラム」使用時 */
	.page_full-width .wp-block {
		max-width: 1100px;
	}

	/* 幅広 */
	.wp-block[data-align='wide'] {
		width: 100%;
	}

	/* 全幅 */
	.wp-block[data-align='full'] {
		max-width: none !important;
	}

/* 画像 */
.wp-block-image {
	margin-bottom: 0;
}

	/* 幅広 */
	.wp-block-image.alignwide {
		margin-bottom: 0;
	}

	/* 全幅 */
	.wp-block-image.alignfull {
	}

	.wp-block-image .components-resizable-box__container {
		vertical-align: top;
	}

/* ショートコード */
.wp-block-shortcode .components-placeholder__label {
	margin-bottom: 10px;
}


/*
***********************************************************************************************
見出しの汎用クラス
***********************************************************************************************
*/

/* スタイル1 */
h2.is-style-type01 {
	background-image: none;
	border: none;
	border-bottom: 4px solid #e4e8eb;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	margin-top: 0;
	padding: 0px 0px 10px 5px;
	position: relative;
}

	/* 罫線の飾り */
	h2.is-style-type01::after {
		border-bottom: 4px solid #759b04;
		box-sizing: border-box;
		content: "";
		display: block;
		left: 0px;
		position: absolute;
		width: 200px;
		bottom: -4px;
	}

	.viewmode-mobile h2.is-style-type01 {
		font-size: 22px;
		padding: 0px 0px 5px 5px;
	}


/*
***********************************************************************************************
リストの汎用クラス
***********************************************************************************************
*/

/* スタイル1 矢印 */
ul.is-style-type01 {
	list-style-type:none;
}

	ul.is-style-type01 > li {
		list-style-type:none;
		position:relative;
	}

		ul.is-style-type01 > li::before {
			color: #759b04;
			content: "\f054";	/* fa-chevron-right */
			display: block;
			font-family: 'Font Awesome 5 Free';
			font-size: 1em;
			font-weight: bold;
			line-height: 1.5;
			top: 0.2em;
			left: -1em;
			position: absolute;
		}

/* スタイル2 米印 */
ul.is-style-type02 {
	list-style-type:none;
}

	ul.is-style-type02 > li {
		list-style-type:none;
		position:relative;
	}

		ul.is-style-type02 > li:before{
			content:"※";
			display:block;
			font-size:1em;
			left:-1.35em;
			position:absolute;
		}

/* スタイル3 横並び */
ul.is-style-type03 {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0px !important;
}

	ul.is-style-type03 > li {
		border-left: 1px solid #ccc;
		/*
		display: inline;	/＊ ie11でのバグのため、inline-blockでなくinlineにすること ＊/
		*/
		margin: 0 0 0 0;
		padding: 0 1.5em;
		vertical-align: top;
	}

		ul.is-style-type03 > li:first-child {
			border-left: 0px solid #fff;
		}

		ul.is-style-type03 > li + li {
			margin-top: 0 !important;
		}

		.viewmode-mobile ul.is-style-type03 > li {
			border-left: none;
			display: block;
			margin: 0 0 0 0;
			padding: 0 0;
		}

			.viewmode-mobile ul.is-style-type03 > li + li {
				margin-top: .3em !important;
			}

/* スタイル4 横並び・矢印 */
ul.is-style-type04 {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0px !important;
}

	ul.is-style-type04 > li {
		/*
		display: inline;	/＊ ie11でのバグのため、inline-blockでなくinlineにすること ＊/
		*/
		margin: 0 1em 0 0;
		padding: 0 1em 0 1em;
		position: relative;
		vertical-align: top;
	}

		.viewmode-mobile ul.is-style-type03 > li {
		}

		/* 矢印の飾り */
		ul.is-style-type04 > li::before {
			color: #759b04;
			content: "\f054";	/* fa-chevron-right */
			display: block;
			font-family: 'Font Awesome 5 Free';
			font-size: 0.8em;
			font-weight: bold;
			line-height: 1.5;
			top: .45em;
			left: 0;
			position: absolute;
		}

		ul.is-style-type04 > li + li {
			margin-top: 0 !important;
		}

			.viewmode-mobile ul.is-style-type04 > li + li {
				margin-top: .3em !important;
			}


/*
***********************************************************************************************
tableの汎用クラス
***********************************************************************************************
*/

/* スタイル1 */
.is-style-type01 > table {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

	.viewmode-mobile .is-style-type01 > table.responsive {
		border: 0px solid #fff;
		border-top: 1px solid #ccc;
	}
	
	.is-style-type01 > table > thead > tr > th {
		background-color: #e4e8eb;
		border: 1px solid #ccc;
	}
	
	.is-style-type01 > table > tbody > tr > th {
		background-color: #e4e8eb;
		border: 1px solid #ccc;
	}
	
		.viewmode-mobile .is-style-type01 > table.responsive > tbody > tr > th {
			margin-top: -1px;
		}

	.is-style-type01 > table > tbody > tr > td {
		border: 1px solid #ccc;
	}
	
		.viewmode-mobile .is-style-type01 > table.responsive tbody > tr > td {
			margin-top: -1px;
		}


/* スタイル2 */
.is-style-type02 > table {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	border-collapse:collapse;
}

	.viewmode-mobile .is-style-type02 > table.responsive {
		border-top: 0px solid #fff;
		border-bottom: 0px solid #fff;
	}

	.is-style-type02 > table > tbody > tr > th {
		background-color: #e4e8eb;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}
	
		.viewmode-mobile .is-style-type02 > table.responsive > tbody > tr > th {
			margin-top: -1px;
		}

	.is-style-type02 > table > tbody > tr > td {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}
	
		.viewmode-mobile .is-style-type02 > table.responsive > tbody > tr > td {
			margin-top: -1px;
		}

/* スタイル3 */
.is-style-type03 > table {
}
	.is-style-type03 > table > tbody > tr > th {
		background-color: #999;
		color: #fff;
	}

	.is-style-type03 > table > tbody > tr > td {
		border-color: transparent;
	}
	
		.is-style-type03 > table > tbody > tr:nth-child(odd) > td {
			background-color: #e4e8eb;
		}

			.viewmode-mobile .is-style-type03 > table > tbody > tr:nth-child(odd) > td {
				background-color:#fff;
			}