@charset "UTF-8";
/**
 * Stylesheet for Editor Page
 * 
 * @package ghakata-sh
 *
 */

/*---------------------------------------------------------------------------
  固定ページ・投稿ページ共通設定
 --------------------------------------------------------------------------- */
html {
	/* padding: 10px; */
}

body {
	/* font-family: "Noto Serif JP", serif, -apple-system, BlinkMacSystemFont; */
}

body {
	font-family: "Noto Sans JP", sans-serif;
}

/* ビジュアルエディター欄の設定 */
#tinymce {
	margin: 0 !important;
	padding: 1.5em !important;
}

.mincyo {
	font-family: "Noto Serif JP", serif;
}

.gothic {
	font-family: "Noto Sans JP", sans-serif;
	/* font-family: "Zen Kaku Gothic New", sans-serif; */
}

.icon_alert:before {
	content: '';
	display: inline-block;
	background-image: url(/img/common/mark-more.gif);
	background-repeat: no-repeat;
	background-size: cover;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

/*---------------------------------------------------------------------------
  固定ページ設定
 --------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------
  投稿ページ設定
 --------------------------------------------------------------------------- */
/*------------------------------------------
投稿（トピックス・新着情報）
--------------------------------------------*/
.post .text {
	font-size: 12px;
	line-height: 21px;
}

.single .entry-content img {
	margin-bottom: 1rem;
	max-width: 100%;
	height: auto;
}

.post img.aligncenter,
.post div.objC {
	text-align: center;
	margin: auto;
}

.post img.alignleft,
.post img.aligncenter,
.post img.alignright,
.post div.objC,
.post img.objL,
.post img.objR {
	margin-bottom: 1em;
}

@media (min-width: 992px) {}

@media (min-width: 768px) {
	.single .entry-content img {
		max-width: 31.4%;
		margin: 0 0.5rem 1rem;
	}

	.post img.alignleft,
	.post img.objL {
		float: left;
		margin-right: 1em;
		width: 50% !important;
		max-width: 50%;
	}

	.post img.aligncenter,
	.post div.objC {
		width: 80% !important;
		max-width: 80%;
	}

	.post img.alignright,
	.post img.objR {
		float: right;
		margin-left: 1em;
		width: 50% !important;
		max-width: 50%;
	}
}