@charset "utf-8";

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

	Gutenberg・記事本文

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

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

	変数

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

:root {
	/* ★common.css ＝ editor.css★ */
	--main-color: 95,145,95;
}

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

	エディター画面のみ

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

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

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: '游明朝', serif,YuGothic,"游ゴシック","メイリオ",Meiryo,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	font-weight: 500;
	color: rgba(35,35,0,1);
  	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

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

.edit-post-visual-editor__post-title-wrapper,
.block-editor-block-list__layout {
	width: 86%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.block-editor-iframe__body.editor-styles-wrapper,
html :where(.wp-block) {
	max-width: none;
	background-color: #FFF;
}


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

.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.contents main h2,
body.contents main h3,
body.contents main h4,
body.archive main h2,
body.archive main h3,
body.archive main h4,
body.contents main .detail p + section h2 {
	margin-top: 50px;
	font-weight: bold;
}

/* h2 */
.block-editor-iframe__body.editor-styles-wrapper h2,
body.contents main h2,
body.archive 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 h3,
body.contents main h4,
body.contents main h5,
body.contents main h6,
body.contents main table,
body.archive main h3,
body.archive main h4,
body.archive main h5,
body.archive main h6,
body.archive 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.contents main h2,
body.contents main h3,
body.contents main h4,
body.contents main h5,
body.contents main h6,
body.archive main h2,
body.archive main h3,
body.archive main h4,
body.archive main h5,
body.archive main h6,
main .detail .double + section h2,
body.contents main .detail p + section h2 {
	margin-top: 7vw;
}

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

/* 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.contents main h3,
body.contents main h4,
body.contents main h5,
body.contents main h6,
body.archive main h3,
body.archive main h4,
body.archive main h5,
body.archive 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,
body.contents main .detail h1 {
	margin-bottom: 1em;
	line-height: 1.6;
	font-size: 2em;
	word-break: normal;
	font-weight: bold;
}

/* h2 */
.block-editor-iframe__body.editor-styles-wrapper h2,
body.contents main h2,
body.archive main h2 {   
	padding: .45em 1em;
	font-size: 2em;
	border-left: 3px solid rgba(var(--main-color),1);
	border-bottom: 2px solid rgba(var(--main-color),.1);
}

/* h3 */
.block-editor-iframe__body.editor-styles-wrapper h3,
body.contents main h3,
body.archive main h3 {
	position: relative;
	font-size: 1.5em;
	padding: 0 0 0 1.5em;
}

.block-editor-iframe__body.editor-styles-wrapper h3::before,
body.contents main h3::before,
body.archive main h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 1em;
    height: 2px;
	background-color: rgba(var(--main-color),1);
}

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


@media screen and (max-width: 767px) {
.block-editor-iframe__body.editor-styles-wrapper h2,
body.contents main h2,
body.archive main h2 { 
	padding: .45em 1em;
	font-size: 1.75em;
	border-left: 3px solid rgba(var(--main-color),1);
	border-bottom: 2px solid rgba(var(--main-color),.1);
}
	
/* h3 */
.block-editor-iframe__body.editor-styles-wrapper h3,
body.contents main h3,
body.archive main h3 {
	font-size: 1.25em;
	padding: 0 0 0 1.25em;
}

}

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

.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;
}



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

body.contents main .wp-block-table {
    overflow-x: inherit;
}

body.contents main .wp-block-table table {
	width: 100%;
	word-break: break-all;
	word-wrap: break-all;
}


.edit-post-visual-editor .wp-block-table thead,
.wp-block-table thead,
body.contents main .wp-block-table thead {
    border-bottom: none;
}

.edit-post-visual-editor .wp-block-table thead th,
body.contents main .wp-block-table thead th {
	text-align: center;
}

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

.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(a,span,sup,sub) {
	font-weight: bold;
	background-color: rgba(var(--main-color),.1);
}

@media screen and (max-width: 767px){
body.contents main .wp-block-table {
    font-size: .8em;
}	
}


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

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


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

.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 .wp-block[data-align="right"] figure,
.block-editor-iframe__body.editor-styles-wrapper .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 .wp-block[data-align="left"] figure,
.block-editor-iframe__body.editor-styles-wrapper .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 {
	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;
}

}