/*+++++++++++++++++++++++++++++++++++++++
	ブロックエディタ + WPネイティブCSSの設定
+++++++++++++++++++++++++++++++++++++++*/
body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #660000;
  /* font-size: 16px; */
  font-weight: 400;
  font-style: normal;
  line-height: 180%;
	background-color: #fffad8;
}
/*-----------------------------------------
	テキストの配置
-----------------------------------------*/
.has-text-align-center {
  text-align: center;
}
.has-text-align-left {
  text-align: left;
}
.has-text-align-right {
  text-align: right;
}
/*-----------------------------------------
	テキストのサイズ
-----------------------------------------*/
h1, h2, h3 {
	font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

@media screen and (max-width: 520px) {
  h1 { font-size: 185%; }
  h2 { font-size: 165%; }
  h3 { font-size: 145%; }
  h4 { font-size: 125%; }
  h5 { font-size: 105%; }
  h6 { font-size: 100%; }
}

.has-small-font-size {
  font-size: 85%;
}
.has-normal-font-size {
  font-size: 100%;
}
.has-medium-font-size {
  font-size: 110%;
}
.has-large-font-size {
  font-size: 120%;
}
.has-huge-font-size {
  font-size: 150%;
}
/*-----------------------------------------
	テキストと背景のカラー
  ※fnc/admin-control.phpへの設定も必要
-----------------------------------------*/
.has-very-orange-color {
	color: #fe7311;
}
.has-strong-brown-color {
	color: #660000;
}
.has-retro-blue-color {
	color: #0d9ba3;
}

.has-very-orange-background-color {
	background-color: #fe7311;
}
.has-strong-brown-background-color {
	background-color: #660000;
}
.has-retro-blue-background-color {
	background-color: #0d9ba3;
}
/*-----------------------------------------
	Content
-----------------------------------------*/
.wp-block {
  max-width: 960px;
}

.wp-block-image .components-resizable-box__container {
		height: auto !important; /* 画像をリサイズしたときに必要 */
		max-width: 100% !important; /* 画像をリサイズしたときに必要 */
}
.wp-block-image img {
	border-style: none;
	display: block;
	max-width: 100%;
	height: auto;
	backface-visibility: hidden;
}

.edit-post-visual-editor__post-title-wrapper .editor-post-title {
  margin: 0 auto;
}
/*-----------------------------------------
	ブロックの配置
-----------------------------------------*/
.alignleft {
  display: block;
  margin: 0 auto 0 0;
}
.aligncenter {
  display: block;
  margin: 0 auto 0 auto;
}
.alignright {
  display: block;
  margin: 0 0 0 auto;
}
/*-----------------------------------------
	標準CSSはOFF
-----------------------------------------*/
.wp-caption,
[class*='wp-image'] {
  display: block;
  /*max-width: 100% !important; Print設定に影響する為OFF*/
  /*margin-top: 1.5em;*/
  text-align: center;
}
.wp-caption-text {
  margin-top: 0;
}
.wp-block-image figcaption {
    font-size: 80%;
    text-align: left;
    line-height: 150%;
    padding: 0.5em 1em;
}

.flex-margin {
    display: block;
    width: 4em;
    height: auto;
    flex-basis: 4em;
}
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .wp-block-gallery .wp-block-image {
        width: 48%;
        margin-bottom: 1em;
    }
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
    display: table;
}
    .wp-block-image .aligncenter {
        margin-left: auto;
        margin-right: auto;
    }
        .wp-block-image img {
            max-width: 100%;
            height: auto;
            vertical-align: bottom;
        }
        .wp-block-image .aligncenter>figcaption {
            display: table-caption;
            caption-side: bottom;
        }
/*-----------------------------------------
	ボタン
-----------------------------------------*/
.wp-block-button__link {
	color: #fff;
	text-decoration: none;
	border: #ac7755 2px solid;
	background-color: #ac7755 !important;
}
a:link.wp-block-button__link,
a:visited.wp-block-button__link,
a:active.wp-block-button__link {
	display: block;
	color: #fff;
	text-decoration: none;
	border: #ac7755 2px solid;
	background-color: #ac7755;
}
a:hover.wp-block-button__link,
.has-background:hover {
	color: #ac7755;
	text-decoration: none;
	border: #ac7755 2px solid;
	background-color: #fff !important;
	transition:0.5s;
}
/*-----------------------------------------
	テーブル
-----------------------------------------*/
.wp-block-table table {
  /* border: none; */
  margin: 0 auto;
}
  .wp-block-table table tr td {
    /* border: none; */
    vertical-align: top;
  }