@charset "utf-8";

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

	Gutenberg・記事本文

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


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

	変数

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

:root {
	/* ★common.css ＝ editor.css★ */
	--main-color: 58,58,58;
	--yellow: 237,225,78;
	--dark-yellow: 165,152,33;
	--gray: 114,124,129;
}

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

	エディター画面のみ

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

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

body#tinymce,
.block-editor-iframe__body.editor-styles-wrapper,
.block-editor-iframe__body.editor-styles-wrapper textarea  {
	/* ★common.css ＝ editor.css★ */
	line-height: 1.8;
	font-family: "メイリオ", Meiryo, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 500;
	color: rgba(var(--main-color),1);
  	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

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

/* ★入力画面幅パターン①★ */
.edit-post-visual-editor__post-title-wrapper,
.block-editor-block-list__layout,
html :where(.wp-block) {
	max-width: 1000px;
}

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


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

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

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

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

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

.block-editor-iframe__body.editor-styles-wrapper .wp-block {
	margin-left: 0;
}



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

	本文

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

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

/* hx */
.block-editor-iframe__body.editor-styles-wrapper h2,
.block-editor-iframe__body.editor-styles-wrapper h3,
.block-editor-iframe__body.editor-styles-wrapper h4,
.block-editor-iframe__body.editor-styles-wrapper h5,
.block-editor-iframe__body.editor-styles-wrapper h6,
body.home main h2,
body.contents main h2,
body.home main h3,
body.contents main h3,
body.home main h4,
body.contents main h4,
body.home main h5,
body.contents main h5,
body.home main h6,
body.contents main h6 {
	margin-top: 50px;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
}

/* h2 */
.block-editor-iframe__body.editor-styles-wrapper h2,
body.home main h2,
body.contents main h2 {
	margin-bottom: 48px;
}

/* h3・h4・h5・h6 */
.block-editor-iframe__body.editor-styles-wrapper h3,
.block-editor-iframe__body.editor-styles-wrapper h4,
.block-editor-iframe__body.editor-styles-wrapper h5,
.block-editor-iframe__body.editor-styles-wrapper h6,
.block-editor-iframe__body.editor-styles-wrapper table,
body.contents main h2,
body.home main h3,
body.contents main h3,
body.home main h4,
body.contents main h4,
body.home main h5,
body.contents main h5,
body.home main h6,
body.contents main h6
body.contents main table {
	margin-bottom: 25px;
}

/* table・ul・ol・dl・figure */
.block-editor-iframe__body.editor-styles-wrapper table,
.block-editor-iframe__body.editor-styles-wrapper ul,
.block-editor-iframe__body.editor-styles-wrapper ol,
.block-editor-iframe__body.editor-styles-wrapper dl,
.block-editor-iframe__body.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: 25px;
	margin-bottom: 25px;
}

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

/* hx */
.block-editor-iframe__body.editor-styles-wrapper h2,
.block-editor-iframe__body.editor-styles-wrapper h3,
.block-editor-iframe__body.editor-styles-wrapper h4,
.block-editor-iframe__body.editor-styles-wrapper h5,
.block-editor-iframe__body.editor-styles-wrapper h6,
body.home main h2,
body.contents main h2,
body.home main h3,
body.contents main h3,
body.home main h4,
body.contents main h4,
body.home main h5,
body.contents main h5,
body.home main h6,
body.contents main h6 {
	margin-top: 7vw;
}

/* h2 */
.block-editor-iframe__body.editor-styles-wrapper h2,
body.home main h2,
body.contents main h2 {
	margin-bottom: 10vw;
}

/* h3・h4・h5・h6 */
.block-editor-iframe__body.editor-styles-wrapper h3,
.block-editor-iframe__body.editor-styles-wrapper h4,
.block-editor-iframe__body.editor-styles-wrapper h5,
.block-editor-iframe__body.editor-styles-wrapper h6,
body.home main h3,
body.contents main h3,
body.home main h4,
body.contents main h4,
body.home main h5,
body.contents main h5,
body.home main h6,
body.contents main h6 {
	margin-bottom: 4vw;
}
	
/* table・ul・ol・dl・figure */
.block-editor-iframe__body.editor-styles-wrapper table,
.block-editor-iframe__body.editor-styles-wrapper ul,
.block-editor-iframe__body.editor-styles-wrapper ol,
.block-editor-iframe__body.editor-styles-wrapper dl,
.block-editor-iframe__body.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: 4vw;
	margin-bottom: 4vw;
}

}


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

.block-editor-iframe__body.editor-styles-wrapper h1,
.block-editor-iframe__body.editor-styles-wrapper h2,
.block-editor-iframe__body.editor-styles-wrapper h3,
.block-editor-iframe__body.editor-styles-wrapper h4,
.block-editor-iframe__body.editor-styles-wrapper h5,
.block-editor-iframe__body.editor-styles-wrapper h6 {
	line-height: 1.4;
}

/* h1の標準設定 */
.block-editor-iframe__body.editor-styles-wrapper h1 {
	line-height: 1.6;
	font-size: 2em;
	word-break: normal;
	font-weight: bold;
}

/* h2 */
.block-editor-iframe__body.editor-styles-wrapper h2,
body.home main h2,
body.contents main h2 {
	font-size: 2.25em;
}

/* h3 */
.block-editor-iframe__body.editor-styles-wrapper h3,
body.home main h3,
body.contents main h3 {
	padding: .25em 0 .25em .7em;
	border-left: 3px solid rgba(var(--yellow),1);
	font-size: 2em;
}

/* h4 */
.block-editor-iframe__body.editor-styles-wrapper h4,
body.home main h4,
body.contents main h4 {
	padding-bottom: .75em;
	border-bottom: 1px solid rgba(var(--main-color),1);
	font-size: 1.563em;
}

/* h5 */
.block-editor-iframe__body.editor-styles-wrapper h5,
body.home main h5,
body.contents main h5 {
	color: rgba(var(--dark-yellow),1);
	font-size: 1.25em;
}

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

/* h2 */
.block-editor-iframe__body.editor-styles-wrapper h2,
body.home main h2,
body.contents main h2 {
	font-size: 5.5vw;
}

/* h3 */
.block-editor-iframe__body.editor-styles-wrapper h3,
body.home main h3,
body.contents main h3 {
	font-size: 5vw;
}

/* h4 */
.block-editor-iframe__body.editor-styles-wrapper h4,
body.home main h4,
body.contents main h4 {
	font-size: 4vw;
}

}


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

.block-editor-iframe__body.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;
}


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

.block-editor-iframe__body.editor-styles-wrapper li,
body.contents main li {
	line-height: 1.8;
}



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

.block-editor-iframe__body.editor-styles-wrapper .wp-block-table thead,
body.contents main .wp-block-table thead{
	border-bottom: none;
}

.block-editor-iframe__body.editor-styles-wrapper th,
.block-editor-iframe__body.editor-styles-wrapper td,
body.contents main th,
body.contents main td {
	padding: .6em 1em;
	border: 1px solid rgba(var(--main-color),1);
}

.block-editor-iframe__body.editor-styles-wrapper thead th:first-child,
.block-editor-iframe__body.editor-styles-wrapper tbody td:first-child,
body.contents main tbody tr:first-child td:first-child,
body.contents main tbody tr:first-child th:first-child {
	min-width: 8em;
}

.block-editor-iframe__body.editor-styles-wrapper th,
.block-editor-iframe__body.editor-styles-wrapper tr td:first-of-type,
body.contents main th,
body.contents main tr :first-child:not(p,a,span,sup,sub) {
	background-color: rgba(var(--main-color),.1);
	font-weight: bold;
}


/* テーブル（管理画面用）
------------------------------------------------------------------------------*/

.block-editor-iframe__body.editor-styles-wrapper .wp-block-table {
	width: 100%;
}

.block-editor-iframe__body.editor-styles-wrapper .wp-block-table .has-fixed-layout {
	table-layout: auto;
}


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

.block-editor-iframe__body.editor-styles-wrapper a:not(a[href^="tel:"]),
body.contents main a:not(a[href^="tel:"]) {
	color: rgba(var(--main-color),1);
}


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

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

.block-editor-iframe__body.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: center;
}

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


.block-editor-iframe__body.editor-styles-wrapper .is-layout-flow > .wp-block[data-align="right"] figure,
.block-editor-iframe__body.editor-styles-wrapper .is-layout-flow > .wp-block.alignright,
body.contents main .wp-block-image .alignright,
body.contents main .wp-block-image.alignright {
	float: none;
	margin-right: 0;
	margin-left: auto;
}

.block-editor-iframe__body.editor-styles-wrapper .is-layout-flow > .wp-block[data-align="left"] figure,
.block-editor-iframe__body.editor-styles-wrapper .is-layout-flow > .wp-block.alignleft,
body.contents main .wp-block-image .alignleft,
body.contents main .wp-block-image.alignleft {
	float: none;
	margin-right: auto;
	margin-left: 0;
}

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


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

.block-editor-iframe__body.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,
.block-editor-iframe__body.editor-styles-wrapper .has-inline-color.has-important-color,
.block-editor-iframe__body.editor-styles-wrapper .has-inline-color.has-important-color a,
.block-editor-iframe__body.editor-styles-wrapper .has-text-color.has-important-color,
.block-editor-iframe__body.editor-styles-wrapper .has-text-color.has-important-color a {
	background: none;
	color: rgba(180,0,20,1);
}

body.contents main .has-inline-color,
.block-editor-iframe__body.editor-styles-wrapper .has-inline-color,
.block-editor-iframe__body.editor-styles-wrapper .has-important-background-color,
.block-editor-iframe__body.editor-styles-wrapper .has-background.has-important-background-color  {
	background-color: transparent !important;
}

body.contents main .has-inline-color,
body.contents main .has-background.has-important-background-color,
.block-editor-iframe__body.editor-styles-wrapper .has-inline-color,
.block-editor-iframe__body.editor-styles-wrapper .has-background.has-important-background-color {
	display: inline;
	background:linear-gradient(transparent 70%, rgba(180,0,20,.2) 70%);
	color: inherit;
}

.block-editor-iframe__body.editor-styles-wrapper .has-background {
	padding: 0;
}


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

/* 記事内アーカイブ部分 */
body.contents main .article h2,
body.contents main .category h2,
body.contents main .year h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background: none;
	border: none;
}


/* 埋め込み
------------------------------------------------------------------------------*/

.iframe_content {
	position: relative;
	width: 100%;
	margin: 2em 0;
}

iframe.instagram-media {
	margin: 2em auto !important;
}

.twitter-tweet,
.wp-block-embed.wp-block-embed-twitter,
.iframe_content.youtube,
.iframe_content.facebook {
	margin-right: auto;
	margin-left: auto;
}

.iframe_content.youtube {
	max-width: 600px !important;
}

.iframe_content.youtube iframe,
.iframe_content.gmap iframe {
	width: 100%;
	height: 100%;
}

.fb_iframe_widget_fluid span,
.iframe_content.facebook,
.post .fb_iframe_widget {
	background-color: #FFF;
}

.iframe_content.facebook {
	width: max-content;
}

.fb_iframe_widget_fluid span {
    max-width: 100% !important;
}

.iframe_content.youtube,
.iframe_content.gmap {
     position: relative;
	 aspect-ratio: 16 / 9;
     overflow: hidden;
}

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

.iframe_content.gmap {
	 aspect-ratio: 4 / 3;
}

}

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

.iframe_content.gmap {
	 aspect-ratio: 1 / 1;
}

.iframe_content.facebook {
	width: auto;
}

}


/* ギャラリー（管理画面用）
------------------------------------------------------------------------------*/

.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
	--wp--style--unstable-gallery-gap: 0 !important;
	width: 100% !important;
}

.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery figure {
	flex-grow: 0 !important;
	margin: 0 3% 25px 0 !important;
}

.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery figure figcaption {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	bottom: auto !important;
	background: none !important;
	color: inherit !important;
}

/* 1-2 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-default figure,
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-2 figure {	width: 48.5% !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-2 figure:nth-child(2n) { margin-right: 0 !important;}

/* 3 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-3 figure { width: calc(94% / 3) !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-3 figure:nth-child(3n) { margin-right: 0 !important;}

/* 4 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-4 figure { width: calc(91% / 4) !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-4 figure:nth-child(4n) { margin-right: 0 !important;}

/* 5 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-5 figure { width: calc(88% / 5) !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-5 figure:nth-child(5n) { margin-right: 0 !important;}

/* 6 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-6 figure { width: calc(85% / 6) !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-6 figure:nth-child(6n) { margin-right: 0 !important;}

/* 7 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-7 figure { width: calc(82% / 7) !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-7 figure:nth-child(7n) { margin-right: 0 !important;}

/* 8 */
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-8 figure { width: calc(79% / 8) !important;}
.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-8 figure:nth-child(8n) { margin-right: 0 !important;}

/* 注意事項 */
.components-panel__body:not(.blocks-table-settings) > div.components-base-control.components-range-control::after {
	content: "ギャラリーの追加時に並べたい個数がうまく認識されない場合があります。上部のカラムの数値を増減して調整してください。（写真が横並びになる最大数：8）";
	display: block;
	margin-top: 2em;
	padding: 1.25em;
	background-color: rgba(0,0,0,.05);
	white-apace: pre;
}

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

.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery.columns-default figure {
	width: 48.5% !important;
}

.block-editor-iframe__body.editor-styles-wrapper .wp-block-gallery figure:nth-child(2n) {
	margin-left: 0 !important;
}

}


/* ギャラリー
------------------------------------------------------------------------------*/

body.contents main .custom_original_gallery {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 0;
	margin-bottom: 0;
}

body.contents main .custom_original_gallery figure {
	margin: 0 3% 3% 0;
}

/* 1-2 */
body.contents main .custom_original_gallery.columns-default figure,
body.contents main .custom_original_gallery.columns-2 figure { width: 48.5%;}
body.contents main .custom_original_gallery.columns-default figure:nth-child(2n),
body.contents main .custom_original_gallery.columns-2 figure:nth-child(2n) { margin-right: 0;}

/* 3 */
body.contents main .custom_original_gallery.columns-3 figure { width: calc(94% / 3);}
body.contents main .custom_original_gallery.columns-3 figure:nth-child(3n) { margin-right: 0;}

/* 4 */
body.contents main .custom_original_gallery.columns-4 figure { width: calc(91% / 4);}
body.contents main .custom_original_gallery.columns-4 figure:nth-child(4n) { margin-right: 0;}

/* 5 */
body.contents main .custom_original_gallery.columns-5 figure { width: calc(88% / 5);}
body.contents main .custom_original_gallery.columns-5 figure:nth-child(5n) { margin-right: 0;}

/* 6 */
body.contents main .custom_original_gallery.columns-6 figure { width: calc(85% / 6);}
body.contents main .custom_original_gallery.columns-6 figure:nth-child(6n) { margin-right: 0;}

/* 7 */
body.contents main .custom_original_gallery.columns-7 figure { width: calc(82% / 7);}
body.contents main .custom_original_gallery.columns-7 figure:nth-child(7n) { margin-right: 0;}

/* 8 */
body.contents main .custom_original_gallery.columns-8 figure { width: calc(79% / 8);}
body.contents main .custom_original_gallery.columns-8 figure:nth-child(8n) { margin-right: 0;}


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

body.contents main .custom_original_gallery.columns-3 figure,
body.contents main .custom_original_gallery.columns-3 figure:nth-child(n),
body.contents main .custom_original_gallery.columns-4 figure,
body.contents main .custom_original_gallery.columns-4 figure:nth-child(n),
body.contents main .custom_original_gallery.columns-5 figure,
body.contents main .custom_original_gallery.columns-5 figure:nth-child(n),
body.contents main .custom_original_gallery.columns-6 figure,
body.contents main .custom_original_gallery.columns-6 figure:nth-child(n),
body.contents main .custom_original_gallery.columns-7 figure,
body.contents main .custom_original_gallery.columns-7 figure:nth-child(n),
body.contents main .custom_original_gallery.columns-8 figure,
body.contents main .custom_original_gallery.columns-8 figure:nth-child(n) {
	 width: 48.5%;
	 margin-right: 3%;
	 margin-bottom: 3%;
}

body.contents #content main .custom_original_gallery figure:nth-child(2n) {
	margin-right: 0;
}

}