@charset "UTF-8";
/* css/block-editor-style.css 20220917 作成
  ブロックエディタのフロントエンドのCSSを調整する。
  func/head/db_enqueue_styles.phpで読込設定。style.cssの直前に読み込む
  管理画面側 ブロックエディタのCSSは/css/admin/block-editor-style.css 出来るだけ表示を合わせる。
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 BasicSetting （共通設定）
2.0 media Queries タブサイズ縦サイズ（750-939px)
3.0 media Queries PCサイズ（940px-）

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


/*--------------------------------------------------------------
1.0 BasicSetting （共通設定）
--------------------------------------------------------------*/


/* 画像ブロック
----------------------------------------------- */
/* スマホではフロートさせない。 */

.wp-block-image .alignleft,
.wp-block-image .alignright { /* div figureを内包 */
  float: none; 
  margin: .5em auto;
}
.wp-block-image figcaption {
  text-align: center;
  font-size: small;
  color: #555;
}

/* サイドバー ブロックウィジェット */
/* Search box */
input[type="search"] { /* iPhone appearance none */
  background-color: #fff;
	color: #333;
	width: 100%;
	font-size: 100%;
	padding: 0.5em;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
.wp-block-search__button { /* 検索バー ボタン */
  background: #63acb7;
  color: #fff;
  cursor: pointer;
  border: none;
  width: 45px;
}


/*--------------------------------------------------------------
2.0 media Queries タブサイズ縦サイズ（750-939px)
--------------------------------------------------------------*/
@media print, screen and (min-width: 750px) and (max-width: 939px) { /* iPad ボックスレイアウト min750px max939px */

/* 画像ブロック
----------------------------------------------- */
.wp-block-image .alignleft { /* 左寄せ */
  float: left;
  margin: .5em 1em .5em 0;
}
.wp-block-image .alignright { /* 右寄せ */
  float: right; 
  margin: .5em 0 .5em 1em;
}
/* Webに疎い人用 */
/* エディタ内でフロートさせた画像の次の次の要素で強制的にclearさせる */
/* .wp-block-image+*+* {
  display: block;
	clear: both;
} */



}/* 2.0 media Queries タブサイズ（750-939px)ここまで /////////////////////////////////////////////////////////////*/


/*--------------------------------------------------------------
3.0 media Queries PCサイズ（940px-）
--------------------------------------------------------------*/
@media print, screen and (min-width: 940px) { /* pc ボックスレイアウト max1080px min940px ///////////////////////*/

/* 画像ブロック
----------------------------------------------- */
.wp-block-image .alignleft { /* 左寄せ */
  float: left;
  margin: .5em 1em .5em 0;
}
.wp-block-image .alignright { /* 右寄せ */
  float: right; 
  margin: .5em 0 .5em 1em;
}
/* Webに疎い人用 */
/* エディタ内でフロートさせた画像の次の次の要素で強制的にclearさせる */
/* .wp-block-image+*+* {
  display: block;
	clear: both;
} */

}/* 5.0 media Queries PCサイズ（940px)ここまで /////////////////////////////////////////////////////////////////*/