@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	Gutenberg・記事本文

//////////////////////////////////////////////////////////////////////////////*/

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

	エディター画面のみ

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

/* 全体
------------------------------------------------------------------------------*/

body#tinymce,
.edit-post-visual-editor .editor-styles-wrapper,
.edit-post-visual-editor .editor-styles-wrapper textarea  {
	/* ★common.css ＝ editor.css★ */
	line-height: 1.8;
	font-family: "Noto Sans JP",YuGothic,"游ゴシック","メイリオ",Meiryo,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	font-weight: 500;
	color: #333;
  	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

/* 入力画面幅
------------------------------------------------------------------------------*/

.edit-post-visual-editor__post-title-wrapper,
.block-editor-block-list__layout {
	margin: 0 auto;
	width: 90%;
	max-width: 800px;
}


/* マージン上下
------------------------------------------------------------------------------*/

/* hx */
.edit-post-visual-editor .editor-styles-wrapper h2,
.edit-post-visual-editor .editor-styles-wrapper h3,
.edit-post-visual-editor .editor-styles-wrapper h4,
.edit-post-visual-editor .editor-styles-wrapper h5,
.edit-post-visual-editor .editor-styles-wrapper h6,
body.contents main h2,
body.contents main h3,
body.contents main h4,
body.contents main h5,
body.contents main h6 {
	margin-top: 30px;
	font-weight: bold;
}

/* h2 */
.edit-post-visual-editor .editor-styles-wrapper h2,
body.contents main h2 {
	margin-bottom: 28px;
}

/* h3・h4・h5・h6 */
.edit-post-visual-editor .editor-styles-wrapper h3,
.edit-post-visual-editor .editor-styles-wrapper h4,
.edit-post-visual-editor .editor-styles-wrapper h5,
.edit-post-visual-editor .editor-styles-wrapper h6,
.edit-post-visual-editor .editor-styles-wrapper table,
body.contents main h3,
body.contents main h4,
body.contents main h5,
body.contents main h6,
body.contents main table {
	margin-bottom: 20px;
}

/* table・ul・ol・dl・figure */
.edit-post-visual-editor .editor-styles-wrapper table,
.edit-post-visual-editor .editor-styles-wrapper ul,
.edit-post-visual-editor .editor-styles-wrapper ol,
.edit-post-visual-editor .editor-styles-wrapper dl,
.edit-post-visual-editor .editor-styles-wrapper figure,
body.contents main table,
body.contents main ul,
body.contents main ol,
body.contents main dl,
body.contents main figure {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {

/* hx */
.edit-post-visual-editor .editor-styles-wrapper h2,
.edit-post-visual-editor .editor-styles-wrapper h3,
.edit-post-visual-editor .editor-styles-wrapper h4,
.edit-post-visual-editor .editor-styles-wrapper h5,
.edit-post-visual-editor .editor-styles-wrapper h6,
body.contents main h2,
body.contents main h3,
body.contents main h4,
body.contents main h5,
body.contents main h6 {
	margin-top: 5vw;
}

/* h2 */
.edit-post-visual-editor .editor-styles-wrapper h2,
body.contents main h2 {
	margin-bottom: 3vw;
}

/* h3・h4・h5・h6 */
.edit-post-visual-editor .editor-styles-wrapper h3,
.edit-post-visual-editor .editor-styles-wrapper h4,
.edit-post-visual-editor .editor-styles-wrapper h5,
.edit-post-visual-editor .editor-styles-wrapper h6,
body.contents main h3,
body.contents main h4,
body.contents main h5,
body.contents main h6 {
	margin-bottom: 2vw;
}
	
/* table・ul・ol・dl・figure */
.edit-post-visual-editor .editor-styles-wrapper table,
.edit-post-visual-editor .editor-styles-wrapper ul,
.edit-post-visual-editor .editor-styles-wrapper ol,
.edit-post-visual-editor .editor-styles-wrapper dl,
.edit-post-visual-editor .editor-styles-wrapper figure,
body.contents main table,
body.contents main ul,
body.contents main ol,
body.contents main dl,
body.contents main figure {
	margin-top: 2vw;
	margin-bottom: 2vw;
}

}


/* 見出し
------------------------------------------------------------------------------*/

/* h1にあたるtextareaの標準設定 */
.edit-post-visual-editor .editor-styles-wrapper .editor-post-title__block textarea {
	line-height: 1.6;
	font-size: 2em;
	word-break: normal;
	font-weight: bold;
}

/* h2 */
.edit-post-visual-editor .editor-styles-wrapper h2,
body.contents main h2 { 
	padding-left: 1.6em;
	font-size: 1.3125em;
	background: url(../img/icon_circle.svg) no-repeat left .1em;
	background-size: 1.2em;	
}

/* h3 */
.edit-post-visual-editor .editor-styles-wrapper h3,
body.contents main h3 {
	position: relative;
	padding: .1em .5em;
	font-weight: bold;
	font-family: "Noto Sans JP",YuGothic,"游ゴシック","メイリオ",Meiryo,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;	
	border-left: .3em solid #71cca7;	
}

/* h4 */
.edit-post-visual-editor .editor-styles-wrapper h4,
body.contents main h4 {
	font-family: "Noto Sans JP",YuGothic,"游ゴシック","メイリオ",Meiryo,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-weight: 600;
}

/* h5 */
.edit-post-visual-editor .editor-styles-wrapper h5,
body.contents main h5 {
}

/* h6 */
.edit-post-visual-editor .editor-styles-wrapper h6,
body.contents main h6 {
}


/* 段落
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper p,
body.contents main p {
	line-height: 1.8;
}

body.contents main .has-text-align-right {
	text-align: right;
}

body.contents main .has-text-align-center {
	text-align: center;
}

body.contents main .has-text-align-left {
	text-align: left;
}


/* リスト
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper ul,
.edit-post-visual-editor .editor-styles-wrapper ol,
body.contents main ul,
body.contents main ol {
	margin: 1em 0 2em 2em;
}

.edit-post-visual-editor .editor-styles-wrapper ul,
body.contents main ul {
	list-style: disc;
}

.edit-post-visual-editor .editor-styles-wrapper dt,
body.contents main dt {
	font-weight: bold;
}


/* テーブル
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper table,
body.contents main table {
	margin-bottom: 1em;	
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #71CCA7;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.edit-post-visual-editor .editor-styles-wrapper th,
.edit-post-visual-editor .editor-styles-wrapper td,
body.contents main th,
body.contents main td {
	padding: 1em;
	text-align: left;
	vertical-align: 1.6em;
	border-top: none;
	border-bottom: 1px solid #71CCA7;
}

.edit-post-visual-editor .editor-styles-wrapper th,
.edit-post-visual-editor .editor-styles-wrapper tr td:first-of-type,
body.contents main th,
body.contents main tr > :first-child {
	font-weight: 600;
	background-color: #D4F0E4;
}

.edit-post-visual-editor .editor-styles-wrapper td ul,
body.contents main td ul {
	margin: 0 0 0 2em;
}


@media screen and (max-width: 1000px){

.edit-post-visual-editor .editor-styles-wrapper th,
body.contents main th {
	width: auto;
}

}

@media screen and (max-width: 768px){

.edit-post-visual-editor .editor-styles-wrapper table,
body.contents main table {
	font-size: 75%;
}

}

@media screen and (max-width: 568px){

.edit-post-visual-editor .editor-styles-wrapper th,
.edit-post-visual-editor .editor-styles-wrapper td,
body.contents main th,
body.contents main td {
	padding-left: 1em;
	padding-right: 1em;
	font-size: .85em;
}

}

@media screen and (max-width: 320px){

.edit-post-visual-editor .editor-styles-wrapper th,
.edit-post-visual-editor .editor-styles-wrapper td,
body.contents main th,
body.contents main td {
	padding-left: .5em;
	padding-right: .5em;
}

}


/* アンカー
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper a,
body.contents main .detail a {
	color: #63c199;
	text-decoration: underline;
	font-weight: normal;
}


/* 画像
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper figure.wp-block,
body.contents main figure.wp-block-image,
body.contents main .wp-block-image figure {
	display: table;
}

.edit-post-visual-editor .editor-styles-wrapper figure.wp-block figcaption,
body.contents main figure.wp-block-image figcaption,
body.contents main .wp-block-image figure figcaption {
	display: table-caption;
	caption-side: bottom;
	text-align: left;
}

body.contents main .wp-block-image .aligncenter {
	margin-right: auto;
	margin-left: auto;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="center"] figcaption,
body.contents main .wp-block-image .aligncenter figcaption {
	text-align: center;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="left"] figcaption,
body.contents main .wp-block-image .alignright figcaption {
	text-align: left;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="right"] figcaption,
body.contents main .wp-block-image .alignright figcaption {
	text-align: right;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="right"] figure,
body.contents main .wp-block-image .alignright {
	margin-left: auto;
}

body.contents main figure img {
	height: auto;
}

/* 画像（管理画面用）
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="left"],
.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="right"],
.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="left"] > *,
.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="right"] > * {
	float: none;
	height: auto;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-image {
	float: right;
	margin: 0;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block[data-align="right"]:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.edit-post-visual-editor .editor-styles-wrapper .wp-block-table table + figcaption {
	display: none;
}


/* ドロップキャップ打ち消し
------------------------------------------------------------------------------*/

.edit-post-visual-editor .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
	float: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
	text-transform: none;
	font-style: inherit;
}


/* カラー設定
------------------------------------------------------------------------------*/

body.contents main .has-inline-color.has-important-color,
body.contents main .has-inline-color.has-important-color a,
body.contents main .has-text-color.has-important-color,
body.contents main .has-text-color.has-important-color a,
.edit-post-visual-editor .editor-styles-wrapper .has-inline-color.has-important-color,
.edit-post-visual-editor .editor-styles-wrapper .has-inline-color.has-important-color a,
.edit-post-visual-editor .editor-styles-wrapper .has-text-color.has-important-color,
.edit-post-visual-editor .editor-styles-wrapper .has-text-color.has-important-color a {
	color: rgba(180,0,20,1);
}

body.contents main .has-background.has-important-background-color,
.edit-post-visual-editor .editor-styles-wrapper .has-background.has-important-background-color {
	color: #FFF;
	background-color: rgba(180,0,20,1);
}

.edit-post-visual-editor .editor-styles-wrapper .has-background {
	padding: 0;
}


/* 継承したくない本文スタイルをリセット
------------------------------------------------------------------------------*/

body.contents .list h2 {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1em;
}